@charset "utf-8";

h1{font-size: 36px !important; font-family: 'Oleo Script', cursive !important;}
.input-textarea{width: 100%;background:none;  font-size: 16px; font-family: 'Open Sans'; padding: 5px 15px; border: none; border-bottom: 1px solid #CCC;    border-left: 3px solid #443f99;}
.input-text{background:none; height: 40px; width: 100%; font-size: 16px; font-family: 'Open Sans'; padding:5px 15px; border: none; border-bottom: 1px solid #CCC;    border-left: 3px solid #443f99 }
.input-textarea{width: 100%;background:none;  font-size: 16px; font-family: 'Open Sans'; padding: 5px 15px; border: none; border-bottom: 1px solid #CCC;    border-left: 3px solid #443f99;}
.input-submit{width: 140px; color: #FFF; font-size: 16px; border:1px solid #FFF; background: none; padding: 10px 0px}
.color{color: #443f99;}
h3{font-size:24px !important; font-family: 'Roboto', sans-serif;}
h4{font-size: 26px !important;font-family: 'Roboto', sans-serif;}
h5{font-size: 20px !important; font-family: 'Roboto', sans-serif;}
h6{font-size: 17px !important;}
p{font-size:15px !important; font-family: 'Open Sans' !important; text-align: left;}

/* CSS for old Menu */
.taptocall{color: #000;font-size: 14px !important;border: 1px solid #000; width: 50%; margin:5px  auto !important;  padding: 10px 0px;}
.taptocall:hover{background: #FFF; transition: .2s ease-in; color: #000;}

.under{margin-bottom: 30px !important;}

.banner-box{position: absolute !important; z-index: 999; margin-top: 50px; }
.banner-box2{position: absolute !important; z-index: 999; margin-top: 260px; }
.banner-box h2{font-size: 40px !important; font-weight: bold; color: #FFF !important}
.banner-box2 h2{font-size: 40px !important; font-weight: bold; color: #FFF !important}
.banner-btn{padding: 10px 20px; background: #188ab7; border:none; color: #FFF !important;}
.banner-p{color: #FFF !important;}
.banner-box2 h3{color: #FFF !important}
.top-header{background: #443f99; padding: 10px 0px;}
.top-header table{float: right; margin-top: 6px;}
.top-header td{padding-right: 20px !important; color: #FFF !important; font-size: 14px !important;}
.top-header p{padding-right: 20px !important; color: #FFF !important; font-size: 14px !important;}
.top-header-fa{color: #f4b329;}
.top-fa{color: #95defb; font-size: 24px !important;}
.header{padding:10px 0px}
.paddingreset{padding: 0px !important;}
.one{padding: 40px 0px;}
.one-btn{padding: 10px 20px; background: #188ab7; border: none; color: #FFF !important; font-size: 16px !important;}
.one h2{font-size: 23px;}
.one-1{margin-left: 2px!important; font-size: 22px;}
.one span{color: #999999;}
.one p{color: #000 ;}

.two {background: url(../images/bg.jpg) fixed; }
.two-box{border-top: #29ace0 5px solid; padding: 40px 0px;}
.two h2{color: #FFF !important; padding: 0px 0px 30px 0px; font-weight: bold !important; font-size: 40px !important;}
.two h3{font-size: 30px !important; font-family: 'Roboto' !important; color: #FFF !important; text-align: center}
.two p{color: #FFF !important; text-align: justify;}
.men{margin-top: 20px !important;}
.service {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(51,51,51,0.5);
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform:scale(0);
  transition: .3s ease;
}

.service:hover .overlay {
  transform: scale(1)
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.three{padding: 30px 0px;}

.three a{color: #666;}
.three a:hover{color: #666;}
.three-subheading{color:#666666; font-weight: bold; font-size: 24px !important; font-family: 'Roboto' !important;}
.three h2{font-size: 40px !important; text-align: center; font-family: 'Roboto' !important; font-weight: bold !important;}
.three-box{margin-top: 40px;}

.three .project img{ width: 100%; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; transition: all linear 0.5s; }
.three .project:hover img{ transform: scale(0.95,0.95) ; }


.four{background: url(../images/backg.png); padding: 30px 0px;}
.four h2{padding-bottom: 20px; font-weight: bold;}
.four p{font-family: 'Roboto' !important; font-size: 18px !important; color: #666 !important;}
.four-box{border-top: 6px solid #29ace0; }
.testi-icon{    margin-top: 50px; }
.testi-top{margin: 20px 0px;}
.test-name{ font-family: 'Roboto' !important; font-size: 20px !important;  margin:0px !important; padding: 0px !important; }
.test-date{font-family: 'Roboto' !important; font-size: 20px !important; color: #999999; margin:0px !important; padding: 0px !important;}

.footer{background: url(../images/footer-bg.png) repeat; padding: 40px 0px;}
.footer h1{font-family: 'Oleo Script '; font-weight: bold; font-size: 24px !important; color: #FFF !important;}
.footer p{color: #d1cfcf !important; line-height: 21px !important; font-size: 14px !important; text-align: justify;}
.footer a{color: #7a7a7a;}
.footer-mail{color: #36abd9;}
.footer a:hover{color: #36abd9 !important;}
.footer-icon{font-size: 28px !important; color: #525252;}
.bottom-footer{background: #212227; padding-top: 15px; }
.bottom-footer p{color: #a1a1a1 !important; text-align: center ;}
.owl-theme .owl-controls {    margin-top: 0px !important;}
/* Reset CSS & Default CSS*/
.prm-color{}
.sec-color{}
.ter-color{}
.black{color: #000}
.white{color: #000}
.reset{margin: 0px !important; padding: 0px !important;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.center{}
.page_images{margin-top: 60px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 0px solid #FFF !important;}

.owl-controls.clickable .owl-buttons div {
  border-radius: 0px !important; 
  width:0px !important; 
  height: 0px !important; 
  line-height: 0px !important; 
  text-align: center;
  color: transparent; !important;
  font-size: 0px !important; 
  background: rgba(0,0,0, 0) !important;
  border-radius: 0px !important;
}

.owl-next{margin-right: 64px !important;}
.owl-theme .owl-controls { margin: -3px !important;  text-align: center;}
#owl-demo{  display: block;  overflow: hidden;  width: 100%;  position: relative;  background: #fff;}
#owl-demo .item img{    display: block;    width: 100%;     }
div.owl-prev,div.owl-next{  position: absolute;  top:50%;}
div.owl-prev{  left: 0;}
div.owl-next{  right: 0;}
.owl-theme .owl-controls { margin-top:0px; text-align: center;}
.items{  width: 100%;  height: 100%;  overflow: hidden;  z-index: 20;  visibility: inherit;  opacity: 1;}
.owl-theme .owl-controls { margin-top:0px; text-align: center;}
.owl-controls.clickable .owl-buttons div{  border-radius: 56px !important;  width: 40px;  height: 40px;  line-height: 35px;  text-align: center;  color: #fff;  font-size: 20px;  background: rgba(0,0,0, 0.7);  border-radius: 0;  -webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.owl-pagination{   position: absolute;   bottom: 20px;   left: 50%;}
.owl-controls .owl-page span{ cursor: pointer;  position: relative !important;  background: rgba(0, 0, 0, 0.5) !important;  -webkit-border-radius: 10px;  border-radius: 10px;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  width: 6px !important;  height: 6px !important;  border: 5px solid rgba(0, 0, 0, 0) !important;  display: inline-block;  margin-right: 2px !important;  margin-bottom: 0px !important;  -webkit-transition: background-color 0.2s, border-color 0.2s;  -moz-transition: background-color 0.2s, border-color 0.2s;  transition: background-color 0.2s, border-color 0.2s;  float:none !important;  box-sizing:content-box;  -moz-box-sizing:content-box;  -webkit-box-sizing:content-box;}
.owl-controls .owl-page.active span{  background: rgba(255, 255, 255, 1) !important;  width: 6px !important;height: 6px !important;  border: 5px solid rgba(0, 0, 0, 1) !important;  -webkit-box-shadow: none;  box-shadow: none;}

/* Cool Heading */
.heading {	  display: inline-block;	  padding: 0 15px;	  position: relative;	  text-align: center	}
.heading:before,	.heading:after {	  background: #ddd;	  content: "";	  display: block;	  height: 1px;position: absolute; top: 50%;width: 50%;}
.heading:before {	  right: 100%;	}
.heading:after {	  left: 100%;	}


/* Header */
.banner{margin:0 0 0 0 !important; padding:0; width:100% !important; }
.header{background: #fefdfd; background-size:cover;  -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);}
.logo{z-index: 999; position: absolute;}
.footer{}









/* Navigation Bar */
.navbar-default { background:none !important; margin-top:8px; float: right; border-color: transparent !important;}
.navbar-default .navbar-nav>li>a {color:#FFF !important; font-family: Open sans; font-size: 15px; }
.active{background:none !important; }
.navbar-brand:focus,.navbar-brand:hover, .navbar-brand{ color:#FFF !important;}
.navbar-default .navbar-toggle .icon-bar {   background-color: #FFF !important;}
.navbar{margin-bottom:0px !important;}
.dropdown-menu > li.kopie > a {    padding-left:5px;}
.dropdown-submenu {    position:relative;}
.dropdown-submenu>.dropdown-menu {   top:0; left:100%;   margin-top:-6px; margin-left:-1px;   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu > a:after {  border-color: transparent transparent transparent #333;  border-style: solid;  border-width: 5px 0 5px 5px;  content: " ";display: block;  float: left;   height: 0;      margin-right: -10px;  margin-top: 5px;  width: 0;}
.dropdown-submenu:hover>a:after {    border-left-color:#555; }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {  text-decoration: underline;}  
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent !important;}




/* Contact Page */

.btn-send {    font-weight: 300;    text-transform: uppercase;    letter-spacing: 0.1em;    margin-bottom: 20px;}



@media screen and ( max-width:970px){
  .center{  display: block; margin-right: auto; margin-left: auto;}
  .contact_phone{padding:0px !important; padding-left: 0px !important}
}

@media screen and (max-width: 700px){
  .logo{position: relative; z-index: 0}
  .center{  display: block; margin-right: auto; margin-left: auto;}
  .contact_phone{padding:0px !important; padding-left: 0px !important}
  .owl-theme .owl-controls { visibility: hidden;} 
}

@media screen and (max-width: 480px) {
  .logo{position: relative; z-index: 0}
  .center{  display: block; margin-right: auto; margin-left: auto;}
  .contact_phone{padding:0px !important; padding-left: 0px !important}
  .owl-theme .owl-controls { visibility: hidden;}
}







@media (max-width: 767px) {  
  /* responsive font changing */
  .navbar-default .navbar-brand {color: #000 !important;}
  .navbar-default .navbar-toggle {    border-color: #000;}
  .navbar-default .navbar-toggle .icon-bar {    background-color: #000 !important;}
  .navbar-default .navbar-nav>li>a {    color: #000!important;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {    color: #000 !important;}
  .navbar-default .navbar-toggle:hover {     background-color: transparent !important; }
  .navbar-default .navbar-toggle {border-color: #000; !important; }
  .navbar-collapse {padding-right:0px !important; padding-left: 0px !important; -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent !important; }

    .navbar-default {float: none;}
    .navbar-nav  {     display: inline;  }
    .navbar-default .navbar-brand {    display: inline;  }
    .navbar-default .navbar-toggle .icon-bar {    background-color: #fff;  }
    .navbar-default .navbar-nav .dropdown-menu > li > a {    color: #FFF !important;    background-color: transparent;    border-radius: 4px; margin-top: 2px;     }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {     color: #333;   }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #ccc;   }
    .navbar-nav .open .dropdown-menu {     border-bottom: 1px solid white;      border-radius: 0;}
    .dropdown-menu {      padding-left: 10px;  }
    .dropdown-menu .dropdown-menu {      padding-left: 20px;   }
    .dropdown-menu .dropdown-menu .dropdown-menu {      padding-left: 30px;   }
    li.dropdown.open {    border: 0px solid red;   }

  }

  @media (min-width: 768px) {
    .navbar-default {float: none;}
    ul.nav li:hover > ul.dropdown-menu {    display: block;  }
    #navbar {    text-align: center;  }
  }