@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Poppins|Srisakdi');

html, body {
	font-family: 'Poppins', sans-serif;
	color: #252525;
}
.black-bg {
	background: #1b1b1b;
}
.red {
	color: #e02b36;
}

.black {
	color: #000000;
}

.white {
	color: #fff;
}

.mt-70  {
	margin-top: 70px;
}

.mtb-70  {
	margin-bottom: 70px;
	margin-top: 70px;
}

.mb-70  {
	margin-bottom: 70px;
}

.mtb-35  {
	margin-bottom: 35px;
	margin-top: 35px;
}
.mt-35  {
	margin-top: 35px;
}

.mb-35  {
	margin-bottom: 35px;
}

.mb-20 {
	margin-bottom: 20px;
}


/*fancybox*/

#fancybox-close {
	right: -30px;
}

#fancybox-title-over {
	background: none;
}

.surveyform {
	background: #fff;
	padding: 20px 30px;
	max-width: 620px;
    margin: 0 auto;
}
.surveyform .gform_wrapper .gform_footer input[type=submit] {
	margin: 0 auto;
    display: block;
}
.form-page .gform_wrapper {
	max-width: 900px;
    margin: 0 auto;
    background: #fff;
}
.form-page .gform_wrapper form {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    padding: 50px 20px;	
}
.form-page .gform_wrapper .top_label .gfield_label {
    display: none;
}
.form-page input, .form-page textarea {
	border: none;
    background: #f3f3f3;
	padding: 5px 15px !important;
    width: 100% !important;
	margin-bottom: 0px !important;
}
.form-page .gform_wrapper .gform_footer {
    text-align: center;
	margin-top: 0;
    padding-top: 0;
}
.form-page .gform_wrapper .gform_footer input[type=submit] {
	margin: 0 auto;
    background: #f5b940 !important;
	background: #f5b940 !important;
    cursor: pointer;
	color: #000 !important;
    max-width: 200px;
}
.form-page .form-title {
	margin: 20px 0px 40px 0px;
    color: #fff;
}

/*modal pop-up form */
.modal {
	z-index: 99999
}

.modal-sm {
	max-width: 450px;
}

.modal .gform_wrapper {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.modal-header button {
	position: relative;
    right: -10px;
    top: -20px;
}

.modal-body { padding: 10px 30px; }
.modal-content {
	padding: 30px 10px 30px;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0 !important;
}
.modal-header {
	padding-top: 0;
}

.modal .main {
	color: #df1d25;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    
}

.modal-description {
	font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
}
.modal label {
    color: #000 !important;
	margin-bottom: 0 !important;
}

.modal input[type="text"], .modal textarea, .modal select {
	border-radius: 0 !important;
	border: 2px solid #9f9f9f !important;
}
.modal .ginput_recaptcha, .modal input[type=submit] {
	border: none !important;
}
.modal input[type=submit] {
    width: auto !important;
    padding: 10px 60px 35px !important;
}

.modal .gform_footer {
	text-align: center;
}

.modal .asterisk {
    color: #df1d25;
}


.home .navbar_sect.shop, .page-template-packages .navbar_sect.shop, .page-template-packages-top .navbar_sect.shop, .page-template-tennis .navbar_sect.shop, .page-template-events .navbar_sect.shop, .page-template-megaslam .navbar_sect.shop {
    background: none !important;
    
}

.home .container_shop, .page-template-packages .container_shop, .page-template-packages-top .container_shop, .page-template-tennis .container_shop, .page-template-events .container_shop, .page-template-megaslam .container_shop {
	padding: 15px 0;
}

a { color: #f91a00;}
a:hover {
	text-decoration: none;
	color: #96190c;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:active  {
	background: none !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #16181b !important;
    text-decoration: none;
    background: #f8f9fa !important; }

.home .navbar-expand-lg, .page-template-packages .navbar-expand-lg, .page-template-packages-top .navbar-expand-lg, .page-template-tennis .navbar-expand-lg, .page-template-events .navbar-expand-lg, .page-template-megaslam .navbar-expand-lg {
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		width: 100%;
		z-index: 999;
		/*transition: background 0.3s ease;*/
		background: rgba(0, 0, 0, 0.5);
		padding: 0;
}

.navbar .get-quote {
    padding-right: 20px;
}
.navbar .get-quote a {
    font-size: 14px;
    padding: 0 20px;
    line-height: 2rem;
}

.nav-tabs {
    width: 100%;
    text-align: center;
  
}
.nav-tabs>li {
    float: initial;
  
}


.navbar-nav .nav-link {
	color: #fff !important;
	text-transform: uppercase;
    font-size: 15px;
}
.navbar-nav .nav-link:hover {
	color: #7a7979 !important;
}

.btn-primary {
	background-color: #f7bb2f;
    border: none;
    color: #222;
	font-size: 20px;
	font-weight: 600;
    border-radius: 15px;
    padding: 10px 40px;
    
}

.btn-primary:hover {
	background-color: #cb9a28;
	color: #222;
}

.btn-outline-primary:hover, .wpcf7 input:hover[type=submit] {
    color: #fff;
    background-color: #9B151C;
    border-color: #9B151C;
}

.btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #222;
    background-color: #f7bb2f;
    border: none !important; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #222;
    background-color: #cb9a28;
    border: none !important; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }


.btn-secondary {
	background-color: #bc242a;
    border: none;
    color: #fff;
	font-size: 22px;
	font-weight: 600;
    border-radius: 15px;
    padding: 10px 0;
	width: 90%;
}

.btn-secondary:hover {
	background-color: #901b1f;
}

.btn.rounded, input[type=submit] {
	border-radius: 25px !important;
}


.col-half-offset {
	margin-left: 3.166666667%;
	margin-bottom: 30px;
}

/*home*/

.home #full-width-page-wrapper, .home.wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.home #top-slider h1 {
	
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 40px;
	line-height: 1.25em;
}

.home .carousel-caption {
	bottom: 11%;	
}

.home #customers-partners {
	background: #eee;
	padding-top: 50px;
	padding-bottom: 10px;
}

.home #customers-partners .icon-item {
	margin-bottom: 30px;
}

.home #customers-partners img {
	/*width: 6%;*/
    margin: 0 10px;
}

.home #customers-partners h2 {
	text-align: center;
	margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
}

.home #top-slider .video-link {
	position: absolute;
	z-index: 1000;
	right: 30px;
    bottom: 15px;
}

.home #top-slider .video-link img {
	margin-right: 10px;
    margin-bottom: 5px;
}

.home #top-slider .video-link span {
	color: #fff;
    font-size: 21px;
}


.home #court-types {
	background: #1b1b1b;
	padding: 96px 0 46px;
}
.home #court-types .court-title {
	position: absolute;
    
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

.home #court-types .court-item {
	margin-bottom: 50px;    
}

.home #court-types .court-title h2 {
	text-align: center;
	font-size: 21px;
    font-weight: 500;
    color: #fff;
	line-height: 30px;
}

