/*************************************

	Default Template Styles
	Copyright (c) TCK Media

**************************************/

html,
body {
    height: 100%;
    overflow-x: hidden;
	color: #000;
/*	background:url(https://dmpshop.com/site/assets/shared/img/bg/bg-1.jpg) repeat-y center; */
}
.container {
      max-width: 1900px !important;
      width: 90%;
}
#captchaInput {
    width: 2.5em;
    margin: .5em;
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.home-welcome {
	margin-top:20px;
}
#search-header {
/*	text-align: center; */
	float: left;
/*	align-content:center; */
	min-width:100%;
/*	margin-left: auto; 
	margin-right: auto; */
}
.searchField-outer{
	width:100%;
}
.searchField-inner{
    display: inline-block;
	margin: 0 auto;
}
#search-header .input-lg {
	float:left;
	font-size:30px;
	height:60px;
	max-width: 900px;
	border-radius: 10px 0 0 10px !important;
	border: none;
	/*min-width:600px;*/
}
#search-header .btn-lg {
	float:left;
	font-size:30px;
	height:60px;
	width:80px;
	border-radius: 0 10px 10px 0 !important;
	border: none;
}
.search-heading{ 
		font-size: 40px; 
		padding: 20px 20px 0px 20px;
		font-weight: 700;
		color: white;
		text-shadow: 0 2px 3px rgba(0, 0, 0, .6);
		margin-bottom: 10px;
	}
	.search-subheading{ 
		font-size: 20px; 
		padding: 0px 20px 0px 20px;
		font-weight: 700;
		color: white;
		text-shadow: 0 2px 3px rgba(0, 0, 0, .6);
		margin-bottom: 10px;
	}
.jumbotron {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color:#000000;
  background: rgb(29, 32, 37); /* Fallback for older browsers without RGBA-support */
  background: rgba(29, 32, 37, 0.5);
  border-radius: 25px;
}

