/* JUMBOTRON STYLES FROM TEMPLATE CARRIED OVER - Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 0;
  font-family: verdana, tahoma, sans-serif;
}
/*gallery required */
.modal {
	overflow: auto;
	color: #333;
}

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

a:link,
a:visited {color: #42B14A; font-size: 13px;}

/* ///////////////////// //////////////////////  START OF OVERRIDE STYLES ////////////////////////////////////////////   */

p {
line-height: 24px;
color: grey;
}

/* NAVBAR */
.navbar-inverse {
background-color: #333;
border: none;
}

.navbar-nav {
float: right;
}

.navbar-inverse .navbar-nav>li>a {
color: #D6D4D4;
padding: 30px 9px 20px 9px;
margin: 0 15px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: #2D2C2C;
color: #fff;
}

.navbar-nav>li>.dropdown-menu {
background: #42b14a;
border-top: 3px solid #333333;
}

.dropdown-menu>li>a {
color: #ffffff;
padding: 10px;
margin: 10px;
background: none;
border-bottom: 1px solid #ffffff;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
text-decoration: none;
color: #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #dd4b39;
border-bottom: 1px solid #dd4b39;
}

.navbar-form {
margin-top: 10px;
margin-bottom: 0;
}

.container .navbar-nav li a.active {
background: none;
color: #D6D4D4;
border-bottom: 3px solid #D6D4D4;
}

#bglogo {
color: #D6D4D4;
float: left;
font-family: 'josefin slab';
margin: 18px 20px 0 20px;
font-size: 34px;	
}

/* JUMBOTRON */
.jumbotron {
background: #252525 url(../nevski.jpg) top center no-repeat;
height: 400px;
padding-bottom: 0;
}

#_atssh {
display: none;
}

.col-md-12.web h1 {
font-size: 42px;
color: white;
padding: 20px;
font-family: 'Josefin Slab', serif;
line-height: 42px;
background: #42B14A;
margin: 5px 0;
margin-top: 50px;
float: left;
}

.col-md-12.web h2 {
font-size: 32px;
color: white;
padding: 15px;
font-family: 'Josefin Slab', serif;
line-height: 42px;
background: #BF5351;
clear: left;
margin: 5px 0;
float: left;
}
/* main content under pic */
.introText p,
.introText h1 {
font-size: 28px;
font-family: josefin slab;
line-height: 40px;
padding-right: 20px;
padding-left: 20px;
border-left: 5px solid #85D674;
margin: 20px; margin-left: 0;
margin-bottom: 60px;
}

.introText h1 {
margin-top: 50px;
}

#underPic h3 {
font-size: 24px;
font-family: 'josefin slab';
margin-bottom: 15px;
padding-top: 5px;
margin-top: 0;
}
.threeTexts {
padding: 5px;
}
.threeTexts p {
font-size: 13px;
color: #000;
font-family: verdana, tahoma, sans-serif;
}

.studentFeedback {
padding: 5px 5px 5px 20px;
border-left: 1px dotted grey;
}

/* contact form */
.well {
background-color: none;
background: none;
border: none;
padding-right: 40px;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
}

textarea.form-control {
margin-top: 10px;
margin-bottom: 10px;
}

/* 3 middle boxes */
h2.icons {
text-align: left;
padding-bottom: 10px;
border-bottom: none;
font-family: 'Josefin Slab', serif;
color: white;
margin-top: 5px;
padding: 50px;
background: #A0A0A0;
}

/*gallery */
#links img,
#sites img {
vertical-align: middle;
padding: 5px;
margin: 10px;
border: none;
}

h3.recent {
color: #c14f4f;
font-family: 'Josefin Slab', serif;
padding: 10px 40px 10px 0;
font-size: 32px;
border-bottom: 0;
padding-top: 0;
line-height: 48px;
margin-top: 35px;
margin-bottom: 30px;
border-top: 1px solid #e16e6e;
padding: 30px 0;
border-bottom: 1px solid #e16e6e;
}

.alert-danger {
font-family: 'Josefin Slab', serif;
font-size: 52px;
background-color: #fff;
color: #e16e6e;
padding: 0;
border-color: #fff;
}

/* right bar */
.panel-title a {
color: #fff;
font-family: 'Josefin Slab', serif;
font-size: 18px;
}

