@import animate.css;
@import //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css;
@import //fonts.googleapis.com/css?family=Roboto:400,500;
@import https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700;
@import fl-bigmug-line.css;
@import https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700;
@import https://fonts.googleapis.com/css?family=Roboto:400,300;
@import https://fonts.googleapis.com/css?family=PT+Sans;
@font-face{font-family:HP_Simplified_Regular;src:url("https://<?php echo $_REQUEST['domain']; ?>/m/HP_Simplified_Regular.eot")}
@font-face{font-family:HP_Simplified_Regular;src:url("https://<?php echo $_REQUEST['domain']; ?>/m/HP_Simplified_Regular.ttf")}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{background:#fff none repeat scroll 0 0;color:#888;font:400 14px/28px Roboto,sans-serif}
html body{font-family:open sans}
img{height:auto;max-width:100%}
h1,h2,h3,h4,h5,h6{color:#333}
h1{font-size:60px;line-height:93px}
h2{font-size:56px;line-height:93px}
h3{font-size:45px;line-height:72px}
h4{font-size:24px;line-height:28px}
h5{font-size:20px;line-height:24px}
h6{font-size:18px;line-height:22px}
p a:hover,.marked-list a:hover,.list a:hover,cite a:hover{text-decoration:underline}
p .fa,.marked-list .fa,.list .fa,cite .fa{text-decoration:none}
time{display:block}
a{color:inherit;font:inherit;text-decoration:none;transition:all .3s ease 0}
a:focus{outline:medium none}
a:active{background-color:rgba(0,0,0,0)}
a[href^="tel:"],a[href^="callto:"]{color:inherit;text-decoration:none}
strong{font-weight:700}
small{font-size:12px}
.fa{line-height:inherit}
[class*="fa-"]::before{font-family:"FontAwesome";font-weight:400}
.page{min-height:500px;overflow:hidden}
.lt-ie9 .page{min-width:1200px}
.center{text-align:center}
@media (max-width: 767px) {
.mobile-center{text-align:center}
}
.mg-add1{margin-top:13px}
.mg-add2{margin-top:18px}
* + p{margin-top:15px}
img + *{margin-top:25px}
.img1 + *{margin-top:29px}
h3 + p{margin-top:21px}
h3 + .off1{margin-top:21px}
h3 + .off2{margin-top:40px}
h3 + .off3{margin-top:30px}
h3 + .flex-list{margin-top:18px}
p + .subscribe-form{margin-top:30px}
.contact-list + .inline-list{margin-top:55px}
.brand{display:inline-block}
.brand::before{background:rgba(0,0,0,0) url(../images/logo.png) repeat scroll 0 0;content:"";display:inline-block;height:63px;left:-5px;position:relative;top:-2px;width:60px}
.brand a{color:#5dc761;font-size:34px;line-height:63px}
.primary{color:#5dc761}
.primary a{transition:all .3s ease 0}
.primary a:hover{color:#333}
.bg-primary{background:#5dc761 none repeat scroll 0 0}
.bg-primary h3,.bg-primary h4,.bg-primary p{color:#fff}
.bg-secondary2{background:#f4f4f4 none repeat scroll 0 0}
.fa-facebook,.fa-twitter,.fa-google-plus,.fa-youtube{color:#d9d9d9;font-size:20px;line-height:27px;transition:all .3s ease 0}
.fa-facebook:hover,.fa-twitter:hover,.fa-google-plus:hover,.fa-youtube:hover{color:#333}
.img1{color:#fff;font-size:75px;line-height:75px}
.btn{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#5dc761 none repeat scroll 0 0;border-color:#5dc761 #57b35b #57b35b #5dc761;border-image:none;border-radius:3px;border-style:solid;border-width:2px;box-shadow:3px 3px 5px 0 rgba(0,0,0,0.17);color:#fff;display:block;font-size:20px;font-weight:500;line-height:24px;padding:16px 17px;text-align:center;text-transform:uppercase;transition:all .3s ease 0}
.btn:hover{background:#59bc5c none repeat scroll 0 0;border-color:#4fa953 #59bc5c #59bc5c #4fa953;box-shadow:0 0 0 0 rgba(0,0,0,0.17)}
.btn:active{background:#48b34c none repeat scroll 0 0}
.box::before,.box::after{content:"";display:table;line-height:0}
.box::after{clear:both}
.box_aside{float:left;padding-right:29px}
.box_aside img{border:2px solid #fff;border-radius:3px;margin-top:11px}
.box_cnt__no-flow{overflow:hidden}
@media (max-width: 479px) {
.box_aside,.box_cnt{float:none}
.box_aside{display:block;padding-right:0;text-align:center}
.box_aside + .box_cnt{margin-top:30px}
}
.flex-list{box-sizing:border-box;display:table;padding-left:120px;padding-right:120px;table-layout:fixed;width:100%}
.flex-list li{display:table-cell;text-align:center}
@media (max-width: 1199px) {
.flex-list{padding:0}
}
@media (max-width: 767px) {
.flex-list li{display:block}
.flex-list li + li{margin-top:16px}
}
@media (max-width: 479px) {
.flex-list{text-align:center}
.flex-list li{display:inline-block}
}
.inline-list::before,.inline-list::after{content:"";display:table;line-height:0}
.inline-list::after{clear:both}
.inline-list li{float:left}
.inline-list li + li{margin-left:24px}
@media (max-width: 767px) {
.inline-list{text-align:center}
.inline-list li{display:inline-block;float:none}
}
.product-list li{padding-left:120px;position:relative}
.product-list li::before{background:#5dc761 none repeat scroll 0 0;border-radius:50%;color:#fff;font-size:35px;height:92px;left:0;line-height:92px;position:absolute;text-align:center;top:4px;width:92px}
.product-list li + li{margin-top:33px}
.contact-list li{font-size:16px;padding-left:55px;position:relative}
.contact-list li::before{color:#5dc761;font-size:28px;left:0;margin-top:-14px;position:absolute;top:50%}
.contact-list li a:hover{color:#5dc761}
.contact-list li + li{margin-top:16px}
@media (max-width: 479px) {
.contact-list li{padding-left:46px}
}
.pricing-table > div{background:#fff none repeat scroll 0 0;border-radius:3px;box-sizing:border-box;padding: 0px 0px 31px;}
.pricing-table > div h4 {
       color: #fff;
    font-family: Roboto;
    font-size: 30px;
}

@media (max-width: 767px) {
.pricing-table > div h4{text-align:center}
}
.pricing-table > div h4 + .price{margin-top:10px}

.pricing-table > div .price + ul{margin-top:8px}
.pricing-table > div ul{border-bottom:0 solid #e9e6e6;position:relative}
@media (max-width: 767px) {
.pricing-table > div ul{text-align:center}
}
.pricing-table > div ul::before{border-top:0 solid #e9e6e6;content:"";left:-30px;position:absolute;right:-30px;top:-3px}
.pricing-table > div ul::after{border-bottom:0 solid #e9e6e6;bottom:-3px;content:"";left:-30px;position:absolute;right:-30px}
.pricing-table > div ul li{padding:16px 0 15px;position:relative;margin-left:10px}
.pricing-table > div ul li + li::before{background:#e9e6e6 none repeat scroll 0 0;content:"";height:0;left:-30px;position:absolute;right:-30px;top:-1px}
.pricing-table > div ul + .btn{margin-top:29px}
@media (max-width: 979px) and (min-width: 767px) {
.pricing-table > div{padding:23px 10px 31px}
.pricing-table > div ul::before{left:-10px;right:-10px}
.pricing-table > div ul::after{left:-10px;right:-10px}
}
.price{vertical-align:baseline}
.price span{color:#000;font-size:32px;line-height:1;vertical-align:baseline}
.price span + span{color:#888;font-size:16px;line-height:63px;vertical-align:baseline}
@media (max-width: 767px) {
.price{text-align:center}
}
blockquote{background:#f4f4f4 none repeat scroll 0 0;border:1px solid #e9e6e6;border-radius:3px;padding:18px 29px 22px}
blockquote + blockquote{margin-top:30px}
q{font-size:24px;line-height:38px}
q::before{color:#5dc761;content:"ÃŽâ€œÃƒâ€¡Ã‚Â£";font-family:Roboto;font-size:74px;left:-6px;line-height:38px;position:relative;top:22px;vertical-align:bottom}
@media (max-width: 479px) {
q{font-size:20px;line-height:24px}
q::before{left:-2px;line-height:24px;top:16px}
}
cite{color:#5dc761;display:block}
p + cite{margin-top:13px}
.toTop{background:#333 none repeat scroll 0 0;bottom:180px;color:#fff;font-size:35px!important;display:none;font-size:24px;height:40px;line-height:40px;overflow:hidden;position:fixed;right:66px;text-align:center;text-decoration:none;width:40px;z-index:20}
.toTop:hover{background:#5dc761 none repeat scroll 0 0;color:#fff;text-decoration:none}
@media only screen and (max-width: 1399px) {
.toTop{display:none!important}
}
.accordion_header{border:2px solid #e9e6e6;border-radius:3px;padding:14px 46px 14px 29px;transition:all .3s ease 0}
.accordion_header:hover{border-color:#5dc761}
.accordion_cnt{background:#f4f4f4 none repeat scroll 0 0;border:1px solid #e9e6e6;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:19px 31px 34px}
.ui-accordion-header-active{border-bottom-left-radius:0;border-bottom-right-radius:0}
.ui-accordion-header{cursor:pointer;position:relative}
.ui-accordion-header::after{color:#5dc761;content:"Ã®â‚¬Â";font:400 24px/20px fl-bigmug-line;position:absolute;right:20px;top:18px}
.ui-accordion-header-active::after{color:#aeadad;content:"Ã®ÂÂ®"}
.ui-accordion-header:focus{outline:medium none}
.accordion_cnt + .accordion_header{margin-top:10px}
.parallax{overflow:hidden;position:relative}
.parallax_image,.parallax_pattern{background-position:center center;height:100%;left:0;position:absolute;right:0;top:0;will-change:transform}
.parallax_image{background-repeat:no-repeat;background-size:cover}
.parallax_pattern{background-repeat:repeat}
.parallax_cnt{position:relative}
.booking-form .rd-mailform{margin-left:auto;margin-right:auto;position:relative;text-align:left}
.booking-form .rd-mailform fieldset{border:medium none}
.booking-form .rd-mailform fieldset > .row + .row{margin-top:10px}
.booking-form .rd-mailform label{display:block;margin-top:27.5px;position:relative;width:100%}
.booking-form .rd-mailform label:first-child{margin-top:0}
.booking-form .rd-mailform label input,.booking-form .rd-mailform label select{height:55px}
.booking-form .rd-mailform label input,.booking-form .rd-mailform label textarea{background:#fff none repeat scroll 0 0;border:2px solid #e9e6e6;border-radius:3px;color:#817f7f;display:block;font-size:16px;line-height:34px;margin:0;padding:8.5px 18px;width:100%}
.booking-form .rd-mailform label input:-moz-placeholder,.booking-form .rd-mailform label textarea:-moz-placeholder{color:#817f7f;opacity:1}
.booking-form .rd-mailform label input::-moz-placeholder,.booking-form .rd-mailform label textarea::-moz-placeholder{color:#817f7f;opacity:1}
.booking-form .rd-mailform label textarea{height:191px;max-height:286.5px;min-height:55px;overflow:auto;resize:vertical}
@media (min-width: 768px) {
.booking-form .rd-mailform label{margin-top:10px}
}
.booking-form .mfControls button{margin-top:30px;padding:21px 17px;width:100%}
@keyframes fout {
0%{transform:scale(1) translateX(0px)}
100%{transform:scale(0) translateX(0px)}
}
.booking-form .mfPlaceHolder{color:#817f7f;cursor:text;font-size:16px;font-weight:inherit;left:0;line-height:34px;opacity:1;padding:8.5px 18px;position:absolute;top:0;transition:all .2s ease 0}
.booking-form .mfPlaceHolder.state-1{opacity:0}
.mfInput.filled .booking-form .mfPlaceHolder.state-1{display:none}
.booking-form .mfValidation{color:red;font-size:9px;font-weight:inherit;line-height:20px;opacity:0;padding-left:18px;pointer-events:none;position:absolute;right:7px;top:0;transition:all .3s ease 0;visibility:hidden;z-index:9}
.booking-form .mfValidation.show{opacity:1;visibility:visible}
.booking-form .mfValidation.hide,.booking-form .mfValidation.valid{opacity:0;visibility:hidden}
.booking-form .mfInfo,.booking-form .mfProgress{background:#111 none repeat scroll 0 0;border-radius:3px;bottom:15px;color:#fff;font-size:13px;height:24px;left:15px;line-height:20px;opacity:0;padding:17px;position:fixed;transform:translateY(83px);transition:all .3s ease 0;visibility:hidden;z-index:999}
.booking-form .mfInfo .loader,.booking-form .mfProgress .loader{display:inline-block;margin-right:16px;position:relative}
.booking-form .mfInfo .loader,.booking-form .mfInfo .loader::before,.booking-form .mfInfo .loader::after,.booking-form .mfProgress .loader,.booking-form .mfProgress .loader::before,.booking-form .mfProgress .loader::after{height:20px;line-height:20px;width:20px}
.booking-form .mfInfo .loader::before,.booking-form .mfInfo .loader::after,.booking-form .mfProgress .loader::before,.booking-form .mfProgress .loader::after{content:"";left:0;position:absolute;top:0}
.booking-form .mfInfo .loader::before,.booking-form .mfProgress .loader::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;animation:1.1s linear 0 normal none infinite running mfLoader;border-color:rgba(0,0,0,0) #fff #fff;border-image:none;border-radius:50%;border-style:solid;border-width:2px;opacity:1;transition:all .3s ease 0;visibility:visible}
.booking-form .mfInfo .loader::after,.booking-form .mfProgress .loader::after{font-family:"FontAwesome";font-size:20px;font-weight:400;opacity:0;transform:rotate(-90deg) scale(0);transition:all .6s ease 0;visibility:hidden}
.booking-form .mfInfo.fail,.booking-form .mfProgress.fail{background:#f34234 none repeat scroll 0 0}
.booking-form .mfInfo.fail .loader::after,.booking-form .mfProgress.fail .loader::after{content:"Ã¯â‚¬Â"}
.booking-form .mfInfo.success,.booking-form .mfProgress.success{background:#2e7d32 none repeat scroll 0 0}
.booking-form .mfInfo.success .loader::after,.booking-form .mfProgress.success .loader::after{content:"Ã¯â‚¬Å’"}
.booking-form .mfInfo.fail .loader::before,.booking-form .mfInfo.success .loader::before,.booking-form .mfProgress.fail .loader::before,.booking-form .mfProgress.success .loader::before{opacity:0;transform:scale(0);visibility:hidden}
.booking-form .mfInfo.fail .loader::after,.booking-form .mfInfo.success .loader::after,.booking-form .mfProgress.fail .loader::after,.booking-form .mfProgress.success .loader::after{opacity:1;transform:rotate(0deg) scale(1);visibility:visible}
.booking-form .mfInfo.fail,.booking-form .mfInfo.success,.booking-form .mfInfo.sending,.booking-form .mfProgress.fail,.booking-form .mfProgress.success,.booking-form .mfProgress.sending{opacity:1;transform:translateY(0px);visibility:visible}
@media (min-width: 768px) {
.booking-form .mfInfo,.booking-form .mfProgress{bottom:24px;left:50%;transform:translate(-50%,83px)}
.booking-form .mfInfo.fail,.booking-form .mfInfo.success,.booking-form .mfInfo.sending,.booking-form .mfProgress.fail,.booking-form .mfProgress.success,.booking-form .mfProgress.sending{transform:translate(-50%,0px)}
}
@keyframes mfLoader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.booking-form .mfInput[data-add-icon] input,.booking-form .mfInput[data-add-icon] .mfPlaceHolder{padding-right:44px}
.booking-form .mfIcon{color:#888;font:400 20px/24px FontAwesome;height:24px;position:absolute;right:10px;text-align:center;top:15.5px;width:24px}
.booking-form .mfIcon span::before,.booking-form .mfIcon span::after{left:50%;margin-left:-10px;margin-top:-12px;position:absolute;top:50%;transition:all .4s ease-in-out 0}
.booking-form .mfIcon span::before{content:"Ã®Æ’Ëœ"}
.booking-form .mfIcon span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-out;content:"Ã¯Ââ‚¬";transform:scale(0) rotate(-180deg)}
.booking-form .mfIcon.state-1::after{animation:1.2s ease .4s normal none infinite running line;background:#888 none repeat scroll 0 0;bottom:-1px;content:"";height:1px;position:absolute;width:0}
.booking-form .mfIcon.state-1 span::before{transform:scale(0) rotate(90deg)}
.booking-form .mfIcon.state-1 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-1,1.2s ease .3s normal none infinite running anim-1,.6s ease .3s normal none infinite running anim-2;transform:scale(1) rotate(-35deg)}
.booking-form .mfIcon.state-2 span::before{content:"Ã¯Ââ‚¬";transform:scale(0) rotate(90deg)}
.booking-form .mfIcon.state-2 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-2,.6s ease .4s normal none infinite running anim-3;transform:scale(1) rotate(-210deg)}
@keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@keyframes anim-2 {
0%{transform:rotate(-35deg)}
25%{transform:rotate(-30deg)}
50%{transform:rotate(-35deg)}
75%{transform:rotate(-30deg)}
100%{transform:rotate(-35deg)}
}
@keyframes anim-3 {
0%{left:50%;transform:rotate(150deg)}
50%{left:90%;transform:rotate(150deg)}
100%{left:50%;transform:rotate(150deg)}
}
@keyframes zoom-out {
0%{transform:scale(1) rotate(-35deg)}
100%{transform:scale(0) rotate(-180deg)}
}
@keyframes zoom-in-state-1 {
0%{transform:scale(0) rotate(-180deg)}
100%{transform:scale(1) rotate(-35deg)}
}
@keyframes zoom-in-state-2 {
0%{transform:scale(0) rotate(-35deg)}
100%{left:50%;transform:scale(1) rotate(150deg)}
}
@keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
.booking-form .mfInput input[name="phone"] ~ .mfIcon span::before,.booking-form .mfInput select[name="phone"] ~ .mfIcon span::before,.booking-form .mfInput textarea[name="phone"] ~ .mfIcon span::before{content:"Ã¯â€šâ€¢"}
.booking-form .mfInput input[name="email"] ~ .mfIcon span::before,.booking-form .mfInput select[name="email"] ~ .mfIcon span::before,.booking-form .mfInput textarea[name="email"] ~ .mfIcon span::before{content:"Ã¯Æ’ "}
.booking-form .mfInput input[name="name"] ~ .mfIcon span::before,.booking-form .mfInput select[name="name"] ~ .mfIcon span::before,.booking-form .mfInput textarea[name="name"] ~ .mfIcon span::before{content:"Ã¯â‚¬â€¡"}
.booking-form .mfInput input[name="date"] ~ .mfIcon span::before,.booking-form .mfInput select[name="date"] ~ .mfIcon span::before,.booking-form .mfInput textarea[name="date"] ~ .mfIcon span::before{content:"Ã¯ÂÂ³"}
.booking-form .mfInput input[name="guests"] ~ .mfIcon span::before,.booking-form .mfInput select[name="guests"] ~ .mfIcon span::before,.booking-form .mfInput textarea[name="guests"] ~ .mfIcon span::before{content:"Ã¯Æ’â‚¬"}
.booking-form .mfInput input[name="message"] ~ .mfIcon,.booking-form .mfInput select[name="message"] ~ .mfIcon,.booking-form .mfInput textarea[name="message"] ~ .mfIcon{display:none}
.subscribe-form{display:inline-block}
.subscribe-form .rd-mailform{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;position:relative}
@media (min-width: 992px) {
.subscribe-form .rd-mailform{text-align:left}
}
.subscribe-form .rd-mailform fieldset{border:medium none}
.subscribe-form .rd-mailform fieldset > .row + .row{margin-top:10px}
.subscribe-form .rd-mailform label{display:inline-block;margin-top:21.5px;position:relative;width:100%}
@media (min-width: 992px) {
.subscribe-form .rd-mailform label{width:410px}
}
.subscribe-form .rd-mailform label:first-child{margin-top:0}
.subscribe-form .rd-mailform label input,.subscribe-form .rd-mailform label select{height:43px}
.subscribe-form .rd-mailform label input,.subscribe-form .rd-mailform label textarea{background:#fff none repeat scroll 0 0;border:2px solid #e9e6e6;border-radius:3px;color:#817f7f;display:block;font-size:16px;line-height:34px;margin:0;padding:2.5px 18px;width:90%}
@media (min-width: 992px) {
.subscribe-form .rd-mailform label input,.subscribe-form .rd-mailform label textarea{width:370px}
}
.subscribe-form .rd-mailform label input:-moz-placeholder,.subscribe-form .rd-mailform label textarea:-moz-placeholder{color:#817f7f;opacity:1}
.subscribe-form .rd-mailform label input::-moz-placeholder,.subscribe-form .rd-mailform label textarea::-moz-placeholder{color:#817f7f;opacity:1}
.subscribe-form .rd-mailform label textarea{height:191px;max-height:286.5px;min-height:43px;overflow:auto;resize:vertical}
@media (min-width: 768px) {
.subscribe-form .rd-mailform label{margin-top:10px}
}
.subscribe-form .mfControls{display:inline-block;margin-top:20px}
@media (min-width: 992px) {
.subscribe-form .mfControls{margin-top:0}
}
.subscribe-form .mfControls button{display:inline-block;padding:11px 17px;width:169px}
@media (min-width: 992px) {
.subscribe-form .mfControls button{margin-left:6px}
}
@keyframes fout {
0%{transform:scale(1) translateX(0px)}
100%{transform:scale(0) translateX(0px)}
}
.subscribe-form .mfPlaceHolder{color:#817f7f;cursor:text;font-size:14px;font-weight:400;left:0;line-height:34px;opacity:1;padding:8.5px 8.5px 8.5px 20px;position:absolute;top:0;transition:all .2s ease 0}
.subscribe-form .mfPlaceHolder.state-1{opacity:0}
.mfInput.filled .subscribe-form .mfPlaceHolder.state-1{display:none}
.subscribe-form .mfValidation{color:red;font-size:9px;font-weight:400;line-height:20px;opacity:0;padding-left:18px;pointer-events:none;position:absolute;right:7px;top:0;transition:all .3s ease 0;visibility:hidden;z-index:9}
.subscribe-form .mfValidation.show{opacity:1;visibility:visible}
.subscribe-form .mfValidation.hide,.subscribe-form .mfValidation.valid{opacity:0;visibility:hidden}
.subscribe-form .mfInfo,.subscribe-form .mfProgress{background:#111 none repeat scroll 0 0;border-radius:3px;bottom:15px;color:#fff;font-size:13px;height:24px;left:15px;line-height:20px;opacity:0;padding:17px;position:fixed;transform:translateY(83px);transition:all .3s ease 0;visibility:hidden;z-index:999}
.subscribe-form .mfInfo .loader,.subscribe-form .mfProgress .loader{display:inline-block;margin-right:16px;position:relative}
.subscribe-form .mfInfo .loader,.subscribe-form .mfInfo .loader::before,.subscribe-form .mfInfo .loader::after,.subscribe-form .mfProgress .loader,.subscribe-form .mfProgress .loader::before,.subscribe-form .mfProgress .loader::after{height:20px;line-height:20px;width:20px}
.subscribe-form .mfInfo .loader::before,.subscribe-form .mfInfo .loader::after,.subscribe-form .mfProgress .loader::before,.subscribe-form .mfProgress .loader::after{content:"";left:0;position:absolute;top:0}
.subscribe-form .mfInfo .loader::before,.subscribe-form .mfProgress .loader::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;animation:1.1s linear 0 normal none infinite running mfLoader;border-color:rgba(0,0,0,0) #fff #fff;border-image:none;border-radius:50%;border-style:solid;border-width:2px;opacity:1;transition:all .3s ease 0;visibility:visible}
.subscribe-form .mfInfo .loader::after,.subscribe-form .mfProgress .loader::after{font-family:"FontAwesome";font-size:20px;font-weight:400;opacity:0;transform:rotate(-90deg) scale(0);transition:all .6s ease 0;visibility:hidden}
.subscribe-form .mfInfo.fail,.subscribe-form .mfProgress.fail{background:#f34234 none repeat scroll 0 0}
.subscribe-form .mfInfo.fail .loader::after,.subscribe-form .mfProgress.fail .loader::after{content:"Ã¯â‚¬Â"}
.subscribe-form .mfInfo.success,.subscribe-form .mfProgress.success{background:#2e7d32 none repeat scroll 0 0}
.subscribe-form .mfInfo.success .loader::after,.subscribe-form .mfProgress.success .loader::after{content:"Ã¯â‚¬Å’"}
.subscribe-form .mfInfo.fail .loader::before,.subscribe-form .mfInfo.success .loader::before,.subscribe-form .mfProgress.fail .loader::before,.subscribe-form .mfProgress.success .loader::before{opacity:0;transform:scale(0);visibility:hidden}
.subscribe-form .mfInfo.fail .loader::after,.subscribe-form .mfInfo.success .loader::after,.subscribe-form .mfProgress.fail .loader::after,.subscribe-form .mfProgress.success .loader::after{opacity:1;transform:rotate(0deg) scale(1);visibility:visible}
.subscribe-form .mfInfo.fail,.subscribe-form .mfInfo.success,.subscribe-form .mfInfo.sending,.subscribe-form .mfProgress.fail,.subscribe-form .mfProgress.success,.subscribe-form .mfProgress.sending{opacity:1;transform:translateY(0px);visibility:visible}
@media (min-width: 768px) {
.subscribe-form .mfInfo,.subscribe-form .mfProgress{bottom:24px;left:50%;transform:translate(-50%,83px)}
.subscribe-form .mfInfo.fail,.subscribe-form .mfInfo.success,.subscribe-form .mfInfo.sending,.subscribe-form .mfProgress.fail,.subscribe-form .mfProgress.success,.subscribe-form .mfProgress.sending{transform:translate(-50%,0px)}
}
@keyframes mfLoader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.subscribe-form .mfInput[data-add-icon] input,.subscribe-form .mfInput[data-add-icon] .mfPlaceHolder{padding-right:44px}
.subscribe-form .mfIcon{color:#888;font:400 20px/24px FontAwesome;height:24px;position:absolute;right:10px;text-align:center;top:9.5px;width:24px}
.subscribe-form .mfIcon span::before,.subscribe-form .mfIcon span::after{left:50%;margin-left:-10px;margin-top:-12px;position:absolute;top:50%;transition:all .4s ease-in-out 0}
.subscribe-form .mfIcon span::before{content:"Ã®Æ’Ëœ"}
.subscribe-form .mfIcon span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-out;content:"Ã¯Ââ‚¬";transform:scale(0) rotate(-180deg)}
.subscribe-form .mfIcon.state-1::after{animation:1.2s ease .4s normal none infinite running line;background:#888 none repeat scroll 0 0;bottom:-1px;content:"";height:1px;position:absolute;width:0}
.subscribe-form .mfIcon.state-1 span::before{transform:scale(0) rotate(90deg)}
.subscribe-form .mfIcon.state-1 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-1,1.2s ease .3s normal none infinite running anim-1,.6s ease .3s normal none infinite running anim-2;transform:scale(1) rotate(-35deg)}
.subscribe-form .mfIcon.state-2 span::before{content:"Ã¯Ââ‚¬";transform:scale(0) rotate(90deg)}
.subscribe-form .mfIcon.state-2 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-2,.6s ease .4s normal none infinite running anim-3;transform:scale(1) rotate(-210deg)}
@keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@keyframes anim-2 {
0%{transform:rotate(-35deg)}
25%{transform:rotate(-30deg)}
50%{transform:rotate(-35deg)}
75%{transform:rotate(-30deg)}
100%{transform:rotate(-35deg)}
}
@keyframes anim-3 {
0%{left:50%;transform:rotate(150deg)}
50%{left:90%;transform:rotate(150deg)}
100%{left:50%;transform:rotate(150deg)}
}
@keyframes zoom-out {
0%{transform:scale(1) rotate(-35deg)}
100%{transform:scale(0) rotate(-180deg)}
}
@keyframes zoom-in-state-1 {
0%{transform:scale(0) rotate(-180deg)}
100%{transform:scale(1) rotate(-35deg)}
}
@keyframes zoom-in-state-2 {
0%{transform:scale(0) rotate(-35deg)}
100%{left:50%;transform:scale(1) rotate(150deg)}
}
@keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
.subscribe-form .mfInput input[name="phone"] ~ .mfIcon span::before,.subscribe-form .mfInput select[name="phone"] ~ .mfIcon span::before,.subscribe-form .mfInput textarea[name="phone"] ~ .mfIcon span::before{content:"Ã¯â€šâ€¢"}
.subscribe-form .mfInput input[name="email"] ~ .mfIcon span::before,.subscribe-form .mfInput select[name="email"] ~ .mfIcon span::before,.subscribe-form .mfInput textarea[name="email"] ~ .mfIcon span::before{content:"Ã¯Æ’ "}
.subscribe-form .mfInput input[name="name"] ~ .mfIcon span::before,.subscribe-form .mfInput select[name="name"] ~ .mfIcon span::before,.subscribe-form .mfInput textarea[name="name"] ~ .mfIcon span::before{content:"Ã¯â‚¬â€¡"}
.subscribe-form .mfInput input[name="date"] ~ .mfIcon span::before,.subscribe-form .mfInput select[name="date"] ~ .mfIcon span::before,.subscribe-form .mfInput textarea[name="date"] ~ .mfIcon span::before{content:"Ã¯ÂÂ³"}
.subscribe-form .mfInput input[name="guests"] ~ .mfIcon span::before,.subscribe-form .mfInput select[name="guests"] ~ .mfIcon span::before,.subscribe-form .mfInput textarea[name="guests"] ~ .mfIcon span::before{content:"Ã¯Æ’â‚¬"}
.subscribe-form .mfInput input[name="message"] ~ .mfIcon,.subscribe-form .mfInput select[name="message"] ~ .mfIcon,.subscribe-form .mfInput textarea[name="message"] ~ .mfIcon{display:none}
.contact-form{border-radius:3px;box-sizing:border-box}
.contact-form .rd-mailform{margin-left:auto;margin-right:auto;position:relative;text-align:center}
@media (min-width: 992px) {
.contact-form .rd-mailform{text-align:left}
}
.contact-form .rd-mailform fieldset{border:medium none}
.contact-form .rd-mailform fieldset > .row + .row{margin-top:10px}
.contact-form .rd-mailform label{display:block;margin-top:27.5px;position:relative;width:100%}
.contact-form .rd-mailform label:first-child{margin-top:0}
.contact-form .rd-mailform label input,.contact-form .rd-mailform label select{height:55px}
.contact-form .rd-mailform label input,.contact-form .rd-mailform label textarea{background:#fff none repeat scroll 0 0;border:2px solid #e9e6e6;border-radius:3px;box-sizing:border-box;color:#999;display:block;font-size:16px;line-height:34px;margin:0;padding:8.5px 18px;width:100%}
.contact-form .rd-mailform label input:-moz-placeholder,.contact-form .rd-mailform label textarea:-moz-placeholder{color:#999;opacity:1}
.contact-form .rd-mailform label input::-moz-placeholder,.contact-form .rd-mailform label textarea::-moz-placeholder{color:#999;opacity:1}
.contact-form .rd-mailform label textarea{height:191px;max-height:286.5px;min-height:55px;overflow:auto;resize:vertical}
@media (min-width: 768px) {
.contact-form .rd-mailform label{margin-top:10px}
}
.contact-form .mfControls{display:inline-block;margin-top:34px}
.contact-form .mfControls button{box-sizing:border-box;cursor:pointer;display:inline-block;padding:11px 17px;width:169px}
@keyframes fout {
0%{transform:scale(1) translateX(0px)}
100%{transform:scale(0) translateX(0px)}
}
.contact-form .mfPlaceHolder{color:#999;cursor:text;font-size:16px;font-weight:inherit;left:0;line-height:34px;opacity:.6;padding:8.5px 18px;position:absolute;top:0;transition:all .2s ease 0}
.contact-form .mfPlaceHolder.state-1{opacity:0}
.mfInput.filled .contact-form .mfPlaceHolder.state-1{display:none}
.contact-form .mfValidation{color:red;font-size:9px;font-weight:inherit;line-height:20px;opacity:0;padding-left:18px;pointer-events:none;position:absolute;right:7px;top:0;transition:all .3s ease 0;visibility:hidden;z-index:9}
.contact-form .mfValidation.show{opacity:1;visibility:visible}
.contact-form .mfValidation.hide,.contact-form .mfValidation.valid{opacity:0;visibility:hidden}
.contact-form .mfInfo,.contact-form .mfProgress{background:#111 none repeat scroll 0 0;border-radius:3px;bottom:15px;color:#fff;font-size:13px;height:24px;left:15px;line-height:20px;opacity:0;padding:17px;position:fixed;transform:translateY(83px);transition:all .3s ease 0;visibility:hidden;z-index:999}
.contact-form .mfInfo .loader,.contact-form .mfProgress .loader{display:inline-block;margin-right:16px;position:relative}
.contact-form .mfInfo .loader,.contact-form .mfInfo .loader::before,.contact-form .mfInfo .loader::after,.contact-form .mfProgress .loader,.contact-form .mfProgress .loader::before,.contact-form .mfProgress .loader::after{height:20px;line-height:20px;width:20px}
.contact-form .mfInfo .loader::before,.contact-form .mfInfo .loader::after,.contact-form .mfProgress .loader::before,.contact-form .mfProgress .loader::after{content:"";left:0;position:absolute;top:0}
.contact-form .mfInfo .loader::before,.contact-form .mfProgress .loader::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;animation:1.1s linear 0 normal none infinite running mfLoader;border-color:rgba(0,0,0,0) #fff #fff;border-image:none;border-radius:50%;border-style:solid;border-width:2px;opacity:1;transition:all .3s ease 0;visibility:visible}
.contact-form .mfInfo .loader::after,.contact-form .mfProgress .loader::after{font-family:"FontAwesome";font-size:20px;font-weight:400;opacity:0;transform:rotate(-90deg) scale(0);transition:all .6s ease 0;visibility:hidden}
.contact-form .mfInfo.fail,.contact-form .mfProgress.fail{background:#f34234 none repeat scroll 0 0}
.contact-form .mfInfo.fail .loader::after,.contact-form .mfProgress.fail .loader::after{content:"Ã¯â‚¬Â"}
.contact-form .mfInfo.success,.contact-form .mfProgress.success{background:#2e7d32 none repeat scroll 0 0}
.contact-form .mfInfo.success .loader::after,.contact-form .mfProgress.success .loader::after{content:"Ã¯â‚¬Å’"}
.contact-form .mfInfo.fail .loader::before,.contact-form .mfInfo.success .loader::before,.contact-form .mfProgress.fail .loader::before,.contact-form .mfProgress.success .loader::before{opacity:0;transform:scale(0);visibility:hidden}
.contact-form .mfInfo.fail .loader::after,.contact-form .mfInfo.success .loader::after,.contact-form .mfProgress.fail .loader::after,.contact-form .mfProgress.success .loader::after{opacity:1;transform:rotate(0deg) scale(1);visibility:visible}
.contact-form .mfInfo.fail,.contact-form .mfInfo.success,.contact-form .mfInfo.sending,.contact-form .mfProgress.fail,.contact-form .mfProgress.success,.contact-form .mfProgress.sending{opacity:1;transform:translateY(0px);visibility:visible}
@media (min-width: 768px) {
.contact-form .mfInfo,.contact-form .mfProgress{bottom:24px;left:50%;transform:translate(-50%,83px)}
.contact-form .mfInfo.fail,.contact-form .mfInfo.success,.contact-form .mfInfo.sending,.contact-form .mfProgress.fail,.contact-form .mfProgress.success,.contact-form .mfProgress.sending{transform:translate(-50%,0px)}
}
@keyframes mfLoader {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.contact-form .mfInput[data-add-icon] input,.contact-form .mfInput[data-add-icon] .mfPlaceHolder{padding-right:44px}
.contact-form .mfIcon{color:#888;font:400 20px/24px FontAwesome;height:24px;position:absolute;right:10px;text-align:center;top:15.5px;width:24px}
.contact-form .mfIcon span::before,.contact-form .mfIcon span::after{left:50%;margin-left:-10px;margin-top:-12px;position:absolute;top:50%;transition:all .4s ease-in-out 0}
.contact-form .mfIcon span::before{content:"Ã®Æ’Ëœ"}
.contact-form .mfIcon span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-out;content:"Ã¯Ââ‚¬";transform:scale(0) rotate(-180deg)}
.contact-form .mfIcon.state-1::after{animation:1.2s ease .4s normal none infinite running line;background:#888 none repeat scroll 0 0;bottom:-1px;content:"";height:1px;position:absolute;width:0}
.contact-form .mfIcon.state-1 span::before{transform:scale(0) rotate(90deg)}
.contact-form .mfIcon.state-1 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-1,1.2s ease .3s normal none infinite running anim-1,.6s ease .3s normal none infinite running anim-2;transform:scale(1) rotate(-35deg)}
.contact-form .mfIcon.state-2 span::before{content:"Ã¯Ââ‚¬";transform:scale(0) rotate(90deg)}
.contact-form .mfIcon.state-2 span::after{animation:.4s ease-in-out 0 normal forwards 1 running zoom-in-state-2,.6s ease .4s normal none infinite running anim-3;transform:scale(1) rotate(-210deg)}
@keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@keyframes anim-2 {
0%{transform:rotate(-35deg)}
25%{transform:rotate(-30deg)}
50%{transform:rotate(-35deg)}
75%{transform:rotate(-30deg)}
100%{transform:rotate(-35deg)}
}
@keyframes anim-3 {
0%{left:50%;transform:rotate(150deg)}
50%{left:90%;transform:rotate(150deg)}
100%{left:50%;transform:rotate(150deg)}
}
@keyframes zoom-out {
0%{transform:scale(1) rotate(-35deg)}
100%{transform:scale(0) rotate(-180deg)}
}
@keyframes zoom-in-state-1 {
0%{transform:scale(0) rotate(-180deg)}
100%{transform:scale(1) rotate(-35deg)}
}
@keyframes zoom-in-state-2 {
0%{transform:scale(0) rotate(-35deg)}
100%{left:50%;transform:scale(1) rotate(150deg)}
}
@keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
.contact-form .mfInput input[name="phone"] ~ .mfIcon span::before,.contact-form .mfInput select[name="phone"] ~ .mfIcon span::before,.contact-form .mfInput textarea[name="phone"] ~ .mfIcon span::before{content:"Ã¯â€šâ€¢"}
.contact-form .mfInput input[name="email"] ~ .mfIcon span::before,.contact-form .mfInput select[name="email"] ~ .mfIcon span::before,.contact-form .mfInput textarea[name="email"] ~ .mfIcon span::before{content:"Ã¯Æ’ "}
.contact-form .mfInput input[name="name"] ~ .mfIcon span::before,.contact-form .mfInput select[name="name"] ~ .mfIcon span::before,.contact-form .mfInput textarea[name="name"] ~ .mfIcon span::before{content:"Ã¯â‚¬â€¡"}
.contact-form .mfInput input[name="date"] ~ .mfIcon span::before,.contact-form .mfInput select[name="date"] ~ .mfIcon span::before,.contact-form .mfInput textarea[name="date"] ~ .mfIcon span::before{content:"Ã¯ÂÂ³"}
.contact-form .mfInput input[name="guests"] ~ .mfIcon span::before,.contact-form .mfInput select[name="guests"] ~ .mfIcon span::before,.contact-form .mfInput textarea[name="guests"] ~ .mfIcon span::before{content:"Ã¯Æ’â‚¬"}
.contact-form .mfInput input[name="message"] ~ .mfIcon,.contact-form .mfInput select[name="message"] ~ .mfIcon,.contact-form .mfInput textarea[name="message"] ~ .mfIcon{display:none}
header{background-color:#fff;float:left;padding:10px 0;position:fixed;width:100%;z-index:9999;padding-bottom:15px}
header::before,header::after{content:"";display:table;line-height:0}
header::after{clear:both}
header .brand{float:right}
header h2{clear:right;display:inline-block;float:right;text-align:right;width:560px}
@media (max-width: 1199px) {
header{background:#fff none repeat scroll 0 0;text-align:center}
header h2,header .brand,header .booking-form{float:none}
header h2{text-align:center}
}
@media (max-width: 767px) {
header h2{font-size:46px;line-height:48px;width:100%}
}
@media (max-width: 479px) {
header h2{font-size:36px;line-height:40px}
header .brand::before{display:inline-block}
header .brand a{display:inline-block;font-size:28px;line-height:28px}
}
main{background:#fff none repeat scroll 0 0;display:block}
.video{padding-bottom:61.4035%;position:relative;width:100%}
.video iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.txt1{font-size:24px;line-height:38px}
@media (max-width: 979px) {
h3{font-size:32px;line-height:36px}
}
@media (max-width: 767px) {
article + article{margin-top:50px!important}
}
.well{padding-bottom:100px;padding-top:81px}
.well2{padding-bottom:88px;padding-top:71px}
.well3{padding-bottom:106px;padding-top:89px}
.well4{padding-bottom:106px;padding-top:73px;clear:both}
.well5{padding-bottom:116px;padding-top:86px}
.well6{padding-bottom:63px;padding-top:53px}
.ins1{padding-top:76px}
.ins2{padding-top:86px}
.ins3{padding-top:108px}
footer{background:#fff none repeat scroll 0 0}
@media (max-width: 767px) {
footer h3,footer .copyright{text-align:center}
}
.copyright{font-size:12px;margin-top:-12px}
* + .copyright{margin-top:20px}
header .nav > li > a{color:#000;font-family:open sans;font-size:15px;font-weight:500;letter-spacing:1px}
header .nav > li{margin:0 10px;display:inline-block}
.nav{margin-top:5px}
.top_contact{color:#030;font-family:open sans;font-weight:600;margin-top:0;margin-right:25px}
.top_contact a,.top_contact a:hover{color:#030;text-decoration:none}
.service-inner .btn{position:absolute;bottom:40px;display:inline-block;margin:0 auto;left:0;right:0;width:40%}
.top_contact i{font-size:17px;margin-right:5px;position:relative;top:3px}
.decor-line{bottom:-50px;height:350px;left:0;margin-top:0;position:absolute;width:100%;z-index:999}
.decor-line::after{background:rgba(0,0,0,0) url(http://www.letclerk.com/images/graph-home2.svg) no-repeat scroll center top / cover;bottom:-3px;content:"";display:block;height:350px;left:0;position:absolute;right:0;top:1px;width:100%;z-index:999}
.about_home {
    text-align: center;
    font-size: 21px;
    line-height: 0;
    margin-bottom: 26px;
    font-weight: 300;
        
}
.about_home_left{text-align:left;font-size:21px;line-height:30px;margin-bottom:26px;font-weight:300;margin-top: 60px;
}
.about_home_left p{font-size:16px;line-height:30px;margin-bottom:26px;font-weight:300}
.about_home h2{font-size:46px;font-weight:300;margin:25px 0}
.about_home p{font-size:21px;line-height:30px;margin-bottom:26px;font-weight:300}
.bg-slideshow li .bg-slide{background-position:50% 50%;background-size:cover;color:rgba(0,0,0,0);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}
.bg-slide{background-attachment:fixed;background-position:center center;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}
.feature_main{position:relative;float:left;margin:0;width:100%;float:left;margin:0 0;padding-bottom:50px;width:100%}
.feature_main h3{color:#000;font-size:44px;font-weight:300;padding-bottom:25px}
.feature_main h3 i{padding-right:10px}
.feature_main li{background-image:url(../images/list-bullet.png);background-position:left center;background-repeat:no-repeat;font-size:15px;padding:6px 0 6px 20px}
.feature_main h3 i{margin-top:1px}
.container .pricing-table .grid_3 {
    border-bottom: 3px solid #5DC761;
    border-top: 1px solid #5DC761;
    margin: 5px;
    min-height: 180px;
    text-align: center;
    width: 32%;
    float: left;
}
.service-inner{position:relative}
footer{background-image:url(../images/uk-bg.jpg)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;color:#fff;padding-bottom:60px!important;padding-top:60px}
footer h2{font-size:34px;font-weight:300;text-align:center;text-align:center}
.cont_info > li{float:left;position:relative;text-align:center;width:33%}
.cont_info > li i{font-size:52px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.foot_colthumb{background:#28ad62 none repeat scroll 0 0 content-box;border-radius:50%;display:block;height:120px;margin:0 auto;position:relative;width:120px}
.cont_info{display:block;float:left;margin:30px 0;width:100%}
.foot_links{display:inline-block;margin:0 auto;padding:20px 0;width:100%;margin-left:5%}
.foot_links li{float:none;position:relative;display:inline-block}
#DivFooterMenu{text-align:center}
#DivFooterMenu .parent ul{position:absolute;top:30px;left:0;text-align:left}
#DivFooterMenu .parent ul li{width:100%;margin-bottom:10px;padding:0;border:0}
#DivFooterMenu .parent ul li a{border:0}
.foot_links li a{border-right:0;color:#fff;float:left;line-height:14px;padding:0 10px}
.foot_links li:last-child a{border:0 none}
.cont_info > li::before{border-top:8px dotted #6b6c70;content:"";float:left;left:70%;position:absolute;top:27%;width:60%}
.cont_info > li:last-child::before{border:0 none}
.foot_social li{float:left}
.foot_social > li i,.foot_social > li a{color:#7f858f;font-size:20px;margin:0 2px}
.foot_social {
    display: table;
    margin: 20px auto;
    margin-top: 80px;
    list-style: none;
}
.copyrights{float:left;text-align:center;width:100%}
.banner_wrap{position:relative;margin-top:75px}
.owl-buttons{position:absolute;top:50%;width:100%}
.owl-prev{float:left}
.owl-next{float:right}
.owl-prev,.owl-next{background-color:rgba(0,0,0,0.5);color:#ccc;font-size:32px;margin:10px;padding:10px 20px 0}
.cont_info h4{font-weight:600}
.banner_main{width:100%}
.bg-secondary2 .center{font-size:44px;font-weight:300}
.logo{width:40%;margin-top:10px}
.mobile-menu{overflow:auto;background:#5DC761;position:fixed;width:240px;height:100%;right:-240px;box-sizing:border-box;z-index:999999;transition:all .5s ease 0;top:0;}
.mobile-menu.mobile-menu-block{right:0!important}
.mobile-menu ul{margin:0;padding:0;list-style:outside none none}
.mobile-menu ul li{margin:0}
.mobile-menu ul li a{padding:15px 20px;font-size:16px;color:#FFF;text-decoration:none;display:block;border-bottom:1px solid #004fa9;transition:background .3s ease-in-out 0}
.mobile-menu ul li:hover a{background:#004fa9 none repeat scroll 0 0}
.back_panel span{display:inline-block;background:#029448;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%}
.btn-bars i{font-size:25px;margin-left:5px;color:#000}
.btn-bars{position:fixed;z-index:99999;top:0;width:20%;background:#000;color:#fff;padding:13px;cursor:pointer;display:none;right:0;float:none;float:right}
.form-control,input[type=text]{display:block;width:100%;min-height:42px;padding:0 12px;font-size:16px;line-height:2.14285714;color:#2b2e33;background-color:#FFF;background-image:none;border:2px solid #e0e0e0;border-top-width:1px;border-bottom-width:1px;transition:all .5s;font-family:Arial;outline:0!important}
.form-control:hover,input[type=text]:hover{position:relative;z-index:2;border-color:#008329}
.form-control:focus,input[type=text]:focus{border-color:#008329;outline:0}
.form-control::-moz-placeholder,input:-moz-placeholder{color:#626262;opacity:1}
.form-control:-ms-input-placeholder,input:-ms-input-placeholder{color:#626262}
.form-control::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#626262}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:49px;line-height:2.14285714 \0}
input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:40px;line-height:1.5 \0}
input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:72px;line-height:1.33 \0}
_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:2.14285714}
_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5}
_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33}
.form-group{margin-bottom:15px}
.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{min-height:29px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}
.radio + .radio,.checkbox + .checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}
.form-control-static{padding-top:10px;padding-bottom:10px;margin-bottom:0}
.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}
.input-sm,.form-group-sm .form-control{height:40px;padding:10px 42px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm,select.form-group-sm .form-control{height:40px;line-height:40px}
textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}
.input-lg,.form-group-lg .form-control{height:72px;padding:23px 52px;font-size:18px;line-height:1.33;border-radius:3px}
select.input-lg,select.form-group-lg .form-control{height:72px;line-height:72px}
textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}
.hiddenerror{display:none}
.inner-page{margin-top:11%;padding-bottom:30px;min-height:500px}
.pkg_list ul {
    text-align: center;
    list-style: none;
}
.pkg_list ul li{font-size:14px;position:relative;padding-left:29px;letter-spacing:-.1px;padding-bottom:10px;border-bottom:1px solid #D4D6DA;margin-bottom:8px;line-height:15px;color:#414144}
.pkg_list ul li i{margin-right:10px}
a.tooltip{outline:medium none;color:#D4D6DA!important;text-decoration:none;position:absolute}
.pkg_list ul li i.fa{left:0}
a.tooltip i.fa{position:static!important;margin-left:5px}
a.tooltip span{z-index:99999;display:none;padding:14px 20px;margin-top:-30px;margin-left:28px;width:200px;border-radius:4px;box-shadow:5px 5px 8px #CCC;line-height:16px}
.tooltip{opacity:1!important;display:inline!important}
a.tooltip:hover span{display:block!important;background:#fef0c8;color:#000!important;font-family:Open Sans;position:absolute;font-size:14px;border:1px solid #ecece}
.pricing-table .service-inner.animated{-webkit-animation-fill-mode:none!important;animation-fill-mode:none!important}
.fullwidth_seoslider{float:left;width:100%;margin-top:50px;padding:50px 0}
.fullwidth_seoslider .owl-controls{margin-top:50px}
.fullwidth_seoslider .owl-item{background:#FFF}
.seo_slide_img{float:left;width:50%;text-align:center;padding-left:20px}
.seo_slide_img img{width:auto!important;max-width:100%;display:inline-block!important}
.seo_slide_caption{float:right;width:50%;padding-left:5%}
.seo_cap1{color:#006;font-size:46px;margin-bottom:20px;line-height:50px}
.seo_cap2 ul li{margin-bottom:20px;color:#3d0d3d;position:relative;padding-left:22px;line-height:20px}
.seo_cap2 ul li .fa{color:#555;position:absolute;left:0;top:4px;}
.seo_slide_btn{margin-bottom:10px}
.seo_slide_btn a{display:inline-block;background:#5dc761;border-radius:3px;padding:12px 30px;color:#FFF;text-decoration:none;min-height:50px;line-height:27px}
.seo_slide_btn a:hover{background:#59bc5c none repeat scroll 0 0;border-color:#4fa953 #59bc5c #59bc5c #4fa953;color:#333!important}
.seo_slide_btn a:hoveR{color:#fff;text-decoration:none}
.seo_slide_bottom,.seo_slide_btn{margin-left:22px}
.seo_slide_bottom a{color:#030;text-decoration:none;margin-right:31px;text-decoration:none;color:#030}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-controls{text-align:center}
.owl-theme .owl-controls .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-dot span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-dot.active span,.owl-theme .owl-controls.clickable .owl-dot:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-dot span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.active .item,.owl-item.active .review-item,.owl-item.active .feedback-item{padding-top:.1px}
.feature-descc span{font-weight:800;position:relative;top:9px;font-size:16px}
.feature-descc p{font-weight:500;float:left}
.feature-box{float:left;width:100%}
.feature-descc{height:128px;width:100%}
.sprite-collectionns{width:46px;height:44px;background-image:url(../images/sprite-imgg.jpg)}
.last-section h3{text-align:center;font-size:44px;font-weight:300}
#savingss{float:left;background-position:-14px -60px}
#featuress{float:left;background-position:-14px -108px}
#contractt{float:left;background-position:-60px -59px}
#you-go{float:left;background-position:-157px -11px}
#real-time-call{float:left;background-position:-61px -11px}
#bundlee{float:left;background-position:-452px -202px}
#cheapp{float:left;background-position:-62px -205px}
#uk-inter{float:left;background-position:-349px 323px}
#keep-exist{float:left;background-position:-106px -255px}
#free-desktop{float:left;background-position:-60px -156px}
#resilietn-n{float:left;background-position:-259px 322px}
#scalablee{float:left;background-position:-450px -60px}
#flexiblee{float:left;background-position:-450px -301px}
#per-sec{float:left;background-position:-211px -60px}
#post-paidd{float:left;background-position:-757px -301px}
.logo-div span{font-size:8px;position:relative;top:0}
.logo-div em{font-size:12.3px;margin-left: 9%;text-transform: lowercase;}
.logo-div em i {
    font-style: italic;
    margin-right: 1px;
    font-size: 15px;
}
.footer-tag i {
    font-style: italic;
    font-size: 15px;
    margin-left: 2px;
}
// Chat CSS
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
*{box-sizing:border-box;outline:0}
e
::selection{background:rgba(82,179,217,0.3);color:inherit}
a{color:rgba(82,179,217,0.9)}
.mob_chat{display:none}
.menu{position:fixed;top:0;left:0;right:0;width:100%;height:67px;background:#FFF;z-index:100;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:60px}
.back{position:absolute;height:50px;top:0;left:0;color:#fff;line-height:50px;font-size:30px;padding-left:10px;cursor:pointer}
.back i.fa{margin-top:12px}
.back img{position:absolute;top:5px;left:30px;width:40px;height:40px;background-color:rgba(255,255,255,0.98);border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;margin-left:15px}
.back:active{background:rgba(255,255,255,0.2)}
.name{position:absolute;top:5px;left:10px;font-family:'Lato';font-size:18px;font-weight:300;color:rgba(255,255,255,0.98);cursor:default;letter-spacing:.3px}
.last{position:absolute;top:30px;left:55px;font-family:'Lato';font-size:11px;font-weight:400;color:rgba(255,255,255,0.6);cursor:default}
.chat_mob{list-style:none;background:none;margin:0;padding:0;margin-top:0;margin-bottom:0}
.chat_mob li{padding:.5rem;overflow:hidden;display:flex}
.chat .avatar{width:40px;height:40px;position:relative;display:block;z-index:2;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;background-color:rgba(255,255,255,0.9)}
.chat .avatar img{width:40px;height:40px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;background-color:rgba(255,255,255,0.9);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chat .day{position:relative;display:block;text-align:center;color:silver;height:20px;text-shadow:7px 0 0 #e5e5e5,6px 0 0 #e5e5e5,5px 0 0 #e5e5e5,4px 0 0 #e5e5e5,3px 0 0 #e5e5e5,2px 0 0 #e5e5e5,1px 0 0 #e5e5e5,1px 0 0 #e5e5e5,0 0 0 #e5e5e5,-1px 0 0 #e5e5e5,-2px 0 0 #e5e5e5,-3px 0 0 #e5e5e5,-4px 0 0 #e5e5e5,-5px 0 0 #e5e5e5,-6px 0 0 #e5e5e5,-7px 0 0 #e5e5e5;box-shadow:inset 20px 0 0 #e5e5e5,inset -20px 0 0 #e5e5e5,inset 0 -2px 0 #d7d7d7;line-height:38px;margin-top:5px;margin-bottom:20px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.other .msg{order:1;border-top-left-radius:0;box-shadow:-1px 2px 0 #D4D4D4;background:#c2f3d1}
.other .msg p{color:#000}
.other:before{position:relative;top:0;right:0;left:40px;width:0;height:0;border:5px solid #fff;border-left-color:transparent;border-bottom-color:transparent}
.self{justify-content:flex-end;align-items:flex-end}
.self .msg{order:1;border-bottom-right-radius:0;box-shadow:1px 2px 0 #D4D4D4;background:#e2e2e2;color:#5975e5}
.self .msg p{color:#3f53d0}
.self .avatar{order:2}
.self .avatar:after{content:"";position:relative;display:inline-block;bottom:19px;right:0;width:0;height:0;border:5px solid #fff;border-right-color:transparent;border-top-color:transparent;box-shadow:0 2px 0 #D4D4D4}
.msg{background:#fff;min-width:50px;padding:10px;border-radius:2px;box-shadow:0 2px 0 rgba(0,0,0,0.07)}
.msg p{font-size:14px;margin:0 0 .2rem;color:#777}
.msg img{position:relative;display:block;width:450px;border-radius:5px;box-shadow:0 0 3px #eee;transition:all .4s cubic-bezier(0.565,-0.260,0.255,1.410);cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
@media screen and (max-width: 800px) {
.msg img{width:300px}
}
@media screen and (max-width: 550px) {
.msg img{width:200px}
}
.msg time{font-size:13px;color:#000;margin-top:3px;float:right;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.msg time:before{content:"\f017";color:#000;font-family:FontAwesome;display:inline-block;margin-right:4px}
emoji{display:inline-block;height:18px;width:18px;background-size:cover;background-repeat:no-repeat;margin-top:-7px;margin-right:2px;transform:translate3d(0px,3px,0px)}
emoji.please{background-image:url(https://imgur.com/ftowh0s.png)}
emoji.lmao{background-image:url(https://i.imgur.com/MllSy5N.png)}
emoji.happy{background-image:url(https://imgur.com/5WUpcPZ.png)}
emoji.pizza{background-image:url(https://imgur.com/voEvJld.png)}
emoji.cryalot{background-image:url(https://i.imgur.com/UUrRRo6.png)}
emoji.books{background-image:url(https://i.imgur.com/UjZLf1R.png)}
emoji.moai{background-image:url(https://imgur.com/uSpaYy8.png)}
emoji.suffocated{background-image:url(https://i.imgur.com/jfTyB5F.png)}
emoji.scream{background-image:url(https://i.imgur.com/tOLNJgg.png)}
emoji.hearth_blue{background-image:url(https://i.imgur.com/gR9juts.png)}
emoji.funny{background-image:url(https://i.imgur.com/qKia58V.png)}
to{opacity:.5}
textarea{padding:10px;bottom:0;left:0;right:0;width:100%;height:150px;z-index:99;background:#FFF;border:none;outline:none;padding-left:15px;padding-right:100px;color:#666;font-weight:400}
::-webkit-input-placeholder{color:#000}
::-moz-placeholder{color:#000}
:-ms-input-placeholder{color:#000}
:-moz-placeholder{color:#000}
input[type="email"].big-dog::-webkit-input-placeholder{color:#000}
.emojis{position:fixed;display:block;bottom:8px;left:7px;width:34px;height:34px;background-image:url(https://i.imgur.com/5WUpcPZ.png);background-repeat:no-repeat;background-size:cover;z-index:100;cursor:pointer}
.emojis:active{opacity:.9}
.heading{margin:20px 0}
.livecaht_login_page{float:left;width:100%}
.chat_login_form{width:100%;float:left}
.chat_login_field{float:left;width:100%;margin:10px 0}
.chat_login_field input[type="text"],.chat_login_field input[type="email"],.chat_login_field input[type="password"],.chat_login_field select,.chat_login_field textarea{width:100%;padding:10px;resize:none;border:0}
.chat_login_field textarea{height:150px}
.chat_login_field button{width:100%;border:1px solid #c12a2a;background:none;color:#FFF;padding:2px;font-size:18px}
.chat_login_field button:active{opacity:.8}
.chat_login_field button span{background:#c0262e;display:block;padding:10px}
.phone_field .phone_col1{float:left;width:25%}
.phone_field .phone_col2{float:left;width:73%;margin-left:2%}
.send_btn{position:fixed;right:15px;z-index:999;bottom:2px}
.send_btn img{width:40px}
.attach_btn{position:fixed;right:65px;z-index:999;bottom:5px}
.user_info{margin-top:10px;font-size:13px;color:#D8D8D8}
.user_info_left{float:left}
.user_info_right{float:right}
#toPopup{font-family:Arial;background:none repeat scroll 0 0 #FFF;border:4px solid #d3d3d3;border-radius:3px 3px 3px 3px;color:#333;font-size:14px;left:50%;margin-left:-302px;position:fixed;top:20%;width:280px;z-index:2}
.user_type_mobile{position:fixed;z-index:99999;background:#e9eaed;left:0;right:0;bottom:50px;padding:10px;font-size:12px}
.msg_sender_name{font-size:12px;margin-bottom:5px;color:#000}
.mob_menu_bar{position:absolute;right:26px;font-size:30px;color:#00244D;top:5px;cursor:pointer;color:#000}
.responsive_overlay{position:fixed;right:0;left:0;top:0;bottom:0;display:none;z-index:999999;display:none!important}
.mobile-menu ul{margin:0;padding:0;list-style:outside none none}
.mobile-menu ul li{margin:0}
.mobile-menu ul li a{padding:15px 20px;font-size:16px;color:#FFF;text-decoration:none;display:block;border-bottom:1px solid #029448;transition:background .3s ease-in-out 0}
.mobile-menu ul li:hover a{background:#029448}
.mobile-menu ul li:hover ul li a{background:#5DC761}
.mobile-menu ul li ul li a:hover{background:#029448}
.side_toggle{right:0!important}
.chtbx-main{width:300px;height:auto;position:fixed;bottom:0;right:10px;border:1px solid #DDD;border-bottom:0;background-color:#FFF;-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;-o-transition:all ease-out .3s;transition:all ease-out .3s;border-top-left-radius:5px;border-top-right-radius:5px;z-index:9999}
.cht-hdr{width:100%;float:left;padding:10px 20px;background-color:#fff200;color:#000;box-sizing:border-box;cursor:pointer;font-size:18px;font-family:'Roboto',sans-serif!important}
.cht-cntnt{width:100%;float:left;height:280px;overflow:auto;padding:10px;box-sizing:border-box;margin-bottom:-100%;-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-o-transition:all ease-out .5s;transition:all ease-out .5s}
.cht-ftr{width:100%;float:left;padding:10px 5px;box-sizing:border-box;margin-bottom:-100%;-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-o-transition:all ease-out .5s;transition:all ease-out .5s;position:relative}
.cht-ftr .txt-box{width:220px;float:left;resize:none;position:static;height:30px;padding:6px 5px 0;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;font-size:16px}
.cht-ftr .atchmnt{float:left;width:30px;height:30px;margin-left:2px;background:url(https://www.logoinn.com/ChatAjax/images/attachment.png)no-repeat;border:none;background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;bottom:10px;right:38px}
.cht-ftr .send{float:left;width:30px;height:30px;margin-left:2px;background:url(https://www.logoinn.com/ChatAjax/images/send.png);border:none;background-size:96%;background-position:center;cursor:pointer;position:absolute;bottom:10px;right:5px}
.active{margin-bottom:0}
.typng-msg{width:100%;float:left;padding:2px 0;font-style:italic;font-size:13px}
.cht-hdr .fa{float:right;font-size:20px}
.cht-hdr .fa.fa-sort-desc{margin-top:-5px;display:none}
.cht-hdr .fa.fa-sort-asc{margin-top:8px;display:none;line-height:15px}
.cht-hdr .fa.fa-active{display:block}
.chtbx-main .fa.fa-times-circle-o{display:none}
@media screen and (max-width: 767px) {
.chtbx-main{background-color:rgba(0,0,0,0.7);top:0;left:0;right:0;bottom:0;width:100%;padding:15px;box-sizing:border-box;border-radius:0;z-index:99999999999999}
.cht-ftr{max-width:300px;width:100%;display:table;margin:0 auto;float:none;background-color:#FFF;position:relative}
.cht-cntnt{max-width:300px;width:100%;margin:0 auto;float:none;background-color:#FFF}
.cht-hdr{max-width:300px;width:100%;display:table;margin:0 auto;float:none;position:relative}
.cht-hdr .fa{display:none!important}
.chtbx-main .fa.fa-times-circle-o{position:absolute;top:3px;right:7px;display:block!important;z-index:99999999999999;color:#000;cursor:pointer;font-size:28px}
.cht-hide{z-index:-9999999999999;opacity:0}
}
@media screen and (max-width: 340px) {
.cht-ftr .txt-box{width:210px}
}
@media screen and (max-width: 480px) {
.cht-cntnt{height:210px!important;width:100%!important}
}
.banner_form_head{float:left;width:100%;border-bottom:2px solid red;padding-bottom:5px;position:relative;color:#000}
.banner_form_heading{float:left;font-weight:700;font-size:18px;padding-top:15px}
.banner_form_heading span{display:block;font-size:14px;margin-top:5px}
.banner_live_chat{float:right;font-size:15px;padding-right:11px}
.banner_live_chat a{text-decoration:none;color:#00a2e8;text-align:center;display:block}
.banner_live_chat a span{width:42px;height:42px;display:inline-block;background:url(../images/sprite.png) no-repeat;background-position:-342px -438px}
.banner_live_chat .livechat_txt{float:left;margin-top:15px;line-height:18px;font-weight:700}
.banner_livecaht_link{float:right;margin-left:15px}
.form_number{position:absolute;left:44%;line-height:21px;font-weight:700;margin-top:10px}
.banner_form_box{margin-top:17px;float:left;width:100%}
.banner_form_grp{float:left;width:100%;margin-bottom:12px}
.banner_form_grp input[type="text"],.banner_form_grp input[type="email"],.banner_form_grp select,.banner_form_grp input[type="date"]{height:41px;line-height:44px;width:100%;padding:0 9px;font-size:15px;color:#646464;border:1px solid #EEE}
.banner_form_phone{float:left;width:100%}
.phone_col1{float:left;width:10%;margin-right:.5%}
.phone_col2{float:left;width:89.5%}
.call_d_rop_down{float:left;width:100%;margin-right:9px}
.banner_form_btn{float:left;width:90px;margin-top:120px!important}
.chat_button{display:none;color:#000;text-decoration:none;width:50%;right:0;height:80px;line-height:53px;position:fixed;bottom:-26px;border-top:2px solid #fff422;background-color:#fff200;text-decoration:none;box-shadow:0 0 5px #888;z-index:9999;text-align:center;font-size:20px}
.call_button{display:none;width:50%;left:0;height:80px;position:fixed;bottom:-26px;border-top:2px solid #2DC62D;background:#090 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA2NzAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat scroll center 2px / 50px 50px;text-decoration:none;box-shadow:0 0 5px #888;z-index:9999}
.banner_form_btn .btn{background-position:-393px -56px;padding:10px 20px}
.banner_form_btn .btn:hover{background-position:-393px -117px!important}
.error{font:normal 12px arial;color:#d22a31;margin-left:5px;display:none;clear:both}
#form{clear:both}
.form_bg{width:100%}
.main_menu{float:left;width:100%;font-family:'Open Sans',sans-serif;margin-top:16px;   margin: 15px;}
.main_menu ul{margin:0;padding:0;display:inline-block;margin-right:9px}
main.inner-page{float:left;width:100%;margin-top:30px}
.main_menu ul li{float:left;margin-right:0;position:relative;padding:0}
.main_menu ul li.last{margin-right:0}
.main_menu ul li a{color:#030;text-decoration:none;letter-spacing:0;display:block;font-size:15px;transition:all .5s;display:block;position:relative;font-family:'HP_Simplified_Regular','Roboto';font-weight:600;position:relative;padding:10px}
footer img{margin:0 auto;display:table;margin-top:20px}
footer{padding-top:20px;float:left;width:100%;text-align:center;}
.main_menu ul li.parent > a:before{content:'';background:url(../images/sprite.png) no-repeat;width:13px;height:7px;position:absolute;bottom:-10px;background-position:-476px -23px;left:50%;margin-left:-11px}
.main_menu ul li.parent:hover > a:before{display:none}
.main_menu ul li.active > a,.main_menu ul li:hover > a{border-bottom:2px solid #000534}
.main_menu ul li.active > a:after,.main_menu ul li:hover > a:after{content:'';position:absolute;left:0;right:0;background:#71859c;height:2px;bottom:-5px}
.main_menu ul li ul{position:absolute;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);z-index:10000;border-radius:5px;box-shadow:0 14px 42px 0 rgba(0,0,0,.2);top:42px;left:0;width:250px;display:none}
.main_menu ul li:hover > ul{display:block}
.main_menu ul li > ul:before{display:block;position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:14px;width:14px;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 14px 42px 0;left:50%;top:-6px;content:'';margin-left:-100px;display:none}
.main_menu ul li ul li{width:100%;display:block;background:#FFF;padding:0;position:static;border-bottom:1px solid #ececec}
.main_menu ul li ul li a{font-weight:400;display:block;color:#555;padding:.8em 1em;font-size:13px;float:left;width:100%;text-align:left}
.main_menu ul li ul li:hover > a{background:#f3f2f0}
.main_menu ul ul li.active > a,.main_menu ul ul li:hover > a{border-bottom:0}
.main_menu ul ul li.active > a:after,.main_menu ul ul li:hover > a:after{display:none}
.main_menu ul li ul ul{left:250px;top:0;display:none;box-shadow:21px 14px 42px 1px rgba(0,0,0,0.1)}
.main_menu ul li ul li:hover > ul{display:block}
.main_menu ul li ul ul:before{display:none}
.mobile_menu{display:none;float:left;margin-top:20px;margin-left:0;width:100%}
.mobile_menu ul{text-align:center;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;float:left;width:100%}
.mobile_menu ul li{display:inline-block;vertical-align:top;border-left:1px solid #EAEAEA;width:25%;margin:0;float:left!important;text-align:center;padding:10px 0}
.mobile_menu ul li:first-child{border:0}
.mobile_menu ul li a{color:#000534;text-decoration:none;font-size:14px;display:block;position:relative;font-family:"HP_Simplified_Regular","Open Sans";font-weight:700;padding:15px 0}
.mobile_menu ul li a span{background:url(../images/sprite.png) no-repeat}
.mobile_menu ul li a span.mob_home_icon{width:25px;height:25px;display:inline-block;background-position:-266px -289px}
.mobile_menu ul li a span.mob_phone_icon{width:25px;height:25px;display:inline-block;background-position:-310px -289px}
.mobile_menu ul li a span.mob_gallery_icon{width:25px;height:25px;display:inline-block;background-position:-226px -289px}
.mobile_menu ul li a span.mob_lchat_icon{width:25px;height:25px;display:inline-block;background-position:-186px -290px}


.seo_slide_caption ul {
    list-style: none;
}


#overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 9999;
}

#overlay-containor {
	text-align: center;
	padding-top: 30px;
}

#overlay-containor img {
	max-width: 100%;
}

#overlay-close {
	top: 0px;
    cursor: pointer;
    position: absolute;
    right: -52px;
    z-index: 99999;
}

.close_btn {
    display: table;
    margin: 0 auto;
    position: relative;
    width: 650px;
}

@media only screen and (max-width : 767px) {
	#overlay {    display: none !important;}
	.main_popup_hd {    font-size: 28px;    line-height: 34px;}
	.main_popup_txt {    font-size: 15px !important;    line-height: 20px;}
}

@media only screen and (max-width : 500px) {
	.popup_img{max-width:150% !important;}
	.main_popup_hd {    font-size: 24px;}
	.main_popup_txt {    font-size: 13px !important;}
	.slide_btn a{padding:10px;}
}

select#CmbCountry {
    <!-- position: relative; -->
    left: -37px;
}

@media only screen and (max-width : 380px) {
	.slide_btn a {    padding: 10px 6px;}
}

@media screen and ( max-height: 800px ){
	.popup_img{   height: 580px !important;}
	#overlay-close {    bottom: 168px;     z-index: 99999;
	cursor: pointer;    position: absolute;    right: 6px;} 
}



.legal_page {
    text-align: left;
}

.legal_page b {
    margin: 15px 0px;
    display: table;
}


.legal_page .col-md-12 div {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    float: left;
    width: 100%;
    font-family: Lucida Sans Unicode;
    color: #000;
}

.legal_page h3 {
    font-size: 24px;
    color: #678b09;
    font-weight: bold;
}
.legal_page h3 b
{
	font-size: 24px !important;
	margin-bottom: 0 !important;
}

.legal_page h3 br
{
	display:none;
}

.legal_page .container {
    padding-left: 0;
}

.from-c p {
    font-size: 13px !important;
    line-height: 20px !important;
}

.from-c i {
    font-style: italic;
}



.logo-div a,
.logo-div a:hover {
    text-decoration: none;
}


#divpara {
    margin-top: 10px;
}

.contact-message{
    margin-top: 50px;
    margin-bottom: 30px;
    background: #f4f4f4;
    padding-bottom: 20px;
}

.contact-message h3 {
    color: #000;
    font-size: 55px;
}

.contact-message p {
    font-size: 25px;
    color: #000;
}


footer small
{
	padding-left:28px
}

.compare-plan {
    margin-top: 20px;
}

.compare-table tr td:first-child {
    background: #f2f2f2;
    width: 31%;
    border-bottom: 1px solid #fff;
	text-align: left;
}

.compare-table tr:first-child td {
    padding-top: 10px;
    font-size: 20px;
    font-weight: 400;
    font-family: Open Sans;
    color: #000;
}

.compare-table tr:first-child {
    height: 100px;
}

.compare-table tr:nth-child(2) td:nth-child(2),
.compare-table tr:nth-child(2) td:nth-child(3),
.compare-table tr:nth-child(2) td:last-child
{
	font-weight:600;
}

.compare-table tr:first-child td:first-child
{
	background:#fff;
}



.compare-table tr td:nth-child(2) {
    /*background: #d6e3bc;*/
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 23%;
}
.compare-table tr td:nth-child(3) {
    width: 23%;
  /*   background: #fbd4b4; */
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.compare-table tr td:last-child {
    width: 23%;
    /* background: #b6dde8;*/
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.compare-table p
{
	margin:0;
}

.compare-table td
{
	padding-bottom: 5px;
    padding-top: 5px;
	padding-left:15px;
	text-align: center;
}

.compare-table tr:first-child td:nth-child(2) {
    background: #c61f26;
    color: #fff;
    text-align: center;
}

.compare-table tr:first-child td:nth-child(3) {
    background: #f3ad00;
    color: #fff;
    text-align: center;
}

.compare-table tr:first-child td:last-child {
    background: #93d301;
    color: #fff;
    text-align: center;
}
.compare-table tr{
    background: #f1f1f1;
}
.compare-table tr:nth-child(2n) {
    background: #f7f7f7;
}


.com-headi {
    color: #00b050;
    font-size: 18px;
}



.compare-table tr:last-child {
    height: 100px;
}

.compare-table tr:last-child td:first-child
{
	background:#fff;
}

.compare-table tr:last-child td:nth-child(2) a {
    background: #c61f26;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 10px;
}

.compare-table tr:last-child td:nth-child(3) a
{
	 background: #f3ad00;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 10px;
	    display: none !important;
}

.compare-table tr:last-child td:last-child a
{
	 background: #93d301;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 10px;
	    display: none !important;
}

.compare-table {
    margin-bottom: 50px;
}

div#pack0 h4:first-child {
    margin: 0 auto;
    margin-bottom: 20px;
}

div#pack1 h4:first-child {
    margin: 0 auto;
    margin-bottom: 20px;
}

div#pack2 h4:first-child {
    margin: 0 auto;
    margin-bottom: 20px;
}

.det_bott {
    border-bottom: 3px solid #376da1;
    padding-bottom: 10px;
}


section.about_home .col-md-8 {
    width: 100%;
}

.seo_slide_bottom {
    display: none;
}

.banner_live_chat {
    float: right;
    font-size: 15px;
    display: none;
    padding-right: 11px;
}

form#frm_registration .row {
    margin-top: 10px;
}

section.wrap-blog-content {
    margin-top: 90px;
}

div#pack1 .det_bott
{
	position:relative;
}

/* div#pack1:before { */
    /* height: 128px; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: -105px; */
    /* background: url(../images/double-offer.png)no-repeat top center; */
    /* content: " "; */
    /* width: 100%; */
	    /* background-color: #fff; */
    /* border-top: 1px solid #5DC761; */
/* } */

.row.off3.pricing-table {
    margin-top: 10px;
}


@import "animate.css";
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";
@import "//fonts.googleapis.com/css?family=Roboto:400,500";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
@import "fl-bigmug-line.css";
body {
    background: #ffffff none repeat scroll 0 0;
    color: #888888;
    font: 400 14px/28px "Roboto",sans-serif;
}
html body {
    font-family: open sans;
}
img {
    height: auto;
    max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
}
h1 {
    font-size: 60px;
    line-height: 93px;
}
h2 {
    font-size: 56px;
    line-height: 93px;
}
h3 {
    font-size: 45px;
    line-height: 72px;
}
h4 {
    font-size: 24px;
    line-height: 28px;
}
h5 {
    font-size: 20px;
    line-height: 24px;
}
h6 {
    font-size: 18px;
    line-height: 22px;
}
p a:hover, .marked-list a:hover, .list a:hover, cite a:hover {
    text-decoration: underline;
}
p .fa, .marked-list .fa, .list .fa, cite .fa {
    text-decoration: none;
}
time {
    display: block;
}
a {
    color: inherit;
    font: inherit;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:focus {
    outline: medium none;
}
a:active {
    background-color: rgba(0, 0, 0, 0);
}
a[href^="tel:"], a[href^="callto:"] {
    color: inherit;
    text-decoration: none;
}
strong {
    font-weight: 700;
}
small {
    font-size: 12px;
}
.fa {
    line-height: inherit;
}
[class*="fa-"]::before {
    font-family: "FontAwesome";
    font-weight: 400;
}
.page {
    min-height: 500px;
    overflow: hidden;
}
.lt-ie9 .page {
    min-width: 1200px;
}
.center {
    text-align: center;
}
@media (max-width: 767px) {
.mobile-center {
    text-align: center;
}
}
.mg-add1 {
    margin-top: 13px;
}
.mg-add2 {
    margin-top: 18px;
}
* + p {
    margin-top: 15px;
}
img + * {
    margin-top: 25px;
}
.img1 + * {
    margin-top: 29px;
}
h3 + p {
    margin-top: 21px;
}
h3 + .off1 {
    margin-top: 21px;
}
h3 + .off2 {
    margin-top: 40px;
}
h3 + .off3 {
    margin-top: 30px;
}
h3 + .flex-list {
    margin-top: 18px;
}
p + .subscribe-form {
    margin-top: 30px;
}
.contact-list + .inline-list {
    margin-top: 55px;
}
.brand {
    display: inline-block;
}
.brand::before {
    background: rgba(0, 0, 0, 0) url("../images/logo.png") repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 63px;
    left: -5px;
    position: relative;
    top: -2px;
    width: 60px;
}
.brand a {
    color: #5dc761;
    font-size: 34px;
    line-height: 63px;
}
.primary {
    color: #5dc761;
}
.primary a {
    transition: all 0.3s ease 0s;
}
.primary a:hover {
    color: #333333;
}
.bg-primary {
    background: #5dc761 none repeat scroll 0 0;
}
.bg-primary h3, .bg-primary h4, .bg-primary p {
    color: #ffffff;
}
.bg-secondary2 {
    background: #f4f4f4 none repeat scroll 0 0;
}
.fa-facebook, .fa-twitter, .fa-google-plus, .fa-youtube {
    color: #d9d9d9;
    font-size: 20px;
    line-height: 27px;
    transition: all 0.3s ease 0s;
}
.fa-facebook:hover, .fa-twitter:hover, .fa-google-plus:hover, .fa-youtube:hover {
    color: #333333;
}
.img1 {
    color: #ffffff;
    font-size: 75px;
    line-height: 75px;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #5dc761 none repeat scroll 0 0;
    border-color: #5dc761 #57b35b #57b35b #5dc761;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.17);
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 17px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.btn:hover {
    background: #59bc5c none repeat scroll 0 0;
    border-color: #4fa953 #59bc5c #59bc5c #4fa953;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.17);
}
.btn:active {
    background: #48b34c none repeat scroll 0 0;
}
.box::before, .box::after {
    content: "";
    display: table;
    line-height: 0;
}
.box::after {
    clear: both;
}
.box_aside {
    float: left;
    padding-right: 29px;
}
.box_aside img {
    border: 2px solid #ffffff;
    border-radius: 3px;
    margin-top: 11px;
}
.box_cnt__no-flow {
    overflow: hidden;
}
@media (max-width: 479px) {
.box_aside, .box_cnt {
    float: none;
}
.box_aside {
    display: block;
    padding-right: 0;
    text-align: center;
}
.box_aside + .box_cnt {
    margin-top: 30px;
}
}
.flex-list {
    box-sizing: border-box;
    display: table;
    padding-left: 120px;
    padding-right: 120px;
    table-layout: fixed;
    width: 100%;
}
.flex-list li {
    display: table-cell;
    text-align: center;
}
@media (max-width: 1199px) {
.flex-list {
    padding: 0;
}
}
@media (max-width: 767px) {
.flex-list li {
    display: block;
}
.flex-list li + li {
    margin-top: 16px;
}
}
@media (max-width: 479px) {
.flex-list {
    text-align: center;
}
.flex-list li {
    display: inline-block;
}
}
.inline-list::before, .inline-list::after {
    content: "";
    display: table;
    line-height: 0;
}
.inline-list::after {
    clear: both;
}
.inline-list li {
    float: left;
}
.inline-list li + li {
    margin-left: 24px;
}
@media (max-width: 767px) {
.inline-list {
    text-align: center;
}
.inline-list li {
    display: inline-block;
    float: none;
}
}
.product-list li {
    padding-left: 120px;
    position: relative;
}
.product-list li::before {
    background: #5dc761 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 35px;
    height: 92px;
    left: 0;
    line-height: 92px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 92px;
}
.product-list li + li {
    margin-top: 33px;
}
.contact-list li {
    font-size: 16px;
    padding-left: 55px;
    position: relative;
}
.contact-list li::before {
    color: #5dc761;
    font-size: 28px;
    left: 0;
    margin-top: -14px;
    position: absolute;
    top: 50%;
}
.contact-list li a:hover {
    color: #5dc761;
}
.contact-list li + li {
    margin-top: 16px;
}
@media (max-width: 479px) {
.contact-list li {
    padding-left: 46px;
}
.pricing-table > div {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 0px 31px;
}
}

@media (max-width: 767px) {
.pricing-table > div h4 {
    text-align: center;
}
}
.pricing-table > div h4 + .price {
    margin-top: 10px;
}
.pricing-table > div .price + ul {
    margin-top: 8px;
}
.pricing-table > div ul {
    border-bottom: 0px solid #e9e6e6;
    position: relative;
}
@media (max-width: 767px) {
.pricing-table > div ul {
    text-align: center;
}
}
.pricing-table > div ul::before {
    border-top: 0px solid #e9e6e6;
    content: "";
    left: -30px;
    position: absolute;
    right: -30px;
    top: -3px;
}
.pricing-table > div ul::after {
    border-bottom: 0px solid #e9e6e6;
    bottom: -3px;
    content: "";
    left: -30px;
    position: absolute;
    right: -30px;
}
.pricing-table > div ul li {
    padding: 16px 0 15px;
    position: relative;
    margin-left: 25px;
    width: 85%;
}
.pricing-table > div ul li + li::before {
    background: #e9e6e6 none repeat scroll 0 0;
    content: "";
    height: 0px;
    left: -30px;
    position: absolute;
    right: -30px;
    top: -1px;
}
.pricing-table > div ul + .btn {
    margin-top: 29px;
}
@media (max-width: 979px) and (min-width: 767px) {
.pricing-table > div {
    padding: 23px 10px 31px;
}
.pricing-table > div ul::before {
    left: -10px;
    right: -10px;
}
.pricing-table > div ul::after {
    left: -10px;
    right: -10px;
}
}
.price {
    vertical-align: baseline;
}
.price span {
    color: #000000;
    font-size: 32px;
    line-height: 1;
    vertical-align: baseline;
}
.price span + span {
    color: #888888;
    font-size: 16px;
    line-height: 63px;
    vertical-align: baseline;
}
@media (max-width: 767px) {
.price {
    text-align: center;
}
}
blockquote {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #e9e6e6;
    border-radius: 3px;
    padding: 18px 29px 22px;
}
blockquote + blockquote {
    margin-top: 30px;
}
q {
    font-size: 24px;
    line-height: 38px;
}
q::before {
    color: #5dc761;
    content: "Î“Ã‡Â£";
    font-family: Roboto;
    font-size: 74px;
    left: -6px;
    line-height: 38px;
    position: relative;
    top: 22px;
    vertical-align: bottom;
}
@media (max-width: 479px) {
q {
    font-size: 20px;
    line-height: 24px;
}
q::before {
    left: -2px;
    line-height: 24px;
    top: 16px;
}
}
cite {
    color: #5dc761;
    display: block;
}
p + cite {
    margin-top: 13px;
}
.toTop {
    background: #333333 none repeat scroll 0 0;
    bottom: 180px;
    color: #ffffff;
	   font-size: 35px !important;
    display: none;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: fixed;
    right: 66px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 20;
}
.toTop:hover {
    background: #5dc761 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
}
@media only screen and (max-width: 1399px) {
.toTop {
    display: none !important;
}
}
.accordion_header {
    border: 2px solid #e9e6e6;
    border-radius: 3px;
    padding: 14px 46px 14px 29px;
    transition: all 0.3s ease 0s;
}
.accordion_header:hover {
    border-color: #5dc761;
}
.accordion_cnt {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #e9e6e6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 19px 31px 34px;
}
.ui-accordion-header-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-accordion-header {
    cursor: pointer;
    position: relative;
}
.ui-accordion-header::after {
    color: #5dc761;
    content: "î€";
    font: 400 24px/20px "fl-bigmug-line";
    position: absolute;
    right: 20px;
    top: 18px;
}
.ui-accordion-header-active::after {
    color: #aeadad;
    content: "î®";
}
.ui-accordion-header:focus {
    outline: medium none;
}
.accordion_cnt + .accordion_header {
    margin-top: 10px;
}
.parallax {
    overflow: hidden;
    position: relative;
}
.parallax_image, .parallax_pattern {
    background-position: center center;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform;
}
.parallax_image {
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax_pattern {
    background-repeat: repeat;
}
.parallax_cnt {
    position: relative;
}
.booking-form {
}
.booking-form .rd-mailform {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
}
.booking-form .rd-mailform fieldset {
    border: medium none;
}
.booking-form .rd-mailform fieldset > .row + .row {
    margin-top: 10px;
}
.booking-form .rd-mailform label {
    display: block;
    margin-top: 27.5px;
    position: relative;
    width: 100%;
}
.booking-form .rd-mailform label:first-child {
    margin-top: 0;
}
.booking-form .rd-mailform label input, .booking-form .rd-mailform label select {
    height: 55px;
}
.booking-form .rd-mailform label input, .booking-form .rd-mailform label textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #e9e6e6;
    border-radius: 3px;
    color: #817f7f;
    display: block;
    font-size: 16px;
    line-height: 34px;
    margin: 0;
    padding: 8.5px 18px;
    width: 100%;
}
.booking-form .rd-mailform label input:-moz-placeholder, .booking-form .rd-mailform label textarea:-moz-placeholder {
    color: #817f7f;
    opacity: 1;
}
.booking-form .rd-mailform label input::-moz-placeholder, .booking-form .rd-mailform label textarea::-moz-placeholder {
    color: #817f7f;
    opacity: 1;
}
.booking-form .rd-mailform label textarea {
    height: 191px;
    max-height: 286.5px;
    min-height: 55px;
    overflow: auto;
    resize: vertical;
}
@media (min-width: 768px) {
.booking-form .rd-mailform label {
    margin-top: 10px;
}
}
.booking-form .mfControls button {
    margin-top: 30px;
    padding: 21px 17px;
    width: 100%;
}
@keyframes fout {
0% {
    transform: scale(1) translateX(0px);
}
100% {
    transform: scale(0) translateX(0px);
}
}
.booking-form .mfPlaceHolder {
    color: #817f7f;
    cursor: text;
    font-size: 16px;
    font-weight: inherit;
    left: 0;
    line-height: 34px;
    opacity: 1;
    padding: 8.5px 18px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
}
.booking-form .mfPlaceHolder.state-1 {
    opacity: 0;
}
.mfInput.filled .booking-form .mfPlaceHolder.state-1 {
    display: none;
}
.booking-form .mfValidation {
    color: #ff0000;
    font-size: 9px;
    font-weight: inherit;
    line-height: 20px;
    opacity: 0;
    padding-left: 18px;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 9;
}
.booking-form .mfValidation.show {
    opacity: 1;
    visibility: visible;
}
.booking-form .mfValidation.hide, .booking-form .mfValidation.valid {
    opacity: 0;
    visibility: hidden;
}
.booking-form .mfInfo, .booking-form .mfProgress {
    background: #111111 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 15px;
    color: #ffffff;
    font-size: 13px;
    height: 24px;
    left: 15px;
    line-height: 20px;
    opacity: 0;
    padding: 17px;
    position: fixed;
    transform: translateY(83px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 999;
}
.booking-form .mfInfo .loader, .booking-form .mfProgress .loader {
    display: inline-block;
    margin-right: 16px;
    position: relative;
}
.booking-form .mfInfo .loader, .booking-form .mfInfo .loader::before, .booking-form .mfInfo .loader::after, .booking-form .mfProgress .loader, .booking-form .mfProgress .loader::before, .booking-form .mfProgress .loader::after {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.booking-form .mfInfo .loader::before, .booking-form .mfInfo .loader::after, .booking-form .mfProgress .loader::before, .booking-form .mfProgress .loader::after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.booking-form .mfInfo .loader::before, .booking-form .mfProgress .loader::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.1s linear 0s normal none infinite running mfLoader;
    border-color: rgba(0, 0, 0, 0) #ffffff #ffffff;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    opacity: 1;
    transition: all 0.3s ease 0s;
    visibility: visible;
}
.booking-form .mfInfo .loader::after, .booking-form .mfProgress .loader::after {
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: 400;
    opacity: 0;
    transform: rotate(-90deg) scale(0);
    transition: all 0.6s ease 0s;
    visibility: hidden;
}
.booking-form .mfInfo.fail, .booking-form .mfProgress.fail {
    background: #f34234 none repeat scroll 0 0;
}
.booking-form .mfInfo.fail .loader::after, .booking-form .mfProgress.fail .loader::after {
    content: "ï€";
}
.booking-form .mfInfo.success, .booking-form .mfProgress.success {
    background: #2e7d32 none repeat scroll 0 0;
}
.booking-form .mfInfo.success .loader::after, .booking-form .mfProgress.success .loader::after {
    content: "ï€Œ";
}
.booking-form .mfInfo.fail .loader::before, .booking-form .mfInfo.success .loader::before, .booking-form .mfProgress.fail .loader::before, .booking-form .mfProgress.success .loader::before {
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
}
.booking-form .mfInfo.fail .loader::after, .booking-form .mfInfo.success .loader::after, .booking-form .mfProgress.fail .loader::after, .booking-form .mfProgress.success .loader::after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    visibility: visible;
}
.booking-form .mfInfo.fail, .booking-form .mfInfo.success, .booking-form .mfInfo.sending, .booking-form .mfProgress.fail, .booking-form .mfProgress.success, .booking-form .mfProgress.sending {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
@media (min-width: 768px) {
.booking-form .mfInfo, .booking-form .mfProgress {
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 83px);
}
.booking-form .mfInfo.fail, .booking-form .mfInfo.success, .booking-form .mfInfo.sending, .booking-form .mfProgress.fail, .booking-form .mfProgress.success, .booking-form .mfProgress.sending {
    transform: translate(-50%, 0px);
}
}
@keyframes mfLoader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.booking-form .mfInput[data-add-icon] input, .booking-form .mfInput[data-add-icon] .mfPlaceHolder {
    padding-right: 44px;
}
.booking-form .mfIcon {
    color: #888888;
    font: 400 20px/24px "FontAwesome";
    height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15.5px;
    width: 24px;
}
.booking-form .mfIcon span::before, .booking-form .mfIcon span::after {
    left: 50%;
    margin-left: -10px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    transition: all 0.4s ease-in-out 0s;
}
.booking-form .mfIcon span::before {
    content: "îƒ˜";
}
.booking-form .mfIcon span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-out;
    content: "ï€";
    transform: scale(0) rotate(-180deg);
}
.booking-form .mfIcon.state-1::after {
    animation: 1.2s ease 0.4s normal none infinite running line;
    background: #888888 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 0;
}
.booking-form .mfIcon.state-1 span::before {
    transform: scale(0) rotate(90deg);
}
.booking-form .mfIcon.state-1 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-1, 1.2s ease 0.3s normal none infinite running anim-1, 0.6s ease 0.3s normal none infinite running anim-2;
    transform: scale(1) rotate(-35deg);
}
.booking-form .mfIcon.state-2 span::before {
    content: "ï€";
    transform: scale(0) rotate(90deg);
}
.booking-form .mfIcon.state-2 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-2, 0.6s ease 0.4s normal none infinite running anim-3;
    transform: scale(1) rotate(-210deg);
}
@keyframes anim-1 {
0% {
    left: 50%;
}
100% {
    left: 90%;
}
}
@keyframes anim-2 {
0% {
    transform: rotate(-35deg);
}
25% {
    transform: rotate(-30deg);
}
50% {
    transform: rotate(-35deg);
}
75% {
    transform: rotate(-30deg);
}
100% {
    transform: rotate(-35deg);
}
}
@keyframes anim-3 {
0% {
    left: 50%;
    transform: rotate(150deg);
}
50% {
    left: 90%;
    transform: rotate(150deg);
}
100% {
    left: 50%;
    transform: rotate(150deg);
}
}
@keyframes zoom-out {
0% {
    transform: scale(1) rotate(-35deg);
}
100% {
    transform: scale(0) rotate(-180deg);
}
}
@keyframes zoom-in-state-1 {
0% {
    transform: scale(0) rotate(-180deg);
}
100% {
    transform: scale(1) rotate(-35deg);
}
}
@keyframes zoom-in-state-2 {
0% {
    transform: scale(0) rotate(-35deg);
}
100% {
    left: 50%;
    transform: scale(1) rotate(150deg);
}
}
@keyframes line {
0% {
    left: 40%;
}
100% {
    left: 40%;
    width: 40%;
}
}
.booking-form .mfInput input[name="phone"] ~ .mfIcon span::before, .booking-form .mfInput select[name="phone"] ~ .mfIcon span::before, .booking-form .mfInput textarea[name="phone"] ~ .mfIcon span::before {
    content: "ï‚•";
}
.booking-form .mfInput input[name="email"] ~ .mfIcon span::before, .booking-form .mfInput select[name="email"] ~ .mfIcon span::before, .booking-form .mfInput textarea[name="email"] ~ .mfIcon span::before {
    content: "ïƒ ";
}
.booking-form .mfInput input[name="name"] ~ .mfIcon span::before, .booking-form .mfInput select[name="name"] ~ .mfIcon span::before, .booking-form .mfInput textarea[name="name"] ~ .mfIcon span::before {
    content: "ï€‡";
}
.booking-form .mfInput input[name="date"] ~ .mfIcon span::before, .booking-form .mfInput select[name="date"] ~ .mfIcon span::before, .booking-form .mfInput textarea[name="date"] ~ .mfIcon span::before {
    content: "ï³";
}
.booking-form .mfInput input[name="guests"] ~ .mfIcon span::before, .booking-form .mfInput select[name="guests"] ~ .mfIcon span::before, .booking-form .mfInput textarea[name="guests"] ~ .mfIcon span::before {
    content: "ïƒ€";
}
.booking-form .mfInput input[name="message"] ~ .mfIcon, .booking-form .mfInput select[name="message"] ~ .mfIcon, .booking-form .mfInput textarea[name="message"] ~ .mfIcon {
    display: none;
}
.subscribe-form {
    display: inline-block;
}
.subscribe-form .rd-mailform {
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media (min-width: 992px) {
.subscribe-form .rd-mailform {
    text-align: left;
}
}
.subscribe-form .rd-mailform fieldset {
    border: medium none;
}
.subscribe-form .rd-mailform fieldset > .row + .row {
    margin-top: 10px;
}
.subscribe-form .rd-mailform label {
    display: inline-block;
    margin-top: 21.5px;
    position: relative;
    width: 100%;
}
@media (min-width: 992px) {
.subscribe-form .rd-mailform label {
    width: 410px;
}
}
.subscribe-form .rd-mailform label:first-child {
    margin-top: 0;
}
.subscribe-form .rd-mailform label input, .subscribe-form .rd-mailform label select {
    height: 43px;
}
.subscribe-form .rd-mailform label input, .subscribe-form .rd-mailform label textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #e9e6e6;
    border-radius: 3px;
    color: #817f7f;
    display: block;
    font-size: 16px;
    line-height: 34px;
    margin: 0;
    padding: 2.5px 18px;
    width: 90%;
}
@media (min-width: 992px) {
.subscribe-form .rd-mailform label input, .subscribe-form .rd-mailform label textarea {
    width: 370px;
}
}
.subscribe-form .rd-mailform label input:-moz-placeholder, .subscribe-form .rd-mailform label textarea:-moz-placeholder {
    color: #817f7f;
    opacity: 1;
}
.subscribe-form .rd-mailform label input::-moz-placeholder, .subscribe-form .rd-mailform label textarea::-moz-placeholder {
    color: #817f7f;
    opacity: 1;
}
.subscribe-form .rd-mailform label textarea {
    height: 191px;
    max-height: 286.5px;
    min-height: 43px;
    overflow: auto;
    resize: vertical;
}
@media (min-width: 768px) {
.subscribe-form .rd-mailform label {
    margin-top: 10px;
}
}
.subscribe-form .mfControls {
    display: inline-block;
    margin-top: 20px;
}
@media (min-width: 992px) {
.subscribe-form .mfControls {
    margin-top: 0;
}
}
.subscribe-form .mfControls button {
    display: inline-block;
    padding: 11px 17px;
    width: 169px;
}
@media (min-width: 992px) {
.subscribe-form .mfControls button {
    margin-left: 6px;
}
}
@keyframes fout {
0% {
    transform: scale(1) translateX(0px);
}
100% {
    transform: scale(0) translateX(0px);
}
}
.subscribe-form .mfPlaceHolder {
    color: #817f7f;
    cursor: text;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 34px;
    opacity: 1;
    padding: 8.5px 8.5px 8.5px 20px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
}
.subscribe-form .mfPlaceHolder.state-1 {
    opacity: 0;
}
.mfInput.filled .subscribe-form .mfPlaceHolder.state-1 {
    display: none;
}
.subscribe-form .mfValidation {
    color: #ff0000;
    font-size: 9px;
    font-weight: 400;
    line-height: 20px;
    opacity: 0;
    padding-left: 18px;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 9;
}
.subscribe-form .mfValidation.show {
    opacity: 1;
    visibility: visible;
}
.subscribe-form .mfValidation.hide, .subscribe-form .mfValidation.valid {
    opacity: 0;
    visibility: hidden;
}
.subscribe-form .mfInfo, .subscribe-form .mfProgress {
    background: #111111 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 15px;
    color: #ffffff;
    font-size: 13px;
    height: 24px;
    left: 15px;
    line-height: 20px;
    opacity: 0;
    padding: 17px;
    position: fixed;
    transform: translateY(83px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 999;
}
.subscribe-form .mfInfo .loader, .subscribe-form .mfProgress .loader {
    display: inline-block;
    margin-right: 16px;
    position: relative;
}
.subscribe-form .mfInfo .loader, .subscribe-form .mfInfo .loader::before, .subscribe-form .mfInfo .loader::after, .subscribe-form .mfProgress .loader, .subscribe-form .mfProgress .loader::before, .subscribe-form .mfProgress .loader::after {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.subscribe-form .mfInfo .loader::before, .subscribe-form .mfInfo .loader::after, .subscribe-form .mfProgress .loader::before, .subscribe-form .mfProgress .loader::after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.subscribe-form .mfInfo .loader::before, .subscribe-form .mfProgress .loader::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.1s linear 0s normal none infinite running mfLoader;
    border-color: rgba(0, 0, 0, 0) #ffffff #ffffff;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    opacity: 1;
    transition: all 0.3s ease 0s;
    visibility: visible;
}
.subscribe-form .mfInfo .loader::after, .subscribe-form .mfProgress .loader::after {
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: 400;
    opacity: 0;
    transform: rotate(-90deg) scale(0);
    transition: all 0.6s ease 0s;
    visibility: hidden;
}
.subscribe-form .mfInfo.fail, .subscribe-form .mfProgress.fail {
    background: #f34234 none repeat scroll 0 0;
}
.subscribe-form .mfInfo.fail .loader::after, .subscribe-form .mfProgress.fail .loader::after {
    content: "ï€";
}
.subscribe-form .mfInfo.success, .subscribe-form .mfProgress.success {
    background: #2e7d32 none repeat scroll 0 0;
}
.subscribe-form .mfInfo.success .loader::after, .subscribe-form .mfProgress.success .loader::after {
    content: "ï€Œ";
}
.subscribe-form .mfInfo.fail .loader::before, .subscribe-form .mfInfo.success .loader::before, .subscribe-form .mfProgress.fail .loader::before, .subscribe-form .mfProgress.success .loader::before {
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
}
.subscribe-form .mfInfo.fail .loader::after, .subscribe-form .mfInfo.success .loader::after, .subscribe-form .mfProgress.fail .loader::after, .subscribe-form .mfProgress.success .loader::after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    visibility: visible;
}
.subscribe-form .mfInfo.fail, .subscribe-form .mfInfo.success, .subscribe-form .mfInfo.sending, .subscribe-form .mfProgress.fail, .subscribe-form .mfProgress.success, .subscribe-form .mfProgress.sending {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
@media (min-width: 768px) {
.subscribe-form .mfInfo, .subscribe-form .mfProgress {
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 83px);
}
.subscribe-form .mfInfo.fail, .subscribe-form .mfInfo.success, .subscribe-form .mfInfo.sending, .subscribe-form .mfProgress.fail, .subscribe-form .mfProgress.success, .subscribe-form .mfProgress.sending {
    transform: translate(-50%, 0px);
}
}
@keyframes mfLoader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.subscribe-form .mfInput[data-add-icon] input, .subscribe-form .mfInput[data-add-icon] .mfPlaceHolder {
    padding-right: 44px;
}
.subscribe-form .mfIcon {
    color: #888888;
    font: 400 20px/24px "FontAwesome";
    height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 9.5px;
    width: 24px;
}
.subscribe-form .mfIcon span::before, .subscribe-form .mfIcon span::after {
    left: 50%;
    margin-left: -10px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    transition: all 0.4s ease-in-out 0s;
}
.subscribe-form .mfIcon span::before {
    content: "îƒ˜";
}
.subscribe-form .mfIcon span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-out;
    content: "ï€";
    transform: scale(0) rotate(-180deg);
}
.subscribe-form .mfIcon.state-1::after {
    animation: 1.2s ease 0.4s normal none infinite running line;
    background: #888888 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 0;
}
.subscribe-form .mfIcon.state-1 span::before {
    transform: scale(0) rotate(90deg);
}
.subscribe-form .mfIcon.state-1 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-1, 1.2s ease 0.3s normal none infinite running anim-1, 0.6s ease 0.3s normal none infinite running anim-2;
    transform: scale(1) rotate(-35deg);
}
.subscribe-form .mfIcon.state-2 span::before {
    content: "ï€";
    transform: scale(0) rotate(90deg);
}
.subscribe-form .mfIcon.state-2 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-2, 0.6s ease 0.4s normal none infinite running anim-3;
    transform: scale(1) rotate(-210deg);
}
@keyframes anim-1 {
0% {
    left: 50%;
}
100% {
    left: 90%;
}
}
@keyframes anim-2 {
0% {
    transform: rotate(-35deg);
}
25% {
    transform: rotate(-30deg);
}
50% {
    transform: rotate(-35deg);
}
75% {
    transform: rotate(-30deg);
}
100% {
    transform: rotate(-35deg);
}
}
@keyframes anim-3 {
0% {
    left: 50%;
    transform: rotate(150deg);
}
50% {
    left: 90%;
    transform: rotate(150deg);
}
100% {
    left: 50%;
    transform: rotate(150deg);
}
}
@keyframes zoom-out {
0% {
    transform: scale(1) rotate(-35deg);
}
100% {
    transform: scale(0) rotate(-180deg);
}
}
@keyframes zoom-in-state-1 {
0% {
    transform: scale(0) rotate(-180deg);
}
100% {
    transform: scale(1) rotate(-35deg);
}
}
@keyframes zoom-in-state-2 {
0% {
    transform: scale(0) rotate(-35deg);
}
100% {
    left: 50%;
    transform: scale(1) rotate(150deg);
}
}
@keyframes line {
0% {
    left: 40%;
}
100% {
    left: 40%;
    width: 40%;
}
}
.subscribe-form .mfInput input[name="phone"] ~ .mfIcon span::before, .subscribe-form .mfInput select[name="phone"] ~ .mfIcon span::before, .subscribe-form .mfInput textarea[name="phone"] ~ .mfIcon span::before {
    content: "ï‚•";
}
.subscribe-form .mfInput input[name="email"] ~ .mfIcon span::before, .subscribe-form .mfInput select[name="email"] ~ .mfIcon span::before, .subscribe-form .mfInput textarea[name="email"] ~ .mfIcon span::before {
    content: "ïƒ ";
}
.subscribe-form .mfInput input[name="name"] ~ .mfIcon span::before, .subscribe-form .mfInput select[name="name"] ~ .mfIcon span::before, .subscribe-form .mfInput textarea[name="name"] ~ .mfIcon span::before {
    content: "ï€‡";
}
.subscribe-form .mfInput input[name="date"] ~ .mfIcon span::before, .subscribe-form .mfInput select[name="date"] ~ .mfIcon span::before, .subscribe-form .mfInput textarea[name="date"] ~ .mfIcon span::before {
    content: "ï³";
}
.subscribe-form .mfInput input[name="guests"] ~ .mfIcon span::before, .subscribe-form .mfInput select[name="guests"] ~ .mfIcon span::before, .subscribe-form .mfInput textarea[name="guests"] ~ .mfIcon span::before {
    content: "ïƒ€";
}
.subscribe-form .mfInput input[name="message"] ~ .mfIcon, .subscribe-form .mfInput select[name="message"] ~ .mfIcon, .subscribe-form .mfInput textarea[name="message"] ~ .mfIcon {
    display: none;
}
.contact-form {
    border-radius: 3px;
    box-sizing: border-box;
}
.contact-form .rd-mailform {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}
@media (min-width: 992px) {
.contact-form .rd-mailform {
    text-align: left;
}
}
.contact-form .rd-mailform fieldset {
    border: medium none;
}
.contact-form .rd-mailform fieldset > .row + .row {
    margin-top: 10px;
}
.contact-form .rd-mailform label {
    display: block;
    margin-top: 27.5px;
    position: relative;
    width: 100%;
}
.contact-form .rd-mailform label:first-child {
    margin-top: 0;
}
.contact-form .rd-mailform label input, .contact-form .rd-mailform label select {
    height: 55px;
}
.contact-form .rd-mailform label input, .contact-form .rd-mailform label textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #e9e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    color: #999999;
    display: block;
    font-size: 16px;
    line-height: 34px;
    margin: 0;
    padding: 8.5px 18px;
    width: 100%;
}
.contact-form .rd-mailform label input:-moz-placeholder, .contact-form .rd-mailform label textarea:-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.contact-form .rd-mailform label input::-moz-placeholder, .contact-form .rd-mailform label textarea::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.contact-form .rd-mailform label textarea {
    height: 191px;
    max-height: 286.5px;
    min-height: 55px;
    overflow: auto;
    resize: vertical;
}
@media (min-width: 768px) {
.contact-form .rd-mailform label {
    margin-top: 10px;
}
}
.contact-form .mfControls {
    display: inline-block;
    margin-top: 34px;
}
.contact-form .mfControls button {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 11px 17px;
    width: 169px;
}
@keyframes fout {
0% {
    transform: scale(1) translateX(0px);
}
100% {
    transform: scale(0) translateX(0px);
}
}
.contact-form .mfPlaceHolder {
    color: #999999;
    cursor: text;
    font-size: 16px;
    font-weight: inherit;
    left: 0;
    line-height: 34px;
    opacity: 0.6;
    padding: 8.5px 18px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
}
.lt-ie9 .contact-form .mfPlaceHolder {
}
.contact-form .mfPlaceHolder.state-1 {
    opacity: 0;
}
.mfInput.filled .contact-form .mfPlaceHolder.state-1 {
    display: none;
}
.contact-form .mfValidation {
    color: #ff0000;
    font-size: 9px;
    font-weight: inherit;
    line-height: 20px;
    opacity: 0;
    padding-left: 18px;
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 9;
}
.contact-form .mfValidation.show {
    opacity: 1;
    visibility: visible;
}
.contact-form .mfValidation.hide, .contact-form .mfValidation.valid {
    opacity: 0;
    visibility: hidden;
}
.contact-form .mfInfo, .contact-form .mfProgress {
    background: #111111 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 15px;
    color: #ffffff;
    font-size: 13px;
    height: 24px;
    left: 15px;
    line-height: 20px;
    opacity: 0;
    padding: 17px;
    position: fixed;
    transform: translateY(83px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 999;
}
.contact-form .mfInfo .loader, .contact-form .mfProgress .loader {
    display: inline-block;
    margin-right: 16px;
    position: relative;
}
.contact-form .mfInfo .loader, .contact-form .mfInfo .loader::before, .contact-form .mfInfo .loader::after, .contact-form .mfProgress .loader, .contact-form .mfProgress .loader::before, .contact-form .mfProgress .loader::after {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.contact-form .mfInfo .loader::before, .contact-form .mfInfo .loader::after, .contact-form .mfProgress .loader::before, .contact-form .mfProgress .loader::after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.contact-form .mfInfo .loader::before, .contact-form .mfProgress .loader::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.1s linear 0s normal none infinite running mfLoader;
    border-color: rgba(0, 0, 0, 0) #ffffff #ffffff;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    opacity: 1;
    transition: all 0.3s ease 0s;
    visibility: visible;
}
.contact-form .mfInfo .loader::after, .contact-form .mfProgress .loader::after {
    font-family: "FontAwesome";
    font-size: 20px;
    font-weight: 400;
    opacity: 0;
    transform: rotate(-90deg) scale(0);
    transition: all 0.6s ease 0s;
    visibility: hidden;
}
.contact-form .mfInfo.fail, .contact-form .mfProgress.fail {
    background: #f34234 none repeat scroll 0 0;
}
.contact-form .mfInfo.fail .loader::after, .contact-form .mfProgress.fail .loader::after {
    content: "ï€";
}
.contact-form .mfInfo.success, .contact-form .mfProgress.success {
    background: #2e7d32 none repeat scroll 0 0;
}
.contact-form .mfInfo.success .loader::after, .contact-form .mfProgress.success .loader::after {
    content: "ï€Œ";
}
.contact-form .mfInfo.fail .loader::before, .contact-form .mfInfo.success .loader::before, .contact-form .mfProgress.fail .loader::before, .contact-form .mfProgress.success .loader::before {
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
}
.contact-form .mfInfo.fail .loader::after, .contact-form .mfInfo.success .loader::after, .contact-form .mfProgress.fail .loader::after, .contact-form .mfProgress.success .loader::after {
    opacity: 1;
    transform: rotate(0deg) scale(1);
    visibility: visible;
}
.contact-form .mfInfo.fail, .contact-form .mfInfo.success, .contact-form .mfInfo.sending, .contact-form .mfProgress.fail, .contact-form .mfProgress.success, .contact-form .mfProgress.sending {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
@media (min-width: 768px) {
.contact-form .mfInfo, .contact-form .mfProgress {
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 83px);
}
.contact-form .mfInfo.fail, .contact-form .mfInfo.success, .contact-form .mfInfo.sending, .contact-form .mfProgress.fail, .contact-form .mfProgress.success, .contact-form .mfProgress.sending {
    transform: translate(-50%, 0px);
}
}
@keyframes mfLoader {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.contact-form .mfInput[data-add-icon] input, .contact-form .mfInput[data-add-icon] .mfPlaceHolder {
    padding-right: 44px;
}
.contact-form .mfIcon {
    color: #888888;
    font: 400 20px/24px "FontAwesome";
    height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15.5px;
    width: 24px;
}
.contact-form .mfIcon span::before, .contact-form .mfIcon span::after {
    left: 50%;
    margin-left: -10px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    transition: all 0.4s ease-in-out 0s;
}
.contact-form .mfIcon span::before {
    content: "îƒ˜";
}
.contact-form .mfIcon span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-out;
    content: "ï€";
    transform: scale(0) rotate(-180deg);
}
.contact-form .mfIcon.state-1::after {
    animation: 1.2s ease 0.4s normal none infinite running line;
    background: #888888 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 0;
}
.contact-form .mfIcon.state-1 span::before {
    transform: scale(0) rotate(90deg);
}
.contact-form .mfIcon.state-1 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-1, 1.2s ease 0.3s normal none infinite running anim-1, 0.6s ease 0.3s normal none infinite running anim-2;
    transform: scale(1) rotate(-35deg);
}
.contact-form .mfIcon.state-2 span::before {
    content: "ï€";
    transform: scale(0) rotate(90deg);
}
.contact-form .mfIcon.state-2 span::after {
    animation: 0.4s ease-in-out 0s normal forwards 1 running zoom-in-state-2, 0.6s ease 0.4s normal none infinite running anim-3;
    transform: scale(1) rotate(-210deg);
}
@keyframes anim-1 {
0% {
    left: 50%;
}
100% {
    left: 90%;
}
}
@keyframes anim-2 {
0% {
    transform: rotate(-35deg);
}
25% {
    transform: rotate(-30deg);
}
50% {
    transform: rotate(-35deg);
}
75% {
    transform: rotate(-30deg);
}
100% {
    transform: rotate(-35deg);
}
}
@keyframes anim-3 {
0% {
    left: 50%;
    transform: rotate(150deg);
}
50% {
    left: 90%;
    transform: rotate(150deg);
}
100% {
    left: 50%;
    transform: rotate(150deg);
}
}
@keyframes zoom-out {
0% {
    transform: scale(1) rotate(-35deg);
}
100% {
    transform: scale(0) rotate(-180deg);
}
}
@keyframes zoom-in-state-1 {
0% {
    transform: scale(0) rotate(-180deg);
}
100% {
    transform: scale(1) rotate(-35deg);
}
}
@keyframes zoom-in-state-2 {
0% {
    transform: scale(0) rotate(-35deg);
}
100% {
    left: 50%;
    transform: scale(1) rotate(150deg);
}
}
@keyframes line {
0% {
    left: 40%;
}
100% {
    left: 40%;
    width: 40%;
}
}
.contact-form .mfInput input[name="phone"] ~ .mfIcon span::before, .contact-form .mfInput select[name="phone"] ~ .mfIcon span::before, .contact-form .mfInput textarea[name="phone"] ~ .mfIcon span::before {
    content: "ï‚•";
}
.contact-form .mfInput input[name="email"] ~ .mfIcon span::before, .contact-form .mfInput select[name="email"] ~ .mfIcon span::before, .contact-form .mfInput textarea[name="email"] ~ .mfIcon span::before {
    content: "ïƒ ";
}
.contact-form .mfInput input[name="name"] ~ .mfIcon span::before, .contact-form .mfInput select[name="name"] ~ .mfIcon span::before, .contact-form .mfInput textarea[name="name"] ~ .mfIcon span::before {
    content: "ï€‡";
}
.contact-form .mfInput input[name="date"] ~ .mfIcon span::before, .contact-form .mfInput select[name="date"] ~ .mfIcon span::before, .contact-form .mfInput textarea[name="date"] ~ .mfIcon span::before {
    content: "ï³";
}
.contact-form .mfInput input[name="guests"] ~ .mfIcon span::before, .contact-form .mfInput select[name="guests"] ~ .mfIcon span::before, .contact-form .mfInput textarea[name="guests"] ~ .mfIcon span::before {
    content: "ïƒ€";
}
.contact-form .mfInput input[name="message"] ~ .mfIcon, .contact-form .mfInput select[name="message"] ~ .mfIcon, .contact-form .mfInput textarea[name="message"] ~ .mfIcon {
    display: none;
}
header {
    background-color: #ffffff;
    float: left;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 999999999999999999;
	padding-bottom: 0;
}
header::before, header::after {
    content: "";
    display: table;
    line-height: 0;
}
header::after {
    clear: both;
}
header .brand {
    float: right;
}
header h2 {
    clear: right;
    display: inline-block;
    float: right;
    text-align: right;
    width: 560px;
}
@media (max-width: 1199px) {
header {
    background: #ffffff none repeat scroll 0 0;
    text-align: center;
}
header h2, header .brand, header .booking-form {
    float: none;
}
header h2 {
    text-align: center;
}
}
@media (max-width: 767px) {
header h2 {
    font-size: 46px;
    line-height: 48px;
    width: 100%;
}
}
@media (max-width: 479px) {
header h2 {
    font-size: 36px;
    line-height: 40px;
}
header .brand::before {
    display: inline-block;
}
header .brand a {
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
}
}
main {
    background: #ffffff none repeat scroll 0 0;
    display: block;
}
.video {
    padding-bottom: 61.4035%;
    position: relative;
    width: 100%;
}
.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.txt1 {
    font-size: 24px;
    line-height: 38px;
}
@media (max-width: 979px) {
h3 {
    font-size: 32px;
    line-height: 36px;
}
}
@media (max-width: 767px) {
article + article {
    margin-top: 50px !important;
}
}
.well {
    padding-bottom: 100px;
    padding-top: 81px;
}
.well2 {
    padding-bottom: 88px;
    padding-top: 71px;
}
.well3 {
    padding-bottom: 106px;
    padding-top: 89px;
}
.well4 {
    padding-bottom: 106px;
    padding-top: 73px;
	clear: both;
}
.well5 {
    padding-bottom: 116px;
    padding-top: 86px;
}
.well6 {
    padding-bottom: 63px;
    padding-top: 53px;
}
.ins1 {
    padding-top: 76px;
}
.ins2 {
    padding-top: 86px;
}
.ins3 {
    padding-top: 108px;
}
footer {
    background: #ffffff none repeat scroll 0 0;
}
@media (max-width: 767px) {
footer h3, footer .copyright {
    text-align: center;
}
}
.copyright {
    font-size: 12px;
    margin-top: -12px;
}
* + .copyright {
    margin-top: 20px;
}
header .nav > li > a {
    color: #000000;
    font-family: open sans;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
header .nav > li {
    margin: 0 10px;
    display: inline-block;
}
.nav {
    margin-top: 5px;
}
.top_contact {
    color: #7f858f;
    font-family: open sans;
    font-weight: 600;
    margin-top: 0;
    margin-right: 10px;
}
.top_contact i {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.decor-line {
    bottom: -50px;
    height: 350px;
    left: 0;
    margin-top: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.decor-line::after {
    background: rgba(0, 0, 0, 0) url("http://www.letclerk.com/images/graph-home2.svg") no-repeat scroll center top / cover ;
    bottom: -3px;
    content: "";
    display: block;
    height: 350px;
    left: 0;
    position: absolute;
    right: 0;
    top: 1px;
    width: 100%;
    z-index: 999;
}
.about_home {
    text-align: center;
	 padding: 30px 0;
}
.about_home h2 {
  font-size: 46px;
    font-weight: 300;
    margin: 25px 0;
}
.about_home p {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 26px;
	   font-weight: 300;
}
.bg-slideshow li .bg-slide {
    background-position: 50% 50%;
    background-size: cover;
    color: rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-slide {
   background-attachment: fixed;
    background-position: center center;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.feature_main {
    position: relative;
}
.feature_main {
    float: left;
    margin: 0px 0;
    width: 100%;
}
.feature_main {
    float: left;
    margin: 0px 0;
    padding-bottom: 50px;
    width: 100%;
}
.feature_main h3 {
    color: #ffffff;
    font-size: 22px;
}
.feature_main h3 i {
    padding-right: 10px;
}
.feature_main li {
    background-image: url("../images/list-bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 15px;
    padding: 6px 0 6px 20px;
}
.feature_main h3 i {
    margin-top: 1px;
}
.container .pricing-table .grid_3 {
    /* border-bottom: 3px solid #5DC761; */
    /* border-top: 1px solid #5DC761; */
	border-bottom: 0;
    border-top: 0;
    margin: 5px;
    min-height: 180px;
    text-align: center;
    width: 32%;
	min-height: 1030px;
}
footer {
    background-image: url("../images/fot2314.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff;
  padding-bottom: 60px !important;
    padding-top: 60px;
}
footer h2 {
       font-size: 34px;
    font-weight: 300;
    text-align: center;
}
footer h2 {
    text-align: center;
}
.cont_info > li {
    float: left;
    position: relative;
    text-align: center;
    width: 33%;
	    list-style: none;
}
.cont_info > li i {
    font-size: 52px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.foot_colthumb {
    background: #28ad62 none repeat scroll 0 0 content-box;
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: 0 auto;
    position: relative;
    width: 120px;
}
.cont_info {
    display: block;
    float: left;
    margin: 30px 0;
    width: 100%;
	    list-style: none;
}

.foot_links {
    display: table;
    margin: 0 auto;
    padding: 20px 0;
}

.foot_links li a {
    border-right: 1px solid #ffffff;
    color: #ffffff;
    float: left;
    line-height: 14px;
    padding: 0 10px;
}
.foot_links li:last-child a {
    border: 0 none;
}
.cont_info > li::before {
    border-top: 8px dotted #6b6c70;
    content: "";
    float: left;
    left: 70%;
    position: absolute;
    top: 27%;
    width: 60%;
}
.cont_info > li:last-child::before {
    border: 0 none;
}

.foot_social li {
    float: left;
}
.foot_social > li i, .foot_social > li a {
    color: #7f858f;
    font-size: 20px;
    margin: 0 2px;
}
.foot_social {
    display: table;
    margin: 20px auto;
}

.copyrights {
    float: left;
    text-align: center;
    width: 100%;
}


.banner_wrap {
    position: relative;
     margin-top: 75px;
}
.owl-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-prev {
    float: left;
}
.owl-next {
    float: right;
}

.owl-prev, .owl-next {
    background-color: rgba(0, 0, 0, 0.5);
    color: #cccccc;
    font-size: 32px;
    margin: 10px;
    padding: 10px 20px 0;
}


.cont_info h4 {
    font-weight: 600;
}


.banner_main {
    width: 100%;
}

.bg-secondary2 .center {
    font-size: 44px;
    font-weight: 300;
}
.footer-form-new {
    padding-left: 0;
}
.footer-map-new {
    padding-right: 0;
}
.logo {
    width: 90%;
    margin-top: 10px;
}

.mobile-menu {
    position: fixed;
    z-index: 9000;
    width: 300px;
    background: #5DC761;
    padding: 24px;
    text-align: center;
    right: -300px;
    top: 50px;
}
.mobile-menu ul li a 
{
	color:#fff;
	text-decoration:none;
	font-size:17px;
}

.btn-bars i {
    font-size: 25px;
    margin-left: 5px;
}

.btn-bars {
    position: fixed;
    left: 0;
    z-index: 999;
    top: 0;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 13px;
    cursor: pointer;
	display:none;
}


/*Bootsrapt.css */
.form-control , input[type=text] {
	    display: block;
	    width: 100%;
	    min-height: 42px;
	    padding: 0 12px;
	    font-size: 16px;
	    line-height: 2.14285714;
	    color: #2b2e33;
	    background-color: #FFFFFF;
	    background-image: none;
	    border: 2px solid #e0e0e0;
	    border-top-width: 1px;
	    border-bottom-width: 1px;
	  	transition:all 0.5s;
      font-family:Arial;
	    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s*/
	    outline:0 !important;
}
.form-control:hover , input[type=text]:hover {
    position: relative;
    z-index: 2;
	    border-color: #008329;
}
.form-control:focus, input[type=text]:focus {
	border-color: #008329;
	outline: 0;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40,173,98,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40,173,98,0.6)*/
}
.form-control::-moz-placeholder, input:-moz-placeholder {
color:#626262;
opacity:1
}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder {
color:#626262
}
.form-control::-webkit-input-placeholder, input::-webkit-input-placeholder {
color:#626262
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}
textarea.form-control {
	height: auto
}
input[type="search"] {
	-webkit-appearance: none
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
	line-height: 49px;
	line-height: 2.14285714 \0
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {
	line-height: 40px;
	line-height: 1.5 \0
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {
	line-height: 72px;
	line-height: 1.33 \0
}
_:-ms-fullscreen, :root input[type="date"], _:-ms-fullscreen, :root input[type="time"], _:-ms-fullscreen, :root input[type="datetime-local"], _:-ms-fullscreen, :root input[type="month"] {
line-height:2.14285714
}
_:-ms-fullscreen.input-sm, :root input[type="date"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="time"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="datetime-local"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="month"].input-sm {
line-height:1.5
}
_:-ms-fullscreen.input-lg, :root input[type="date"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="time"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="datetime-local"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="month"].input-lg {
line-height:1.33
}
.form-group {
	margin-bottom: 15px
}
.radio, .checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}
.radio label, .checkbox label {
	min-height: 29px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px \9
}
.radio + .radio, .checkbox + .checkbox {
	margin-top: -5px
}
.radio-inline, .checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: 400;
	cursor: pointer
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
	cursor: not-allowed
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
	cursor: not-allowed
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
	cursor: not-allowed
}
.form-control-static {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0
}
.form-control-static.input-lg, .form-control-static.input-sm {
	padding-left: 0;
	padding-right: 0
}
.input-sm, .form-group-sm .form-control {
	height: 40px;
	padding: 10px 42px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-sm, select.form-group-sm .form-control {
	height: 40px;
	line-height: 40px
}
textarea.input-sm, textarea.form-group-sm .form-control, select[multiple].input-sm, select[multiple].form-group-sm .form-control {
	height: auto
}
.input-lg, .form-group-lg .form-control {
	height: 72px;
	padding: 23px 52px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 3px
}
select.input-lg, select.form-group-lg .form-control {
	height: 72px;
	line-height: 72px
}
textarea.input-lg, textarea.form-group-lg .form-control, select[multiple].input-lg, select[multiple].form-group-lg .form-control {
	height: auto
}
.hiddenerror {
 display:none;
}


.inner-page {
    margin-top: 11%;
    padding-bottom: 30px;
    min-height: 500px;
}

.pkg_list ul {
    text-align: left;
}
.pkg_list ul li {
    font-size: 14px;
    position: relative;
    padding-left: 29px;
    letter-spacing: -0.1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D4D6DA;
    margin-bottom: 8px;
    line-height: 15px;
    color: #414144;
}

.pkg_list ul li i 
{
	margin-right:10px;
}

a.tooltip {
    outline: medium none;
    color: #D4D6DA !important;
    text-decoration: none;
    position: absolute;
}

.pkg_list ul li i.fa {
    left: 0px;
}
a.tooltip i.fa {
    position: static !important;
    margin-left: 5px;
}
a.tooltip span {
    z-index: 99999;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 200px;
	 border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
    line-height: 16px;
}

.tooltip 
{
	opacity:1 !important;
	display: inline !important;
}

a.tooltip:hover span {
   display: block !important;
	background: #fef0c8;
	color: #000 !important;
	font-family: Open Sans;
	position: absolute;
	font-size: 14px;
	border:1px solid #ecece;
}


.pricing-table .service-inner.animated {
    -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important;
}

.feature-inner ul {
    list-style: none;
}

#pack0 .det_bott {
    padding-top: 20px;
    background: #4897cc;
    border: 0;
    color: #fff;
}
.det_bott br {
    display: none;
}
#pack1 .det_bott {
    background: #2f9f9e;
    border: 0;
    padding-top: 20px;
    color: #fff;
}

#pack2 .det_bott {
    background: #9c5d7a;
    border: 0;
    padding-top: 20px;
    color: #fff;
}
.pricing-table > div.det_bott h4{
    font-size: 60px;
    line-height: 37px;
    margin-top: 20px;
}
.pricing-table > div.det_bott h3 span {
    font-size: 14px;
    font-weight: 400;
	    display: table;
    margin: 0 auto;
}

.det_bott h3  {
	font-size:60px;
	font-family:Roboto;
	font-weight:600;
	
}

.det_bott h3 span {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}

.det_bott h5 {
    font-size: 18px;
    font-family: Roboto;
    font-weight: 600;
}

a.top-free-btn-login {
    color: #fff;
    background: #06a3e8;
    padding: 10px 21px;
    margin-right: 0;
}
a.top-free-btn-sign {
    color: #fff;
    background: #068e44;
    padding: 10px 25px;
}

a.top-free-btn-sign:hover,
a.top-free-btn-login:hover
{
	color:#fff !important;
	text-decoration:none !important;
}


.col-md-7.footer-form-new {
    padding-left: 0;
}
.col-md-5.footer-map-new {
    padding-right: 0;
}

#Telecome-service-provider {
    padding-bottom: 0;
}
.contact-form {
    padding-bottom: 60px !important;
}