/* 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;
/*	border-bottom:#000 thin solid; */
}
header.carousel-caption {
	width:100%;
	right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 100;
    padding-top: 50px;
    padding-bottom: 20px;
	color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-caption > h1.dn-header, a {
		/* font-size: 30px; */
	}
h1.dn-header > a {
	font-size:66px;
/*	color: white; */
	position:relative;
}
.tagline {
    text-shadow: 0 0 5px #000;
    color: #fff;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
h1.tagline {
	font-size: 34px;
	font-weight: 700;
}
h2.tagline {
	font-size: 24px;
	font-weight: 700;
}
/************************************

			DOMAIN HEADERS

*************************************/
.domainJumbotron {
    position: relative;
    margin: 0px;
    height: 250px;
    text-align: center;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   }
    
 .domainJumbotron:before {
      content: "";
      background: black;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: .4;
      z-index:1;
 }
    
 .domainJumbotron > * {
        position:relative;
        z-index:2;
}
.domain-caption {
	width:100%;
	right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 100;
    padding-top: 50px;
    padding-bottom: 20px;
	color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
h1.dn-header{
	font-size:66px;
	/*color: white;*/
	position:relative;
}
/************************************/
/* 404 Page Styles */

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

.title {
	font-size: x-large;
	border-bottom:#C4C4C4 solid thin;
	margin-bottom:20px;
}

.showcase-title {
	padding: 80px 0px 80px 0px;
}
/* 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;
}
/************************

	  SALES VIDEO

*************************/
.video-container {
	margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
	padding:20px;
	text-align:center;
}
.sales-video {
		width:853px;
		height:480px;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
	}
.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 20px;
    text-align: center;
    color: #000000;
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

/* @media(max-width:480px) {
	.sales-video {
		width:300px;
		height:220px;
	}
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
	h2.heading {
		font-size: 20px;
	}
	li > a {
		font-size:14px;
	}
} */

/*share-meta*/

.share-meta {
    list-style: none;
    padding: 0;
}

.share-meta li {
    margin: 15px 0;
    color: #000;
}

.share-meta li span {
    display: inline-block;
    width: 60px;
    letter-spacing: 2px;
    color: #000;
    font-size: 12px;
}

.share-meta li a {
    margin-right: 10px;
/*    color: #cdcdcd; */
}

.share-meta li a:hover {
/*    color: #323232; */
}

/*portfolio-meta*/

.portfolio-meta {
    list-style: none;
    padding: 0;
}

.portfolio-meta li {
    margin: 15px 0;
    color: #000;
}

.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 2px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.portfolio-meta li a {
    margin-right: 10px;
/*    color: #cdcdcd; */
}

.portfolio-meta li a:hover {
/*    color: #323232; */
}




/* Custom buttons */

.buy-btn {
  margin:10px;
  background: #f57070;
  background-image: -webkit-linear-gradient(top, #f57070, #b82b2b);
  background-image: -moz-linear-gradient(top, #f57070, #b82b2b);
  background-image: -ms-linear-gradient(top, #f57070, #b82b2b);
  background-image: -o-linear-gradient(top, #f57070, #b82b2b);
  background-image: linear-gradient(to bottom, #f57070, #b82b2b);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.buy-btn:hover {
  color: #ffffff;
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #cc3b3b);
  background-image: -moz-linear-gradient(top, #fc3c3c, #cc3b3b);
  background-image: -ms-linear-gradient(top, #fc3c3c, #cc3b3b);
  background-image: -o-linear-gradient(top, #fc3c3c, #cc3b3b);
  background-image: linear-gradient(to bottom, #fc3c3c, #cc3b3b);
  text-decoration: none;
}

.lease-btn {
  margin:10px;
  background: #0087B5;
  background-image: -webkit-linear-gradient(top, #3CCFEF, #0087B5);
  background-image: -moz-linear-gradient(top, #3CCFEF, #0087B5);
  background-image: -ms-linear-gradient(top, #3CCFEF, #0087B5);
  background-image: -o-linear-gradient(top, #3CCFEF, #0087B5);
  background-image: linear-gradient(to bottom, #3CCFEF, #0087B5);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.lease-btn:hover {
  color: #ffffff;
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #0087B5, #3CCFEF);
  background-image: -moz-linear-gradient(top, #0087B5, #3CCFEF);
  background-image: -ms-linear-gradient(top, #0087B5, #3CCFEF);
  background-image: -o-linear-gradient(top, #0087B5, #3CCFEF);
  background-image: linear-gradient(to bottom, #0087B5, #3CCFEF);
  text-decoration: none;
}

.offer-btn {
  margin:10px;
  background:#B2B2B2;
  background-image: -webkit-linear-gradient(top, #a8a8a8, #525252);
  background-image: -moz-linear-gradient(top, #a8a8a8, #525252);
  background-image: -ms-linear-gradient(top, #a8a8a8, #525252);
  background-image: -o-linear-gradient(top, #a8a8a8, #525252);
  background-image: linear-gradient(to bottom, #a8a8a8, #525252);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.offer-btn:hover {
  color: #ffffff;
  background: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #525252, #a8a8a8);
  background-image: -moz-linear-gradient(top, #525252, #a8a8a8);
  background-image: -ms-linear-gradient(top, #525252, #a8a8a8);
  background-image: -o-linear-gradient(top, #525252, #a8a8a8);
  background-image: linear-gradient(to bottom, #525252, #a8a8a8);
  text-decoration: none;
}

.domain-logo {
	width:80%;
	width: auto;
    height : auto;
    max-height: 100%;
    max-width: 100%;
}
/***********************************

		PANEL STYLES

************************************/
.panel-default > .panel-heading {
  color: #000;
  background-color: #fff;
  border-color: #ddd;
}
.panel {
    border: 0;
}
.panel-footer {
	padding:0px;
}
.table > thead > tr > th, .table > thead > tr > td {
    border: 0;
}

/*****************************************

Featured Listings

*******************************************/

.panel-body {
	min-height:190px;
}
/*****************************************

 		CUSTOM BUTTON STYLES

*******************************************/
.details-btn {
	padding: 5px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
	text-align: center;
	margin:auto;
	transition: all .5s;
	}
.details-btn-holder {
	width:auto;
	padding:0px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
.details-btn:hover, .details-btn:focus, .details-btn:active, .details-btn.active, .open > .dropdown-toggle.details-btn {
	text-decoration:none;
    transition: all .5s;
	}
.btn-outline {
	margin:0px 0px 20px 0px;
	padding:10px;
	min-width:auto;
    background-color: transparent;
	transition: all .5s;
	font-size:20px;
	}
	.btn-outline.cat {
	min-width: 180px;
	font-size: 15px;
	}
	.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline:active.focus, .btn-outline:active:focus, .open > .dropdown-toggle.btn-outline {
	border-style:solid;
	border-width: thin;
	transition: all .5s;
	}
.sales-btn {
	font-size: large;
	padding:20px;
	text-transform: uppercase;
}
/*****************************************

Footer

******************************************/
footer {
    margin: 20px 0;
}

.footer-container { min-width:100%; }
.footer-nav ul,
.footer-nav li {
  list-style: none; 
  margin: 0; 
  padding: 0; 
}

/*****************************************

Search bar in pages

******************************************/
	#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #000;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}
/***********************************
		Responsive Styles 
************************************/

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.sales-video {
		width:640px;
		height:385px;
	}
}
@media only screen and (max-device-width: 600px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
	.sales-video {
		width:400px;
		height:336px;
	}
    header.carousel .carousel {
        height: 50%;
    }
	#search-header {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width:350px;
	}
	#search-header .searchField-inner {
		width: 350px;
	}
	#search-header .input-lg {
		font-size:14px;
		height:24px;
		margin-left: auto;
		margin-right: auto;
		width:250px;
	}
	#search-header .btn-lg {
		font-size:20px;
		text-align: center;
		height:60px;
		padding-bottom:10px;
		width: auto;
	}
	.domain-caption {
    padding-top: 70px;
	} 
	h1.dn-header > a  {
		font-size:30px;
		/*color: white;*/
		text-decoration:none; 
		position:relative;
	}
	h2.heading {
		margin: 50px 0px 50px 0px;
		font-size: 14px;
	}
	.carousel-caption > h1.dn-header, a {
		font-size: 30px;
	}
	.jumbotron {
	  position: absolute;
	  top: 45%;
	  left: 25%;
	  transform: translate(-15%,-15%);
	  background-color:#000000;
	  background: rgb(29, 32, 37); /* Fallback for older browsers without RGBA-support */
	  background: rgba(29, 32, 37, 0.5);
	  border-radius: 25px;
	}
	.search-heading{ 
		font-size: 20px;
		padding: 10px 10px 0px 10px;
		margin-top: 20px;
	}
}