/*!
 * PSG v1.0.0
 * Copyright 2014 PSG
 */

/* TOC
========================
fonts
body
buttons
header
navbar
jumbotron
message-block
services-block
about page
footer
social links
login form
access denied page
media queries
=======================*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Abril+Fatface|Sacramento|Six+Caps|Cardo:400italic,700);

html {font-size: 100%;}
html, body{height: 100%;}
.main-wrapper{min-height: 100%; /* equal to footer height */ margin-bottom: -330px; overflow-x: hidden;}
.main-wrapper:after{content: ""; display: block;}
.footer-block, .main-wrapper:after { /* .push must be the same height as footer */ height: 330px;}

/* body */
 body {font-family: 'Roboto Slab', serif;font-size: 15px;font-weight:300!important;line-height: 1.428571429;color:#333333; -webkit-font-smoothing: antialiased; background-color: #6ec8c7; padding:0;} a {text-decoration: none; -webkit-transition: 0.25s;transition: 0.25s;outline: none;}
/* buttons */
.btn {border: none;background: #bdc3c7; color: #ffffff;padding: 9px 12px 10px; line-height: 22px; text-decoration: none;text-shadow: none;-webkit-border-radius: 6px;
 -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s;
 -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}
.btn-info {color: #ffffff;padding: 12px 28px 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #5fb8b7!important; border-color: #5cb3b2!important;text-decoration: none;text-shadow: none;} .btn-default {color: #333333; border-color: #cccccc; padding: 12px 28px 12px;-webkit-border-radius: 4px 5px 5px 4px/4px;-moz-border-radius: 4px 5px 5px 4px/4px;border-radius: 4px 5px 5px 4px/4px;background-color: #fff;}.btn-info:hover,.btn-info.active,.btn-info:focus {background-color: #52A8A7!important;} .btn-primary{color: #ffffff;border-color: #3191D1!important;padding: 12px 28px 12px;-webkit-border-radius: 4px 5px 5px 4px/4px;-moz-border-radius: 4px 5px 5px 4px/4px;border-radius: 4px 5px 5px 4px/4px;background-color: #3194D6!important;}.btn-primary:hover,.btn-primary.active,.btn-primary:focus {background-color: #207EBD!important;}
.content-wrapper{overflow: hidden;}
/* header */
.header{overflow:hidden}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, blockquote, fieldset, table, hr {margin: 16px 0;}
.jumbotron h1, .msg-block h1, .services-block h1, .slider-wrap h1, .product-block h1, .about-block h1, .contact-block h1{font-family: "gotham_roundedmedium", sans-serif; font-size: 36px;margin: 0.4em 0 0.4em 0;line-height: 1.1;}

.jumbotron h2, .msg-block h2, .services-block h2, .slider-wrap h2, .product-block h2{font-family: "gotham_roundedlight", serif; font-size: 30px;}
.jumbotron h4, .msg-block h4, .services-block h4, , .slider-wrap h4, .product-block h4 {font-family: 'Roboto Slab', sans-serif; font-size: 26px;}
h1 small, .header .header-content h1 small {font-family: "gotham_roundedlight", serif; display: block;font-size: 30px;font-weight: 300;letter-spacing: -0.03em;margin-bottom: 10px;line-height: 1.4;}
/* Navbar */
.psg-main-nav {text-shadow: 0 -1px 0 rgba(0,0,0,.15); box-shadow: 0 1px 0 rgba(255,255,255,.1); font-family: "gotham_roundedmedium", sans-serif; font-weight:500;}
.navbar-brand{padding:4px 15px!important;}.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {color: #1fb4da; background-color: transparent;} .navbar-inverse .navbar-nav>li>a:hover, .navbar-nav>li>:focus {color: #1fb4da;background-color: transparent;text-decoration: none;text-shadow:none;-webkit-transition: background-color .25s, color .25s, border-bottom-color .25s;transition: background-color .25s, color .25s, border-bottom-color .25s;}
/* Jumbotron Block */
.jumbotron {background-color:#6ec8c7!important; color:#ffffff!important; padding:150px 0 10px 0!important;}
.jumbotron h1 small{color:#ffffff;}
/* Message Block */
.msg-wrap{background-color:#ecf0f1; padding:80px 0 70px 0; } span.msg-green{color:#82b440;}
/* Services Block */
.services-wrap{background-color: #ffffff; padding:80px 0 100px 0; text-align:center;} 
/* product Block */
.product-wrap{background-color:#6ec8c7;padding-top:1px; padding-bottom:100px;text-align:center; color:#ffffff;} 
/* slider Block */
.slider-wrap {background-color:#6ec8c7; padding-top:5px; text-align: center; color:#ffffff;}
.fs1 {font-size: 3.3em; color:#89b84b;}.show-grid {margin-bottom: 70px;}
/* About page */
.about-block {position: relative;background-color:#1fb4da!important;color:#ffffff!important;margin-bottom:0!important;padding:180px 0 154px 0!important;overflow-x:hidden;}
/* Contact page */
.contact-block {background-color:#3498db!important;margin-bottom: 0!important;padding:180px 0 100px 0px!important;overflow-x:hidden;position: relative;}
.yform p.span-info {color:#3d3d45!important;} .yform h4, label{color:#3d3d45!important;}
.contact-field{background-color:#ecf0f1!important;padding:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contact-block .information{list-style: none; padding-left: 0;}
.contact-block h1, h3, address {color:#fff}

.section{padding:70px 0 100px 0;}
/* Footer Block */
.footer-block{position:relative;background-color:#3d3d45;color:#838387;padding:70px 0 60px 0; overflow-x:hidden; overflow:hidden;margin: 0 auto;}
.footer-block p{font-size: 15px; text-decoration:none;}
.footer-block h4.footer-subheading{color:#ffffff; font-size:20px; font-family:"gotham_roundedmedium", sans-serif;}
.footer-block a{font-size: 15px; color:#838387;  background-color:transparent; text-decoration:none; text-shadow:none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear;transition: color 0.2s linear;}
.footer-block a:hover{color:#ffffff;}.footer-block ul {list-style:none; padding-left:0;}
/* Social links */
.twitter {background-color:#44ccf6;}
.twitter a, .facebook a, .linkedin a{color:#ffffff; text-decoration:none; text-shadow:none; font-size: 22px;}
.facebook, .linkedin, .twitter {text-align:center;padding:2px;margin: 3px; width: 35px; height: 35px;text-decoration:none;float:left;color: #ffffff; border: 0;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}.facebook {background-color: #3b5998;}.linkedin {background-color: #0e76a8;}
/* Login form */
input[type='text'], input[type='password'], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;padding: 10px 16px;margin: 5px 1px 3px 0px;border: 1px solid #DDDDDD;}
input[type='text']:focus, input[type='password']:focus, textarea:focus {box-shadow: 0 0 5px rgba(81, 203, 238, 1)!important;padding: 10px 16px;margin: 5px 1px 3px 0px;border: 1px solid rgba(81, 203, 238, 1)!important;background-color: #ffffff!important;}
.modal {background: rgba(110, 200, 199, 0.31)}
.modal-body {padding: 30px 30px 30px 30px!important;}
.form-control {background-color: #ecf0f1!important;}
.modal-header{padding: 30px 30px 0 30px!important;border-bottom: 0!important;}
.modal-header h3 {font-family: "gotham_roundedmedium", sans-serif; font-size: 20px;}
.modal-header .close{background-color: #bdc3c7!important; -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;font-size: 23px; margin-top: 0;padding: 5px 9px 5px 9px!important;text-align:center;opacity: 0.8;filter: alpha(opacity=80);}
.modal-header .close:focus .close:hover{background-color:#3d3d45;}
.modal-footer {text-align:center!important; font-size: 16px!important; color:#d3d3d4!important; border-top:0!important; padding: 5px 0 0;}
.modal-footer a{color:#aeb1b3!important;}
/* Access Denied Page */
.adenied-page {background:#c0392b;}.adenied-page h1, h2 {color:#fff;font-weight:900;padding-top:30px;text-align:center;}
/* Media Queries */
@media (min-width: 768px) { body {font-size:15px;}}
@media (min-width: 992px) {body {font-size:16px; }}
@media (min-width: 1200px) {body {font-size:20px;}}    
@media (min-width: 992px) {.jumbotron h1, .jumbotron p {}}
@media (min-width: 992px){.jumbotron h1, .msg-block h1, .services-block h1, .slider-wrap h1, .product-block h1 {font-size: 50px;line-height: 1.4; letter-spacing: -0.04em;}}
@media (min-width: 992px){h1 small, .header .header-content h1 small {font-size: 36px;line-height: 1.4;}}
@media screen and (min-width: 768px){.modal-dialog {width: 470px;margin: 30px auto;}}