body{background:#fff;font-family:'Open Sans', sans-serif;font-weight:300;color:#888;text-align:center;}
strong{font-weight:700;}
a, a:hover, a:focus{color:#2ba560;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
h1, h2{margin-top:10px;font-size:42px;font-weight:700;color:#444;line-height:54px;text-transform:uppercase;}
h2{text-align:left;}
h3{font-size:26px;font-weight:700;color:#888;line-height:30px;text-transform:uppercase;}
img{max-width:100%;}
::-moz-selection{background:#2ba560;color:#fff;text-shadow:none;}
::selection{background:#2ba560;color:#fff;text-shadow:none;}
.loader{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#fff;overflow:hidden !important;z-index:99999;}
.loader-img{position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;background:url(../img/loading.gif) center center no-repeat;}
.section-container{margin:0 auto;padding-bottom:60px;}
.section-container-gray{background:#f8f8f8;}
.section-container-full-bg,
.section-container-full-bg h1,
.section-container-full-bg h2,
.section-container-full-bg h3,
.section-container-full-bg h4{color:#fff;}
.section-description{margin-top:60px;padding-bottom:10px;}
.section-description p{margin-top:30px;font-size:22px;line-height:36px;text-align:left;}
.section-bottom-link{padding-top:15px;padding-bottom:20px;}
.big-link-1{display:inline-block;margin:0 5px;padding:15px 20px;background:#2ba560;border:0;font-size:22px;font-weight:300;line-height:22px;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.big-link-1:hover, .big-link-1:focus, .big-link-1:active{outline:0;opacity:0.6;color:#fff;}
.big-link-2{display:inline-block;margin:0 5px;padding:14px 19px;background:none;border:1px solid #fff;font-size:22px;font-weight:300;line-height:22px;color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.big-link-2:hover, .big-link-2:focus, .big-link-2:active, .big-link-2:active:focus{outline:0;opacity:0.6;background:none;color:#fff;}
.green-text{color:#2ba560;}
.divider-1{text-align:left;}
.divider-1 span{display:inline-block;width:300px;height:1px;background:#ddd;}
.divider-1-bottom{padding-top:10px;padding-bottom:5px;}
.slider-1-box{text-align:center;}
.slider-1-box img{display:none;}
.slider-1-box img.slider-1-img-active{display:inline;}
.slider-1-nav{margin-top:30px;}
.slider-1-nav span{display:inline-block;width:18px;height:18px;margin:0 7px;background:#ddd;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;cursor:pointer;vertical-align:middle;}
.slider-1-nav span.slider-1-nav-item-active{background:#2ba560;}
.navbar{margin-bottom:0;background:#333;background:rgba(51, 51, 51, 0.8);border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
ul.navbar-nav{font-size:16px;color:#888;text-transform:uppercase;}
ul.navbar-nav li a{padding-top:5px;padding-bottom:10px;color:#fff;}
ul.navbar-nav li a:hover{background:none;color:#2ba560;}
ul.navbar-nav li a:focus{background:none;color:#2ba560;outline:0;}
.navbar>.container .navbar-brand{margin-left:0;}
.navbar-brand{width:400px;height:66px;color:#fff;}
.page-title{padding:260px 0 210px 0;}
.page-title-text{width:700px;margin:0 auto;color:#fff;}
.page-title-text h1, .page-title-text h2, .page-title-text h3{color:#fff;text-shadow:0 1px 6px rgba(51, 51, 51, 0.2);}
.page-title-text p{margin-top:20px;font-size:22px;line-height:36px;text-shadow:0 1px 5px rgba(51, 51, 51, 0.4);color:#fff;}
.page-title-bottom-link{padding-top:25px;padding-bottom:7px;}
.block-3-box{margin-top:30px;}
.block-3-box h3{padding:10px 0;}
.block-3-box p{font-size:18px;line-height:32px;}
.block-3-box .block-3-box-icon{width:80px;height:80px;margin:0 auto;padding-top:19px;background:#2ba560;border:1px solid #2ba560;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;font-size:34px;color:#fff;line-height:34px;text-align:center;}
.block-3-box .block-3-box-icon:hover{background:none;color:#2ba560;}
.block-3-box .block-3-box-icon i, .block-3-box .block-3-box-icon span{vertical-align:middle;}
.clients-container{padding-bottom:0;}
.clients-text{text-align:left;}
.clients-text h3{color:#ccc;}
.clients{padding-top:30px;padding-bottom:30px;}
.clients a{display:inline-block;margin:10px 20px;}
.clients a:hover, .clients a:focus{outline:0;opacity:0.6;}
.block-2-container{padding-top:50px;}
.block-2-box{padding-top:30px;padding-bottom:20px;text-align:left;}
.block-2-box.block-2-media{padding-bottom:25px;}
.block-2-box h3{padding:10px 0;}
.block-2-box h3:first-child{margin-top:0;}
.block-2-box p{font-size:18px;line-height:32px;}
.block-2-box ul{padding:0;list-style:none;font-size:18px;line-height:32px;}
.block-2-box ul li{padding:5px 0;}
.block-2-box ul span.list-icon{padding-right:10px;font-size:24px;color:#2ba560;vertical-align:middle;}
.block-2-img-container{position:relative;display:inline-block;overflow:hidden;}
.block-2-img-container .img-container-line{position:absolute;width:180px;height:1px;background:#fff;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.section-container-gray .block-2-img-container .img-container-line{background:#f8f8f8;}
.block-2-img-container .img-container-line.line-1{top:63px;left:-27px;}
.block-2-img-container .img-container-line.line-2{top:43px;left:-27px;}
.block-2-img-container .img-container-line.line-3{top:23px;left:-27px;}
.block-2-img-container img{-moz-border-radius:0 0 40px 0;-webkit-border-radius:0 0 40px 0;border-radius:0 0 40px 0;}
.block-2-box .video-box{max-width:540px;margin:0 auto;}
.counters-container{padding-top:50px;}
.counter-box h4{font-size:26px;font-weight:700;line-height:30px;}
.counter-box p{font-size:22px;line-height:36px;}
.portfolio-container{padding-bottom:80px;}
.portfolio p{margin-bottom:20px;}
.portfolio-filters{padding:25px 0 20px 0;font-size:18px;line-height:22px;text-transform:uppercase;}
.portfolio-filters a{color:#888;}
.portfolio-filters a:hover, .portfolio-filters a.active{color:#2ba560;}
.portfolio-filters a.active{font-weight:700;}
.portfolio-box{position:relative;width:255px;margin:30px 15px 0 15px;overflow:hidden;}
.portfolio-box img{-o-transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-ms-transition:all .8s;transition:all .8s;}
.portfolio-box:hover img{opacity:0.6;-o-transform:scale(1.25);-moz-transform:scale(1.25);-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);}
.portfolio-box-text-container{position:absolute;bottom:-200px;left:0;right:0;width:255px;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;}
.portfolio-box-text{background:#333;background:rgba(51, 51, 51, 0.8);color:#fff;}
.portfolio-box:hover .portfolio-box-text-container{bottom:0;}
.portfolio-box-text p{margin:0;padding:15px 20px;font-size:18px;line-height:32px;cursor:pointer;}
.our-motto{color:#fff;}
.our-motto p{margin-top:10px;text-align:center;}
.our-motto-author{margin-top:30px;font-size:22px;line-height:36px;}
.pricing-2-box{padding-top:30px;padding-bottom:20px;}
.pricing-2-table{margin:20px 0 0 0;padding:25px;border:4px solid #eee;}
.pricing-2-table-best{margin-top:0;border-color:#2ba560;}
.pricing-2-table h3{margin:0;}
.pricing-2-table h4{margin-top:5px;font-size:22px;font-weight:300;line-height:36px;}
.pricing-2-table-divider span{display:inline-block;width:100%;height:1px;border-bottom:1px dotted #ddd;}
.pricing-2-table-icon{width:80px;height:80px;margin:25px auto 0 auto;padding-top:19px;background:#2ba560;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;font-size:34px;color:#fff;line-height:34px;}
.pricing-2-table-icon i, .pricing-2-table-icon span{vertical-align:middle;}
.pricing-2-table-price{margin:25px 0 10px 0;font-size:18px;line-height:44px;}
.pricing-2-table-price span{color:#555;font-size:44px;}
.pricing-2-table-description{font-size:18px;line-height:32px;}
.pricing-2-table-description span{display:inline-block;padding-right:10px;color:#444;}
.pricing-2-table-button{margin:25px 0 10px 0;}
.testimonials{text-align:left;}
.testimonials p{padding:0;font-size:18px;line-height:32px;}
.testimonial-single{display:inline-block;}
.testimonial-single p{display:none;}
.testimonial-single-image{display:inline-block;width:58px;margin:0 10px 10px 0;}
.testimonial-single-image img{width:100%;opacity:0.3;cursor:pointer;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.testimonial-active{padding-bottom:20px;}
.testimonial-active p a{display:inline-block;padding-top:15px;color:#aaa;font-weight:700;}
.testimonials-container .container{position:relative;overflow:hidden;}
.testimonials-icon-container{position:absolute;top:50px;right:0;padding-right:20px;font-size:320px;color:#eee;line-height:300px;-ms-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
.call-to-action p{margin-top:10px;text-align:center;}
.about-container{padding-bottom:0;}
.about-container .section-description{padding-bottom:0;}
.about-container .section-description p{margin-bottom:0;}
.about-block-2-container h3 span{color:#aaa;}
.about-social{margin-top:5px;font-size:31px;}
.about-social a{margin:0 10px 0 0;color:#ddd;}
.about-social a:hover, .about-social a:focus{color:#ddd;opacity:0.6;}
.contact-container{padding-top:0;background:#444;color:#fff;}
.contact-container h2{color:#fff;}
.contact-container .divider-1 span{background:#666;}
.contact-form h3, .contact-address h3{padding:0 0 10px 0;color:#fff;}
.contact-form p{margin:0;}
.contact-form form{margin:15px 0 0 0;}
.contact-form form input, .contact-form form textarea{width:50%;height:52px;margin-bottom:5px;}
.contact-form form textarea{height:162px;}
.contact-form form .contact-error{border-color:#2ba560;}
.contact-address p{margin-bottom:5px;}
.contact-address p a{color:#fff;border:0;}
.contact-address p a:hover, .contact-address p a:focus{color:#fff;border-bottom:1px dotted #fff;}
.contact-address p i, .contact-address p span{width:40px;font-size:24px;color:#666;vertical-align:middle;}
.contact-address p span{display:inline-block;}
.contact-container .container{position:relative;overflow:hidden;}
.contact-icon-container{position:absolute;top:300px;right:0;padding-right:20px;font-size:320px;color:#555;line-height:300px;-ms-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);}
footer{padding:25px 0 20px 0;background:#404040;text-align:right;}
footer .scroll-to-top{font-size:36px;text-align:center;}
footer .scroll-to-top a{color:#666;}
footer .scroll-to-top a:hover, footer .scroll-to-top a:focus, footer .scroll-to-top a:active{outline:0;opacity:0.6;color:#666;}
.footer-copyright{margin:11px 0 0 0;font-size:18px;color:#fff;line-height:32px;text-align:left;}
.footer-copyright a{color:#fff;border:0;}
.footer-copyright a:hover, .footer-copyright a:focus{color:#fff;border-bottom:1px dotted #fff;}
.footer-social a{margin:0 8px;font-size:39px;color:#666;}
.footer-social a:hover, .footer-social a:focus{color:#666;opacity:0.6;}
.form-module{position:relative;background:#ffffff;max-width:320px;width:100%;border-top:5px solid #33b5e5;box-shadow:0 0 3px rgba(0, 0, 0, 0.1);margin:0 auto;}
.form-module .toggle{cursor:pointer;position:absolute;top:-0;right:-0;background:#33b5e5;width:30px;height:30px;margin:-5px 0 0;color:#ffffff;font-size:12px;line-height:30px;text-align:center;}
.form-module .toggle .tooltip{position:absolute;top:5px;right:-65px;display:block;background:rgba(0, 0, 0, 0.6);width:auto;padding:5px;font-size:10px;line-height:1;text-transform:uppercase;}
.form-module .toggle .tooltip:before{content:'';position:absolute;top:5px;left:-5px;display:block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(0, 0, 0, 0.6);}
.form-module .form{display:none;padding:40px;}
.form-module .form:nth-child(2){display:block;}
.form-module h2{margin:0 0 20px;color:#33b5e5;font-size:18px;font-weight:400;line-height:1;}
.form-module input{outline:none;display:block;width:100%;border:1px solid #d9d9d9;margin:0 0 20px;padding:10px 15px;box-sizing:border-box;font-wieght:400;-webkit-transition:0.3s ease;transition:0.3s ease;}
.form-module input:focus{border:1px solid #33b5e5;color:#333333;}
.form-module button{cursor:pointer;background:#33b5e5;width:100%;border:0;padding:10px 15px;color:#ffffff;-webkit-transition:0.3s ease;transition:0.3s ease;}
.form-module button:hover{background:#178ab4;}
.form-module .cta{background:#f2f2f2;width:100%;padding:15px 40px;box-sizing:border-box;color:#666666;font-size:12px;text-align:center;}
.form-module .cta a{color:#333333;text-decoration:none;}
.pen-title{padding:50px 0;text-align:center;letter-spacing:2px;}
.pen-title h1{margin:0 0 20px;font-size:48px;font-weight:300;}
.pen-title span{font-size:12px;}
.pen-title span .fa{color:#33b5e5;}
.pen-title span a{color:#33b5e5;font-weight:600;text-decoration:none;}
form{margin:0 auto;width:960px;text-align:left;}
form > h1{border-bottom:1px solid #E5E5E5;font-size:1.5em;line-height:2.5em;margin-bottom:1em;text-align:center;width:100%;}
fieldset{border:none;}
fieldset > legend{font-size:1.25em;line-height:2.5em;}
input{display:inline-block;vertical-align:center;}
input:required:invalid,
input:focus:invalid,
input:required:valid{background-position:97.5% center;background-repeat:no-repeat;}
input:required:invalid,
input:focus:invalid{background-image:url("http://i.imgur.com/NSaK8yt.png");}
input:required:valid{background-image:url("http://i.imgur.com/ttb7yp4.png");}
select,
input[type=date],
input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=password]{border:1px solid #CCC;border-radius:5px;padding:5px;width:600px;color:#000;}
select:focus,
input:focus{border-color:rgba(82, 168, 236, 0.8);border-radius:5px;box-shadow:inset
0
1px 1px
rgba(0, 0, 0, 0.075),
0 0 8px
rgba(82, 168, 236, 0.6);outline:0;}
.wajib{color:#ff6363;font-size:10px;margin-top:0;}
.control-group{margin:10px 0;}
.control-group > label{display:inline-block;text-align:left;width:20%;}
table , td{text-align:left;padding:5px;border:1px solid #ddd;table-layout:auto;}
tr:nth-child(even){background-color:#f2f2f2}
.cc-selector input{margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.sma_it{background-image:url("../img/sma-it.png");}
.mtst{background-image:url("../img/mtst.png");}
.cc-selector input:active +.drinkcard-cc{opacity:.9;}
.cc-selector input:checked +.drinkcard-cc{-webkit-filter:none;-moz-filter:none;filter:none;}
.drinkcard-cc{cursor:pointer;background-size:contain;background-repeat:no-repeat;display:inline-block;width:100px;height:70px;-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;-webkit-filter:brightness(1.8) grayscale(1) opacity(.7);-moz-filter:brightness(1.8) grayscale(1) opacity(.7);filter:brightness(1.8) grayscale(1) opacity(.7);}
.drinkcard-cc:hover{-webkit-filter:brightness(1.2) grayscale(.5) opacity(.9);-moz-filter:brightness(1.2) grayscale(.5) opacity(.9);filter:brightness(1.2) grayscale(.5) opacity(.9);}
.radio{padding-left:20px;}
.radio label{display:inline-block;position:relative;padding-left:5px;}
.radio label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-20px;border:1px solid #cccccc;border-radius:50%;background-color:#fff;-webkit-transition:border 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out;transition:border 0.15s ease-in-out;}
.radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:3px;margin-left:-20px;border-radius:50%;background-color:#555555;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);-o-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"]{opacity:0;}
.radio input[type="radio"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.radio input[type="radio"]:checked + label::after{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.radio input[type="radio"]:disabled + label{opacity:0.65;}
.radio input[type="radio"]:disabled + label::before{cursor:not-allowed;}
.radio.radio-inline{margin-top:0;}
.radio-primary input[type="radio"] + label::after{background-color:#428bca;}
.radio-primary input[type="radio"]:checked + label::before{border-color:#428bca;}
.radio-primary input[type="radio"]:checked + label::after{background-color:#428bca;}
.radio-danger input[type="radio"] + label::after{background-color:#d9534f;}
.radio-danger input[type="radio"]:checked + label::before{border-color:#d9534f;}
.radio-danger input[type="radio"]:checked + label::after{background-color:#d9534f;}
.radio-info input[type="radio"] + label::after{background-color:#5bc0de;}
.radio-info input[type="radio"]:checked + label::before{border-color:#5bc0de;}
.radio-info input[type="radio"]:checked + label::after{background-color:#5bc0de;}
.radio-warning input[type="radio"] + label::after{background-color:#f0ad4e;}
.radio-warning input[type="radio"]:checked + label::before{border-color:#f0ad4e;}
.radio-warning input[type="radio"]:checked + label::after{background-color:#f0ad4e;}
.radio-success input[type="radio"] + label::after{background-color:#5cb85c;}
.radio-success input[type="radio"]:checked + label::before{border-color:#5cb85c;}
.radio-success input[type="radio"]:checked + label::after{background-color:#5cb85c;}

.note {
    background-color: #00a65a;
    color: #FFFFFF;
}