.home #court-types .court-title h2 a {
	text-decoration: none;
    color: #fff;
}
.home #court-types .court-title h2 a:hover {
	color: #cbcaca;
}

.home #own-dreamcourt {
	background: #9b151c;
	background-size: cover;
    background-position: left top;
	padding-top: 0;
	padding-bottom:0;
	
    color: #fff;
	
}

.home #own-dreamcourt .container {
	margin-right: 0;
	/*padding-right: 0;
	max-width: 100% !important;
	padding-left: 7%;*/
	
}
.home #own-dreamcourt .main-header-title {
	padding-left: 10%;
}
.home #own-dreamcourt .main.image-col {
	padding-right: 0;
	
}

.home #own-dreamcourt .main.image-col img {
	width: 100%;
	
}

.page-template-events #own-dreamcourt .main.image-col img {
	margin-bottom: -1px;
}


.home #own-dreamcourt h2 {
	font-weight: 700;
    font-size: 20px;
    padding-bottom: 20px;
    line-height: 30px;
}

.home #own-dreamcourt p {
	font-weight: 500;
	font-size: 18px;
    line-height: 28px;
}



.home #court-sizes {
	background: #1b1b1b url('../images/dreamcourts-sizes-spaces.png');
	background-size: cover;
    background-position: center bottom;
    /*padding: 96px 0;*/
	
	padding-top: 96px;
	padding-bottom: 96px;
	
    color: #fff;
}


.home #court-sizes h2 {
	margin-bottom: 40px;
	color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
}

.home #court-sizes .main.heading-title {
	margin-bottom: 10px;
    font-size: 22px;
    line-height: 34px;
    color: #fff;
}

.home #court-sizes .nav-tabs .nav-link, .home #floorings .nav-tabs .nav-link {
	font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.home #court-sizes .nav-tabs .nav-link.active, .page-template-megaslam .nav-tabs .nav-item.show .nav-link, .home #floorings .nav-tabs .nav-link.active  {
	background: none !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
}

.home #floorings .nav-tabs .nav-link:hover {
	border: 2px solid #fff !important;
	 border-radius: 0 !important;
}

.home #floorings .tab-content #elitex img {
	border-radius: 50%;
    border: 1px #eee solid;
}


.home #court-sizes .nav-tabs, .home #floorings .nav-tabs {
	border: none;
	margin-bottom: 50px;
}

.home #court-sizes .nav-tabs .nav-item, .home #floorings .nav-tabs .nav-item {
   margin: 0 10px;
   min-width: 150px;
}

.home #court-sizes .nav-link span {
	display: none;
	font-size: 16px;
}

.home #court-sizes .nav-link:hover span, .home #court-sizes .active span {
	display: block;
}

.home #court-sizes .tab-pane .row div {
	/*margin-top: 35px;*/
}

.home #court-sizes .size-entry {
	font-size: 14px;
    font-weight: 600;
}
.home #court-sizes .size-entry span {
	display: inline-block;
    border-radius: 50%;
    padding: 4px 12px;
    margin-right: 15px;
    background-color: #c6262c;
    font-size: 12px;
}

.home #court-image-gallery {
	padding: 50px 0;
	background: #8f191f;
}

.home #court-image-gallery h2 {
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.home #court-shapes-sizes {
	background: #8c191f;
	padding-bottom: 96px;
	padding-top: 96px;
	
}

.home #court-shapes-sizes .header-title {
	color: #fff;
    
    font-size: 24px;
    font-weight: bold;
	margin-bottom: 60px;
}

.home .video .header-title {
	font-size: 24px;
	color: #fff;
}

.home #court-styles {
	background: #8c191f;
	padding-top: 96px;
	padding-bottom: 96px;
}

.home #court-styles h2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 36px;
}

.home #court-styles .style-item {
	display: inline-block;
	padding-top: 40px;
	text-align: center;
}
.home #court-styles .style-item img {
	/*width: 60%;*/
}
.home #court-styles .style-item p {
	color: #fff;
    font-size: 14px;
    text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 15px;
    margin-right: 15px;
}

.home #court-tiles {
	background: #1b1b1b url('../images/dreamcourts-tiles-bg.png');
	background-size: cover;
    background-position: left top;
	padding-top: 0;
	padding-bottom: 96px;
	
}

.home #court-tiles .main-content, .home #interlocking-mechanism .main-content {
	font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
}

.home #court-tiles .main-content {
	padding-top: 60px;	
}

.home #court-tiles img {
	width: 80%;
}

.home #comparison-table {
	background: #a0222a url('../images/comptable-bg.png');
	background-size: cover;
    background-position: left bottom;
	
	padding-top: 96px;
	padding-bottom: 96px;
}

.home #comparison-table .heading-title {
	font-size: 32px;
    font-weight: bold;
    color: #fff;
	margin-bottom: 50px;
}

.home #comparison-table .table-entries {
	
}


.home #comparison-table .table th {
	border: none !important;
}

.home #comparison-table .table th, .home #comparison-table .table tr {
	text-align: center;
}

.home #comparison-table .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.home #comparison-table .table-striped tbody tr:nth-of-type(even) {
    background-color: #dbdbdb;
}

.home #comparison-table .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.home #comparison-table .table thead th {
	vertical-align: middle;
}

.home #comparison-table .table tbody th, .home #comparison-table .table tbody td {
	color: #252525;
	vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
}

.home #comparison-table .yes-no-icon

.home #ctable-background {
	background: #a0222a;
}

.home #interlocking-mechanism {
	background: #1b1b1b;
	padding-top: 96px;
	padding-bottom: 96px;
}

.home #interlocking-mechanism .col-image {
	text-align: center;
}

.home #interlocking-mechanism .col-image img {
	width: 70%;
}

.home #we-can-build {
	background: #1b1b1b url('../images/we-can-build.jpg');
	background-size: cover;
    background-position: center;
	
	padding-top: 80px;
	padding-bottom: 80px;
}

.home #we-can-build .main-content p {
	font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #252525;
	margin-bottom: 0;
	padding-bottom:0;
}

.home #get-quote {
    background: #1b1b1b;
	padding-top: 192px;
    padding-bottom: 96px;
}

.home #advantages, .home #floorings, .home #quote-with-image, .home #testimonial-slider, .home #gallery-slider, .home #quote-single {
	background: #1b1b1b;
	padding-top: 96px;
	padding-bottom: 96px;
	text-align: center;
}

.home #gallery-slider {
	padding-left: 0;
	padding-right: 0;
}

.home #advantages .item-entry {
	margin-top: 50px;
}

.home #advantages .header-title, .home #floorings .header-title, .home #megaslam-rings .header-title {
	font-size: 24px;
    color: #c61a05;
    font-weight: 800;
}

.home #advantages .row-2 .item-entry {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0;
	padding-right: 0;
}

.home #advantages .row-1 img {
	width: 35%;
}

.home #advantages .row-2 img {
	width: 55%;
}

