@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Languages
	3.3 Main Navigation
	3.4 Hamburger Menu
4. Main Slider
	4.1 Main Slider Dots
	4.2 Main Slider Nav
5. Footer
	5.1 Location
	5.2 Social


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:300,400,600,700,800');
@font-face
{
	font-family: 'Myriad Pro Regular';
	src: url('../fonts/myriad-pro-regular.ttf')  format('truetype'),
		 url('../fonts/myriad-pro-regular.otf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
}

body {
	background-image: url('../img/background3.png');
	background-repeat: no-repeat;
	background-size:cover;
	overflow-x: hidden;
	overflow-y: hidden;
}

/*********************************
2. Header
*********************************/

.header {
	left:20%;
}

.languages
{
	top:0;
	margin-left:60%;
}

ul#lang_buttons
       {
	width:300px;
	height:35px;
	opacity: 0.60;
	list-style: none;
       }

ul#lang_buttons li
       {
	text-align:center;
       }	

ul#lang_buttons li a
       {
	color:#FFF;
	text-decoration:none;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	float:left;
	margin-right:10px;
       }

ul#lang_buttons li a:hover 
       { 
    background-color:#7D7D7D;
	color:#FFF;
       }
	   
/*********************************
3.3 Main Navigation
*********************************/
.main_nav
{
	margin-right: 40%;
	margin-top:-4%;
	height: 100%;
	flex-basis: 100%;
	text-align: right;
}

.nav_items
{
	height: 100%;
}
.nav_items li
{
	display: inline-block;
	margin-left: 35px;
	height: 100%;
}
.nav_items li a
{
	font-family: 'Myriad Pro Regular', sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:28px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-left: 14px;
	padding-right: 10px;
}

.nav_items li:hover a
{
	color: #5EBAE6;
}

/*********************************
3.4 Hamburger Menu
*********************************/

.hamburger_container
{
	display: none;
	cursor: pointer;
	padding: 10px;
	margin-right: -10px;
	flex-basis: 50%;
	text-align: right;
}
.hamburger_text
{
	display: inline-block;
	margin-right: 7px;
	font-weight: 400;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:14px;
	color: #ffffff;
}
.hamburger_icon
{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 3px;
	background: #ffffff;
	margin-bottom: 4px;
}
.hamburger_icon::before,
.hamburger_icon::after
{
	display: block;
	position: absolute;
	left: 0;
	width: 22px;
	height: 3px;
	background: #ffffff;
	content: '';
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger_icon.active
{
	background: transparent;
}
.hamburger_icon.active::before
{
	top: -9px;
	transform: translateY(9px) rotate(45deg);
}
.hamburger_icon.active::after
{
	top: 9px;
	transform: translateY(-9px) rotate(-45deg);
}
.hamburger_icon::before
{
	top: -6px;
}
.hamburger_icon::after
{
	top: 6px;
}
.hamburger_container:hover .hamburger_icon::before
{
	top: -8px;
}
.hamburger_container:hover .hamburger_icon::after
{
	top: 8px;
}
.hamburger_container:hover .hamburger_icon.active::before
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	top: 0;
}
.hamburger_container:hover .hamburger_icon.active::after
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	top: 0;
}

.fs_menu_container
{
	position: fixed;
	top: -100vh;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url('../img/background6.png');
	background-repeat: no-repeat;
	background-size:cover;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 19;
	-webkit-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-moz-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-ms-transition: all 1s 0s cubic-bezier(1,0,0,1);
	-o-transition: all 1s 0s cubic-bezier(1,0,0,1);
	transition: all 1s 0s cubic-bezier(1,0,0,1);
	padding-left: 48px;
	padding-right: 63px;
	padding-top: 150px;
	text-align: right;
}

.fs_menu_shapes img
{
	width: 100%;
}
.fs_menu_container.active
{
	top: 0;
}
.fs_menu_list
{
	display: inline-block;
}
.fs_menu_list li
{
	overflow: hidden;
}
.fs_menu_list li a
{
	display: inline-block;
	font-size: 62px;
	font-weight: 500;
	color: #fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.4;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-moz-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-ms-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	-o-transition: all 600ms 600ms cubic-bezier(.19,1,.22,1);
	transition: all 1600ms cubic-bezier(.19,1,.22,1);
}
.fs_menu_list li:first-child a {transition-delay: 600ms;}
.fs_menu_list li:nth-child(2) a {transition-delay: 670ms;}
.fs_menu_list li:nth-child(3) a {transition-delay: 740ms;}
.fs_menu_list li:nth-child(4) a {transition-delay: 810ms;}
.fs_menu_list li:nth-child(5) a {transition-delay: 880ms;}
.fs_menu_list li:nth-child(6) a {transition-delay: 950ms;}
.fs_menu_list li:nth-child(7) a {transition-delay: 900ms;}
.fs_menu_list li:nth-child(8) a {transition-delay: 950ms;}
.fs_menu_list li:nth-child(9) a {transition-delay: 1000ms;}
.fs_menu_list li:nth-child(10) a {transition-delay: 1050ms;}
.fs_menu_container.active .fs_menu_list li a
{
	transform: none;
}
.fs_menu_list li a span
{
	position: relative;
}
.fs_menu_list li a span span
{
	position: absolute;
	top: -1px;
	left: -5px;
	color: #5EBAE6;
	z-index: -1;
}
.fs_menu_list li a > span::after
{
	display: block;
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 0%;
	height: 3px;
	background: #171717;
	content: '';
	-webkit-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-moz-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-ms-transition: all 600ms cubic-bezier(.19,1,.22,1);
	-o-transition: all 600ms cubic-bezier(.19,1,.22,1);
	transition: all 600ms cubic-bezier(.19,1,.22,1);
}
.fs_menu_list li a:hover span::after
{
	width: 100%;
}

