@import url("reset.css");

@import url("animate.css");

@import url("bootstrap.min.css");

@import url("../fonts/font-awesome.min.css");

@import url("https://fonts.googleapis.com/css?family=Lato:400,300,700,100");

body {
     background: #000000 none repeat scroll 0% 0%;
     color: #ffffff;
     font-family: "Lato",sans-serif;
     font-size: 20px;
     font-weight: 400;
     line-height: 26px;
}

* {
     box-sizing: border-box;
}

*::-moz-selection {
     background-color: #9fc419;
     color: #ffffff;
}

input::-moz-placeholder {
     color: #000000;
     opacity: 1;
}

textarea::-moz-placeholder {
     color: #999999;
     opacity: 1;
}

.align_left {
     text-align: left;
}

.align_right {
     text-align: right;
}

.align_center {
     text-align: center;
}

.align_justify {
     text-align: justify;
}

.f_left {
     float: left;
}

.f_right {
     float: right;
}

.wrapper {
     overflow: hidden;
}

.hide {
     display: none;
}

.show {
     display: block;
}

.d_ib {
     display: inline-block;
}

.transparent {
     opacity: 0;
}

.invisible {
     opacity: 0;
     visibility: hidden;
}

.visible {
     opacity: 1;
     visibility: visible;
}

.p_abs {
     position: absolute;
}

.p_rel {
     position: relative;
}

.p_fix {
     position: fixed;
}

.clear {
     clear: both;
     font-size: 0px;
     line-height: 0;
     width: 100%;
}

.clearfix::after {
     clear: both;
     content: "";
     display: block;
     height: 0px;
     visibility: hidden;
}

.reg {
     text-transform: uppercase;
}

#content {
     padding: 0px;
}

.section {
     background-position: 50% 0px;
     background-repeat: no-repeat;
     background-size: cover;
}

.section::before {
     content: "";
     display: inline-block;
     height: 100%;
     margin-left: -5px;
     vertical-align: middle;
     width: 0px;
}

.section_inner {
     display: inline-block;
     padding: 40px 0px;
     vertical-align: middle;
     width: 100%;
}

.onepage-pagination {
     right: 37px;
     transform: translate(0px, -50%);
}

.onepage-pagination li {
     padding: 10px 0px;
}

.onepage-pagination li a {
     background-color: #8d8d8d;
     border-radius: 50%;
     border: 2px solid #8d8d8d;
     height: 10px;
     padding: 0px;
     width: 10px;
}

.onepage-pagination li a.active {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-color: #9fc419;
}

.onepage-pagination li a::before {
     display: none;
}

h1, h2, h3, h4, h5, h6 {
     font-family: "Lato",sans-serif;
     font-weight: 300;
     line-height: 1.23em;
     margin: 0px 0px 17px;
}

h1 {
     font-size: 100px;
     line-height: 100px;
     margin-bottom: 30px;
}

h2 {
     font-size: 100px;
     margin-bottom: 30px;
     text-align: center;
}

h2 strong {
     font-weight: 400;
}

h2 .subtitle {
     display: block;
     font-size: 50px;
     line-height: 1;
     margin-bottom: -5px;
}

h3 {
     font-size: 22px;
}

h4 {
     font-size: 20px;
}

h5 {
     font-size: 16px;
}

h6 {
     font-size: 18px;
     line-height: 20px;
     margin-bottom: 15px;
}

.subtitle {
     font-size: 30px;
     line-height: 34px;
}

.title_icon {
     color: #cccccc;
     font-size: 35px;
     margin-bottom: 30px;
}

p:not(:last-child) {
     margin-bottom: 20px;
}

mark {
     background-color: #9fc419;
     color: #ffffff;
     padding: 0px 2px;
}

mark.red {
     background-color: #9fc419;
}

a {
     color: #9fc419;
     text-decoration: none;
     transition: all 0.5s ease 0s;
}

a:hover {
     color: #ffffff;
     text-decoration: none;
     transition: all 0.3s ease 0s;
}

a:focus, a:visited {
     outline: medium none;
     text-decoration: none;
}

img {
     max-width: 100%;
}

button {
     transition: all 0.5s ease 0s;
}

button:focus {
     outline: medium none;
}

