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

/* HTML / BODY / FIXES */

.clear { clear:both;}

html, body, p { margin:0; font-family: 'Roboto', sans-serif; font-weight:100; font-size:12px; color:#000;}
h1, h2 {color: #1767B2; font-weight:100; font-size:30px;}
h3 { color: #1767B2; }
strong { color:#1767B2; font-weight:500;}
blockquote { font-style:italic; color:#1767B2; font-size:18px; font-weight:100; text-align:right;}
a { text-decoration:none;}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #00508e; }
::-webkit-scrollbar-thumb {border-radius: 10px; background:#FFF; }

::-moz-selection { /* Code for Firefox */color: white;background: #F90;}
::selection {color: white; background: #F90;}

/* SECTIONS / BANNERS / SLIDERS / CONTAINERS */

.header { padding:20px; background: rgba(255,255,255,.9); z-index:9999; border-top:#1767B2 solid thick;}
.header-content { display:table; margin:0 auto;}
.header-content img { float:left;}

.banner { width:100%; height:500px;}

.section { display:table; padding:10px; text-align:center; color:#999; margin:0 auto;}

.column-small {display:table; padding:20px; height:auto; float:left; margin:0 auto; max-width:320px;}

.column-grid{ width:50%; float:left; height:auto; opacity:.4; -webkit-opacity:.4; -moz-opacity:.4;}
.column-large{ width:40%; padding:5%; float:left; height:auto; text-align:justify;}
.column-large p{  font-size:16px;}

.box { width:10%; height:10%; float:left; opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; }
.box:hover { opacity:1; -webkit-opacity:1; -moz-opacity:1; }
.box img { width:100%; height:auto;}

.project-container { max-width:892px; margin:0 auto;}
.project { display:table; float:left; margin:10px;}
.project h1 { font-size:13px; font-weight:400; text-align:left; display:table;}
.project h2 { font-size:13px; font-weight:400; text-align:left; display:table;}
.project h3 { color: #1767B2; }
.project ul li { text-align:justify;}
.project img { opacity:.7;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; cursor:pointer;}
.project img:hover { opacity:1; }

span.register-symbol { font-size: 18px; }

/* ICONS */
.icons { float:left; margin: 10px 5px 0px;}
#phone [data-icon]:before, #mail [data-icon]:before { font-size:30px;}

/* BACKGROUNDS's COLORS */

.blue { background:#0066B4;}
.city { background:url(../images/backgrounds/back-1.jpg) center center fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}
.white { background:url(../images/backgrounds/back-4.jpg) center center fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}

/* BORDERS */

.top-blue {border-top:#0066B4 solid thick;}
.bottom-blue { border-bottom:#0066B4 solid thick;}

/* ID's */
#value-section {  padding:50px 0;}
#value-section h1{ text-align:center;}
#value-section h2{ text-align:center;}
#values .column-small h1 { text-align:justify; font-size:18px; font-weight:500;} 
#values .column-small h2 { text-align:justify; font-size:18px; font-weight:500;} 
#values .column-small p { text-align:justify; font-size:14px; color:#000;} 
#values .column-small ul {-webkit-padding-start: 20px; color:#000;} 
#values .column-small li { line-height:24px; text-align: justify; ; padding:0;  font-size:14px; color:#000;} 

#whyus-image img{ width:100%; height:auto;}

#gallery-section { width:100%; padding:50px 0;}

#copyright { padding:10px;}
#copyright p, #copyright a{ color:#FFF; -webkit-margin-before: 0px; -webkit-margin-after: 0px;}
#copyright [data-icon]:before{ color:#FFF;  float: right; font-size:40px; vertical-align:middle; margin:22px 22px 0 0; text-shadow:#3393dd 1px 1px 0px; color:#00508e;}

#development-section { display:table; margin:0 auto; }

.title { position:absolute; z-index:1; color:#FFF; font-size:100px; font-weight:700; top:30%; left:50%; transform: translate(-50%, -50%);}
.subtitle { position:absolute; z-index:1; color:#FFF; font-size:20px; font-weight:400; top:45%; left:50%; transform: translate(-50%, -50%); letter-spacing:50px;}

/* Anchors */

.anchor {  display: block;height: 65px; /*same height as header*/margin-top: -65px; /*same height as header*/visibility: hidden; }