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

/*body*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
/*menu*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,800');

html {
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  
  /* Delete all but one of the following font-size declarations: */

  /* Use a 12px base font size. 16px x 75% = 12px */
  font-size: 75%; /* 3 */
  /* Use a 14px base font size. 16px x .875 = 14px */
  font-size: 87.5%; /* 3 */
  /* Use a 16px base font size. */
  font-size: 100%; /* 3 */

  -ms-text-size-adjust: 100%;     /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */

  /* Establish a vertical rhythm. */
  line-height: 1.45em;
}

body {
 	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:1.45em;
	font-weight:400;
	padding:0;
	margin:0;
	color:#000;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:1.45em;
	font-weight:400;
	padding:0;
	margin:0 0 10px 0;
	color:#000;
}

#partners p {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:1.45em;
	font-weight:400;
	padding:0;
	margin:0 0 15px 0;
	color:#000;
}


b {
font-weight:500;
color:#000;
}

a,
a:hover,
a:focus {
color:#ff8400;
outline:none;
text-decoration:none;	
border:none;
}

h1 {
	font-family: 'Fira Sans', sans-serif;
	font-size:26px;
	line-height:1.25em;
	font-weight:400;
	padding:0;
	margin:0 0 20px 0;
	color:#ff8400;
	text-transform:uppercase;
	/*letter-spacing:1px;*/
}

h2 {
	font-family: 'Roboto', sans-serif;
	line-height:1.42em;
	font-weight:500;
	font-size:17px;
	padding:0;
	margin:0 0 5px 0;
	color:#000;
}

@media (max-width:991px) {
h1 {
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	line-height:1.2em;
	font-weight:400;
	padding:25px 0 0 0;
	margin:0 0 15px 0;
	color:#ff8400;
	text-transform:uppercase;
	/*letter-spacing:1px;*/
}

h2 {
	font-family: 'Roboto', sans-serif;
	line-height:1.42em;
	font-weight:500;
	font-size:16px;
	padding:0;
	margin:0 0 5px 0;
	color:#000;
}
}

/*style liste*/

.right ul {
padding-left:30px;
}

.right ul li {
list-style: none;
}

.right ul li:before {
      /* For a round bullet */
      content:'\2022';
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -12px;
      top: -0px;
      color: #000;
      font-size: 15px;
}


/*images background home page*/
@media (min-width:992px) {
#supersized img {
        filter: brightness(70%);
        -webkit-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -o-filter: brightness(70%);
        -ms-filter: brightness(70%);
}
}

@media (max-width:992px) {
#supersized img {
        filter: brightness(70%);
        -webkit-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -o-filter: brightness(70%);
        -ms-filter: brightness(70%);
}
}

/*logo centré home page*/

@media (min-width:768px) {
.front #logo {
width:400px;
}

.front #logo .intro {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height:180px;
margin-top: -90px; /* Half the height */
margin-left: -200px; /* Half the width */
text-align:center;
}

.front #logo .intro img {
display:block;
margin : 0 auto;
}

.front #logo .intro p {
font-family: 'Roboto', sans-serif;
font-size:20px;
text-align:center;
color:#fff;
font-weight:300;
font-style:italic;
padding-top:15px;
margin-bottom:0;
}
}

@media (max-width:767px) {
.navbar-header img {
	width:200px;
	padding-top:10px;}
	
.front #logo {
width:300px;
}

.front #logo .intro {
position: absolute;
top: 50%;
left: 50%;
width: 300px;
height:160px;
margin-top: -80px; /* Half the height */
margin-left: -150px; /* Half the width */
text-align:center;
}

.front #logo .intro img {
display:block;
margin : 0 auto;
}

.front #logo .intro p {
font-family: 'Roboto', sans-serif;
font-size:16px;
text-align:center;
color:#fff;
font-weight:300;
font-style:italic;
padding-top:15px;
margin-bottom:0;
}
}

/*menu*/

.navbar {
    min-height:60px;
}

@media (min-width:992px) {
.navbar {
	padding-right:15px;
}
}

.navbar-default {
    background-color: #fff; 
    border-bottom-color: #e7e7e7;
    border-left-color: none;
    border-right-color: none;
    border-top-color: none;
}