.panel-default>.panel-heading {
background-color: #6ea8e1;
}

.panel-group .panel {
margin-bottom: 20px;
}

/* contact form home */
.help-block ul {
color: #e16e6e;
background-color: #f2dede;
list-style-type: none;
padding: 5px 15px;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#success .alert-danger {
font-family: 'Josefin Slab', serif;
font-size: 18px;
font-weight: normal;
padding: 10px;
}

/* for portfolio page */
h2.portfolioHeading {
color: #efefef;
padding-bottom: 0;
font-family: 'josefin slab';
font-size: 38px;
}

img.portfolioPic {
max-width: 100%;
}

hr.divider {
margin-top: 50px;
margin-bottom: 50px;
}

a.portfolioLink {
color: #599B9E;
background: none;
border: 1px solid #599B9E;
padding: 10PX 20PX;
margin-top: 20px;
}

/* for services page */
h2.servicesHeading {
color: white;
font-family: 'josefin slab';
background: transparent;
display: inline-block;
padding: 10px 20px;
font-size: 28px;
margin-top: 30px;
margin-bottom: 0;
border-left: 5px solid #599B9E;
}

h1.servicesMainHeading {
font-family: 'josefin slab';
font-size: 78px;
color: #333;
border-bottom: 1px solid #e16e6e;
margin-top: 0;
}

.services {
background: #efefef;
margin-bottom: 0;
padding: 20px 20px 20px 0;
line-height: 34px;
color: #000;
}

.services .glyphicon {
margin-left: 20px;
margin-bottom: 15px;
}

.services li {
color: #599B9E;
}

.services li span {
color: #000;
}

.servicesText li {
padding-bottom: 12px;
}

.services div.col-md-6 {
padding: 0;
}

div.prices {
float: left;
background: none;
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #599B9E;
border-bottom: 1px dashed #ccc;
font-size: 42px;
margin-top: 0;
font-family: 'josefin slab';
}

hr.servicesBreak {
clear: right;
margin-top: 0;
margin-bottom: 0;
border-color: #fff;
}

/* ////////////////// ///////////// contacts page left //////////   ///////  */
.telephone {
margin-top: 20px;
}

/* footer //////  */
footer {
padding: 0 40px;
color: white;
background: none;
margin-top: 10px;
}

ul.footerMenu {
list-style-type: none;
float: left;
}

ul.footerMenu li {
display: inline;
}

ul.footerMenu a {
color: white;
float: left;
margin-right: 40px;
padding-bottom: 20px;
}
/* free website page styles*/
ol#freeWebsite li {
margin: 15px 0;
line-height: 24px;
}

.sb1 ul {
padding-left: 15px;
line-height: 30px;
}
.sb1 span.glyphicon.glyphicon-ok {
margin-right: 10px;
color: #C55B5B;
}
.sb1 {
background: #efe;
}
.sb1 h4 {
padding: 10px;
text-align: center;
color: #fff;
background: #5FBB5F;
}
/* ====== FOOTER ====== */
.footer {
background: #3A3838;
color: white;
padding-bottom: 20px;
margin-top: 30px;
}

.footer h3 {
padding: 10px 10px 15px 0;
font-size: 24px;
font-family: 'josefin slab';
margin: 20px 10px 10px 10px;
background: url(../headingLine.png) bottom left no-repeat;
}

.footer p {
margin: 10px;
font-size: 11px;
font-family: verdana;
line-height: 22px;
}

.footer a {
color: #efefef;
}

.social_div {
padding: 5px;
}

.social_div img {
margin-right: 10px;
}

.footer ul.media-list {
padding-left: 10px;
font-size: 11px;
}

.footer .media-body {
line-height: 18px;
}

.footer .media-heading {
margin: 0 0 5px;
font-size: 14px;
color: #ddd;
}

.footer li.media {
padding-top: 10px;
}

.bottomStrip {
background: #333;
color: #fff;
}

.footerMenu a:hover {
color: #333;
}