button:hover {
     transition: all 0.3s ease 0s;
}

.btn {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
     color: #ffffff;
     display: inline-block;
     font-size: 24px;
     line-height: 30px;
     outline: medium none;
     padding-right: 35px;
     position: relative;
}

.btn::before {
     border-radius: 50%;
     border: 2px solid #ffffff;
     content: "";
     display: block;
     font: 14px/22px FontAwesome;
     height: 26px;
     margin-top: -9px;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 50%;
     transition: all 0.5s ease 0s;
     width: 26px;
}

.btn::after {
     background-color: #ffffff;
     bottom: 0px;
     content: "";
     display: block;
     height: 1px;
     left: 0px;
     position: absolute;
     right: 100%;
     transition: all 0.5s ease 0s;
}

.btn:hover {
     color: #ffffff;
}

.btn:hover::before {
     background-color: #ffffff;
     color: #9fc419;
     transition: all 0.3s ease 0s;
}

.btn:hover::after {
     right: 35px;
     transition: all 0.3s ease 0s;
}

.btn_type1.big {
     font-size: 16px;
     min-width: 166px;
     padding: 14px 25px 16px;
}

.btn_type1.blue {
     background: #9fc419 none repeat scroll 0% 0%;
}

.btn_type1 {
     background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;
     border-radius: 30px;
     border: medium none;
     color: #ffffff;
     display: inline-block;
     font-family: Lato;
     font-size: 13px;
     font-weight: 300;
     line-height: 16px;
     min-width: 130px;
     outline: medium none;
     padding: 7px 19px 9px;
     position: relative;
     text-align: center;
}

.btn_type1 span {
     display: inline-block;
     position: relative;
     transition: all 0.5s ease 0s;
}

.btn_type1 span::after {
     content: "";
     display: block;
     font: 14px/20px FontAwesome;
     margin-top: -10px;
     opacity: 0;
     position: absolute;
     right: 0px;
     top: 50%;
     transition: all 0.5s ease 0s;
     visibility: hidden;
}

.btn_type1:hover {
     background-color: #575757;
     color: #ffffff;
}

.btn_type1:hover span {
     transform: translate(-10px, 0px);
     transition: all 0.3s ease 0s;
}

.btn_type1:hover span::after {
     opacity: 1;
     transform: translate(20px, 0px);
     transition: all 0.3s ease 0s;
     visibility: visible;
}

.first_screen_inner .btn, .blackout .btn, .blackout2 .btn {
     color: #ffffff;
}

.first_screen_inner .btn:hover, .blackout .btn:hover, .blackout2 .btn:hover {
     color: #ffffff;
}

.first_screen_inner .btn::before, .blackout .btn::before, .blackout2 .btn::before {
     border-color: #ffffff;
}

.first_screen_inner .btn::after, .blackout .btn::after, .blackout2 .btn::after {
     background-color: #ffffff;
}

.first_screen_inner .btn:hover::before, .blackout .btn:hover::before, .blackout2 .btn:hover::before {
     background-color: #ffffff;
     color: #cc3300;
}

#header {
     left: 0px;
     padding: 0px 30px;
     position: fixed;
     right: 0px;
     top: 0px;
     z-index: 99;
}

.header_inner {
     position: relative;
}

.logo {
     float: left;
     line-height: 17px;
     padding-top: 24px;
}

.logo img {
     vertical-align: top;
}

.sponsor img {
     vertical-align: bottom;
}

.footer-widget-social ul {
     list-style-type: none;
     margin-top: -167px;	 
     text-align: right;
}

.footer-widget-social ul li {
     display: inline-block;
     margin-bottom: -8px;
}

.footer-widget-social a {
	color: #ffffff;
	font-size: 15px;
	width: 25px;
	height: 25px;
	line-height: 1.0;
	padding: 10px;
	text-align: center;     
}

.footer-widget-social a:hover {
     background-color: #ffffff;
     color: #353e47;
}


#nav {
     float: right;	 
     padding-top: 20px;
}

.nav_btn {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
     height: 40px;
     margin-right: -4px;
     outline: medium none;
     position: relative;
     width: 40px;
}

