/*!
* Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
/* Global Styles */
html,
body {
height: 100%;
background: url(../images/gray_jean.png);  
}
body {
padding-top: 31px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
font-family: 'Open Sans', sans-serif;
color:#666;
}
.img-portfolio {
margin-bottom: 30px;
}
.bgrd-hover:hover {
opacity: 0.8;
background-color:#ccc;
}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {
height: 50%;
}
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;
}
.nav li a{
color:#ccc !important;
}
.nav li a:hover {
color:#555 !important;
background: #fff !important;
text-shadow:none!important;
}
.panel-heading {
background: transparent !important;
}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
*zoom:  1;
}
.arrow, .arrow-prev {
padding: 5px 50px;
}
/* Style button */
.btn {
padding: 5px 20px;
border:#ccc 1px solid;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
box-shadow:none!important;
}
.btn-lg.round {
border-radius: 24px;
}
/* Gradient button */
.btn-default.gradient {
background: -moz-linear-gradient(top,  #33a6cc 50%, #0099cc 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#33a6cc), color-stop(50%,#0099cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #33a6cc 50%,#0099cc 50%); /* IE10+ */
background: linear-gradient(to bottom,  #33a6cc 50%,#0099cc 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */
}
.btn-default.gradient:hover, .btn-default.gradient:focus, .btn-default.gradient:active, .btn-default.gradient.active, .open > .dropdown-toggle.btn-default {
background: -moz-linear-gradient(top,  #66b2cc 50%, #33a6cc 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* IE10+ */
background: linear-gradient(to bottom,  #66b2cc 50%,#33a6cc 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 ); /* IE6-9 */
}
..btn-default.gradient:active, .btn-default.gradient.active {
background: -moz-linear-gradient(top,  #267c99 50%, #007299 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #267c99 50%,#007299 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #267c99 50%,#007299 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #267c99 50%,#007299 50%); /* IE10+ */
background: linear-gradient(to bottom,  #267c99 50%,#007299 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 ); /* IE6-9 */
}
.btn:focus, .btn:active:focus, .btn.active:focus {
outline: 0 none;
}
.btn-default {
background: #eee;
color: #999;
padding: 5px 20px !important;
}
.intro-social-buttons , .btn-default{
padding: 5px 20px;
font-weight: normal;
font-size:14px !important;
letter-spacing: 1px;
text-transform: uppercase;
color:#eee;
text-shadow:none;
padding:5px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background: #33a6cc;
}
.btn-default:active, .btn-default.active {
background: #007299;
box-shadow: none;
}
.btn.sharp {
border-radius:0;
}
.btn.outline {
background: none;
padding: 12px 22px;
}
.btn-default.outline {
border: 2px solid #0099cc;
color: #0099cc;
}
.btn-default.outline:hover, .btn-default.outline:focus, .btn-default.outline:active, .btn-default.outline.active, .open > .dropdown-toggle.btn-default {
color: #33a6cc;
border-color: #33a6cc;
}
.btn-default.outline:active, .btn-default.outline.active {
border-color: #007299;
color: #007299;
box-shadow: none;
}
/*--/////// FOOTER \\\\\--*/
.full {
width: 100%;	
}
.gap {
height: 30px;
width: 100%;
clear: both;
display: block;
}
footer {
/*  margin: 50px 0;*/
}
.footer {
background: #0a718a;
height: auto;
padding-bottom: 30px;
position: relative;
width: 100%;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.footer p {
margin: 0;
}
.footer img {
max-width: 100%;
}
.footer h3 {
border-bottom: 1px solid #888;
color: #54697E;
font-size: 18px;
font-weight: 600;
line-height: 27px;
padding: 40px 0 10px;
text-transform: uppercase;
}
.footer ul {
font-size: 13px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin-top: 15px;
color: #b0d8c0;
}
.footer ul li a {
padding: 0 0 5px 0;
display: block;
}
.footer a {
color: #b0d8c0
}
.supportLi h4 {
font-size: 20px;
font-weight: lighter;
line-height: normal;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
background: #FFFFFF;
display: inline-block;
float: left;
height: 30px;
clear: both;
width: 100%;
}
.newsletter-box .btn {
border: medium none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
display: inline-block;
height: 40px;
padding: 0;
width: 100%;
color: #fff;
}
.newsletter-box {
overflow: hidden;
}
.bg-gray {
background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
background: none repeat scroll 0 0 #B5B5B5;
border: 2px solid #B5B5B5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
float: left;
height: 36px;
line-height: 36px;
margin: 0 16px 0 0;
padding: 0;
text-align: center;
width: 36px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.social li:hover {
transform: scale(1.15) rotate(360deg);
-webkit-transform: scale(1.1) rotate(360deg);
-moz-transform: scale(1.1) rotate(360deg);
-ms-transform: scale(1.1) rotate(360deg);
-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
color: #EDEFF1;
}
.social li:hover {
border: 2px solid #2c3e50;
background: #2c3e50;
}
.social li a i {
font-size: 16px;
margin: 0 0 0 5px;
color: #EDEFF1 !important;
}
.footer-bottom {
background: #;
border-top: 1px solid #eee;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-bottom p.pull-left {
padding-top: 6px;
font-family: 'Open Sans', Baumans;
color: #999;
}
.payments {
font-size: 1.5em;	
}
/* Rounded images */
div.img-div{
height:200px;
width:200px;
overflow:hidden;
border-radius:50%;
}
.img-div img{
-webkit-transform:translate(-50%);
margin-left:100px;
}
.circle-image{
width:200px;
height:200px;
border:#ccc 4px solid;
border-radius:50%;
background-image:url("../images/pic2.jpg");
display:block;
background-position-y:55% 
}
.circle-image2{
width:200px;
height:200px;
border:#ccc 4px solid;                             
border-radius:50%;
background-image:url("../images/pic1.jpg");
display:block;
background-position-y:45%;
background-position-x:15%  
}
.pr-title {                                             
width:100%;
height:auto;
min-height:35px;
border:#ccc 1px solid;
border-radius:5px;
background:#fff;	
}
.pr-title  h4{                                             
font-family: 'Open Sans', sans-serif;
color:#7bc144;
font-size:16px;
font-weight:500;
line-height:12px;
padding:0 10px;
}
.intro-message {
}
.intro-message h1{
font-family: 'Poiret One', cursive;
font-size:400%;
color:#ffffff;
font-weight:normal;
}
.intro-message h2{
font-family: 'Poiret One', cursive;
font-size:180%;
color:#ffffff;
font-weight:normal;
}
.dropdown-menu li a{
color:#999 !important;
font-weight:normal;
}
/*/////////////// Responsive Styles \\\\\\\\\\\\\\\\\\*/
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
.intro-header{
padding: 0px !important;
margin:0px !important;
width:100% !important;
}
.intro-message h1{
font-size:60px;	
text-align:center!important;
padding:0px!important;
margin:0 auto!important;
float:none;
}
.intro-message h2{
display:none;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
.intro-social-buttons{
display:none;
}
.social	{
display:none;
}
.footer {
padding-bottom: 0px;
}
.btn-default {
width:100% !important;
}
.intro-header{
padding: 0px !important;
margin:0px !important;
width:100% !important;
}
.intro-message h1{
font-size:360% !important; 
font-weight:800 !important;	
text-align:center!important;
padding:0px!important;
margin:0 auto!important;
float:none!important;
}
.intro-message h2{
display:none;
}
.content-section-b{
padding-top: 0px;
margin-top:-30px;
}
.img-responsive{
display:none;
}
.banner li{
font-size:48px !important;
font-weight:600!important;
text-align:center!important;
padding-bottom: 30px!important;
}
.banner h2{
font-size:38px !important;
font-weight:600!important;
text-align:center!important;
}
}
/* ----------- jQuery Validation ----------- */
/* --- Form B --- */
.form.b label.error {
margin:0;
color:red;
font-weight:bold;
font-size:12px;
font-style:italic;
}
.error-under {
margin:0;
color: #F00408;
font-weight:bold;
font-size:11px;
font-style:italic;
}
.img-float {
 float: left;
    margin: 0 20px 10px 10px;
}
/**************************** Nav top ********************************/