.home #advantages h3 {
	font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 10px 0 15px;
}

.home #advantages .row-2 h3 {
	font-size: 14px;
}

.home #advantages .description {
	font-size: 14px;
    color: #fff;
}

.home #advantages .row-2 .description {
	font-size: 12px;
}

.home #floorings {
	padding-bottom: 96px;
}
.home #floorings .item-entry {
	margin-top: 30px;
}

.home #floorings .header-title {
	margin-bottom: 30px;
}

.home #floorings .item-entry .description p {
	color: #fff;
	font-size: 14px;
	text-align: left;
}

.home #warranty {
	background: #1b1b1b;
    padding: 0 150px 50px;
	
}

.home #warranty .main-container {
	background: #fff;
    padding: 30px;
}

.home #warranty .image-col { text-align: center;}

.home #warranty .content-col h2 {
	font-size: 25px;
    color: #b52228;
    font-weight: bold;
	margin-bottom: 30px;
}

.home #warranty .content-col p {
	font-size: 18px;
	font-weight: 500;
	color: #252525;
}

.home #quote-with-image {
	padding-top: 96px;
}

.home #quote-with-image .quote-image {
	margin-top: 60px;
}

.home #testimonial-slider {
	padding-left: 20%;
	padding-right: 20%;
}

.home #testimonial-slider .header-title {
	text-align: center;
    color: #b52228;
    font-weight: bolder;
    font-size: 24px;
    margin-bottom: 60px;
}

.home #testimonial-slider .carousel-item {
	color: #fff;
}

.home #testimonial-slider .name {
	font-size: 24px;
	font-weight: 600;
	
	margin-right: 50px;
	margin-bottom: 20px;
}

.home #testimonial-slider p {
	margin: 0;
}

.home #testimonial-slider .testi-content {
	font-size: 14px;
	text-align: left;
}

.home #testimonial-slider .carousel-control-prev  {
    left: -100px;
}
.home #testimonial-slider .carousel-control-next  {
    right: -100px;
}

.home #gallery-slider .header-title {
	font-size: 36px;
	font-weight: bold;
	color: #e81a02;
	margin-bottom: 60px;
}

.home #gallery-slider .carousel-indicators, .home #court-shapes-sizes .carousel-indicators {
	bottom: 10px;
}

.home #court-shapes-sizes #shape-sliders, .home #gallery-slider #gallery-sliders {
	padding-bottom: 60px;
}

.home #gallery-slider .carousel-indicators .active, .home #shape-sliders .carousel-indicators .active {
	background-color: #bc242a;
}

.home #gallery-slider .carousel-indicators li, .home #shape-sliders .carousel-indicators li {
  	width: 10px;
  	height: 10px;
  	border-radius: 100%;
}

.home #quote-single {
	
	padding-top: 90px;
	padding-bottom: 60px;
	
}

.home #megaslam-rings {
	background: #242424 url('../images/mega-slam-rings-bg.png');
	background-size: cover;
    background-position: left bottom;
	
	padding-top: 100px;
    padding-bottom: 96px;
	
}

.home #megaslam-rings .row {
	padding: 0 50px;
}

.home #megaslam-rings h2.header-title {
	margin-top: 60px;
}

.home #megaslam-rings h3.header-title  {
	font-weight: 600;
	font-size: 26px;
}

.home #megaslam-rings .description {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-top: 30px;
    margin-bottom: 50px;
	
}

.home #megaslam-rings .main-content p {
	font-size: 16px;
	color: #fff;
	padding-right: 20px;
}

.home #megaslam-rings .main-content p strong {
	color: #e81a02;
}

.home #megaslam-rings .main-content .btn {
	margin-top: 30px;
}

.home #icons {
	background: #fff;
	
	padding-top: 96px;
	padding-bottom: 96px;
}

.home #icons .title {
	font-size: 16px;
    color: #181717;
    font-weight: bold;
    line-height: 24px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.home #faqs {
	background: #ba1f26;
	background-size: cover;
    background-position: left top;
	padding-bottom: 96px;
	
}

.home #faqs .container > .row {
	padding: 0 15%;
}

.home #faqs .main-header-title {
	margin-bottom: 50px;
}

.home #faqs .img-col {
	padding-right: 20px;
}

.home #faqs .header-title, .home #introduction .header-title {
	font-size: 28px;
	font-weight:bold;
	color: #fff;
	
}

.home #faqs .ui-state-active, .home #faqs .ui-widget-content .ui-state-active, .home #faqs .ui-widget-header .ui-state-active, .home #faqs a.ui-button:active, .home #faqs .ui-button:active, .home #faqs .ui-button.ui-state-active:hover {
    border: none;
    background: none;
    font-weight: bolder;
    color: #fff;
    font-size: 21px;
}

.home #faqs .ui-state-default, .home #faqs .ui-widget-content .ui-state-default, .home #faqs .ui-widget-header .ui-state-default, .home #faqs .ui-button, html .home #faqs .ui-button.ui-state-disabled:hover, html .home #faqs .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    font-weight: bolder;
    color: #fff;
    font-size: 21px;
}

.ui-icon {
    width: 24px !important;
    height: 14px !important;
}

.ui-icon-triangle-1-s, .ui-icon-triangle-1-e {
    background-position: 0 !important;
}



.home #faqs .ui-state-active .ui-icon, .home #faqs .ui-button:active .ui-icon {
    background-image: url(../images/faq-up.png);
}

.home #faqs .ui-icon, .home #faqs .ui-widget-content .ui-icon {
	background-image: url(../images/faq-down.png);
}

.home #introduction {
	background: #bb2026;
	padding-top: 96px;
	padding-bottom: 96px;
}

.home #introduction .header-title {
	margin-bottom: 60px;
}

.home #introduction .profile-icon img {
		border-radius: 50%;
	}

.home #introduction .message {
	background: #fff url('../images/introduction-bg.png');
    background-size: cover;
    background-position: center top;
    margin: 0 20%;
    padding: 0 50px 60px;	
}

.home #introduction .content-title {
	font-size: 21px;
    font-weight: bolder;
    color: #fff;
    padding: 40px 0 130px;
}

.home #introduction .main-content p {
	font-size: 14px;
	color: #212121;
}

#bottom-columns {
	background: url('../images/bottom-columns-bg.jpg');
    background-size: cover;
    background-position: center top;
	
	color: #fff;
	
	padding: 60px 30px;
}

#bottom-columns .item-entry {
	padding: 0 5%;
}

#bottom-columns img {
	width: 30%;
}

#bottom-columns .header-title {
	font-size: 16px;
    font-weight: 600;
	margin: 20px 0;
}

#bottom-columns .description p {
	font-size: 14px;
    font-weight: 500;
}

.home #packages {
	background: #fff;
}

.home #packages .heading .heading-title {
	padding: 0 10%;
	
}

.home #packages .heading h2.heading-title {
	font-size: 26px;
}

.home #packages .heading h4.heading-title {
	font-size: 20px;
}