.nav_btn::before {
     background-color: #ffffff;
     box-shadow: -5px 9px 0px #ffffff;
     content: "";
     display: block;
     height: 2px;
     left: 50%;
     margin-left: -12px;
     position: absolute;
     top: 10px;
     transition: all 0.5s ease 0s;
     width: 28px;
}

.nav_btn::after {
     background-color: #ffffff;
     content: "";
     display: block;
     height: 2px;
     left: 50%;
     margin-left: -12px;
     position: absolute;
     top: 28px;
     transition: all 0.5s ease 0s;
     width: 28px;
}

.nav_btn:hover::before {
     background-color: #9fc419;
     box-shadow: 0px 9px 0px #9fc419;
     transition: all 0.3s ease 0s;
}

.nav_btn:hover::after {
     background-color: #9fc419;
     transition: all 0.3s ease 0s;
}

.navigation {
     position: fixed;
     right: 0px;
     top: 100px;
}

.navigation > li {
     position: relative;
     text-align: left;
}

.navigation > li:not(:last-child) {
	 margin-bottom: 4px;
}

.navigation li a {
	 border-radius: 25px 0px 0px 25px;
     color: #ffffff;
     display: inline-block;
     font-size: 18px;
     line-height: 1;
     padding: 5px 50px 5px 30px;
     transform: translate(100%, 0px);
}


#nav.opened .navigation li a {
	 transform: translate(10px, 0px);
}

#nav .navigation li a:hover {
     background-color: #9fc419;
     color: #ffffff;
     transform: translate(0px, 0px);
}

#nav.opened .nav_btn::after {
	 transform-origin: 0px 100% 0px;
     transform: rotate(-42deg);
}

#nav.opened .nav_btn::before {
	 box-shadow: none;
     transform-origin: 0px 0px 0px;
     transform: rotate(42deg);
}

.first_screen_label {
     bottom: 35px;
     left: 50%;
     position: absolute;
     text-align: center;
     transform: translate(-50%, 0px);
}

.first_screen_label span {
     display: block;
     font-size: 16px;
     line-height: 20px;
     padding-bottom: 5px;
     padding-top: 15px;
}

.label_animation {
     animation: 1s linear 0s normal none infinite running animationFrames;
     transform-origin: 50% 50% 0px;
}

@keyframes animationFrames {
0% { transform: translate(0px, -30px); opacity: 0; }
40% { opacity: 1; }
90% { opacity: 0; }
100% { transform: translate(0px, 0px); opacity: 0; }
}

@keyframes animationFrames {
0% { transform: translate(0px, -30px); opacity: 0; }
40% { opacity: 1; }
90% { opacity: 0; }
100% { transform: translate(0px, 0px); opacity: 0; }
}

.about_text {
     margin-top: 45px;
     padding-top: 45px;
     position: relative;
}

.about_text::after {
     background-color: #1a5cb7;
     content: "";
     display: block;
     height: 1px;
     left: 50%;
     margin-left: -50px;
     position: absolute;
     top: 0px;
     width: 100px;
}

.about_btn {
     padding-top: 54px;
     text-align: center;
}

.menu_slider {
     margin: 40px -30px 0px;
     width: auto;
}

.menu_slider:not(:last-child) {
     margin-bottom: 50px;
}

.menu_slider_item {
     padding: 0px 30px;
}

.menu_list li {
     color: #FFFFFF;
     font-size: 16px;
     line-height: 20px;
     padding-right: 5px;
     position: relative;
}

.menu_list li:not(:last-child) {
     margin-bottom: 20px;
}

.menu_title {
     color: #ffffff;
     font-size: 24px;
     line-height: 30px;
     margin-bottom: 5px;
}

.menu_price {
     color: #ffffff;
     font-size: 24px;
     line-height: 30px;
     position: absolute;
     right: 0px;
     top: 0px;
}

.owl-nav > div {
     height: 40px;
     left: -30px;
     margin-top: -20px;
     opacity: 0.7;
     position: absolute;
     top: 50%;
     width: 20px;
}

.owl-nav > div:hover {
     opacity: 1;
}

.owl-nav > div.owl-next {
     left: auto;
     right: -30px;
}

.owl-nav > div::before {
     border-color: transparent;
     border-style: solid;
     border-width: 1px;
     content: "";
     height: 30px;
     margin-top: -15px;
     position: absolute;
     top: 50%;
     transform: rotate(-52deg) skewX(-15deg);
     transition: all 0.5s ease 0s;
     width: 30px;
}