#menu li a {
font-family: 'Source Sans Pro', sans-serif;
	line-height:1.42em;
	font-weight:400;
    text-decoration: none;
    font-size: 13px;
    color: #000;
	text-transform:uppercase;
	letter-spacing:1px;
}

#menu li a.active,
#menu li a:hover,
#menu li a:focus  {
    color: #ff8400;
}

.navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
}

@media (min-width:992px) and (max-width:1200px) {
.nav > li > a {
    padding-left: 10px;
	padding-right:10px
}
}

/*breaking menu 992px*/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
	.navbar-nav > li {
    float: none;
	}
	
	.navbar-fixed-top {
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    top: 0;
	}
	
	.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
	}
	
	.navbar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-style: solid;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
    margin-bottom: 20px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-bottom-color: #e7e7e7;
    border-left-color: #e7e7e7;
    border-right-color: #e7e7e7;
    border-top-color: #e7e7e7;
	}

	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
	}

	.navbar-collapse.in {
    overflow-y: auto;
	}

	.collapse.in {
    display: block;
	}

	.navbar-collapse {
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
	}

	.navbar-nav {
    margin-bottom: 7.5px;
    margin-top: 7.5px;
	}
	
	.navbar-right {
    float: inherit !important;
	}
}

/*menu mobile*/
@media (max-width: 991px) {
.navbar-nav > li.separator {
	display:none;
}

.navbar-nav > li > a {
    padding-bottom: 6px;
    padding-top: 6px;
}

.navbar-toggle { 
    margin-top: 15px !important;
	border-color:#ccc !important;
}

.navbar-default .navbar-toggle:hover { 
	/*background-color:#ccb273;*/
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #999;
}
}

/*page*/

@media (min-width:992px) {
#main {
	width:100%;
	margin-top:100px;
	position:relative;	
}
}

/*page type - double*/

@media (min-width:992px) {
.left {
	width:50%;
	height:100%;
	left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: fixed;
    top: 0px;
}
}

@media (max-width:991px) {
.left {
	width:100%;
	height:800px;
	left: inherit;
    overflow-x: inherit;
    overflow-y: inherit;
    position: relative;
    top: inherit;
	margin-top:40px;
}
}

@media (max-width:767px) {
.left {
	width:100%;
	height:500px;
	left: inherit;
    overflow-x: inherit;
    overflow-y: inherit;
    position: relative;
    top: inherit;
	margin-top:50px;
}
}

.left img {
	max-width:100%;
}

@media (min-width:992px) {
.right {
	width:50%;
	float:right;
	padding-left:50px;
	padding-right:50px;
	
	height:100%;
	padding-bottom:60px;
}
}

@media (max-width:991px) {
.right {
	max-width:850px;
	float:none;
	padding-left:15px;
	padding-right:15px;
	
	height:100%;
	/*min-height:1300px;*/
	padding-bottom:60px;
	clear:both;
	
	margin-right:auto;
	margin-left:auto;	
}
}

.right p {
	max-width:850px;
}

.right li {
	max-width:820px;
}

.right form {
	max-width:850px;
	padding-top:10px;	
}

#why .left {	
	background-image:url(../img/1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}

#boat .left {	
	background-image:url(../img/2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}

#services .left {	
	background-image:url(../img/3.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}

#partners .left {	
	background-image:url(../img/4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}

#events .left {	
	background-image:url(../img/5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}

#contact .left {	
	background-image:url(../img/6.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:-1;
}


/*formuliare contact*/

label {
font-weight:500;
color:#000;	
}

.btn-success {
    background-color: #ff9000;
    border:none;
    color: #fff;
}

.btn-success:hover{
    background-color: #ff7800;
    border:none;
    color: #fff;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #ff7800;
  border: none;
}


.btn-lg, .btn-group-lg > .btn {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 15px;
    line-height: 1.33333;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.form-control:focus {
border-color:#666;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/*footer*/

#footer {
	clear:both;	
	background-color: #f5f5f5;
    bottom: 0;  
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 1;
	text-align:center;
}

#footer p {
	font-size:12px;	
	color:#333;
	padding:10px 0 10px 0;	
	margin:0;
}

#footer a {
	font-size:12px;	
	color:#333;
	padding:10px 0 10px 0;	
	margin:0;
}