.home #packages .pack-item .title {
	font-size: 24px;
}

.home #packages .package-entries {
	/*background: #ae2126 url('../images/packages.png');
    background-size: cover;
    background-position: left bottom;*/
	background: #ae2126;
	position: relative;
  	z-index: 1;
	
	padding-right: 10%;
    padding-left: 10%;
	
	padding-top: 30px;
	width: 101%;
	

}

.home #packages .package-entries:before {
	background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
	
	top: 0;
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.home #packages .package-entries:after {
background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
	
		
	bottom: 0;
	-webkit-transform: skewY(-7deg);
    transform: skewY(-7deg);
    transform-origin: 100%;
}

.home #packages .main-heading {
	margin-bottom: 250px;
}

.home #packages p.heading {
	font-size: 18px;
	font-weight: bold;
	
}

.home #packages .inclusions {
	max-width: 520px;
	margin: 0 auto;
}

.home #packages ul {
	padding-left: 20px;
}
.home #packages li {
	font-size: 16px;
	margin-bottom: 5px;
}

.home #packages h1, .home #packages h2, .home #packages h3, .home #packages h4 {
	font-weight: bold;
}

.home #packages .buttons span, .home #packages .buttons a {
	display: inline-block;
}
.home #packages .buttons .button, .home #packages .buttons .price {
	width: 310px;
}

.home #packages .buttons .price {
	background: #f7bb2f;
    padding: 10px 0 5px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 25px 25px 0 0;
}

.home #packages .buttons .button {
	font-size: 20px;
    color: #000;
    font-weight: bold;
    background: #ebc978;
    padding: 5px 0 10px;
    border-radius: 0 0 25px 25px;
    
}

.home #packages .cta .heading-title {
	font-size: 28px;
}

.home #packages .bottom-content p {
	font-size: 16px;
}

.home #packages .pack-item {
	margin-top: -200px;
	margin-bottom: -150px;
}

/*.home #packages .pack-item .btn-2 {
	padding: 5px 87px 10px 88px;
}*/

.home #packages .bottom-content {
	margin-top: 200px;
}

#wrapper-footer-full {
	background: url('../images/footer-bg.jpg');
    background-size: cover;
    background-position: center bottom;
	color: #fff;
}
#wrapper-footer { display: none;}

#wrapper-footer-full .dreamcourts {
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

#wrapper-footer-full .contact {
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px;
}
#wrapper-footer-full .widget_nav_menu a {
    color: #fff;
	text-decoration: none;
	font-size: 12px;
	
}
#wrapper-footer-full .widget_nav_menu a:hover {
    color: #dedede;
	text-decoration: none;
}

#wrapper-footer-full .btn {
	width: auto;
}

#wrapper-footer-full h3.widget-title {
	font-size: 20px;
    font-weight: 500;
}

#wrapper-footer-full ul.menu {
	padding-left: 18px;
	list-style-image: url('../images/footer-bullet.png');
}

#wrapper-footer-full .btn {
	padding: 0 30px;
    font-size: 14px;
    line-height: 2.2rem;
}

#wrapper-footer-full h5.w-title {
	font-size: 16px;
}



#wrapper-footer-full .social-media {
	margin-top: 40px;
}

#wrapper-footer-full .social-media a {
	margin: 0 10px;
	opacity: 1;
	transition: opacity 0.15s ease-in-out
}

#wrapper-footer-full .social-media a:hover {
	opacity: 0.8;
}

#wrapper-footer-full .social-media a:first-child {
	margin-right:0;
}
#wrapper-footer-full .social-media a:last-child {
	margin-left:0;
}


/*TENNIS */

.page-template-tennis #court-sizes, .page-template-events #court-sizes {
	background: #1b1b1b url('../images/tennis-sizes-spaces.png');
	background-size: cover;
    background-position: left bottom;
	padding: 90px 0 150px;
	
    color: #fff;
}



.page-template-tennis #get-quote .interlocking-tiles, .page-template-events #get-quote .interlocking-tiles{
	background: url('../images/interlocking-sporting-tiles.jpg');
	background-size: cover;
    background-position: center;
	
	/*padding: 100px 0;*/
	padding-top: 100px;
	padding-bottom: 100px;
	
    margin-top: 100px;
}

.page-template-tennis #get-quote .heading-title, .page-template-events #get-quote .heading-title {
	font-size: 28px;
    color: #fff;
}

.page-template-tennis #quote-with-image .quote-image {
	margin-top: 60px;
}

.page-template-tennis .quote-with-image-2 {
	background: #bb2026 !important;
}


.btn-outline-primary, input[type=submit]{
    background-color: #ce2727;
    border:none;
    color:#fff;

}

.page-template-events .quote-with-image-2, .page-template-megaslam .quote-with-image-2  {
	background: #b41c23 url('../images/event-qwi2-bg.png') !important;
	background-size: cover !important;
    background-position: center top;
	padding-top: 0 !important;
}

.page-template-events .quote-with-image-2 .quote-image, .page-template-megaslam .quote-with-image-2 .quote-image {
	margin-top: 0 !important;
}

.page-template-events #quote-with-image .main-container, .page-template-megaslam #quote-with-image .main-container {
	position: relative;	
}

.page-template-events #quote-with-image .quote-button, .page-template-megaslam #quote-with-image .quote-button {
	position: absolute;
    top: 50%;
    z-index: 999;
    
}

.page-template-events #quote-with-image img, .page-template-megaslam #quote-with-image img  {
	width: 40%;
}


/********* MEGA SLAM RINGS ******/
.page-template-megaslam .black-bg {
	background: #111;
}

.page-template-megaslam .color-white  {
	color: #fff;
}

.page-template-megaslam .color-black {
	color: #000;
}

.page-template-megaslam .color-red {
	color: #ff0000;
}

.page-template-megaslam .red-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd2128+0,9e1118+100 */
	background: #b41c23; /* Old browsers */
	

}



.page-template-megaslam .spacing-1 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-template-megaslam #rings {
	background: #111 url('../images/megaslam-hero-bg.png');
	background-size: cover;
    background-position: center bottom;
	
	padding-top: 200px;
	padding-bottom: 35px;
}

.page-template-megaslam #difference {
	background: #99151d;
}

.page-template-megaslam #basketball-systems .feature-item {
	border: 10px solid #ed1c24;
    padding: 25px;
}

.page-template-megaslam #basketball-systems .feature-name {
	margin-bottom: 0;
    padding-bottom: 0;
	font-size: 24px;
    color: #252525;
    font-weight: bold;
}
.page-template-megaslam #basketball-systems .feature-value {
	font-size: 34px;
    font-weight: bold;
    color: #ed1c24;
	margin-bottom: 0;
}

.page-template-megaslam #basketball-systems .hero {
	background: #252525;
}

.page-template-megaslam #basketball-systems .hero p {
	font-size: 18px;
}

.page-template-megaslam #basketball-systems .hero .col-left {
	padding: 0 70px;
}