.owl-nav > div.owl-prev::before {
     border-left-color: #FFFFFF;
     border-top-color: #FFFFFF;
     left: 0px;
}

.owl-nav > div.owl-next::before {
     border-bottom-color: #FFFFFF;
     border-right-color: #FFFFFF;
     right: 0px;
}

.menu_btn .btn {
     padding-top: 8px;
}

.contact_info {
     text-align: center;
}

.contact_address {
     font-size: 16px;
     line-height: 30px;
     margin-top: 20px;
}

.contact_phon {
     font-size: 24px;
     line-height: 30px;
}

.contact_email {
     color: #cc3300;
     font-size: 16px;
     line-height: 30px;
}

.contact_info:not(:last-child) {
     margin-bottom: 5px;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), textarea {
     background-color: #dddddb;
     border: medium none;
     color: #000000;
     font: 400 14px/20px "Lato",sans-serif;
     outline: medium none;
     padding: 10px;
     width: 100%;
}

.form_row {
     margin: 0px 5px;
}

.form_row::after {
     clear: both;
     content: "";
     display: block;
}

.form_row:not(:last-child) {
     margin-bottom: 10px;
}

[class*="form_col"] {
     float: left;
     padding: 0px 5px;
}

.form_col3 {
     width: 33.333%;
}

.form_col1 {
     width: 100%;
}

.form_btn {
     margin-top: 30px;
     text-align: center;
}

#note {
	max-width:770px;
	margin:0 auto;
}


.animate_el {
     opacity: 1;
     transition: all 0.5s ease 0s;
     visibility: hidden;
}

.tr_top {
     transform: translate(0px, -40px);
}

.tr_bottom {
     transform: translate(0px, 40px);
}

.tr_left {
     transform: translate(-40px, 0px);
}

.tr_right {
     transform: translate(40px, 0px);
}

.section.active .animate_el {
     opacity: 1;
     transform: translate(0px, 0px);
     visibility: visible;
}

.delay_1 {
     transition-delay: 0.9s;
}

.delay_2 {
     transition-delay: 1.2s;
}

.delay_3 {
     transition-delay: 1.5s;
}

.delay_4 {
     transition-delay: 1.8s;
}

.delay_5 {
     transition-delay: 2.1s;
}

.delay_6 {
     transition-delay: 2.4s;
}

.delay_7 {
     transition-delay: 2.7s;
}

.delay_8 {
     transition-delay: 3s;
}

.m0 {
     margin: 0px;
}

.m5 {
     margin: 5px;
}

.mb0 {
     margin-bottom: 0px;
}

.mb5 {
     margin-bottom: 5px;
}

.mb10 {
     margin-bottom: 10px;
}

.mb20 {
     margin-bottom: 20px;
}

.mb30 {
     margin-bottom: 30px;
}

.mb40 {
     margin-bottom: 40px;
}

.mb50 {
     margin-bottom: 50px;
}

.mt0 {
     margin-top: 0px;
}

.mt5 {
     margin-top: 5px;
}

.mt10 {
     margin-top: 10px;
}

.mt20 {
     margin-top: 20px;
}

.mt30 {
     margin-top: 30px;
}

.mt40 {
     margin-top: 40px;
}

.mt50 {
     margin-top: 50px;
}

.p0 {
     padding: 0px;
}

.p5 {
     padding: 5px;
}

.pb0 {
     padding-bottom: 0px;
}

.pb5 {
     padding-bottom: 5px;
}

.pb10 {
     padding-bottom: 10px;
}

.pb20 {
     padding-bottom: 20px;
}

.pb30 {
     padding-bottom: 30px;
}

.pb40 {
     padding-bottom: 40px;
}

.pb50 {
     padding-bottom: 50px;
}

.pt0 {
     padding-top: 0px;
}

.pt5 {
     padding-top: 5px;
}

.pt10 {
     padding-top: 10px;
}

.pt20 {
     padding-top: 20px;
}

.pt30 {
     padding-top: 30px;
}

.pt40 {
     padding-top: 40px;
}

.pt50 {
     padding-top: 50px;
}