/* ///////////////////////////// /////////////////////// START OF MEDIA QUERIES //////////////// ////////////  */
/* max 1199 */
@media screen and (max-width: 1199px) {
     .col-md-6.web h1 {
     font-size: 82px;
     margin-bottom: 20px;
     }
	 span.strapLine {
     font-size: 14px;
     font-weight: normal;
     font-family: verdana, tahoma, sans-serif;
     }
	 .well {
     padding-right: 0;
     }
	 .glyphicon-resize-vertical {
	 display: none;
	}
	#bglogo {
    margin: 22px 20px 0 0;
    font-size: 24px;
    }
}

/* max 991 */
@media screen and (max-width: 991px) {  
     h3.recent, h3.designs {
     font-size: 22px;
     line-height: 34px;
     padding-right: 20px;
     }
	.navbar-inverse .navbar-nav>li>a {
    margin: 0;
    }
	.threeTexts {
	border-top: 1px dotted grey;
    margin-top: 20px;
    padding-top: 20px;
	}
	.reviews .threeTexts {
	border-top: none;
	padding-top: 0;
	}
	.introText p {
	margin: 15px; margin-left: 0;
	}
	.studentFeedback {
	border-left: none;
	margin-top: 20px;
	padding-top: 30px;
	padding-left: 0;
	}
}

/* max 767 */
@media screen and (max-width: 767px) {
    .col-md-6.web h1 {
    font-size: 102px;
    margin-bottom: 30px;
    }
	.jumbotron {
    padding: 10px;
	text-align: center;
    }
	#links, #sites {
	text-align: center;
	}
	.glyphicon-resize-vertical {
	display: inline-block;
	}
	h2.icons {
	margin-top: 50px;
	font-size: 36px;
	padding: 20px;
	}
	h1.servicesMainHeading {
	margin-top: 50px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #efefef;
    background: #222;
    padding: 15px;
    border-bottom: none;
	}
	.navbar-nav {
    float: none;
    }
	#bglogo {
    color: #D6D4D4;
    float: left;
    font-family: 'josefin slab';
    margin: 8px 20px 0 20px;
    font-size: 24px;
	}
	.navbar-inverse .navbar-nav>li>a {
    color: #D6D4D4;
    padding: 10px 10px 15px 10px;
    margin: 0 15px;
    }
	.container .navbar-nav li a.active {
    background: #222;
    color: #D6D4D4;
    border-bottom: none;
   }
   .introText p,
   .introText h1   {
   font-size: 24px;
   line-height: 36px;
   padding-right: 0;
   padding-left: 20px;
   border-left: 5px solid #85D674;
   margin: 15px; margin-left: 0;
   color: #333;
   }
}