.page-template-megaslam #comparison-table {
	background: #b41c23 !important;
}

.page-template-megaslam .nav-tabs .nav-link{
	font-size: 24px;
    color: #fff;
    font-weight: bold;
}

.page-template-megaslam #comparison-table .nav-tabs .nav-link.active {
    color:#000;
}


.page-template-megaslam #specifications .nav-tabs .nav-link {
	color: #000 !important ;
}

.page-template-megaslam #specifications .sub .nav-tabs .nav-item, .page-template-megaslam #comparison-table .nav-tabs .nav-item {
	margin-left: 5px;
	margin-right: 5px;
}



.page-template-megaslam #comparison-table .nav-tabs .nav-link.active, .page-template-megaslam #comparison-table .nav-tabs .nav-item.show .nav-link, .page-template-megaslam #comparison-table .nav-tabs .nav-item .nav-link:hover{
	background: none !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
}



.page-template-megaslam #specifications .nav-tabs .nav-link.active, .page-template-megaslam #specifications .nav-tabs .nav-item.show .nav-link, .page-template-megaslam #specifications .nav-tabs .nav-item .nav-link:hover{
	background: none !important;
    color: #000 !important;
    border: 2px solid #212529 !important;
    border-radius: 0 !important;
}

.page-template-megaslam .nav-tabs {
	border: none;
	margin-bottom: 50px;
}

.page-template-megaslam #quote-single {
	background: #111 url('../images/your-custom-dreamcourt.jpg');
	background-size: cover;
    background-position: center;
	padding: 130px 0;
}

.page-template-megaslam #quote-single h2 {
	line-height: 45px;	
}

.page-template-megaslam h1, .page-template-megaslam h2, .page-template-megaslam h3, .page-template-megaslam h4 {
	font-weight: bold;
}

/***********CONTACT US **********/

.page-template-contact-us .google-map iframe {
	width: 100%;
}

.page-template-contact-us #full-width-page-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

.page-template-contact-us  .google-map {
	margin-bottom: 50px;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper select {
	height: 50px !important;
}

.modal .gform_wrapper input[type=text], .modal .gform_wrapper input[type=email], .modal .gform_wrapper select {
	height: 40px !important;
}


.gform_wrapper input[type=submit] {
	background-color: #bc242a !important;
    border: none !important;
    color: #fff !important;
    padding: 10px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    width: 80% !important;
	margin-top: 30px !important;
}

.gform_wrapper input[type=submit]:hover {
	background-color: #901b1f !important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea {
	margin-bottom: 25px;
}



.modal .gform_wrapper input[type=text], .modal .gform_wrapper input[type=email], .modal .gform_wrapper textarea {
	margin-bottom: 5px !important;
}
.modal .gform_wrapper .top_label div.ginput_container {
    margin-top: 5px;
}
.red_bg_wrapper {
    background-image: linear-gradient(#b61d24, #a8161e, #a01219);
    color: #fff;
    padding-top: 40px;
    padding-bottom: 150px;
}
/* 404 page */
#error-404-wrapper {
	padding: 60px 0;
}

#error-404-wrapper #searchform #s {
	text-transform: uppercase;
	height: 50px;
}
#error-404-wrapper #searchform #searchsubmit {
	text-transform: uppercase;
}

#error-404-wrapper #searchform  {
	margin: 50px 0;
}

.not-found h1 {
	margin-bottom: 10px;
	font-size: 34px;
}

.not-found .widgettitle {
	font-size: 20px;
	font-weight: bold;
}

.not-found .widget {
	margin-bottom: 30px;
}


/**get a quote style */

.get_quote_page .gform_wrapper .gform_body {
	width: 95%;
}

.get_quote_page .gform_body, .get_quote_page .gform_confirmation_message{
    text-align: center;
}

.get_quote_page  .gform_wrapper .get_quote_progress ul.gfield_radio li{
    display: inline;
}

.get_quote_page .gform_wrapper ul.gfield_radio li label{
    padding:20px 10px 20px 4px;
}

.get_quote_page .get_quote_progress .hideradio > label{
    font-size: 22px;
}

.get_quote_page .gf_progressbar_wrapper .gf_progressbar_title,
.get_quote_page .gf_progressbar_wrapper .gf_progressbar span,
.get_quote_progress .gform_page_footer, .get_quote_page ul.gform_fields li.gfield.hideradio input[type=radio]
{
    visibility: hidden;
}

.get_quote_page .gform_page_fields ul > li  label.gfield_label{
    letter-spacing: 2px;
}

.get_quote_page .gform_wrapper div.validation_error, .get_quote_page .gfield_description.validation_message, .get_quote_page .gform_wrapper .gfield_error .gfield_label{
    color:#fff !important;
}

.get_quote_page .gform_wrapper .gf_progressbar {
    background-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
}

.get_quote_page .gf_progressbar_wrapper{
    width: 100% !important;
    text-align: center;
    margin: 42px auto 65px !important;
}

.get_quote_page .gform_wrapper input[type=text], .get_quote_page .gform_wrapper input[type=email], .get_quote_page .gform_wrapper textarea, .get_quote_page .gform_wrapper select {
	background: #f3f3f3;
    border: none;
    width: 100% !important;
	padding-left: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
    font-weight: bold;
	color: #8c8c8c;
	margin-bottom: 0 !important;
}

.get_quote_page  .gform_wrapper .gf_progressbar_percentage {
    text-shadow: 0 0 0 rgba(0,0,0,0);
    background: transparent;
    border-radius: 0px;
    height:15px;
    position: relative;
}

.get_quote_page .gform_wrapper .gf_progressbar:after{
    height: 15px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    border-radius: 0px;
    margin-top: -15px;

}

.get_quote_page .gform_wrapper .percentbar_orange{
    background-color: #f8bb2f;
    color: #FFF;
}

