form-group/* Base */
* {outline:none;}
html, body {
   height: 100%;
   outline:none;
}

@media print {
	a, i .no-print
	{
		display: none !important;
	}
}


body {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.6;color: #4d4b4b;background-color: #FFFFF5;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}

hr.style-one {border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc);}

    /* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
    .custom-select {
      position: relative;
      display: absolute;
      margin-top:0.5em;
      padding:0;
    }

    /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
    .custom-select select {
      width:100%;
      margin:0;
      background:none;
      border: 1px solid transparent;
      outline: none;
      /* Prefixed box-sizing rules necessary for older browsers */
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      /* Remove select styling */
      appearance: none;
      -webkit-appearance: none;
      /* Font size must the 16px or larger to prevent iOS page zoom on focus */
      font-size:16px;
      /* General select styles: change as needed */
      font-family: helvetica, sans-serif;
      font-weight: 600;
      color: #444;
      padding: .6em 1.9em .5em .8em;
      line-height:1.3;
    }


    /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */

    .custom-select::after {
      content: "";
      position: absolute;
      width: 9px;
      height: 8px;
      top: 50%;
      right: 1em;
      margin-top:-4px;
      background-image: url(http://filamentgroup.com/files/select-arrow.png);
      background-repeat: no-repeat;
      background-size: 100%;
      z-index: 2;
      /* These hacks make the select behind the arrow clickable in some browsers */
      pointer-events:none;
    }


    /* Hover style */
    .custom-select:hover {
      border:1px solid #888;
    }

    /* Focus style */
    .custom-select select:focus {
      outline:none;
      box-shadow: 0 0 1px 3px rgb(180, 222, 250);
      background-color:transparent;
      color: #222;
      border:1px solid #aaa;
    }

    /* Set options to normal weight */
    .custom-select option {
      font-weight:normal;
    }

.img-link {display:block;max-width:100%;padding-top: 20px;height:auto;opacity:0.9; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;-opera-opacity:0.9}
.img-link:hover {opacity:1.0; filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;-opera-opacity:1.0;transition-property: all;transition-duration: 0.5s;transition-timing-function: linear;}
.img-link-thump {display:block;width:100%;padding-top:5px;height:auto;}
.img-responsive {display:block;max-width:100%;height:auto;margin-left: auto;margin-right: auto;}

/* Header */
.top {background-color: #305E96;padding: 5px 0;color: #FFFFF5;}
.top p {margin: 0;}
.top ul {margin: 0;padding: 0;}
.top li i {color: #FFFFF5;}
.top li a {color: #FFFFF5;}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #C0C0C0;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

/* Navigation */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #305E96;background-color: #FFFFF5;}
.navbar-default .navbar-nav > li > a {color: #404040;font-weight: normal;font-size: 13px;}
.navbar-default .navbar-nav > li > a:hover {text-decoration: underline;color: #305E96;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #305E96;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #305E96;background-color: transparent;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #f3f3f3;}
.navbar-default .navbar-toggle i {font-size: 31px;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-left: 0;padding-right: 0;}
.navbar-brand>img {padding: 5px;}

/* Headline after HeaderNav with SiteNav*/
header.headafter {background-color: #f2f5f8;width: 100%;float: left;padding: 5px 0;color: #305E96;border-bottom: 1px solid #305E96;}
header.headafter span {margin: 0;}
header.headafter ul {margin: 0;padding: 0;}
header.headafter li i {color: #FFFFF5;}
header.headafter li a {color: #FFFFF5;}
header.headafter li a:hover {text-decoration: none;}
header.headafter li a:hover,.top li a:hover i {color: #C0C0C0;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}


.infield-search {
    border: 1px solid #305E96;
        border-radius: 5px; 
        /* box-shadow: 0px 0 3px 0 rgba(48, 94, 150, 0.5); */
    	background-color: #FFFFFF;
    	width: 90px;
    	font-size: 1em;
    	color:#305E96;
     	margin: 0;
     	padding: 3px 0 3px 6px;
}

.infield-search_on {
    border: 1px solid #305E96;
    border-radius: 5px; 
    /* box-shadow: 0px 0 3px 0 rgba(48, 94, 150, 0.5); */
    background-color: #f6fafe;
    width: 90px;
    font-size: 1em;
    color:#305E96;
     margin: 0;
     padding: 3px 0 3px 6px;
}

.infield-keyword {
    border: none;
    border-bottom: 1px solid #305E96;
    background-color: #fff;
    width: 150px;
    font-size: 1em;
    color:#305E96;
     margin: -5px 0 0 0;
     padding: 1px;
}

.styled-select select {
        outline: none;
    	border: 1px solid #305E96;
        border-radius: 5px;
    	border-left: 1px solid #305E96;
    	border-bottom: 1px solid #305E96;
    	background-color: #f6fafe;
    	font-size: 1em;
    	color:#305E96;
     	padding: 2px;
}

.styled-select select:focus {outline: none;background-color: #f6fafe;}

.fa {
    color: #305E96;
}

@media screen and (max-width: 768px) {
   .navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}
}

@media screen and (max-width: 992px) {
   .navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}
}

@media (min-width:768px) {
   .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}
}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #305E96;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #404040;line-height: 1.12857143;font-size: 12px;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #305E96;text-decoration: underline;background-color: transparent;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {
   .main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}
   .main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}
}

@media screen and (max-width: 992px) {
   .main-navbar-nav > li {border-bottom: 1px solid #f3f3f3;}
   .main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}
}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {
   .navbar-toggle {display: block;}
   .navbar-collapse.collapse {display: none !important;}
   .main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}
   .navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}
}

/* Hero
.hero_area {background-image: url(../img/hero.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 333px;padding: 0;} */
.hero_content {padding: 0;}
.hero_content h1 {text-shadow: 2px 2px 4px rgba(255,255,255,1.00);color: #305E96;font-weight: 900;font-size: 42px;}
.hero_content h2 {text-shadow: 2px 2px 4px rgba(255,255,255,1.00);color: #626262;font-weight: 500;font-size: 27px;margin-top: 0;width: 100%;line-height: 38px;}


/* Boxes */
.boxes_area {padding-top: 40px;padding-bottom: 10px;padding-left: 0;padding-right: 0;background-color: #f8f8f8;}
.box {position: relative;}
.box h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px;}

@media (min-width:769px) {
    .boxes_area div[class*="col-"]:after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #ebebeb;}
    .boxes_area div[class*="col-"]:last-child:after {display: none;}
}

/* Home box-shadow: 2px -2px 25px silver;*/
.home_content h2:after,.box h3:after {content: '';position: absolute;width: 30px;background-color: #305E96;height: 2px;left: 0;bottom: 0;}
.box i {position: absolute;right: 0;top: 0;margin: 0;color: #305E96;font-size: 45px;}
.boxes_area h3 {font-size: 16px;font-weight: 500;margin-top: 0;margin-bottom: 18px;}
.services {padding-top: 30px;padding-bottom: 10px;}
h2.section-title {text-align: center;color: #305E96;font-size: 30px;font-weight: 500;}
.services p.desc {text-align: center;font-size: 15px;margin-bottom: 20px;}
.services .media {margin-top: 10px;}
.services .media i {font-size: 45px;color: #305E96;}
.services .media h4 {font-size: 15px;font-weight: 600;color: #404040;}
.services .media p {text-align: left;}
/* .services .databox {margin-top: 10px; margin-bottom: 20px; border-left:1px solid #C7C7C7; 
    border-bottom:1px solid #C7C7C7;}*/
.services .databox {margin-top: 10px; margin-bottom: 20px; padding: 10px 5px ; border-radius: 5px; box-shadow: 0px 0 9px 0 rgba(48, 94, 150, 0.3); background-color: #fffcee;}

.services .databox i {font-size: 45px;color: #305E96;}
.services .databox h4 {font-size: 15px;font-weight: 600;color: #404040;}
.services .databox p {text-align: left;}

.services .datasynchro {border-left:1px solid #C7C7C7;
  border-bottom:1px dotted #C7C7C7;height:30px;
}
.services .datasynchro p {width: 100%;padding: 0px 5px; font-size: 15px;font-weight: 600;color: #305E96;}
.services .dataheadline {border-bottom:1px dotted #C7C7C7;height:27px;width: 100%;padding: 8px 5px 0px; font-size: 12px;font-weight: normal;color: #305E96;}

.services .infield-data {display: inline!important; border: none;background-color: #b6eef1;width: 100%;padding: 3px 10px; font-size: 15px;font-weight: 600;color: #305E96;}

#bg_grey {background-color:#F0F0F0; padding-top: 5px;padding-bottom: 5px;}

.detail {padding-top: 10px;padding-bottom: 10px;}
h2.section-title {text-align: center;color: #305E96;font-weight: 500;}
.detail p.desc {text-align: center;font-size: 14px;margin-bottom: 20px;}
.detail .immodetail {margin-top: 20px;}
.detail .immodetail i {font-size: 45px;color: #305E96;}
.detail .immodetail h4 {font-size: 15px;font-weight: 600;color: #404040;}
.detail .immodetail p {text-align: left;}

/* p decoration box */
p.box {
  margin-bottom: 0px;
  padding: 0 0 0 7px;
  font-size: 1.0em;
}

table {
  font-size: 1.0em;
}

table.title {
   margin-bottom: 5px;
   background-color: #ebebeb;
   border-bottom: 1px solid #C7C7C7;
}

td.title {
   padding: 3px 7px;
   font-size: 1.1em;
   color: #305E96;
   font-weight: 900;
}

/* img Immo Detail */
#fade_controls {cursor:pointer;}
.img-fade {display:block;height:auto;opacity:0.8; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;-opera-opacity:0.8;}
.img-fade:hover {opacity:1.0; filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;-opera-opacity:1.0;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

#fade {position:relative; border:0px;border-style:solid;margin-bottom:3%;}
#fade img {display: block;position: absolute;width: 100%; height: auto !important;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#fade img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

/* News */
.home-area {padding-bottom: 50px;}
.home_content h2 {position: relative;font-size: 17px;font-weight: 600;padding-bottom: 20px;color: #404040;margin-bottom: 30px;}
.home_list ul {margin: 0;padding: 0;float: left;width: 100%;}
.home_list ul li {list-style: none;}
.home_list .thumbnail {border: none;padding-top: 20px;}
.thumbnail:hover {opacity:0.7; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;-opera-opacity:0.7;}
.thumbnail .caption {padding: 9px;color: #404040;padding-left: 0;padding-right: 0;}

.home_list h3 {font-size: 16px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;color: #404040;}
.home_list p {color:#8c8c8c}
.home_list a.btn {font-size: 13px;padding: 0;color: #305E96;}
.home_bottom .row {margin-left: -5px;margin-right: -5px;}
.home_bottom div[class*="col-"] {padding-right: 5px;padding-left: 5px;position: relative;}

hr.style-one {border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc);}


/*iFrame Control*/
@media (max-width: 750px){
   #iframe{
      height:700px;
   }
}



/* References */
.carousel-control{ width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:0;background-image:none;}

@media (max-width: 767px) {
   .carousel-inner .active.left {left: -100%;}.carousel-inner .next {left: 100%;}
   .carousel-inner .prev {left: -100%;}.active > div {display:none;}.active > div:first-child {display:block;}
}

@media (min-width: 767px) and (max-width: 992px ) {
   .carousel-inner .active.left {left: -50%;}.carousel-inner .next {left:  50%;}
   .carousel-inner .prev {left: -50%;}.active > div {display:none;}.active > div:first-child {display:block;}.active > div:first-child + div {display:block;}
}

@media (min-width: 992px ) {
   .carousel-inner .active.left {left: -25%;}.carousel-inner .next {left: 25%;}.carousel-inner .prev {left: -25%;}
}

/* Footer */
footer.site-footer {background: #e6e6e6;padding: 20px 0 0;float: left;width: 100%;border-top: 1px solid #305E96;}
footer.site-footer h4 {font-size: 17px;font-weight: 500;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #666;font-size: 13px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #666;}
p.text {color: #666;}
#copyright {background: #305E96;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #FFFFF5;font-size: 12px;}
.site-footer li a:hover {color:#305E96;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 20px;float: left;width: 100%;}}

/* Maillist */
.login-form-1 .login-form-1 {max-width: 90%;padding: 0 5% 0;border-radius: 5px;display: block;}
/*.login-form-1 {max-width: 300px;border-radius: 5px;display: inline-block;background-color: orange;}*/
.main-login-form {position: relative;}
.login-form-1 .form-control {border: 0;box-shadow: 0 0 0;border-radius: 0;background: transparent;color: #555555;padding: 7px 0;font-weight: 600;height:auto;}
.login-form-1 .form-control::-webkit-input-placeholder {color: #999999;}
.login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder {color: #999999;}
.login-form-1 .form-group {margin-bottom: 0;border-bottom: 2px solid #FFFFF5;padding: 0 20px 0;position: relative;}
.login-form-1 .form-group:last-child {border-bottom: 0;}
.login-group {background: #efefef;color: #999999;border-radius: 8px;padding: 10px 20px;}
.login-group-checkbox {padding: 5px 0;}
.login-form-1 .login-button {position: absolute;right: -10px;top: 97%;background: #FFFFF5fff;color: #999999;padding: 11px 0;width: 50px;height: 50px;margin-top: -25px;border: 5px solid #efefef;border-radius: 50%;transition: all ease-in-out 500ms;}
.login-form-1 .login-button:hover {color: #555555;transform: rotate(450deg);}
.login-form-1 .login-button.clicked {color: #555555;}
.login-form-1 .login-button.clicked:hover {transform: none;}
.login-form-1 .login-button.clicked.success {color: #2ecc71;}
.login-form-1 .login-button.clicked.error {color: #e74c3c;}

/* Breadcrumb */
.bread_area {border-bottom: 1px solid #e7e7e7;padding: 10px 0;margin-bottom: 40px;}
.breadcrumb {margin: 0;background: #FFFFF5;padding: 0;}

/* Page */
.page-main {float: left;width: 100%;background-color: #FFFFF5;margin-bottom: 30px;}

/* Category */
.category-main {float: left;width: 100%;background-color: #FFFFF5;margin-bottom: 30px;}
.category-content h3 {font-size: 19px;margin-bottom: 20px;}
.category-main .media {margin-top: 0px;}
.category-main .media:first-child{margin-top: 0;}
.category-main ul li {list-style: none;position: relative;}
.category-main .media-left {padding-right: 20px;}
.category-main .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main .category-meta {width: 67%;}
.category-main .meta .arc-comment {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main .meta .arc-comment a, .archive ul.arc-share li a {color: #333;font-size: 15px;}
.category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main .meta .arc-date {float: right;font-size: 15px;color: #333;}
.category-main ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main .archive-cat a {color: #ff1515;}
.category-main .archive-cat a:hover {color: #333; text-decoration: none;}


/* Sidebar */
.widget h4,h2.page-title, h2.category-title {position: relative;margin-top: 0;padding-bottom: 20px;margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #404040;width: 100%;}
.widget h4 {font-size: 15px;margin-left: 15px;}
.widget h4:after,h2.page-title:after, h2.category-title:after {content: '';position: absolute;width: 30px;background-color: #305E96;height: 2px;left: 0;bottom: 0;}
.widget {margin-bottom: 30px;}
.sidebar ul {padding-left: 15px;padding-right: 15px;margin: 0;}
.sidebar ul li {list-style: none;}
.sidebar ul li a {padding: 3px 15px;display: block;margin-left: -15px;margin-right: -15px;color: #404040;}
.sidebar li.current a {background-color: #305E96;margin-left: -15px;margin-right: -15px;color: #FFFFF5FFF;}
.sidebar ul li a:hover {background-color: #305E96;color: #FFFFF5FFF;text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;}

/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
    h2.section-title {.styled-select select {
/*        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        appearance: none;*/
        -webkit-appearance: none;
    	border: none;
        outline: none;
/*    	border-left: 1px solid #305E96;
    	border-bottom: 1px solid #305E96;*/
    	background-color: transparent;
/*     	width: 90px; */
    	font-size: 1em;
    	color:#305E96;
/*      	margin: -5px 0 0 0; */
     	padding: 1px;
}

.styled-select select:focus {outline: none;background-color: #f6fafe;}
text-align: center;color: #305E96;font-size: 22px;font-weight: 500;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    .services .media .media-left {padding-right: 15px;}

    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}

    .sidebar {margin-top: 40px;}
}
@media (min-width:463px) and (max-width:768px) {
    h2.section-title {text-align: center;color: #305E96;font-size: 26px;font-weight: 500;}
   .fbox {float: left;}
   .fbox:nth-child(3) {float: right !important;}
   .img-slide {margin: 0 0 5px -20px;padding: 0 8%;}
}