/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

.home iframe {
    width: 100%;
    max-width: 100%;
    height: 500px;
}
@media(max-width:767px){
  .home iframe{  height:230px;}
}
.home{overflow:hidden;}
.prtr{width:100%;max-width:100%;        border: 5px solid rgba(70, 137, 220, 0.46); margin:10px 0px;}
body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "Roboto",sans-serif;
    font-size: 14px;
    line-height: 20px;
}
img{max-width:100%;}
.portrait {
    width: 100%;
    padding: 5px;
    border: 1px solid #e3e3e3;
}
.firstp{padding-top:10px;}
.img-portfolio {
    margin-bottom: 30px;
}

.contact-box, .contact-box2{overflow:hidden;}
.contact-box h5{
    text-transform: uppercase;
    font: bold 16px/18px Roboto;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 0px;
    padding: 3px 0px;
}
.contact-box2 h5{
    text-transform: uppercase;
    font: bold 16px/18px Roboto;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 3px 0px;
}
	.contact-box h3, .contact-box2 h3{
    font: bold 38px/1.2em 'Roboto',sans-serif;
    margin: 0;
}
.contact-box h4,.contact-box2 h4{text-transform:uppercase;font:bold 16px/18px Roboto;letter-spacing:1px;    margin-top: 5px;
    margin-bottom: 5px;}
.wh-dots{position:relative;}
.wh-dots-inverse{position:relative;text-align:right;}
.wh-dots:after{width:3px;height:100%;background:url(../img/white-dots.png);content:"";position:absolute;
top:0px;right:40px;}
.wh-dots-inverse:after{width:3px;height:100%;background:url(../img/white-dots.png);content:"";position:absolute;
top:0px;left:40px;}
.img-hover:hover {
    opacity: 0.8;
}
.forpad{padding:5px 0px;}
/* Home Page Carousel */