.get_quote_page .gform_wrapper .gf_progressbar_percentage.percentbar_100{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.get_quote_page .gfield_description {
	font-size: 14px !important;
    /* font-weight: bold; */
    padding: 20px 15% 10px !important;
    text-align: center !important;
}

.get_quote_page .final_get_quote_progress {
	background: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
	padding-left: 10%;
    padding-right: 10%;
	padding-bottom: 40px;
    padding-top: 10px;
} 


.get_quote_page label img {
	transition: transform .3s ease-in-out; box-shadow .3s ease-in-out; 
}
.get_quote_page label img:active, .get_quote_page label img:hover {
	transform: scale(0.97);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.get_quote_progress[style*="display:none"], .final_get_quote_progress[style*="display:none"]{
    transform: scale(0);
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.get_quote_progress[style*="display:block"], .final_get_quote_progress[style*="display:block"]{
	opacity: 1;
	animation: fadeout 5s ease-out;
}

.get_quote_progress, .final_get_quote_progress{
    display: block;
    /*transform: scale(0.8);*/
    opacity: 1;
    animation: anim .7s ease-in-out;
	
}

.get_quote_progress:first-child {
    display: block;
    /*transform: scale(0.8);*/
    opacity: 1;
    animation: none;
	
}


@keyframes anim {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        /*transform: scale(0)*/;
		transform: translateX(100%);
		opacity: 0.9
    }
	5% {
		opacity: 0
	}
	
	30% {
		/*transform: translateX(0%);*/
		/*opacity: 0.9;*/
		
	}
	
	80% {
		transform: translateX(-5%);
		/*opacity: 0.6;*/
	}
	
    100% {
        opacity: 1;
        transform: translateX(0%);
		
    }
}


.final_get_quote_progress .get_quote_success_text {
    margin-top: 35px !important;
}

.final_get_quote_progress .get_quote_success_text p{
    /*margin-bottom: 0 !important;*/
}

.final_get_quote_progress .obligatory_text p{
    font-style: italic;
    font-size: 12px;
   	color: #000;
}

.get_quote_page .main-heading {
	color: #df1d25;
    font-size: 21px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.get_quote_page .sub-heading {
	font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 20px;
    display: inline-block;
	margin-bottom: 0;
}
.get_quote_page .no-obligation {
	margin-top: 20px;
    margin-bottom: 30px;
}

.gform_wrapper .final_get_quote_progress .top_label div.ginput_container{
    margin-top: 0 !important;
}

.gform_wrapper .final_get_quote_progress ul li.gfield{
    margin-top: 0 !important;
}

.final_get_quote_progress .gform_page_footer .gform_button{
    width: calc(50% - 8px) !important;
}

.final_get_quote_progress label, .final_get_quote_progress .gfield_description {
	color: #000;
}

.gform_wrapper .final_get_quote_progress ul li.gfield.sporting_group_radio{
    margin-top:25px !important;
}

.get_quote_page  .gform_wrapper .final_get_quote_progress li.gfield.sporting_group_radio ul li{
    display: inline-flex;
}

.gform_wrapper .final_get_quote_progress ul li.gfield.sporting_group_radio {

}

.final_get_quote_progress .sporting_group_radio .gfield_label{
    margin-left: 0;
}

.final_get_quote_progress .sporting_group_radio .ginput_container_radio ul{
    margin-left: -123px;
}

.final_get_quote_progress .gform_page_footer {
    border-top: none !important;
}

.get_quote_page .gform_page_fields ul > li  label span.gfield_required,
.final_get_quote_progress .gform_page_footer .gform_previous_button,
.final_get_quote_progress .gform_ajax_spinner{
    display: none !important;
}

.get_quote_page .gform_wrapper .sporting_group_radio .ginput_container_radio ul li label{
    padding: 0 15px 0 1px;
}

.get_quote_page .final_get_quote_progress {
    margin-top: 35px !important;
}

.get_quote_page .final_get_quote_progress .gform_page_footer .gform_button{
    background-color: #f7bb2f !important;
    border: none !important;
    color: #222 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
    padding: 10px 40px !important;
    font-weight: bold;
    width: 80% !important;
	margin-top: 20px !important;
}

.get_quote_page .gform_page_footer {
	padding-top: 0 !important;
}

.final_get_quote_progress .closing_text{
    padding-top: 20px !important;
    text-align: center;
    width: 100%;
    margin-top: 0;
	color: #000;
}

.final_get_quote_progress .closing_text p{
    margin-bottom: 0;
    font-size: 14px;
}

.gform_wrapper .final_get_quote_progress li.gfield.gfield_error{
    background-color: transparent;
    margin-bottom: 0 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
    padding-top: 0;
}

.gform_wrapper .final_get_quote_progress .field_description_below .gfield_description{
    padding-top:0;
}

#gform_wrapper_2.gform_wrapper li.hidden_label input{
    margin-top:0px;
}

#gform_wrapper_2.gform_wrapper input[type=text], #gform_wrapper_2.gform_wrapper input[type=email], #gform_wrapper_2.gform_wrapper textarea {
    margin-bottom: 0px !important;
}

.thank-you {
    padding: 220px 0;
}

.thank-you h1, .thank-you p {
    color: #fff;
    font-weight: bold;
}

/**checkout form styles*/
.woocommerce .checkout.woocommerce-checkout #customer_details{
    margin-top: 20px;
}
.woocommerce .checkout.woocommerce-checkout #customer_details label{
    margin-bottom: 0;
    width:100%;
    color: #000;
    font-weight: 600;
}

.woocommerce-checkout .woocommerce-input-wrapper{
    width:100%;
}

.woocommerce-checkout input, .woocommerce-checkout textarea{
    border-radius: 0.25rem;
    border: 1px solid #efefef;
    background: #f3f4f8;
}

.woocommerce .checkout.woocommerce-checkout h3#ship-to-different-address label{
    font-weight: 700;
    font-size: 1rem;
}

.form-control:focus, .wpcf7 input:focus[type=text], .wpcf7 input:focus[type=search], .wpcf7 input:focus[type=url], .wpcf7 input:focus[type=tel], .wpcf7 input:focus[type=number], .wpcf7 input:focus[type=range], .wpcf7 input:focus[type=date], .wpcf7 input:focus[type=month], .wpcf7 input:focus[type=week], .wpcf7 input:focus[type=time], .wpcf7 input:focus[type=datetime], .wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=color], .wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file], .wpcf7 input:focus[type=submit], .wpcf7 select:focus, .wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus{
    color: #495057;
    background-color: #fff;
    border-color: #9f9f9f;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.1rem #f3f3f3;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{
    border-color: #9f9f9f;
}

.woocommerce-checkout-payment label, .woocommerce-checkout-payment .stripe-card-group, .woocommerce-checkout-payment .wc-stripe-elements-field{
    width:100%
}


@media only screen and (min-width: 1024px)  {
	.home .video iframe, .home .video .embed-responsive {
		max-width: 560px;
		max-height: 315px
		
	}
		
}
@media only screen and (max-width: 1024px)  {
	.home .carousel-caption {
		bottom: 7%;
	}
	.home #top-slider h1 {
		font-size: 28px;
	}
	.home #top-slider .video-link {
	   
		right: 10px;
		bottom: 10px;
	}
	
	.home #top-slider .video-link img {
		width: 7%;
	}
}

@media only screen and (min-width: 992px)  {
    .get_quote_page .gf_progressbar_wrapper{
        width: 74% !important;
        text-align: center;
        margin: 42px auto 65px !important;
    }

    .get_quote_page .validation_error{
        width: 74% !important;
        margin: 0 auto;
    }


}

@media only screen and (max-width: 991px)  {
	#navbarNavDropdown {
		background: rgba(0, 0, 0, 0.85);
		padding: 5px 20px;
	}
	
	
	#navbarNavDropdown ul#main-menu li {
		border-bottom: 1px solid #7a7979;
	}
	
	#navbarNavDropdown ul#main-menu li:last-child {
		border-bottom: none;
	}
}