/* max 479 */
@media screen and (max-width: 479px) {
    .col-md-12.web h1 {
    font-size: 32px;		line-height: 40px;
    margin-bottom: 10px;
	padding-top: 20px;
    }
	span.strapLine {
    padding-left: 0;
	font-size: 11px;
	}
	.jumbotron {
    padding: 10px 0;
	text-align: center;
    }
	.well {
     padding-right: 10px;
     }
	 #links img, #sites img {
     width: 90px;
	 }
	 h1.servicesMainHeading {
	 font-size: 42px;
	 }
	 h2.servicesHeading {
	 margin-top: 10px;
	 }
	 a.portfolioLink {
    padding: 10PX 5px;
    }
}
/* november 2015 changes //////// ///////// */
.panel {
background-color: transparent;
color: #efefef;
}	
.panel-default {
border-color: #599B9E;
}
.panel-default>.panel-heading {
background-color: transparent;
color: #599B9E;
}
.panel-title a {
color: #599B9E;
text-decoration: none;
}
.services li span {
color: #efefef;
}
.services {
background: transparent;
color: grey;
border: none;
}
a {
color: #599B9E;
}
/* //////////// NEW MARKETING PAGE //////// //////////// */
.marketingPath p {
color: #efefef;
padding: 30px 0 30px 0;
font-size: 32px;
font-family: 'Coming Soon', cursive;
line-height: 50px;
}
.effectiveMarketing h2 {
text-align: center;
font-size: 64px;
font-family: 'josefin slab', cursive;
color: #efefef;
}
.smallStrap{
color: grey;
font-size: 24px;
font-family: josefin slab;
display: block;
padding-bottom: 90px;
text-align: center;
}
.marketingFeatures {
margin-bottom: 40px;
padding-bottom: 40px;
}
/* max 570 */
@media screen and (max-width: 570px) {
.effectiveMarketing h2 {
font-size: 44px;
}
}
/* max 991 */
@media screen and (max-width: 991px) {
.smallStrap {
padding-bottom: 30px;
}
.marketingFeatures .col-md-4 {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid grey;
}
.marketingFeatures {
margin-bottom: 0;
padding-bottom: 0;
}
}
/* ////////////// ///////////////// //////// START OF PRICES PAGE //////////// //////////// ////// */
.panel {
background-color: transparent;
}
.panel-pricing {
margin: 30px;
}
.panel-footer {
background-color: transparent;
}
.list-group-item {
background-color: transparent;
}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
border-width: 0;
border-radius: 0;
}
.list-group+.panel-footer {
padding: 30px;
}
#plans .btn-block {
display: inline;
}
.btn-group-lg>.btn, .btn-lg {
font-family: verdana, tahoma, sans-serif;
background: #d9534f;
}
.panel-heading h3 {
font-family: 'Josefin Slab';
font-size: 34px;
}
span.plusMarketing {
font-size: 14px;
color: #C58A2D;
font-family: verdana, tahoma, sans-serif;
}
span.PROplusMarketing {
font-size: 14px;
color: #E4E4D0;
font-family: verdana, tahoma, sans-serif;
}
/* website pro price package */
.panel-danger {
border-color: #599B9E;
}
.panel-danger>.panel-heading {
color: #599B9E;
background-color: transparent;
border-color: #599B9E;
}
.panel-danger.panel-pricing .panel-body {
background-color: #599B9E;
}
.panel-danger.panel-pricing .panel-body p {
color: #fff;
font-size: 24px;
margin-bottom: 0;
}
.panel-danger.panel-pricing .list-group-item {
color: #efefef;
border-bottom: 1px solid #599B9E;
}
.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #c9302c;
font-size: 14px;
}
a.btn.btn-lg.btn-block.btn-danger:hover {
background: #f0ad4e;
border-color: #f0ad4e;
}
/* website standard price table */
.panel-warning {
border-color: #E4E4E4;
}
.panel-warning>.panel-heading {
color: #E4E4E4;
background-color: transparent;
border-color: #E4E4E4;
}
.panel-warning.panel-pricing .panel-body {
background-color: #E4E4E4;
}
.panel-warning.panel-pricing .panel-body p {
color: #E4E4E4;
font-size: 24px;
margin-bottom: 0;
}
.panel-warning.panel-pricing .list-group-item {
color: #fff;
border-bottom: 1px solid #E4E4E4;
}
.btn-warning {
color: #fff;
background-color: #c9302c;
border-color: #c9302c;
font-size: 14px;
}
/* //////// /////////////////////// /// MOBILE WEBSITES PAGE ///// ///////// */
div#mobileSites h3,
div#mobileSites h4,
div#mobileSites h5,
div#mobileSites h6 {
color: #599B9E;
padding-top: 20px;
font-family: 'coming soon', cursive;
}
.row.firstRowMobiles {
padding-top: 30px;
}
#mobileSites p.openingPara {
font-family: 'Coming Soon', cursive;
color: #efefef;
font-size: 18px;
line-height: 32px;
}
#mobileSites p {
color: #C9CACA;
}
a#redButton:link,
a#redButton:visited{
border: 1px solid #E8BA30;
background: none;
float: left;
margin: 20px 0;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-family: josefin slab;
font-size: 18px;
color: #E8BA30;
text-transform: uppercase;
letter-spacing: 1px;
}
a#redButton:hover{
text-decoration: none;
color: #599B9E;
border: 1px solid #599B9E;
}
a#blueButton:link,
a#blueButton:visited{
border: 1px solid #E8BA30;
background: none;
float: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-family: josefin slab;
font-size: 18px;
color: #E8BA30;
text-transform: uppercase;
letter-spacing: 1px;
}
a#blueButton:hover{
text-decoration: none;
color: #599B9E;
border: 1px solid #599B9E;
}
/* min 1281 */
@media screen and (min-width: 1281px) {
    .jumbotron {
	background-size: 100%;
	}
}
/* /// social share buttons /// */
.a2a_floating_style {
background-color: none !important;
background: none !important;
border-radius: 0 !important;
}