header.carousel {
    height: 50%;
}
.navbar-inverse .navbar-nav>li>a {
 
    font: bold 14px/18px Roboto;
    color: #ffffff;
	text-transform:uppercase;
}
.navbar-inverse .navbar-nav>li>a{
    border: none;
    display: inline-block;
    background: none;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
    letter-spacing: 3px;
	    padding: 15px 0px;
   
}
.not-first:before{
    content: '';
    width: 7px;
    height: 7px;
    background: url(../img/menu-dot.png);
    display: inline-block;
    margin: 0 21px 0 21px;
}
 .navbar {
    position: relative;
    min-height: 50px;
    padding-top: 20px;
    border: 1px solid transparent;
		margin-bottom:0px;
}
.navbar-inverse {
    background-color: #002123;
    border-color: transparent;

}
.title-enter {
    font: bold 24px/1.2em 'Roboto',sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 28, 30, 0.62);
    border-top: 5px solid #00191b;
}
.contact-box{background: #4689dc;padding:20px 0px;color:#fff;}
.contact-box2{background: #064e52;padding:10px 0px;color:#fff;}
.contact-box2 a{color:#fff;}
.contact-box2 a:hover{text-decoration:none;}
.title-enter:before {
    content: '';
    width: 7px;
    height: 7px;
    margin: 0 auto 17px;
    display: block;
    background: url(../img/service-dots.png);
}
.title-enter:after {
    content: '';
    width: 7px;
    height: 7px;
       margin: 17px auto 0px;
    display: block;
    background: url(../img/service-dots.png) -7px 0;
    transition: all 0.3s ease 0s;
}
.logo{width:400px;max-width:100%;padding:30px 0px 0px 0px;}
.logo_tagline {
    font: bold 18px/1.2em 'Roboto',sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
  padding-bottom:50px;
    letter-spacing: 8px;
}
.logo_tagline:after {
    content: '';
    width: 186px;
    display: block;
    background: url(../img/logo-dot.png) repeat-x;
    height: 7px;
    margin: 15px auto 0;
	
}
.home p {
    margin: 0 0 10px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #5c5c5c;
}
.home b, strong {
    font-weight: 600;
}
.home ul li,.home span{
    margin: 0 0 10px;
	line-height:22px;
   font-family: 'Roboto', sans-serif;
font-size:14px;
    color: #5c5c5c;
}
.home{padding:50px 0px;}
.page-header{
    font: bold 33px/44px 'Roboto',sans-serif;
    color: #2b5c67;
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
	bordeR:0px;
}
.page-header-2 {
    font: bold 26px/30px 'Roboto',sans-serif;
    color:  #2b5c67;
    margin: 0;
    text-align: left;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 0px;
}
.bottom50{margin-bottom:30px;}
.page-header-2:after{
   content: '';
    width: 187px;
    height: 6px;
    background: url(../img/hero-dot.png) repeat-x;
    display: block;
    left:0px;
    margin:10px 0px;
}
.page-under-header {
    font: bold 22px/27px 'Roboto',sans-serif;
    color: #43686a;
    text-transform: uppercase;
    margin-top:20px;
	margin-bottom:60px;
    letter-spacing: 1px;
}
.page-header:after {
    content: '';
    width: 187px;
    height: 6px;
    background: url(../img/hero-dot.png) repeat-x;
    display: block;
    margin: 20px auto 0;
}
.enter-content{background:url(../img/bg-top.jpg) center top no-repeat;background-size:cover;min-height:900px;}
.first-item a:before{width:0px;height:0px;content:'';margin:0px; background:none;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}
.btn {
    display: inline-block;
    padding: 15px 20px;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    background: #4689dc;
    line-height: 1.42857143;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #444;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:hover{color:#fff;}
.serv-img {
    width: 150px;
    height: 150px;
    max-width: 200px;
    border-radius: 50%;
	margin-bottom:15px;
       border: 5px solid rgba(70, 137, 220, 0.46);
}
.contact-box h4{color:#fff;}
/* Footer Styles */
h4 {
    font: bold 18px/30px 'Roboto',sans-serif;
    color: #0c3a73;
    text-transform: uppercase;
}
.whyus{padding:100px 0px;}
.why-box{padding-top:20px;padding-bottom:20px;text-align:center;}
.why-box p{font-size:13px;}
footer {
    margin: 50px 0;
}
.cta {padding:150px 0px;background:url(../img/pkd.jpg) right bottom; background-size:cover;}
.cta h2{font:bold 37px/43px 'Roboto',sans-serif; text-shadow:1px 1px 1px #444;
color:#fff;}
.prefooter {
    background: #011833;
    padding: 30px 0px;
    border-top: 5px solid #19b7c3;
}
.footer-logo {width:80px;max-width:100%;}
.prefooter img{max-width:100%;}
.prefooter h4{color:#fff;padding-bottom:15px;position:relative;}
.prefooter h4:after {
    width: 100px;
    height: 3px;
    left: 0px;
    bottom: 5px;
    background: #13646b;
    position: absolute;
    content: '';
}
 
 .footer p{color:#fff;margin-bottom:0px;font-size:12px;font-family:"Open Sans",sans-serif}
 .footer a{color:#fff;}
 .footer a:hover{text-decoration:none;}
.footer {
    background: #02152b;
    padding: 10px 0px;
}
.prefooter ul li{list-style-type:none;padding-left:0px;}
.prefooter ul{padding-left:0px;}
.prefooter ul li a {
    color: #ebebeb;
    line-height: 21px;
    font-size: 13px;
    font-family: "Open Sans",sans-serif;
}
.prefooter ul li a:hover{color:#fff;text-decoration:none;}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
	.cta{padding:50px 0px;background:url(../img/pkd.jpg) left; background-size:cover;}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	.wh-dots, .wh-dots-inverse{text-align:center;}
	.wh-dots:after,.wh-dots-inverse:after{width:0px; height:0px;}
	.page-header {
    font: bold 25px/28px 'Roboto',sans-serif;
    color: #a3c724;
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    bordeR: 0px;
}
.first-item:before {
    content: '';
    width: 7px;
    height: 7px;
    background: url(../img/menu-dot.png);
    display: inline-block;
    margin: 0 28px 0 28px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 560px;
}
.enter-content {
    background: url(../img/bg-top.jpg) center top no-repeat;
    background-size: cover;
    min-height: 700px;
}
.title-enter {
    font: bold 24px/1.2em 'Roboto',sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 28, 30, 0.75);
    border-top: 5px solid #00191b;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #002123;
}
 
.navbar-inverse .navbar-toggle {
    border-color: #002123;
}
}

input[type="text"], input[type="email"], input[type="tel"], textarea[name="client_message"] {
    -webkit-appearance: none;
    display: block;
    width: 80%;
    border-radius: 6px;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Roboto',Sans-Serif;
    padding: 10px 10px;
    margin-bottom: 14px;
    
    border: 1px solid silver;
      
    position: relative;
    behavior: url(/PIE/PIE.php);
}