/*********************************
4. Content
*********************************/

.contact_content
{
	margin-top:12%;
	margin-left:7%;
	
}
.contact_main_content
{
	width: 100%;
}
.contact_subtitle
{
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding-bottom: 11px;
	margin-bottom: 59px;
}
.contact_subtitle::after
{
	display: block;
	position: absolute;
	top: 50px;
	left: 3%;
	width: 43px;
	height: 2px;
	background: #5EBAE6;
	content: '';
}

/*********************************
8. Contact Form
*********************************/

.contact_form_container
{
	margin-top: 62px;
}
.input_field
{
	height: 40px;
	font-size: 14px;
	border: solid 1px #b7b7b7;
	padding-left: 17px;
	margin-bottom: 12px;
}
.input_field:focus,
.text_field:focus
{
	border: solid 2px #5EBAE6 !important;
	box-shadow: none !important;
	outline: none !important;
}
.text_field
{
	font-size: 14px;
	border: solid 1px #b7b7b7;
	padding-left: 17px;
	margin-bottom: 12px;
}
.contact_form_name,
.contact_form_email
{
	display: inline-block;
	width: calc(50% - 15px);
}
.contact_form_name
{
	margin-right: -4px;
}
.contact_form_email
{
	margin-left: 30px;
}
.contact_form_phone
{
	display: block;
	width: 100%;
}
.contact_form_message
{
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.contact_submit_btn
{
	position: relative;
	width: 153px;
    height: 50px;
    background: #5EBAE6;
	opacity:60%;
    overflow: hidden;
    border: 1px;
	border-color:#fff;
    font-size: 14px;
    font-weight: 250;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 39px;
	border-radius: 5px;
}

	.contact_submit_btn
	{
		text-align: center;
	}
	
.contact_submit_btn img
{
    display: inline-block;
    width: 13px !important;
    height: 7px;
	margin-left:7px;
}

.container_checkbox
{
	margin-top: 5%;
	
}

.container_checkbox p
{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding: 10px;
}
.contact_submit_btn::after
{
    display: block;
    position: absolute;
    top: -50%;
    left: -70px;
    width: 60px;
    height: 200%;
    background: rgba(255,255,255,0.1);
    content: '';
    -webkit-transform: rotate(12.5deg);
    -moz-transform: rotate(12.5deg);
    -ms-transform: rotate(12.5deg);
    -o-transform: rotate(12.5deg);
    transform: rotate(12.5deg);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 600ms ease;
    z-index: 0;
}
.contact_submit_btn:hover::after
{
	left: calc(100% + 70px);
}
::-webkit-input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #6e6e6e !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #6e6e6e !important;
}
::-moz-placeholder /* Firefox 19+ */ 
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #6e6e6e !important;
} 
:-ms-input-placeholder
{ 
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #6e6e6e !important;
}
::input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic !important;
	color: #6e6e6e !important;
}

	

/*********************************
10. Contact Sidebar
*********************************/

.contact_sidebar
{
	width: 100%;
	left:30%;
	
}
.sidebar_section
{
	margin-bottom: 58px;
}
.sidebar_section:last-child
{
	margin-bottom: 0px;
}

/*********************************
10.1 Sidebar Title
*********************************/

.sidebar_title
{
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding-bottom: 11px;
	margin-bottom: 59px;
}

.sidebar_title::after
{
	display: block;
	position: absolute;
	top: 50px;
	left: 3%;
	width: 43px;
	height: 2px;
	background: #5EBAE6;
	content: '';
}

/*********************************
10.2 Sidebar Contact Info
*********************************/

.sidebar_contact_info ul
{
	margin-top: -7px;
}
.sidebar_contact_info ul li
{
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #b8b8c1;
	line-height: 30px;
	padding-left: 28px;
	margin-bottom: 13px;
}
.sidebar_contact_info ul li:last-child
{
	margin-bottom: 0px;
}
.sidebar_contact_info ul li::before
{
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 9px;
	height: 9px;
	background: #5EBAE6;
	content: '';
}

/*********************************
11. Contact
*********************************/

.contact
{
	padding-top: 192px;
	padding-bottom: 120px;
}
.contact_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.contact_shapes
{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(calc(-50% - 40px));
}
.contact_title h2
{
	margin-bottom: 54px;
}
.contact_text p
{
	color: #FFFFFF;
}
.contact_button
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

/*********************************
5. Footer
*********************************/

	
/*********************************
5.1 Social
*********************************/


.footer_social_container
{
	display: inline-block;
	float:right;
}

.footer_social li
{
	display: inline-block;
	margin-left: 5px;
}
.footer_social li:first-child
{
	margin-left: 0px;
}
.footer_social li a
{
	width: 100%;
	height: 100%;
	padding: 5px;
}
.footer_social li i
{
	font-size: 14px;
	color: rgba(110,110,110,0.6);
}
.footer_social li:hover i
{
	color: rgba(255,255,255,1);
}
.cr p
{
	margin-bottom: 0px;
}

li#whatsappicon {
	visibility: hidden;
	display: none;
}