@media only screen and (max-width: 767px)  {
    .final_get_quote_progress .sporting_group_radio .ginput_container_radio ul{
        margin-left: -80px;
    }

    .get_quote_page .gform_wrapper .gform_body{
        width:100%;
    }

    .get_quote_page .gform_wrapper ul.gfield_radio li label{
        width: 100%;
        max-width:100%;
        margin:0;
        padding: 0 !important;
    }
	
}


@media only screen and (min-width: 769px) and (max-width: 991px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gform_wrapper .final_get_quote_progress .top_label input.medium, .gform_wrapper .final_get_quote_progress .top_label select.medium,
    .final_get_quote_progress .ginput_container_textarea textarea, .final_get_quote_progress .gform_page_footer .gform_button{
        width: 80% !important;
    }

}

@media only screen and (min-width: 769px) and (max-width: 931px) {
	.home #own-dreamcourt .image-col img {
		max-width: 140%;
	}
}

@media only screen and (min-width: 769px) {
	.navbar-expand-lg {
		
		background: none;
		/*padding-top: 30px;*/
		opacity: 1;
	}
	.home #court-sizes-bg {
		display: none;
	}
	
	.home #own-dreamcourt .main img {
		display: block;
	}
	.home #own-dreamcourt .mobile img {
		display: none;
	}
	
	.home #top-slider .top-slider-lg {
		display: block;
	
	}
	
	.home #top-slider .top-slider-m {
		display: none;
	
	}
		
}

@media only screen and (min-width: 768px) {
	.home #own-dreamcourt .mobile.image-col {
		display: none;
	}
	
	
}

@media only screen and (max-width: 768px) {
	.final_get_quote_progress {
		
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 3% !important;
		padding-right: 3% !important;
		
	}
	.modal-content {
		padding: 0;
	}
	
	.modal-header button {
		position: relative;
		right: 0px;
		top: 0px;
	}
	
	/*.home .container_shop, .page-template-tennis .container_shop, .page-template-events .container_shop {
    	padding: 15px 0 0 !important;
}*/
	.container_shop {
		padding: 15px 15px 0 !important;
	}
	/*.home .custom-logo-link, .page-template-tennis .custom-logo-link, .page-template-events .custom-logo-link {
    	margin-right: 0; padding-top: 0;
}*/
	.custom-logo-link {
		margin-right: 0; padding-top: 0;
	}
	
	/*.home .container_shop .space-bar,  .page-template-tennis .container_shop .space-bar, .page-template-events .container_shop .space-bar {
		display: none;
}*/
	.container_shop .space-bar {
		/*display: none;*/
	}
	
	.home #top-slider .top-slider-lg {
		display: none;
	
	}
	
	.home #top-slider .top-slider-m {
		display: block;
	
	}
	.home #court-types .court-item {
		text-align: center;
	}
	
	
	.home #own-dreamcourt .container {
		margin-right: auto;
		padding-right: 0;
		padding-left: 0;
	}
	
	.home #own-dreamcourt .mobile {
		padding-left: 0;
		padding-right: 0;
		
	}
	
	.home #own-dreamcourt p {
		margin-bottom: 40px;
	}
	
	.home #own-dreamcourt .main img {
		display: none;
	}
	.home #own-dreamcourt .mobile img {
		display: block;
	}
	
	
	.home .carousel-caption {
		bottom: 10%;
	}
	
	.home #top-slider h1 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	
	#top-slider .btn-primary {
		font-size: 14px;
		padding: 5px 40px;
	}
	
	/*.home #own-dreamcourt .container {
		max-width: 720px !important;
	}*/
	
	.home #own-dreamcourt {
		background: #1b1b1b;
		padding-top: 60px;
	}
	
	.home #own-dreamcourt h2 {
		font-weight: bolder;
		font-size: 26px;
		padding-bottom: 20px;
		color: #ed1b00;
		line-height: 38px;
	}
	.home #own-dreamcourt .main-header-title {
		text-align: center;
		padding: 0 10%;
	}
	
	
	.home #court-sizes {
		background: #1b1b1b url(../images/court-sizes-m-bg.png);
		/*padding: 96px 0 30px;*/
		padding-top: 96px;
		padding-bottom: 30px;
		background-size: cover;
		background-position: center bottom;
	}
	
	.home #court-sizes .nav-tabs .nav-item {
		margin: 0 20px;
	}
	
	.home #court-sizes .main-image-col {
		display: none;
	}
	
	.home #court-sizes h2 {
		text-align: center;
	}
	
	.home #court-sizes .size-entry-items {
		padding-left: 15%;
	}
	
	.home #court-sizes-bg {
		background: #841b21;
		padding-bottom: 60px;
	}
	
	.home #top-slider .video-link {
	   
		right: 10px;
		bottom: 10px;
	}
	
	.home #top-slider .video-link img {
		width: 7%;
	}
	
	.home #advantages .header-title, .home #floorings .header-title, .home #megaslam-rings .header-title {
		line-height: 40px;
	}
	
	.home #advantages .row-2 .item-entry {
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.home #advantages .row-2 img {
		width: 35%;
	}
	
	.home #court-styles {
		padding: 70px 0;
	}
	
	.home #court-styles h2 {
		font-size: 21px;
		line-height: 28px;
	}
	
	.home #court-tiles {
		background: #1b1b1b;
		padding-top: 30px;
	}
	
	.home #court-tiles .main-content {
		text-align: center;
		margin-bottom: 30px;
		
	}
	
	.home #court-sizes .tab-content {
		padding: 0 15px;
	}
	
	.home #interlocking-mechanism {
		padding-top: 96px;
    	padding-bottom: 96px;
	}
	
	.home #interlocking-mechanism .main-content {
		margin-top: 30px;
    	text-align: center;
	}
	
	
	
	.home #we-can-build {
    	background: #fff url(../images/we-can-build-m-bg.jpg);
    	background-repeat: no-repeat;
		padding: 55px 0;
	}
	
	.home #megaslam-rings .main-content .btn {
		
		margin-bottom: 60px;
	}
	
	.home #get-quote {
		
		padding: 96px 0 30px;
	}
	
	.home #get-quote .col-image {
		margin-top: 30px;
	}
	
	.home #get-quote .main-content {
		text-align: center;
		margin-bottom: 50px;
	}
	.home #floorings .item-entry .description p {
		
		font-size: 20px;
	}
	
	.home #warranty {
		padding: 0 0 50px;
	}
	
	.home #advantages .row-2 h3 {
		font-size: 16px;
	}
	
	.home #advantages .row-2 .description {
		font-size: 14px;
	}
	
	.home #quote-with-image {
		padding-bottom: 30px;
	}
	
	.home #testimonial-slider {
		padding-bottom: 30px;
	}
	
	.home #megaslam-rings {
		padding-top: 150px;
	}
	
	.home #megaslam-rings .main-content.mobile {
		margin-top: 60px;
	}
	
	.home #megaslam-rings .main-content p {
		padding-bottom: 30px;
	}
	
	.home #megaslam-rings .main-content p strong {
       	padding-bottom: 5px;
    	display: inline-block;
	}
	
	.home #icons {
    	padding: 48px 0;
	}
	
	.home #faqs {
		padding-bottom: 30px;
	}
	
	.home #faqs .ui-accordion-header {
		margin-top: 30px;
	}
	
	.home #introduction .message {
		margin: 0 5%;
	}
	
	#wrapper-footer-full .footer-widget {
		margin-bottom: 30px;
	}
	
	.page-template-megaslam #rings {
		padding: 20% 0 35px;
		padding-top: 20#
	}
	
	.home #packages .package-entries {
		/*background: #ae2126 url('../images/packages.png');
		bakground-size: cover;*/
		background-position: left top;
		
		padding: 0 20%;

	}
	
	.home #packages .pack-item:first-child {
		margin-bottom: 0;
	}
	
	.home #packages .pack-item:last-child {
		margin-top: 50px;
	}
	
	

}

