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

.header{ margin:0; padding:10px 0; background:#fff;}
.header-right{ float:right; font-size:16px; color:#008ca0;}
.header-right ul{ margin:0; padding:10px 0 0 0; list-style:none;}
.header-right ul li{ margin:0 0 4px 0; padding:0;}
.header-right ul li i{ margin-right:8px;}

.navigation{ margin:0; padding:0; background:url(../images/menu-bg.jpg); height:40px; position:relative;}
.menu{display:block; margin:0; padding:0; list-style:none;}
.menu li{display:inline-block; position:relative; z-index:100; font-size:16px; position:relative; text-transform:uppercase; font-weight:700; line-height:40px; border-right:1px solid #00a3bc}
.menu li a{text-decoration:none; padding:0 25px; display:block; color:#fff; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a,  .menu li.active > a{color:#000;  }
.menu ul{display:none; margin:0; padding:0; width:200px; position:absolute; top:100%; left:0px; background:#ffffff; }
.menu ul li{display:block; float:none; background:none; margin:0; padding:0; border-top:1px solid #399ae8; }
.menu ul li a{font-size:14px; font-weight:normal; display:block; color:#fff; background:#37a5de; padding:5px 10px; white-space:nowrap;  }
.menu ul li a:hover, .menu ul li:hover > a{background:#f2f2f2; color:#000; }
.menu ul li:before{ display:none;}
.menu li:hover > ul{display:block; }
.menu ul ul{left:149px; top:0px; }
.mobile-menu{display:none; padding:0; height:40px; line-height:40px; text-align:left; font-size:20px; color:#fff;}
.mobile-menu i{ margin-right:8px; font-size:24px;}
.mobile-menu:hover{ color:#fff; text-decoration:none;}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
.navigation{ margin:0;}
.menu{display:none; float:none; }
.mobile-menu{display:block; }
nav{margin:0; background:none; }
.menu li{display:block; margin:0; background:none; }
.menu li a{color:#fff; border-top:1px solid #00a3bc; padding:0 20px; background:#17b5c3; }
.menu li a:hover, .menu li:hover > a{color:#000; }
.menu ul{display:block; position:relative; top:0; left:0; width:100%; }
.menu ul ul{left:0; }
.navigation nav{ position:absolute; top:100%; right:0; left:0; width:auto; z-index:999;}
.menu li:before{ display:none;}
.menu li:hover > a:after, .menu li.current-menu-item > a:after{ display:none;}
}

.flash-box{ margin:0; padding:0;}
.flash-box img{ width:100%; height:auto;}

.content-wrap{ margin:0; padding:30px 0; background:#fff;}

.boxes{ margin:0; padding:0; color:#fff;}
.box1{ margin:0; padding:8px; text-align:center; background:#4fa9de; margin-bottom:10px;}
.box2{ margin:0; padding:8px; text-align:center; background:#17b5c3; margin-bottom:10px;}
.box-img{ margin:0 -8px 8px; padding:0;}
.box-img img{ width:100%; height:auto;}
.box1 h2, .box2 h2{ margin:0; padding:0; font-family: 'Lobster', cursive; font-size:30px; color:#fff;}
.box1 p, .box2 p{ margin:0; padding:0; font-size:16px; color:#fff;}

.welcome{ margin:-30px 0 10px 0; padding:0;}
.welcome h1{ margin:0 0 35px 0; padding:20px 15px; color:#fff; background:#089cda; display:block; position:relative; font-family: 'Lobster', cursive;}
.welcome h1:after{ background:url(../images/arrow.png); height:21px; width:30px; position:absolute; top:100%; left:25px; content:''; margin:-2px;}
.welcome h2{ margin:0; padding:0 0 10px 0; font-size:30px; color:#089cda; font-family: 'Lobster', cursive;}
.welcome img{ width:100%; height:auto;}
.welcome p{ margin:0; padding:20px 0 0 0; font-size:16px;}

.top-wrap{ margin:0; padding:0 0 20px 0;}

.shadow{ margin:0; padding:0; line-height:0; text-align:center;}

.mid-wrap{ margin:0; padding:60px 0; background:url(../images/bg.jpg) no-repeat center center fixed; background-size:cover;}
.white-box{ margin:0; padding:20px; background:#fff;}
.white-box p{ font-size:16px;}
.white-box h2{ margin:0; padding:0 0 10px 0; font-family: 'Lobster', cursive; color:#17b5c3; font-size:30px;}

.bottom-wrap{ margin:0; padding:20px 0 0 0;}
.bottom-wrap h2{ margin:0; padding:0 0 10px 0; font-family: 'Lobster', cursive; color:#17b5c3; font-size:30px;}

.serv{ margin:0; padding:0 0 0 15px; list-style:none;}
.serv li{ list-style-image:url(../images/bullet.jpg); font-size:16px; margin-bottom:3px;}

.img-box{ border:3px solid #ebebeb;}
.img-box img{ height:auto; width:100%;}

.bottom-logos{ margin:45px 0 20px 0}

.footer{ margin:0; padding:15px 0; color:#fff; background:#008ca0}
.footer ul{ margin:0; padding:0 0 5px 0; list-style:none;}
.footer ul li{ margin:0 8px 0 0; padding:0 8px 0 0; display:inline-block;  color:#fff; position:relative; font-size:13px;}
.footer ul li:after{ position:absolute; content:'|'; top:0; right:-5px; bottom:0;}
.footer ul li:last-child:after{ display:none;}
.footer ul li a{ color:#fff; text-decoration:none;}
.footer ul li a:hover{ color:#fff; text-decoration:underline;}
.footer p{ margin:0; padding:0;}

.fb{ text-align:right;}



.inner-header{ margin:0; padding:30px 0; background:#f8f8f8; position:relative;}
.inner-header h1{ margin:0; padding:0; font-size:45px; text-transform:uppercase; font-size:45px; color:#333; font-weight:300;}
.page p{ font-size:15px;}
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6{ margin:0; padding:0 0 10px 0}
.page ul{ margin:0; padding:0 0 10px 15px; line-height:none;}
.page ul li{ list-style-image:url(../images/check-mark.png); font-size:16px; margin-bottom:5px;}

#timeline{ margin:0; }
.column {float: left; }
.size-1of4 {width: 25%; padding:0 10px; }
.size-1of3 {width: 33.333%; padding:0 10px; }
.size-1of2 {width: 50%; padding:0 10px; }
/* Configurate salvattore with media queries */
@media screen and (max-width: 480px) {
#timeline[data-columns]::before {content: '1 .column'; }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
#timeline[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 701px) and (max-width: 850px) {
#timeline[data-columns]::before {content: '3 .column.size-1of3'; }
}
@media screen and (min-width: 851px) {
#timeline[data-columns]::before {content: '4 .column.size-1of4'; }
}
#timeline .item{ margin-top:20px;}
#timeline .item img{ width:100%; height:auto; border:2px solid #ccc;}

.contactform .form-control{ height:45px; border-radius:0;}
.contactform textarea.form-control{ height:165px;}
.contactform input[type=submit]{ margin:0; padding:6px 45px; height:45px; color:#fff; background:#008CA0; text-transform:uppercase; font-weight:700;  text-transform:uppercase; display:inline-block; font-size:18px; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; border:none;}
.contactform input:hover[type=submit]{ background:#000; color:#fff; text-decoration:none;}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6{ margin:0; padding:0 0 10px 0;}
.page iframe{ width:50%; height:385px;}

.contact-info ul{ padding-left:0; padding-bottom:20px 0; list-style:none;}
.contact-info ul li{ list-style:none; font-size:16px; margin-bottom:6px;}
.contact-info ul li i{ color:#555; font-size:18px; width:22px; text-align:center;}
.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 1200px) {
} 
/* END__ */

/* Large then standart */
@media (min-width: 960px) {
} 
/* END__ */

/* standart desktop */
@media (max-width: 1200px) {
} 
/* END__ */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
.serv li{ float:left; width:33.333%}
.gal{ margin-top:15px;}
.welcome{ margin:0 0 10px 0;}
} 
/* END__ */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.header-right{ float:none; text-align:center}
.header-right ul li{ margin:0;}
.gal{ margin-top:15px;}
.welcome{ margin:0 0 10px 0;}
.img-box{ margin-bottom:15px;}
.fb{ text-align:left; margin-top:10px;}
} 
/* END__ */
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
} 
/* END__ */

/* Landscape phones and down */
@media (max-width: 480px) {
} 
/* END__ */