/* 
*
* USER STYLES
* This styles will override default styles of template
*
*/

/* general formatting */
.btnsocial {
	text-decoration:none !important;
}
.row-centered {
	text-align:center !important;
}
.col-centered {
	display:inline-block !important;
	float:none !important;
	text-align:left !important;
	margin-right:-4px !important;
}
.text-center {
	text-align:center !important;
}
.navbar-brand>img {
	max-width: 200px;
}
@media (min-width: 400px) and (max-width:768px){
	.navbar-brand>img {
		max-width: 300px;
	}
}
@media (min-width: 768px){
	.navbar-brand>img {
		max-width: none;
	}
}
.row-l2 {
	margin:40px 0 30px 0;
}
.section {
	padding: 75px 0;
}
@media (max-width: 991px){
	.section {
		padding: 35px 0;
	}
}

/*general dotted unit */
.dotted-unit{
	position: relative;
	width:auto;
	padding: 15px 25px;
	border: 1px #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #fff;
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(https://accudio.com/templates/kickstart/img/bg/mainbg.jpg);
	background-size: auto, auto, cover;
	background-position: center bottom;
}
.dotted-unit > .row{
	display:table;
	width: calc(100% + 30px);
}
.dotted-unit > .row > [class^="col-"],
.dotted-unit > .row > [class*=" col-"]{
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.dotunit-contents{
	padding-top: 10px;
	padding-bottom: 10px;
}
.dotunit-title{
	margin: 0 auto 15px;
	padding: 0;
	font-weight: bold;
}
.dotunit-desc{
	padding: 0;
	font-weight: bold;
}
.dotunit-desc p:last-child{
	margin-bottom: 0;
}
.dotunit-button{
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 991px){
	.dotted-unit > .row{
		display:block;
		width: auto;
	}
	.dotted-unit > .row > [class^="col-"],
	.dotted-unit > .row > [class*=" col-"]{
		float:none;
		display:block;
		vertical-align:middle;
		position: relative;
	}
	.dotunit-contents{
		text-align: center;
	}
}
.dotunit-btn {
	background-color: #428bca;
	border: 1px solid white;
	color: #fff;
}
.dotunit-btn:hover{
	background-color: #2a6496;
	border: 1px solid white;
	color: #fff
}


/* specific dotted unit styling */
.header {
	background: #2d2d30 url(../img/bg1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.section-features {
	background: linear-gradient(rgba(0, 0, 0, 0.45),rgba(0, 0, 0, 0.65)), url(../img/features.jpg);
	background-size: cover;
}
.dotunit-heading {
	margin-bottom: 40px;
}
.dotunit-portfolio {
	transition: all 0.4s ease;
	height: 100%;
	display:table;
	padding:10px 10px 10px 10px;
	width:100%!important;
}
.dotunit-contents-portfolio {
	display:table-cell;
	padding:10px 15px 10px 15px;
	vertical-align: top!important;
}
.dotunit-2button {
	padding-top:30px;
	padding-bottom:30px;
}
.portfolio-button {
	display:table-cell;
	padding:0;
	vertical-align:bottom!important;
	visibility: hidden;
	transition: all 0.4s ease;
}
.dotunit-portfolio:hover {
	transition: all 0.2s ease;
}
.dotunit-portfolio:hover > .row-portfolio-button > .portfolio-button{
	visibility: visible;
	transition: all 0.2s ease;
}
.portfolio-btn {
	background-color: rgba(0, 0, 0, 0.15);
	border: 1px solid white;
	color: #fff;
	vertical-align:bottom!important;
}
.portfolio-btn:hover{
	background-color: rgba(0, 0, 0, 0.85);
	border: 1px solid white;
	color: #fff
}
.portfolio-table-row {
	display:table-row!important;
	height:auto;
}
.row-portfolio {
	margin-bottom: 15px;
}
@media (max-width:990px){
	.col-portfolio {
		width: 200%;
		margin-bottom: 15px;
	}
	.row-portfolio {
		margin-bottom: 0;
	}
}

/* per-page dotunit backgrounds */
/* /services/web */
#services-web-buttons {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg3.jpg);
	background-size: auto, auto, cover;
	background-position: center center;
}
/* /services/hosting */
#services-hosting-buttons {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg3.jpg);
	background-size: auto, auto, cover;
	background-position: center center;
}
/* /prices/web */
#prices-web-cta {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg1.jpg);
	background-size: auto, auto, cover;
	background-position: center bottom;
}
/* /prices/hosting */
#prices-hosting-cta {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg1.jpg);
	background-size: auto, auto, cover;
	background-position: center bottom;
}
/* /about/accudio */
#about-accudio-head {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg4.jpg);
	background-size: auto, auto, cover;
	background-position: center center;
}
/* /portfolio/web */
#portfolio-web-accudio {
	background: url(../../../uploads/websites/accudio/accudio2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-accudio:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/accudio/accudio2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-lochmorlich {
	background: url(../../../uploads/websites/lochmorlich/lochmorlich2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-lochmorlich:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/lochmorlich/lochmorlich2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-skiandboardscotland {
	background: url(../../../uploads/websites/skiandboardscotland/skiandboardscotland2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-skiandboardscotland:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/skiandboardscotland/skiandboardscotland2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-seamotion {
	background: url(../../../uploads/websites/seamotion/seamotion2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-seamotion:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/seamotion/seamotion2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-accudiomk2 {
	background: url(../../../uploads/websites/accudiomk2/accudiomk22.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-accudiomk2:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/accudiomk2/accudiomk22.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-yetirooms {
	background: url(../../../uploads/websites/yetirooms/yetirooms1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-yetirooms:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/yetirooms/yetirooms1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-ct4u {
	background: url(../../../uploads/websites/ct4u/ct4u1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-ct4u:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/ct4u/ct4u1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-grasssledging {
	background: url(../../../uploads/websites/grasssledging/grasssledging1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-grasssledging:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/grasssledging/grasssledging1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-thetcabxl {
	background: url(../../../uploads/websites/thetcabxl/thetcabxl1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-thetcabxl:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/thetcabxl/thetcabxl1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-theskischool {
	background: url(../../../uploads/websites/theskischool/theskischool1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-theskischool:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/theskischool/theskischool1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-snowlimit {
	background: url(../../../uploads/websites/snowlimit/snowlimit1.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-snowlimit:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/snowlimit/snowlimit1.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-zippark {
	background: url(../../../uploads/websites/zippark/zippark2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-zippark:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/zippark/zippark2.jpg);
	background-size: auto, auto;
	background-position: center top;
	color: #fff;
}#portfolio-web-1896gallery {
	background: url(../../../uploads/websites/1896gallery/1896gallery2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-1896gallery:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/1896gallery/1896gallery2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}#portfolio-web-homeofcolour {
	background: url(../../../uploads/websites/amberhomeofcolour/amberhomeofcolour2.jpg);
	background-size: cover;
	background-position: center top;
	color: rgba(0, 0, 0, 0);
}#portfolio-web-homeofcolour:hover {
	background: linear-gradient(rgba(0, 0, 0, 0.85),rgba(0, 0, 0, 0.35)), url(../../../uploads/websites/amberhomeofcolour/amberhomeofcolour2.jpg);
	background-size: auto, cover;
	background-position: center top;
	color: #fff;
}
/* /portfolio/web buttons */
#portfolio-web-buttons {
	background: linear-gradient(rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)), url(../img/dot3.png), url(../img/bg2.jpg);
	background-size: auto, auto, cover;
	background-position: center top;
}

/* general styling */
.features-thumbs{
	padding: 0 3% 0 3%;
}
.features-thumbs img{
	margin-bottom:10px;
}
.features-thumbs p.lead{
	font-size: 19px;
	font-weight: bold;
}
@media (min-width: 768px){
	.features-thumbs p.lead{
		font-size: 24px;
	}
}

/* portfolio */
.portfolio-tb {
	border: none;
	width: 100%;
}
.portfolio-tb > tbody> tr, .portfolio-tb > tbody > tr > td {
	padding: 5px;
	border-bottom: 1px solid #cdcdcd;
}
.portfolio-project-title {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 22px;
	color: #444;
	font-size: 21px;
}


/* equal height columns */
.row-portfolio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row-portfolio > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


.servicessidebar {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.servicessidebar:hover {
	opacity: 0.8;
}
.section-mobile__text {
	margin-top: auto !important;
}


.aboutunit {
	text-align: center;
}
.aboutunit ul li {
  display: inline;
}
.aboutunit a {
  color: #000000;
}
.aboutunit a:hover {
  color: #4B4B4B;
}
.partners {
	padding: 50px 0 20px;
}
.teaser h2 {
	font-weight: 600;
}
.shadow {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.uptime img:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)

}
.accudioeditor img:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)

}
#about-accudio-head img {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.back-to-top {
	right: 80px;
}


.fb-livechat, .fb-widget {
	display: none
}
.fb-button, .fbm.fb-close {
	position: fixed;
	right: 24px;
	cursor: pointer
}
.fbm.fb-button {
	position: fixed;
	background-color: #2a2a2a;
	right: 30px;
	bottom: 40px;
	border: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	outline: 0;
	padding: 0;
	transition: all .15s;
}
.fbm.fb-button:focus, .fbm.fb-button:hover {
    background: #2f2f2f;
    margin-bottom: 3px;
    text-decoration: none;
}
.fb-widget {
	background: #fff;
	z-index: 99;
	position: fixed;
	width: 290px;
	height: 400px;
	overflow: hidden;
	opacity: 0;
	bottom: 0;
	right: 24px;
	border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
	-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
	-o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)
}
@media (max-width: 768px) {
	.fbm.fb-button {
	    bottom: 10px;
	}
}
.fb-credit {
	text-align: center;
	margin-top: 8px
}
.fb-credit a {
	transition: none;
	color: #bec2c9;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	border: 0;
	font-weight: 400
}
.fbm.fb-overlay {
	z-index: 0;
	position: fixed;
	height: 100vh;
	width: 100vw;
	-webkit-transition: opacity .4s, visibility .4s;
	transition: opacity .4s, visibility .4s;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .05);
	display: none
}
.fbm.fb-close {
	z-index: 4;
	padding: 0 6px;
	background: #365899;
	font-weight: 700;
	font-size: 11px;
	color: #fff;
	margin: 8px;
	border-radius: 3px
}
.fbm.fb-close::after {
	content: 'x';
	font-family: sans-serif
}
._1drm ._1drn {
    border: none !important;
}
#development .row {
	border-bottom: 1px solid #ddd;
}
#development .row:last-child {
	border-bottom: none;
}
#development .col-md-6 {
	padding: 20px;
}
#development .btn-donate {
	float: right;
}