@media only screen and (max-width: 767px) {
	#wrapper-footer-full #nav_menu-2, #wrapper-footer-full #text-4, #wrapper-footer-full #text-3 {
		text-align: center;
	}
	#wrapper-footer-full ul.menu {
		padding-left: 0;
		list-style: none;
	}
	.get_quote_page .gform_wrapper input[type=text], .get_quote_page .gform_wrapper input[type=email], .get_quote_page .gform_wrapper textarea, .get_quote_page .gform_wrapper select {
		width: 80% !important;
	}
}


@media only screen and (max-width: 736px) {
	.home #testimonial-slider .name {
		padding-top: 30px;
		margin: 0;
		padding-bottom: 30px;
	}
	#wrapper-footer-full .dreamcourts {
		text-align: center;
	}
	
	.home #interlocking-mechanism {
		padding-bottom: 70px;
	}
	
	.home #introduction .content-title {
		padding: 150px 0 60px;
	}
	
	.home #advantages .advantage-entries.mobile img {
		width: auto;
	}
	
	.page-template-megaslam #basketball-systems .hero .col-left {
		padding: 30px 70px;
	}
}

@media only screen and (max-width: 641px){
    .final_get_quote_progress .ginput_container_textarea textarea, .final_get_quote_progress .gform_page_footer .gform_button{
        width: 100% !important;
    }
	.get_quote_page .final_get_quote_progress {
		padding-bottom: 10px;
		padding-top: 0;
	}
}


@media only screen and (max-width: 600px) {
	.home .carousel-caption {
		bottom: 20%;
	}
	
	.home #top-slider h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.home #customers-partners {
		padding-top: 96px;
    	padding-bottom: 96px;
	}
	
	.home #we-can-build .main-content p {
		font-size: 18px;
    	line-height: 24px;
	}
	
	.home #floorings .item-entry .description p {
		text-align: center;
		font-size: 16px;
		margin-top: 20px;
	}
	
	.home #warranty .content-col h2 {
		text-align: center;
    	margin-top: 20px;
	}
	
	.home #court-sizes .size-entry-items {
		padding-left: 10%;
	}
	
	
	
	.home #testimonial-slider .testi-content {
		margin-top: 30px;
	}
	
	.home #introduction .message {
		margin: 0;
	}
	
	.home #packages .package-entries {
			
		padding: 0 10%;

	}
	
	.home #testimonial-slider .carousel-control-prev  {
		left: -50px;
	}
	.home #testimonial-slider .carousel-control-next  {
		right: -50px;
	}
	
	
}


@media (max-width: 576px) {
		
	.home #top-slider .btn-primary {
		padding: 5px 20px;
	}
	
	.home #top-slider .btn-primary {
		font-size: 12px;
	}
	
	
	/*.home #own-dreamcourt .container {
		max-width: 540px !important;
	}*/
	
	
	.home #own-dreamcourt h2 {
		font-size: 20px;
		line-height: 30px;
	}
	
	.home #we-can-build .main-content p {
		text-align: center;
	}
	.home #testimonial-slider .header-title {
		line-height: 32px;	
	}
	
	.home #quote-single {
		padding-top: 0;
		padding-bottom: 96px;
	}
	
	.home #megaslam-rings {
		padding-top: 180px;
	}
	
	.home #megaslam-rings .header-title {
		font-size: 28px;
	}
	
	.page-template-megaslam #rings {
		
		padding-top: 30%;
		padding-bottom: 35px;
	}

    .navbar span.get-quote {
        display: none;
    }

}

@media only screen and (min-width: 500px) and (max-width: 768px) {
	#top-slider .carousel-inner img {
		max-height: 400px;
	}
}

@media only screen and (max-width: 480px) {
	.page-template-megaslam #basketball-systems h2.heading-title {
	 font-size: 34px;
}
	.home #top-slider .video-link img {
		margin-right: 10px;
		margin-bottom: 0;
		width: 7%;
	}
	
	.home #top-slider .video-link {
		bottom: 5px;
		right: 10%;
	}
	
	.home #top-slider .video-link span {
		font-size: 14px;
	}
		
	.home #court-sizes .size-entry-items p, .home .btn-primary, .home #megaslam-rings .main-content .btn {
	    font-size: 14px;
	}
	.home .container_shop, .page-template-tennis .container_shop, .page-template-packages .container_shop, .page-template-packages-top .container_shop, .page-template-events .container_shop {
		padding-left: 10px !important;
	}
	.container_shop {
		padding-left: 10px !important;
	}
	.home #packages .package-entries {
		background: #ae2126;
	}
	
	.home #packages .package-entries .pack-item:first-child {
		margin-top: -30px;
	}
	
	.home #packages .package-entries .pack-item:last-child {
		margin-bottom: -60px;
	}
	.home #megaslam-rings {
    	padding-top: 200px;
	}
	
	.get_quote_page .final_get_quote_progress .gform_page_footer .gform_button{width: 92% !important;}
}

@media only screen and (max-width: 400px) {
    /*.final_get_quote_progress .closing_text {
        position: absolute;
        bottom: -96px;
    }*/
	
	.home #top-slider .carousel-caption {
		left: 0;
		right: 0;
		bottom: 5%;
	}
	
	.home #megaslam-rings {
    	padding-top: 240px;
	}
	
	.home #packages .buttons .price, .home #packages .buttons .button {
		font-size: 16px;
		width: 100%
	}
	
	.get_quote_page .final_get_quote_progress .gform_page_footer .gform_button {
		font-size: 16px !important;
		padding: 10px 0 !important;
	}
	
	.modal input[type=submit] {
		font-size: 14px !important;
    	line-height: 1.5rem !important;
    	width: 100% !important;
	}
	
	.home .btn-primary {
		font-size: 12px;
		padding: 10px 15px;
		width: 80%;
	}
	#navbarNavDropdown {
    	padding: 5px 15px 0;
	
	}
	
	.navbar-nav .nav-link {
		font-size: 13px;
	}
	
	
}

@media only screen and (max-width: 320px) {
	
}
a.whitetext {
	color: #fff !important;
}