/*--Author: Pawan Yadav--*/
/*-- Font Family--*/
@font-face {
    font-family: Apercu Bold;
    src: url('../fonts/Apercu-Bold.woff') format('woff'),
		 url('../fonts/Apercu-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: Apercu BoldItalic;
    src: url('../fonts/Apercu-Bold-Italic.woff') format('woff'),
		 url('../fonts/Apercu-Bold-Italic.otf') format('opentype');
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: Apercu Medium;
    src: url('../fonts/Apercu-Medium.woff') format('woff'),
		 url('../fonts/Apercu-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: Apercu MediumItalic;
    src: url('../fonts/Apercu-Medium-Italic.woff') format('woff'),
		 url('../fonts/Apercu-Medium-Italic.otf') format('opentype');
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: Apercu Regular;
    src: url('../fonts/Apercu-Regular.woff') format('woff'),
		 url('../fonts/Apercu-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: Apercu Italic;
    src: url('../fonts/Apercu-Italic.woff') format('woff'),
		 url('../fonts/Apercu-Italic.otf') format('opentype');
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: Apercu Light;
    src: url('../fonts/Apercu-Light.woff') format('woff'),
		 url('../fonts/Apercu-Light.otf') format('opentype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: Apercu LightItalic;
    src: url('../fonts/Apercu-Light-Italic.woff') format('woff'),
		 url('../fonts/Apercu-Light-Italic.otf') format('opentype');
    font-style: italic;
    font-weight: 300;
}


/*-- //Font Family--*/

body {
    margin: 0;
    font-family: Apercu Regular;
    background: #fff;
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: Apercu Bold;
	color:#121825;
}

h1,
h2,
h3,
h4{
    margin-bottom: 20px;
    font-family: Apercu Bold;
}

h5,
h6 {font-size:16px;
	text-align:center;
    margin-bottom: 15px;
    font-family: Apercu Medium;
}

p {
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    line-height: 1.6;
}

ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

body button,
.btn,
body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.btn:hover,
body button:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	text-decoration: none;
}

body a:hover {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

body a:focus {
    outline: none;
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.list-group-item {
    background-color: transparent;
}

/*-- bottom-to-top --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/move-top.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

/*-- //bottom-to-top --*/


/* colors code */
.text-bl {
    color: #343a40;
}

.text-wh {
    color: #fff;
}

.text-li {
    color: #f8f9fa;
}

.bg-li {
    background: #f8f9fa;
}

.bg-wh {
    background: #fff;
}

.let {
    letter-spacing: 1px;
}

/* //colors code */



/* header */
.navbar-light .navbar-brand {
    font-family: Apercu Bold;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.7em;
	letter-spacing: 0;
	color: #14ce5b;
	padding: 0;
}

nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top {
    background: #000;
    border: none;
    padding: 10px 48px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

/*
nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top.top-nav-collapse{
	border-bottom: 1px solid rgba(238, 238, 238, 0.09);
}
*/

.fixed-top {
    z-index: 11;
}

nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top.top-nav-collapse {
    background: #000;
    padding: 5px 48px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12);
}


li.nav-item {
    margin-right: 2em;
}

li.nav-item:last-child {
    margin-right: 0;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 700;
	font-family: Apercu Bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding: 10px 0;
}

ul.navbar-nav.ml-lg-auto.text-center {
    margin-top: 10px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #ffffff;
}

span.fa.fa-paint-brush {
    font-size: 18px;
}

.nav-link {
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    background: transparent;
	font-family: Apercu Bold;
    border: none;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.nav-link:hover:after,
.active .nav-link:after,
.nav-link.active:after {
    width: 100%;
    left: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    background: #14ce5b;
}

.nav-link:after {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 5px;
    height: 3px;
}

.dropdown-item {
    color: #fff;
}

.dropdown-toggle::after {
    border: transparent;
}

.dropdown-item,
.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
    color: #fff;
    text-transform: capitalize;
}

.dropdown-menu {
    background-color: #000;
    -webkit-box-shadow: 4px 2px 9px 0px rgba(255, 255, 255, 0.09);
    -moz-box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    margin: 1.1rem 0 0;
    border: 1px solid #b1a7a7;
    padding: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}


/*-- //header --*/

/* title desc */

.title-desc p {
    letter-spacing: 2px;
    font-size: 13px;
    word-spacing: 1px;
    margin-top: 10px;
    text-transform: uppercase;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #0e0f13;
    font-weight: 600;
}

.form-control {
    background-color: transparent;
}


.close {
    font-size: 1.5rem;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
	z-index:2;
}

.bg-white{
	background-color:#ffffff;
}

.wht-text {
	color:#fff;
}

.bg-green{
	background-color:#14ce5b;
}


/* login */

.modal {
    background-color: rgba(18, 24, 37, 1);
}

.modal-title {
    font-size: 30px;
	line-height:1.2;
	margin-bottom:20px;
}

.modal-footer1 a {
    color: #14ce5b;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border: none;
    border-radius: 10px;
    outline: 0;
    font-family: Apercu Regular;
}

.modal-bg-box.modal-content{
	background:url('../images/login-bg-img.png') center center no-repeat;
	padding-left:220px;
	background-size:cover;
}

#start-modal .modal-bg-box.modal-content{
	background:url('../images/started-bg-600.png') center left no-repeat;
}

.login-data-box {
	background: #ffffff;
	border-radius: 0 10px 10px 0;
	padding: 20px 24px 15px;
	margin:0;
}

.modal-submit input[type="submit"] {
    background: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Apercu Regular;
    cursor: pointer;
}

.col-form-label {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
}

.modal-header {
    color: #eee;
    border: none;
    text-transform: capitalize;
    margin:20px auto 0px;
    width: 100%;
	font-size: 36px;
	font-family: Apercu Bold;
	padding: 0px 20px;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px;
}

.modal-body>h3{
	color:white;
	text-align:center;
}

.modal-body>h2{
	color:white;
	text-align:center;
}

.forgot-pwd,
.or {
	color:#000000;
}

.forgot-pwd {
	margin:12px auto;
}

.forgot-pwd a {
	color:#14ce5b;
}

.or {
	font-size:24px;
}

.login-data-box input[type="text"],
.login-data-box input[type="email"],
.login-data-box input[type="password"] {
	border-radius:30px;
	border:1px solid #81848b;
}

.login-data-box input[type="submit"],.login-data-box input[type="button"] {
	border-radius:30px;
	background:#14ce5b;
	color:#fff;
	text-transform:capitalize;
	padding: 10px 35px !important;
	width: auto;
}

.social-login-btn {
	margin:30px 0px;
}

.social-login-btn a {
	box-shadow: 1px 20px 30px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	display: inline-block;
}

/* //modal */


/* banner */

.banner {
    position: relative;
    z-index: 0;
}

#slider {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.rslides_tabs {
    list-style: none;
    padding: 0;
    background: rgba(0, 0, 0, .25);
    box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
    font-size: 18px;
    list-style: none;
    margin: 0 auto 50px;
    max-width: 540px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 1px;
}

.rslides_tabs a {
    width: auto;
    line-height: 20px;
    padding: 9px 20px;
    height: auto;
    background: transparent;
    display: inline;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-weight: bold;
}

.events {
    list-style: none;
}

.callbacks_container {
    position: relative;
}

ul.callbacks_tabs {
    position: absolute;
    z-index: 2;
    left: 48%;
    bottom: 20%;
    margin: 0 auto;
}

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    visibility: visible;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
}

.callbacks_here a:after {
    background: #fff;
    opacity: 1;
}


/*
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 78%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 34px;
	width: 34px;
	background: url("../images/left.png") no-repeat 0px 0px;
}
.callbacks_nav.prev {
	left: auto;
	background: url("../images/back.png") no-repeat 0px 0px;
	left: 18em;
}
.callbacks_nav.next {
	left: auto;
	background: url("../images/next.png") no-repeat 0px 0px;
	right: 18em;
}
.callbacks_nav:active {
	opacity: 1.0;
}
.callbacks2_nav:active {
	opacity: 1.0;
}

*/

.btn-block-grid{
	display: block;
}

.btn.btn-default{
    background-color: #14ce5b;
	border: 2px solid #14ce5b;
	border-radius:15px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
	font-family: Apercu Bold;
    letter-spacing: 1px;
    line-height: 1.4;
	margin-bottom: 10px;
    padding: 12px 30px;
    text-transform: capitalize;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.btn.btn-default:hover{
    background-color: #121825;
	border: 2px solid #121825;
	color:#ffffff;
}

.btn.btn-default.light-btn{
    background-color: #ffffff;
	border: 2px solid #ffffff;
    color: #14ce5b;
}

.btn.btn-default.light-btn:hover{
    background-color: #14ce5b;
	border: 2px solid #14ce5b;
    color: #ffffff;
}

.btn.btn-default.dark-blue{
    background-color: #121825;
	border: 2px solid #121825;
	color:#ffffff;
}

.btn.btn-default.dark-blue:hover{
    background-color: #ffffff;
	border: 2px solid #ffffff;
    color: #14ce5b;
}

.btn.btn-outline{
	background-color: transparent;
	border:2px solid #ffffff;
	border-radius:30px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
	font-family: Apercu Bold;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 12px 30px;
    text-transform: capitalize;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.btn.btn-outline:hover,
.btn.btn-outline:focus{
    background-color: #14ce5b;
	color:#ffffff;
	border:2px solid #14ce5b;
}

.header-right-btn .btn.btn-default, .header-right-btn .btn.btn-outline{
	padding: 8px 24px 6px 24px;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	color:#ffffff;
}

button.btn.btn-default, button.btn.btn-outline{
	padding: 8px 24px 6px 24px;
	font-weight: 500;
	font-size: 16px;
}


.header-right-btn .btn.btn-default:hover,
.header-right-btn .btn.btn-default:focus{
	border:2px solid #ffffff;
	background-color: #ffffff;
	color:#14ce5b;
}

.header-right-btn .btn.btn-outline:hover,
.header-right-btn .btn.btn-outline:focus{
	color:#ffffff;
}


.logo-img {
    max-width: 200px;
}

#slider-pager a {
    display: inline-block;
}

#slider-pager span {
    float: left;
}

#slider-pager span {
    width: 100px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 30em;
    opacity: 0.6;
}

#slider-pager .rslides_here a {
    background: #FFF;
    border-radius: 30em;
    opacity: 1;
}

#slider-pager a {
    padding: 0;
}

#slider-pager li {
    display: inline-block;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    left: 0%;
    top: 0;
    width: 100%;
}

.rslides li {
    position: relative;
    display: block;
    float: none;
}

.rslides img {
    height: auto;
    border: 0;
}

.callbacks_tabs li {
    display: inline-block;
}

.callbacks_tabs a {
    visibility: hidden;
    width: 20px;
    line-height: 19px;
    height: 20px;
    text-align: center;
    color: #000;
    font-weight: 600;
    display: block;
    background: #fff;
    border-radius: 50%;
}

.callbacks_tabs a:hover {
    background: #1165f3;
    color: #fff;
}

.banner1 {
    background: url('../images/home-banner-01.jpg') bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

/*
.banner2 {
    background: url(../images/banner2.jpg) bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.banner3 {
    background: url(../images/banner3.jpg) bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
*/



.home_banner{
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
	min-height:700px;
	display:block;
}

.inner_banner{
	background: url('../images/home-banner-01') center center no-repeat;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
    background-size: cover !important;
	min-height: 260px;
	display: block;
	padding-top: 80px;
}


.banner-overlay-black-bg{
	position:relative;
}

.banner-overlay-black-bg::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.18);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.banner-overlay-blue-bg{
	position:relative;
}

.banner-overlay-blue-bg::before {
    position: absolute;
    content: "";
    background: rgba(18, 24, 37, 0.48);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.banner:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.bg-cover{
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
    background-size: cover !important;
}

.bg-black-50{
	background-color:rgba(0, 0, 0, 0.5);
}

.banner-text {
    padding: 20vw 0 14vw;
    box-sizing: border-box;
    text-align: center;
}

.home_banner .slider-info {
    padding-top: 200px;
}

.slider-info h3 {
    font-size: 4.8em;
	text-transform: none;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 1.1;
}

.slider-info span.line {
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 6px;
    margin-bottom: 15px;
    display: block;
}

.slider-info span.line:after {
    content: '';
    width: 20%;
    height: 1px;
    background: #eaeaea;
    display: inline-block;
    margin-left: 8px;
}

.slider-info h3 span {
    background: #14ce5b;
    padding: 0 10px;
}

.slider-btn{
	background-color: #14ce5b;
    padding: 14px 35px;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    border: none;
    text-transform: capitalize;
    border-radius: 30px;
}

.slider-btn:hover {
    color: #14ce5b;
    background-color: #ffffff;
}

.slider-video-btn a {
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-family: Apercu Bold;
    font-size: 14px;
}

.page-title-wrap{
	padding-top:80px;
}

.page-title{
    font-size: 48px;
	text-transform: none;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 5px;
}

.page-sub-heading {
	font-size:20px;
	color:#14ce5b;
	text-transform:uppercase;
}

.page-title-description {
    font-size: 22px;
	color: #ffffff;
	margin-bottom: 0;
	display: block;
	letter-spacing: 1px;
}

.form-group {
    margin-bottom: 15px;
}

.modal .modal-md{
	max-width:640px;
}

#start-modal .modal-md{
	max-width:640px;
}

.modal-content.modal-transparent{
	background-color: transparent;
}


.get_start_img{
	border-radius:10px 0 0 10px;
}


.more-btn{
	background-color: #ffffff;
    padding: 14px 35px;
    color: #14ce5b;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    border: none;
    text-transform: capitalize;
    border-radius: 30px;
}

.more-btn:hover {
    color: #ffffff;
    background-color: #14ce5b;
}

.slider-info p {
    letter-spacing: 1px;
    margin-top: 1em;
    font-size: 1.3em;
    width: 65%;
    font-weight: 600;
    margin: 0 auto 0;
    color: #fff;
    text-transform: capitalize;
    font-style: italic;
    word-spacing: 3px;
}


.video-next-grid button.btn.btn-default {
    padding: 8px 42px 6px 42px;
    font-weight: 500;
    font-size: 26px;
    margin-top: 10px;
	border-radius:15px;
}
/* .text-center.video-next-grid
{margin-top:1rem !important;} */




/* stats */

.overlay-bg-black{
	position:relative;
}

.overlay-bg-black::before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}

.title-heading-large {
    font-size: 37px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 1px;
}

.title-heading-medium {
    font-size: 24px;
    font-weight: 700;
	line-height:1.2;
}

.light-heading{
	color:#ffffff;
}

.counter {
    margin-top: 2em;
}

.count-number{
	color:#1cef67;
	font-family: Apercu Bold;
}

.text-green {
    color: #14ce5b !important;
}

.counter span.fa {
    color: #fff;
    font-size: 3em;
}

.timer {
    font-size: 4.5em;
	line-height: 1;
}

p.count-text {
	letter-spacing: 1px;
	font-weight: 600;
	font-family: Apercu Bold;
	font-size: 18px;
}

h4.abt-text {
    color: #333;
    line-height: 2;
    font-size: 1.9em;
    margin: 0 auto 1em;
    font-weight: 600;
}

/* //stats */


.light-bg {
    background: #efefef;
}

.call-action-title {
	font-size: 50px;
	line-height: 1.2;
	font-family: Apercu Regular;
	margin:0;
}

.vertical-title-grid {
    transform: rotate(270deg);
	transform-origin: center left;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 4px;
	text-transform: uppercase;
	position: absolute;
	left: -140px;
	top: 100%;
}











/*-------------
Boxes CSS:
---------------*/

.box13 {
    position: relative;
    transition: all .2s ease-out 0s;
    text-align: center;

}

.box13 .box-content,
.box13:after {
    position: absolute;
	left: 10px;
	right: 10px;
	padding: 15px 24px;
	border-radius: 0 0 12px 12px;
	margin-bottom: 10px;
}

.box13:after {
    content: "";
	display: block;
	background: #ffffff;
	top: 0;
	bottom: 0;
	opacity: 0;
	transform: rotate3d(-1, 1, 0, 100deg);
	transition: all .4s ease-in-out 0s;
	border: 5px solid #6f88f6;
}

.box13:hover:after {
    opacity: 1;
    transform: rotate3d(0, 0, 0, 0deg)
}

.box13 img {
    width: 100%;
    height: auto;
	border-radius: 0 0 12px 12px;
	box-shadow:2px 9px 10px 3px rgba(50, 46, 46, 0.23);
}

.box13 .box-content {
    top: 45%;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
    transition: all .2s ease-out 0s;
}

.box13:hover .box-content {
    opacity: 1;
    transform: translate(0, -50%);
    transition-delay: .2s;
}

.box13 .title {
    display: block;
	font-size: 24px;
	font-weight: 700;
	color: #14ce5b;
	margin: 0 0 10px;
	text-transform: capitalize;
}

.box13 p {
    display: block;
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
}

.box13 .post {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.box13 .social {
    padding: 0;
    margin: 0;
    list-style: none
}

.box13 .social li {
    display: inline-block
}

.box13 .social li a {
    display: block;
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    font-size: 17px;
    color: #1b1462;
    line-height: 35px;
    margin-right: 5px;
    transition: all .4s ease-in-out 0s
}

.box14 .icon li,
.box14 .post {
    display: inline-block
}

.box13 .social li a:hover {
    color: #fff;
    background: #000;
}

@media only screen and (max-width:990px) {
    .box13 {
        margin-bottom: 30px
    }
}


/* testimonials */


.testimonials {
  overflow: hidden;
  position: relative;
  max-height: 300px;
}

.testimonials {
  background: #161d25;
}

.one-slide,
.testimonial,
.message {
  border: none !important;
  outline: none !important;
}

.icon-overlay {
  position: absolute;
  opacity: 0.3;
  right: 10%;
  top: 0;
  height: auto;
  width: 100%;
  max-width: 400px;
}

.carousel-controls .control {
  position: absolute;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 1;
}

.prev {
  left: -2.25rem;
}

.next {
  right: -2.25rem;
}

@media screen and (max-width: 768px) {
  .testimonials {
    max-height: 700px;
  }
  .icon-overlay {
    height: 300px;
    top: calc(50% - 150px);
  }
  .carousel-controls .control {
    width: 25px;
    height: 25px;
    top: inherit;
  }
  .prev {
    left: 0;
  }
  .next {
    right: 0;
  }
  .control i {
    font-size: .7rem;
  }
  .testimonials .message {
    font-size: 1rem;
  }
  .testimonials h2 {
    font-size: 1.5rem;
  }
}




.testi-text p {
    color: #fff;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1.4;
    font-family: Apercu Light;
}

.testi-desc span {
    font-size: 1.4em;
    margin: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 50%;
    color: #14ce5b;
}

.testi-text p span {
    font-size: 1.1em;
    color: #777;
    margin: 9px 10px;
}

.testi-desc {
    text-align: center;
}

.carousel-indicators li {
    background-color: #000;
    border: 1px solid #14ce5b;
    cursor: pointer;
}

.carousel-indicators {
    bottom: -20px;
    z-index: 1;
}

.testi-desc h5 {
    font-weight: 600;
	color: #fff;
	font-size: 22px;
	text-transform: capitalize;
	letter-spacing: 3px;
	margin: 0;
	line-height: 1.2;
}

.testi-desc .author-destination{
	color: #14ce5b;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-family: Apercu Bold;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.carousel-indicators li {
    border: 2px solid #14ce5b;
    background: #fff;
}

.carousel-indicators .active {
    background: #000;
}

.testi-text {
    margin-bottom: 0.5em;
}

.testimonials_grid {
    padding: 2rem 1rem;
    border-radius: 1rem;
}

.testimonials_grid .fa-quote-left::before{
	content:url('../images/icons/quote-left-icon.svg');
}


/* //testimonials */


/* contact */

textarea {
    height: 200px;
    resize: none;
}

form.register-grid .form-control {
    padding: 15px 20px;
    border: 1px solid #dbdde2;
    border-radius: 0;
    -webkit-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
    -moz-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
    box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
    letter-spacing: 1px;
}

.contact-form-bottom {
    padding: 2em;
    border: 20px solid #eee;
    border-radius: 20px;
}

#contact iframe {
    width: 100%;
    border: 3px solid #14ce5b;
    padding: 1vw;
    min-height: 500px;
}

.contact-grid span {
    color: #14ce5b;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    -moz-box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    box-shadow: 5px 10px 10px 0px rgba(216, 216, 216, 0.78);
    /* border-radius: 8% 37% 5% 26%; */
    /* border: 1px solid #fff; */
    text-align: center;
}

.contact-grid a,
.contact-grid address p {
    color: #000;
    font-size: 0.9em;
    letter-spacing: 0.5px;
}

h5.cont-form {
    margin: 1em 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 1.7em;
    font-family: Apercu Regular;
    color: #14ce5b;
    font-weight: 600;
}


.call-action-btn.btn{
	padding: 12px 64px 12px 30px !important;
	position: relative;
}


/*
.call-action-btn .fa-arrow-right::before {
    content: url('../images/icons/right-arrow-green.svg');
}
*/

.call-action-btn i.fa-arrow-right{
    position: absolute;
    top: 5px;
    right: 7px;
}

.call-action-btn i.fa-arrow-right::before {
    background-image: url('../images/icons/right-arrow-green.svg');
    background-size: 40px auto;
    background-position: 0 0;
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
}






/* //contact */



/* footer  */

.footer-section {
    background-color: #121825;
}

.footer-section .footer-column {
    margin-bottom: 20px;
}

.widget-social ul li {
    display: inline-block;
}

/*
span.icon_twitter {
    background: #1da1f2;
}

span.icon_facebook {
    background: #3b5998;
}

span.icon_dribbble {
    background: #ea4c89;
}

span.icon_g_plus {
    background: #dd4b39;
}
*/

.widget-social-list {
    margin-top: 30px;
}

.widget-social ul li.social-item{
	margin:0 5px;
	padding:0;
}

.widget-social ul li.social-item a{
	cursor:pointer;
	display: block;
	font-size:20px;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}

.widget-social ul li.social-item a > i{
	border:2px solid rgba(255, 255, 255, 0.5);
	border-radius:50%;
    color: rgba(255, 255, 255, 0.5);
	padding: 0;
	width: 42px;
	height: 42px;
	text-align: center;
	display: block;
	font-size:20px;
	line-height: 42px;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
	vertical-align:middle;
}

.widget-social ul li.social-item a:hover > i{
	color: rgba(255, 255, 255, 1);
	border:2px solid #fff;
}


.cpy-right p{
    padding: 0;
    color: #99a1b2;
    font-size: 14px;
    margin: 0;
}

.cpy-right p a {
    color: #fff;
}


/* social */
ul.social-iconsv2 li {
    display: inline-block;
    border-radius: 50%;
}

ul.social-iconsv2 li a {
    text-decoration: none;
    font-size: 16px;
}

ul.social-iconsv2 li a i.fab {
    font-size: 18px;
    line-height: 38px;
    width: 30px;
    height: 37px;
    color: #000;
    margin-right: 15px;
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

ul.social-iconsv2 li:first-child a {
    color: #3b5998;
}

ul.social-iconsv2 li:last-child {
    color: #287bbc;
}


/* // social */




/*--------------
Tab CSS:
---------------*/

.board-tab-grid{
}

.board-nav .nav-tabs {
    position: relative;
    margin: 50px auto 0;
    box-sizing: border-box;
	border: none;
}

.liner{
    height: 4px;
    background: #234df7;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}


.nav-tabs > li {
    width: 33.33%;
	position: relative;
	margin-top: -35px;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}

span.round-tabs{
    width: 80px;
	height: 80px;
	line-height: 40px;
	display: inline-block;
	border-radius: 100px;
	background-color: transparent;
	color: #ffffff;
	z-index: 2;
	position: absolute;
	left: 50%;
	text-align: center;
	font-size: 24px;
	margin-left: -40px;
	border: 20px solid transparent;
}


span.round-tabs span{
	color:#ffffff;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
	background-color: #315bff;
	display: block;
	border-radius: 50%;
}


.nav-tabs > li > a.active span.round-tabs,
.nav-tabs > li > a.active:hover span.round-tabs,
.nav-tabs > li > a.active:focus span.round-tabs{
    border: 20px solid rgba(20, 206, 91, 0.5);
}


.nav-tabs > li > a.active span.round-tabs span,
.nav-tabs > li > a.active:hover span.round-tabs span,
.nav-tabs > li > a.active:focus span.round-tabs span{
    color: #ffffff;
	background-color: #14ce5b;
}


.tab-hover-box {
    padding:10px;
    box-shadow: 2px 9px 10px 3px rgba(50, 46, 46, 0.23);
}

.tab-hover-box-inner {
    border: 6px solid transparent;
}

.tab-hover-box:hover .tab-hover-box-inner {
    border: 6px solid #859cfe;
}


.carousel-control .carousel-control-prev-icon,
.carousel-control .carousel-control-next-icon{
	width:48px;
	height:48px;
}


/*
span.round-tabs::before {
    content: "";
    background-color: transparent;
    display: block;
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    border: 15px solid rgba(255, 0, 0, 0.5);
    border-radius: 50%;
    line-height: 72px;
}
*/


/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}

.nav-tabs li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
}

.nav-tabs li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
}

*/

.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

.tab-content{
	padding-top:0px;
}

.tab-pane{
   position: relative;
	padding-top: 0px;
}


.location-list-item{
	margin-bottom:5px;
}

.location-list-item img {
    width: 54px;
    height: 54px;
    align-content: center;
    align-self: center;
    border: 3px solid #14ce5b;
    margin-right: 12px;
	border-radius:50%;
	opacity:1;
}


.location-list-item .loc-text {
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
	font-family: Apercu Bold;
}

.location-list-item:hover img {
	opacity:1;
}

.location-list-item:hover .loc-text {
    color: #14ce5b;
    font-size: 20px;
    letter-spacing: 2px;
	font-family: Apercu Bold;
}
.add-moredoor
{
float: right;
font-size: 13px;
}



/* ---------------
 Estimate Page CSS:
----------------- */

.exterior-grid{
	position:relative;
	margin-bottom: 35px;
	text-align: center;
}

.exterior-grid input[type=checkbox] {
  display: none;
}

.exterior-grid label {
	color: #121825;
	margin: 0;
	position: relative;
	font-family: Apercu Bold;
	font-size: 16px;
	vertical-align: middle;
	line-height: 1;
}

/*
.exterior-grid label:before {
	content: url("../images/unchecked_checkbox.png");
	position: absolute;
	z-index: 10;
	display: block;
	left: 0;
	vertical-align: middle;
}

.exterior-grid :checked+label:before {
	content: url("../images/checked_checkbox.png");
}
*/

.progress-bar-grid .btn.btn-default{
	padding: 8px 28px;
	font-size: 18px;
}

.more-option.btn.btn-default{
	padding: 8px 28px;
	margin-bottom:20px;
}





.exterior-grid label + span {
	display: block;
	padding-left: 30px;
	font-size: 13px;
	position: absolute;
	font-weight: 600;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::after{

}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
{display:none;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{

}
.product-discription .quantity-plus
{display:none;}
.product-box.mactive .product-discription .quantity-plus {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.custom-control-label::after{
	width: 18px;
	height: 18px;
}

.custom-control-label::before{
	background-color: transparent;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.product-discription {
    margin: 0 10px;
}

.large-text p{
	font-size:20px;
}

.home-build-year-form select{
	border-radius:30px;
	border: 2px solid #888b92;
}

.input-group-text{
	background-color: #fff;
	border: 2px solid #888b92;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
}

.home-build-year-form select.form-control:not([size]):not([multiple]) {
    height: calc(2.8rem + 2px);
}

.home-build-year-form .input-group-text {
    margin-bottom: 0 !important;
    line-height: 30px;
}

.border-radius-t-20 {
	border-radius:20px 20px 0px 0px;
}

.border-radius-b-20 {
	border-radius:0px 0px 20px 20px;
}

.border-radius-10 {
	border-radius:10px;
}

.border-radius-6 {
	border-radius:6px;
}

.product-box {
	margin-bottom:1px;
	text-align: center;
}

.product-box .product-bg {
	/*-moz-box-shadow: 1px 25px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 25px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 25px 30px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	border:7px solid #ffffff;*/
	text-align: center;
	padding: 8px;
	margin: 0 10px 0px;
		transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
.wizard > .content > .body label {
    margin: 0px !important;
    display: block;
    width: 100%;
    text-align: center;
}

.product-box.window .custom-control {
	padding-left: 0;
}

.product-box.mactive:not(.window) .product-bg {

}

/*
.window.product-box.mactive .product-bg {
	border:7px solid #ffffff;
}
*/

.product-box .product-bg img {
	max-width: 249px;
	max-height: 145px;
	text-align: right;
}

.product-box .custom-control-label {
	font-size: 14px;
}

.bg-white-80{
	background-color:rgba(255, 255, 255, 0.8);
}

.quantity-plus {
	padding-left: 0;
	display: table;
	margin-bottom: 5px;

}
.img-fluid.windowimage
{
	height: 117px;
	margin-left: 24px;
	margin-bottom: 41px;
	margin:0px 12px 41px;
}


/* Safari 9+ */

_:default:not(:root:root), .img-fluid.windowimage {

  /*border:2px solid red;*/

}


.wimage-outer.Not-Square-or-Shapes .img-fluid.windowimage
{
	height: 64px;
	margin-left: 72px;
	margin-bottom: 41px;
	margin:0px 36px 41px;
}
.pmores
{padding-top:15px;}
.qantmore-plus{
    padding-right: 0px;
    padding-bottom: 15px;
	padding-top:15px;
}
.quantity-plus span {
    color: #121825;
    font-size: 14px;
    font-family: Apercu Bold;
    display: block !important;
    margin: 0;
    text-align: left;
    padding-right: 24px;
    width: 50%;
}
h3.light-heading.py-2>img {
    width: 100%;
    max-width: 150px;
    position: relative;
    bottom: 2px;
}
p.estimate-price-grid>span {
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: #c00;
    color: #ff0000 !important;
}
p.estimate-price-grid.discount-pay>span {
    -webkit-text-fill-color: #7ac142;
    color: #7ac142 !important;
}
.product-box.mactive .quantity-plus {
	overflow:hidden;
}
.row.bg-white-80.main-pros {
    justify-content: center;
	border:4px solid #000;
}

/* .product-box.mactive .quantity-plus span {
	width: 121px;
	float:left;
	line-height: 40px;
} */

@media screen and (min-width: 768px) and (max-width: 991px) {
	.product-box.mactive .quantity-plus span {
		text-align:center;
	}
	.product-box.door .product-bg img {
		min-height: 110px;
	}
	.progress-bar-grid .btn.btn-default {
		padding: 8px 25px;
		font-size: 16px;
	}
	.offer-time {
		width: 195px;
	}
	.offer-exp-grid, .offer-exp-grid .offer-time{
		color:#ffff00;
		font-size:22px;
		line-height:1.2;
	}

}

/*.product-box.mactive .product-discription .quantity-plus:nth-last-child(1) span {
	width: 124px;
	float:left;
}

.product-box.mactive .quantity-plus span.selecttab {
	width: 124px;
	float:left;
}*/

/*@media screen and (min-width: 1024px) {
	.product-box.mactive > label,
	.product-box.mactive .product-bg > label {
		margin-left: 112px;
	}
}*/

.product-box.mactive > label,
.product-box.mactive .product-bg > label {

}

.product-box.mactive .quantity-plus .field1 {
	float:left;
}

#field1 {
    border-radius: 4px;
    border: 1px solid #888b92;
    width: 50%;
    display: flex !important;
    text-align: center;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

#field1 button {
	border:none;
    background: transparent;
	width:24px;
	height:24px;
}


#field1 input {
	border:none;
	background:#fff;
	border-right:1px solid #888b92;
	border-left:1px solid #888b92;
	font-family: Apercu Bold;
	width: 38px;
}

.product-discription .checkbox-label {
	display: inline-block;
	margin-left: 15px;
	font-size:16px;
	font-family: Apercu Bold;
	color: #121825;
}

#width-selector select {
    border-radius: 30px;
	border: 1px solid #888b92;
	padding: 5px 8px;
	width: 116px;
	font-family: Apercu Medium;
	background-color: transparent;
	font-size: 15px;
}
#width-selector
{
width: 116px;
display: table-cell;
}
button.sub,button.gsub,
button.add {
    margin: 4px;
	cursor: pointer;
	font-size: 16px;
}

.quantity-plus input {
	text-align: center;
	width: 40px;
	padding: 6px;
	color:#000;
	font-size: 18px;
}
.pno1
{
	margin-left:105px;
}
.pno3
{margin-left:50px;}
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #888b92, #888b92);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0em;
  background-size:
    5px 5px,
    5px 5px,
    1px 2.5em;
  background-repeat: no-repeat;
}

select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

a.email-text {
	color:#14ce5b;
	font-family: Apercu Bold;
}

.q-and-q-box {
	padding:40px;
}

.q-and-q-box h4 {
	font-size:1.3rem;
}

.question-text {
	color:#a3a3a3;
	font-family: Apercu Medium;
	position:relative;
	padding-left:30px;
	font-size:20px;
	line-height:1.2;
}

.question-text:before {
	position:absolute;
	content:"A.";
	left:0;
	top:0;
	font-size:20px;
	font-family: Apercu Bold;
	color:#000;
}

.q-and-q-box a {
	border-radius:30px;
	border:1px solid #14ce5b;
	color:#14ce5b;
	padding:7px 30px;
	margin-top:15px;
	display:inline-block;
	font-family: Apercu Bold;
	letter-spacing:1px;
}

.q-and-q-box a:hover {
	background:#14ce5b;
	color:#fff;
}


/*-----------------
Schedule Calendar:
-----------------*/

.schedule-modal-box.modal-content {
    background: url('../images/calendar-popup-bg.jpg') center center no-repeat;
    padding-left: 380px;
    background-size: cover;
	background-position: -120px 0;
}

.modal-data-box {
    background: #ffffff;
	border-radius: 0 10px 10px 0;
	padding: 20px 15px 0;
	margin: 0;
}

.datepicker-days {
    padding: 0 20px;
}

.datepicker-days table{
	width:100%;
}












/*--/tabs --*/

.my-estimates-banner {
	min-height: 200px;
}

.tab-banner {
	background:#f2f2f2;
}

.middile-inner-con {
	width:100%;
}

.tab-banner .tab-main {
	margin-top:-62px;
}

.tab-banner .tab-main section {
	margin:40px 0px;
	text-align:left;
}

.tech-btm h5 {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 600;
}

.menu-img-info h5 {
	font-size: 1.8em;
	color: #7b7d80;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	line-height: 1.4em;
}

p.sub-meta {
	color: #1cbbb4;
	font-size: 1.2em;
	font-weight: 600;
}

.text-info-sec p {
	color: #666;
	font-size: 17px;
}

.text-info-sec h3 {
    font-size: 34px;
    color: #1f71c5;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
}

.text-info-sec h4 {
	font-size: 1.4em;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
}

.text-info-sec i {
    color: #333;
    font-size: 50px;
}

.middile-inner-con h5 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    color: #333;
}

.tab-main section {
    display: none;
    padding: 1em 0 0;
}

.tab-main .sub-tab{
	display: none;
	margin-top: 20px;
}

.tab-main input[type="radio"]{
    display: none;
}

.tab-main label.tab-label {
    display: inline-flex;
	/*border-bottom: 1px solid #abc;*/
	margin:0 30px -1px;
	width: auto;
	color: #14ce5b;
	padding: 10px 15px;
	letter-spacing: 1px;
	/*background-color: #f4f6f9;*/
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
	border-bottom:4px solid transparent;
}

.tab-main span {
    margin-right: 0.5em;
}

.tab-main label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
    opacity: 0;
}

.tab-main label:hover {
    cursor: pointer;
}

.tab-main input:checked + label {
    color: #ffffff;
    /*background-color: #1f71c5;*/
	color:#14ce5b;
	border-bottom:4px solid #14ce5b;
	opacity: 1;
}

.tab-main #tab1:checked ~ #content1,
.tab-main #tab2:checked ~ #content2,
.tab-main #tab3:checked ~ #content3,
.tab-main #tab4:checked ~ #content4,
.tab-main #tab5:checked ~ #content5,
.tab-main #tab6:checked ~ #content6,
.tab-main #tab7:checked ~ #content7,
.tab-main #tab8:checked ~ #content8 {
    display: block;
}

.tab-main #content1 #tab11:checked ~ #content11,
.tab-main #content1 #tab12:checked ~ #content12{
	display: block !important;
}

.tab-main #content2 #tab21:checked ~ #content21,
.tab-main #content2 #tab22:checked ~ #content22{
	display: block !important;
}

.upload-btn-grid .btn.btn-default{
	font-size: 18px;
	padding: 8px 24px;
}


.product-text {
	color: #a3a3a3;
	font-family: Apercu Regular;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
	margin-top:80px;
}

.new-product-add {
	color: #a3a3a3;
	font-family: Apercu Bold;
	position: relative;
	font-size: 16px;
	line-height: 1.2;
	margin-top:20px;
}

.price {
	color:#000;
	font-family: Apercu Bold;
}

.bg-new-estimates {
	background:#eaeaea;
	border-radius:10px;
	text-align:center;
	padding:105px 60px;
}
.wimage-outer
{display:inline;}
@media screen and (max-width: 800px) {
    .tab-main label:before {
        margin: 0;
        font-size: 18px;
    }
	.wimage-outer
{display: block !important;
float: none;
width: 100%;
text-align: center;}
.img-fluid.windowimage
{
min-height: 130px;
text-align: center;
margin: 20px auto;
}
.wimage-outer.Not-Square-or-Shapes .img-fluid.windowimage
{
height: auto;
min-height: 64px;
margin-bottom: 41px;
margin-left:0px;
}
.tab-main label.tab-label {
	font-size: 16px;
	margin: 0 10px -1px;
}

	.upload-btn-grid .btn.btn-default{
	font-size: 15px;
	padding: 8px 20px;
	}


}


/*--//tabs--*/

/* PROFILE PAGE */

.edit-profile-form label {
	display:block;
}

.edit-profile-form input[type="text"],
.edit-profile-form input[type="email"],
.edit-profile-form input[type="tel"],
.edit-profile-form input[type="password"] {
	border: 1px solid #81848b;
	border-radius: 30px;
	color: #a3a3a3;
	font-size: 16px;
	margin: 0 0 15px;
	line-height: 1.46;
	padding: 8px 10px 8px 15px;
	width: 100%;
	transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}

.edit-profile-form input[type="text"]:focus,
.edit-profile-form input[type="email"]:focus,
.edit-profile-form input[type="tel"]:focus,
.edit-profile-form input[type="password"]:focus {
	border:1px solid #262c38;
}

.change-pwd {
	color: #a3a3a3;
	margin-top: 30px;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 15px;
}

.min-character {
	color:#a3a3a3;
	font-size:12px;
}

.submit-btn.btn.btn-default{
	font-size: 16px;
	padding: 8px 24px;
}

.showSweetAlert h2{font-size:2rem}



/* //PROFILE PAGE */

/* OFFER PAGE */

.bg-gray {
	background:#e9e9e9;
}

.offer-box {
	font-family: Apercu Bold;
}

.rate-list {
	font-size:22px;
	font-family: Apercu Bold;
	color:#c00;
}

.offer-box .rate-list {
	color:#14ce5b;
}

.discount-rate {
	color: #ffff00;
	font-size: 20px;
}

.offer-time {
	color: #fff;
	/*-webkit-text-stroke: 1px black;
    -webkit-text-fill-color: #c00;*/
	padding-left: 5px;
	font-size: 21px;
	width:274px;
	margin:auto;
	background-image:linear-gradient(#7ac142, #98e35d);
	overflow:hidden;
	padding:12px 10px;
}
.offertime-outer {
	float:left;width:100%;
	margin-bottom:15px;
}
.share-value-input {
	border:1px solid #c0c1c5;
	border-right:none;
	border-radius: 30px 0px 0px 30px;
	padding: 7px 10px;
	font-size: 14px;
	display: inline-block;
}

.share-btn {
	border:1px solid #14ce5b;
	border-radius:0px 30px 30px 0px;
	font-size:14px;
	color:#ffffff;
	background:#14ce5b;
	padding:7px 10px;
	display:inline-block;
}

.offer-btn {
    background-color: #fff;
    border: 2px solid #14ce5b;
    border-radius: 15px;
    color: #14ce5b;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    font-family: Apercu Medium;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 8px 20px;
    text-transform: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.offer-btn:hover {
    background-color: #14ce5b;
	border: 2px solid #14ce5b;
	color:#ffffff;
}

.offer-btn {
	min-width:158px;
}

.estimate-share-btn .btn.btn-default {
	font-size: 16px;
    font-weight: 600;
    font-family: Apercu Medium;
    letter-spacing: 0;
    line-height: 1.4;
    padding: 8px 20px;
}


a.accept-btn {
	background:#14ce5b;
	border-color:#14ce5b;
	color:#ffffff;
	border-radius:15px;
}

.offer-video-title {
	color:#ffffff;
	font-family: Apercu Bold;
	position:relative;
	padding-left:30px;
	font-size:20px;
}

.offer-video-title:before {
	position:absolute;
	content:"\f015";
	color:#14ce5b;
	font-family: Apercu Bold;
	left:0;
	font-family:fontawesome;
	font-size:20px;
}

.video-screen img {
	width:100%;
}

.panel-title a {
	border:0px;
	border-bottom:1px solid #cbcbcb;
	border-radius:0px;
	font-size: 15px;
	color: #000;
	padding: 0 0 10px 0;
	position:relative;
}

.panel-title a[aria-expanded="false"]:after {

	position:absolute;
	content:"+";
	color:#14ce5b;
	font-weight:bold;
	font-size: 36px;
	top: -12px;
}

.panel-title a[aria-expanded="true"]:after {
	position:absolute;
	content:"-";
	color:#14ce5b;
	font-weight:bold;
	font-size: 36px;
	top: -12px;
}

.panel-title a:hover {
	background:transparent;
	color:#000;
}

.quote-detail-box{
	padding:35px 40px 18px;
}

.quote-detail-box .bar-sep-icon::before{
	right: 0;
}

.quote-detail-box p{
	color: #000000;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom:5px;
	font-weight: 700;
}

.quote-detail-box p label {
	color: #121825;
	margin-bottom: 0;
	padding-right: 5px;
}

.quote-detail-box h4{
	/* border-left: 4px solid #14ce5b;
	background-color: #e9e9e9;
	padding: 10px; */
	font-size: 27px;
	color: #121825;
}

.quote-detail-box .table th, .quote-detail-box .table td {
    padding: 10px;
}

.quote-detail-box .table th{
	border:none;
	color: #121825;
}

.quote-detail-box .table > tbody > tr > td{
	border-top:none;
	color: #000;
	font-size: 18px;
	font-weight: 700;
}

.offer-exp-grid, .offer-exp-grid .offer-time{
	color:#ffff00;
	font-size:34px;
	line-height:1.2;
}

.white-text{
	color:#ffffff;
}

.estimate-final-footer p{
	color: rgba(255, 255, 255, 0.5);
	margin: 0 0 5px;
}

.estimate-final-footer p.small-text{
	color:rgba(255, 255, 255, 1);
	font-size: 15px;
}

.estimate-final-footer a{
	color:#ffffff;
}


.estimate-final-footer h3{
	font-size:40px;
	line-height:1.2;
	color:#ffffff;
}


.datepicker .table-condensed th,
.datepicker .table-condensed td {
    padding: 0;
	cursor:pointer;
	width: 42px;
	height: 42px;
	line-height: 40px;
	display: table-cell;
	text-align: center;
}

.datepicker .day {
    background-color: transparent;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.datepicker .day.active{
    background-color: #81c451;
	color:#ffffff;
	border-radius:50%;
}

#book-esti.btn.btn-default {
    background-color: #81c451;
    border: 2px solid #81c451;
}

#book-esti.btn.btn-default:hover {
    background-color: #121825;
    border: 2px solid #121825;
}

/* //OFFER PAGE */

/* PRODUCT PAGE */

.product-main-box {

}

.product-box-content{
	padding:10px 30px 30px;
}

.product-main-box img {
	width:100%;
}


.product-main-box .product-description p {
	color:#a6a7a9;
	font-size:16px;
	line-height:28px;
}

.sub-title {
	color:#14ce5b;
	font-size:15px;
	font-family: Apercu Bold;
	letter-spacing:2px;
	text-transform:uppercase;
}

/* //OFFER PAGE */

.rg-image-wrapper {
	position:relative;
	background:transparent url(../images/black.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
}

.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}

.rg-image img{
	max-height:100%;
	max-width:100%;
}

.rg-image-nav a{
	position:absolute;
	top:50%;
	left:0px;
	background:transparent url(../img/controls.png) no-repeat 0 100%;
	width:49px;
	height:59px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	outline:none;
	/*-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;*/
	z-index:1;

}

.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:100% 50%;

	/*-moz-border-radius: 0px 10px 10px 0px;

	-webkit-border-radius: 0px 10px 10px 0px;

	border-radius: 0px 10px 10px 0px;*/

}

.rg-image-nav a:hover{
	opacity:1;
}

.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;

}

.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}

.rg-view{
	height:30px;
	display:none;
}

.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;

}

.rg-view a:hover{
	opacity:1.0;
}

.rg-view a.rg-view-full{
	background-position:0px 0px;
}

.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}

.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}

.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}



@media screen and (max-width: 991px) {
	.quote-detail-box{
		padding:20px 20px 10px;
	}

}
@media screen and (max-width: 1200px) {
	.product-box.mactive .product-discription .quantity-plus {
		flex-direction: column;
	}
	.quantity-plus span{
		width: auto !important;
	}
	#field1 {
		width: auto !important;
	}
	.quantity-plus span{
		text-align: center !important;
		padding: 0px !important;
	}
	.center-data .quantity-plus span{
		font-size: 13px !important;
	}
}

@media screen and (max-width: 767px) {

	.rg-image-nav a{
		position:absolute;
		top:50%;
		left:0px;
		background:transparent url(../img/controls-mobile.png) no-repeat 0 100%;
		width:25px;
		height:30px;
		text-indent:-9000px;
		cursor:pointer;
		opacity:1;
		outline:none;
		/*-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
		border-radius: 10px 0px 0px 10px;*/
		z-index:1;
	}
	/* .progress-bar-grid .text-md-right {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #000;
		display: flex;
		justify-content: center;
		z-index: 99;
	} */
	.progress-bar-grid .btn.btn-default {
		margin-right: 10px;
	}
	.es-carousel {
		display:none;
	}
	.product-box .product-bg {
		text-align: center;
	}
	.pno1 {
		margin-left: 0px;
	}
	.pno3 {
		margin-left: 0px;
	}
	.product-box .product-bg img {
		width: 100%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.wimage-outer.Single-Hung-Circle-Top.Not-Square-or-Shapes img,.wimage-outer.Circle-Top-Extended-Leg-Speciality-Window.Not-Square-or-Shapes img,.wimage-outer.Eyebrow-Extended-Leg-Speciality-Window.Not-Square-or-Shapes img,.wimage-outer.Trapezoid-Speciality-Window.Not-Square-or-Shapes img{
		height: 120px !important;
	}
}
@media (max-width: 991px){
	.wimage-outer.Single-Hung-Circle-Top.Not-Square-or-Shapes img,.wimage-outer.Circle-Top-Extended-Leg-Speciality-Window.Not-Square-or-Shapes img,.wimage-outer.Eyebrow-Extended-Leg-Speciality-Window.Not-Square-or-Shapes img,.wimage-outer.Trapezoid-Speciality-Window.Not-Square-or-Shapes img{
		height: 180px !important;
	}
}

/* SELECTED PAGE */

.selected .sub-title {
	color:#fff;
	font-size:15px;
	font-family: Apercu Bold;
	letter-spacing:2px;
	text-transform:uppercase;
	position:relative;
	margin-top:105px;
}

.selected .sub-title:before {
	position:absolute;
	content:url(../images/arrow.png);
	font-family:fontawesome;
	left:0;
	top:-35px;
	font-size:24px;
}

.selected .banner-text-data {
	color:#fff;
	line-height:30px;
	font-size:20px;
	width:50%;
}
.selected .banner-text-data p {
	color:#fff;
	line-height:30px;
	font-size:20px;
}
.selected .btn.btn-default:hover {
	background:transparent;
	border: 2px solid #fff;
}

.slider-gallery .lSPager.lSGallery {
	text-align:center;
	margin:-45px auto 0px !important;
}

.slider-gallery .lSPager.lSGallery li {
	border-radius:8px;
}

.testimonial-title {
	position:relative;
}

.slider-text-gallery #image-gallery1 {
	margin-top:50px;
}

.slider-text-gallery #image-gallery1 .row[style] {
	width:1215px !important;
}

.slider-text-gallery .lSAction {
	position: absolute;
	right: 10px;
	top: -8px;
	z-index: 9;
	height:45px;
	width:65px;
}

.slider-text-gallery .lSAction a.lSPrev {
	background-image: url('../img/controls-text.png');
	height:26px;
	width:32px;
	background-position:0px 0;
}

.slider-text-gallery .lSAction a.lSNext {
	background-image: url('../img/controls-text.png');
	height:26px;
	width:32px;
	background-position:-32px 0;
}

.slider-text-gallery .lSPager.lSGallery {
	display:none;
}

.testimonial-box {
	background:#f2f2f2;
	border-radius:8px;
	padding:20px 30px;
}

.testimonial-authour-data {
	overflow:hidden;
}

.testimonial-box .authour-name {
	color:#000;
	font-family: Apercu Bold;
	font-size:20px;
}

.testimonial-box .authour-function {
	color:#9a9a9a;
	font-family: Apercu Bold;
	font-size:20px;
}

.testimonial-text {
	color:#9a9a9a;
	line-height:30px;
	margin-top:30px;
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 49px;
    display: block;
    top: 50%;
    height: 59px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 0px;
}
.lSAction > .lSNext {
    background-position: -49px 0;
    right: 0px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

/* gallery */

.demo>li {
    list-style-type: none;
    padding: 0;
}

/*jquery.picEyes*/

.picshade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    background-color: #000;
    opacity: 0.91;
    filter: alpha(opacity=91);
    z-index: 99;
    display: none;
}

.pictures_eyes_close {
    position: fixed;
    top: 30px;
    right: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat;
    z-index: 100;
    display: none;
}

.pictures_eyes {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 199;
    display: none;
}

.pictures_eyes_in {
    position: relative;
    text-align: center;
}

.pictures_eyes_in img {
    max-height: 500px;
    max-width: 700px;
}

.pictures_eyes_in .prev,
.pictures_eyes_in .next {
    position: absolute;
    top: 50%;
    width: 51px;
    height: 51px;
    cursor: pointer;
}

.pictures_eyes_in .prev {
    left: 35px;
    background: url(../images/prev.png) no-repeat;
}

.pictures_eyes_in .next {
    right: 35px;
    background: url(../images/next.png) no-repeat;
}

.pictures_eyes_indicators {
    position: fixed;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center;
    z-index: 299;
}

.pictures_eyes_indicators a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 6px 3px 0 3px;
    border: 2px solid #fff;
    box-shadow: 0 0 2px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    overflow: hidden;
}

.pictures_eyes_indicators img {
    height: 50px;
}

.pictures_eyes_indicators .current {
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-grid1 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pictures_eyes_in {
    position: relative;
    text-align: center;
}

.pictures_eyes_in img {
    width: 100%;
}


/* //gallery */

/* // SELECTED PAGE */

/* BEGINNING */

.beginning-form select {
	border-radius: 30px;
	border: 1px solid #888b92;
	padding: 6px 8px;
	width: 200px;
	font-family: Apercu Bold;
}

.item-title {
	color:#a3a3a3;
	font-size:20px;
}

.exterior-img-radius {
	border-radius:6px;
	height:125px;
}

/* //BEGINNING */

/* HELP PAGE */

.faq h4.panel-title {
	margin-bottom:0px;
}

.faq .panel-title a[aria-expanded="false"] {
	padding:30px;
	border-radius:10px 10px 0px 0px;
	background:transparent;
	display: block;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.faq .panel-title a[aria-expanded="false"]:after,
.faq .panel-title a[aria-expanded="true"]:after {
	right: 35px;
	top: 15px;
}

.faq .panel-title a[aria-expanded="true"] {
	padding:30px;
	padding-bottom:0px;
	border-radius:10px 10px 0px 0px;
	background:#fff;
	display: block;
	border-bottom:0px;
}

.faq .panel-collapse {
	padding:30px;
	background:transparent;
	border-radius:0px 0px 10px 10px;
	transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.faq .panel-collapse.show {
	padding:30px;
	background:#fff;
	border-radius:0px 0px 10px 10px;
}

.ready-to-start-box {
	background:#14ce5b;
	padding:50px 0px;
}

.ready-start-text {
	font-size:45px;
	color:#fff;
	font-family: Apercu Regular;
	line-height:52px;
}

.btn.get-start-btn {
	background:#000;
	margin-top: 30px;
	padding-right: 70px;
	position:relative;
}

.btn.get-start-btn:after {
	position:absolute;
	content:url(../images/chat-arrow.png);
	right:10px;
	top:6px;
}

/*--------------------
My Estimate Page CSS:
---------------------*/

.estimate-price-box{
	background-color: rgba(255, 255, 255, 0.10);
	border-radius: 20px;
    padding: 20px 24px 18px;
    display: inline-block;
    width: 100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.estimate-price-box2{
	background-color: rgba(255, 255, 255, 0.10);
	background-image: url('../images/money3.png');
	border-radius: 20px;
    padding: 20px 24px 18px;
    display: inline-block;
    width: 100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
  margin-bottom: 3%;
}

.estimate-price-box:hover{
	background-color: rgba(255, 255, 255, 0.80);
}

.estimate-price-box.offer-box{
	background-color: rgba(255, 255, 255, 0.80);
}


.estimate-price-box h4{
	margin-bottom: 10px;
	color: #121825;
	font-size: 24px;
	padding-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.estimate-price-box:hover h4{
	color:#121825;
}

.estimate-price-box h4.text-yellow{
	color:#ffde00;
}

.estimate-price-box p{
	color: #121825;
}

.estimate-price-box p.estimate-price-grid{
	color: #ff0000;
	font-size: 46px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 1px;
	margin:0 0 19px 0 !important;
}

.price-label{
	display: block;
    color: #121825;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: Apercu Medium;
}

.discount-label{
	color: #121825;
	margin:0;
}


.estimate-price-discount{
	color: #14ce5b;
	display: block;
}

.estimate-price-box h5{
	color:#fff;
	font-size:18px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.estimate-price-box:hover h5{
	color:#121825;
}


.flashit {
    -webkit-animation: flash linear 1.2s infinite;
    animation: flash linear 1.2s infinite;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}


.circle-box{
    position: relative;
}

.circle-contentg-grid {
    position: relative;
	background-color:#fff;
	border: 4px solid #ebff00;
	max-width: 200px;
	margin: auto;
	padding: 5px;
}

.estimate-price-box p.discount-payment {
    font-size: 36px;
	color: #4a90e2;
	margin: 0;
	line-height: 1.4;
}


/* START ESTIMATE */

/*
.start-estimate-main-bg {
	background:transparent url(../img/start-estimate-main-bg.jpg) 50% 50% no-repeat;
	margin-top:95px;
	padding-top:50px;
	background-size:cover;
}

*/

.start-estimate-wrap{
    padding-top: 100px;
}

.steps.wizard{
	background-image: url('../images/start-estimate-main-bg.jpg');
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	padding:50px 0;
}

.steps.wizard.step0{
	background-image: url('../images/start-estimate-main-bg.jpg');
}

.steps.wizard.step1{
	background-image: url('../images/start-estimate-02-bg.jpg');
}

.steps.wizard.step2{
	background-image: url('../images/start-estimate-02-bg.jpg');
}

.steps.wizard.step3{
	background-image: url('../images/estimate-home-window-step-bg.jpg');
}

.modal-open{overflow:auto;padding-right:0 !important;}

#location-modal .modal-content{
	border-radius:20px;
}

.modal-loc-img img{
	border-radius:20px 0 0 20px;
}


.mloc-grid {
    margin-bottom: 20px;
    text-align: center;
}

.mloc-grid.large-mloc {
    text-align: left;
    padding: 18px 6px 0px 8px;
    border-radius: 5px;
}

.mloc-grid img{
	margin-bottom: 10px;
}

.mloc-grid h5{
    font-size: 18px;
    margin-bottom: 10px;
    color: #949494;
	text-align:left;
}

.mloc-grid .btn.btn-default{
	background-color:#80c34e;
	border:2px solid #80c34e;
	font-size: 14px;
	font-weight: 700;
	font-family: Apercu Regular;
	letter-spacing: 0;
	padding: 5px 18px;
}

.mloc-grid .btn.btn-default:hover {
    background-color: #121825;
    border: 2px solid #121825;
}
#term-service
{    position: relative!important;
    z-index: 1!important;
    opacity: 1!important;
}
.mloc-grid p {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.4;
    font-family: Apercu bold;
}


#my-player, #my-player2{
	position:relative;
}

.playpause {
    background-image: url('../images/play-video-icon.png');
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin: auto;
	background-size: contain;
	background-position: center;
	transform: translate(-50%, -50%);
}

.vidoebottom .playpause
{top:55%;}
.close.close-other {
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    top: -5px;
    right: 0;
    background: #14ce5b;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 30px;
}

/* ANAND */

#term-service[type="checkbox"]:not(:checked), #term-service[type="checkbox"]:checked {
	position: absolute !important;
	pointer-events: none;
	opacity: 0 !important;
}
.form-check-input[type="checkbox"]+label, label.btn input[type="checkbox"]+label {
	position: relative;
	display: inline-block;
	height: 1.5625rem;
	padding-left: 27px;
	line-height: 1.5625rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.form-check-input[type="checkbox"]+label.form-check-label-left, label.btn input[type="checkbox"]+label.form-check-label-left {
	padding: 0 35px 0 0 !important
}
.form-check-input[type="checkbox"]+label.form-check-label-left:before, label.btn input[type="checkbox"]+label.form-check-label-left:before {
	right: 0;
	left: 100% !important;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
.form-check-input[type="checkbox"]+label:before, .form-check-input[type="checkbox"]:not(.filled-in)+label:after, label.btn input[type="checkbox"]+label:before, label.btn input[type="checkbox"]:not(.filled-in)+label:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	content: "";
	border: 2px solid #8a8a8a;
	border-radius: 1px;
	-webkit-transition: .2s;
	transition: .2s
}
.form-check-input[type="checkbox"]:not(.filled-in)+label:after, label.btn input[type="checkbox"]:not(.filled-in)+label:after {
	border: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}
.form-check-input[type="checkbox"]:not(:checked):disabled+label:before, label.btn input[type="checkbox"]:not(:checked):disabled+label:before {
	background-color: #bdbdbd;
	border: none
}
.form-check-input[type="checkbox"]:checked+label:before, label.btn input[type="checkbox"]:checked+label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 1.375rem;
	border-top: 2px solid transparent;
	border-right: 2px solid #4285f4;
	border-bottom: 2px solid #4285f4;
	border-left: 2px solid transparent;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.form-check-input[type="checkbox"]:checked+label.form-check-label-left:before, label.btn input[type="checkbox"]:checked+label.form-check-label-left:before {
	-webkit-transform: translateX(0) rotateZ(40deg);
	transform: translateX(0) rotateZ(40deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.form-check-input[type="checkbox"]:checked:disabled+label:before, label.btn input[type="checkbox"]:checked:disabled+label:before {
	border-right: 2px solid #bdbdbd;
	border-bottom: 2px solid #bdbdbd
}
.form-check-input[type="checkbox"]:indeterminate+label:before, label.btn input[type="checkbox"]:indeterminate+label:before {
	top: -11px;
	left: -12px;
	width: 10px;
	height: 1.375rem;
	border-top: none;
	border-right: 2px solid #4285f4;
	border-bottom: none;
	border-left: none;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.form-check-input[type="checkbox"]:indeterminate+label.form-check-label-left:before, label.btn input[type="checkbox"]:indeterminate+label.form-check-label-left:before {
	top: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.form-check-input[type="checkbox"]:indeterminate:disabled+label:before, label.btn input[type="checkbox"]:indeterminate:disabled+label:before {
	background-color: transparent;
	border-right: 2px solid rgba(0,0,0,0.46)
}
.form-check-input[type="checkbox"].filled-in+label:after, label.btn input[type="checkbox"].filled-in+label:after {
border-radius:.125rem
}
.form-check-input[type="checkbox"].filled-in+label:before, .form-check-input[type="checkbox"].filled-in+label:after, label.btn input[type="checkbox"].filled-in+label:before, label.btn input[type="checkbox"].filled-in+label:after {
	position: absolute;
	left: 0;
	z-index: 1;
	content: "";
	-webkit-transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s;
	transition: border 0.25s, background-color 0.25s, width 0.2s .1s, height 0.2s .1s, top 0.2s .1s, left 0.2s .1s
}
.form-check-input[type="checkbox"].filled-in:not(:checked)+label:before, label.btn input[type="checkbox"].filled-in:not(:checked)+label:before {
	top: 10px;
	left: 6px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.form-check-input[type="checkbox"].filled-in:not(:checked)+label:after, label.btn input[type="checkbox"].filled-in:not(:checked)+label:after {
	top: 0;
	z-index: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 2px solid #5a5a5a
}
.form-check-input[type="checkbox"].filled-in:checked+label:before, label.btn input[type="checkbox"].filled-in:checked+label:before {
	top: 0;
	left: 1px;
	width: 8px;
	height: 13px;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.form-check-input[type="checkbox"].filled-in:checked+label:after, label.btn input[type="checkbox"].filled-in:checked+label:after {
	top: 0;
	z-index: 0;
	width: 20px;
	height: 20px;
	background-color: #14ce5b;
	border: 2px solid #14ce5b;
	display: block;
}
.form-check-input[type="checkbox"].filled-in.filled-in-danger:checked+label:after, label.btn input[type="checkbox"].filled-in.filled-in-danger:checked+label:after {
	background-color: #f44336;
	border-color: #f44336
}
.form-check-input[type="checkbox"]:disabled:not(:checked)+label:before, label.btn input[type="checkbox"]:disabled:not(:checked)+label:before {
	background-color: #bdbdbd;
	border-color: #bdbdbd
}
.form-check-input[type="checkbox"]:disabled:not(:checked)+label:after, label.btn input[type="checkbox"]:disabled:not(:checked)+label:after {
	background-color: #bdbdbd;
	border-color: #bdbdbd
}
.form-check-input[type="checkbox"]:disabled:checked+label:before, label.btn input[type="checkbox"]:disabled:checked+label:before {
	background-color: transparent
}
.form-check-input[type="checkbox"]:disabled:checked+label:after, label.btn input[type="checkbox"]:disabled:checked+label:after {
	background-color: #bdbdbd;
	border-color: #bdbdbd
}

/* // ANAND */

.title-heading-transparent-bg {
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
    padding: 10px 30px !important;
    display: inline-block;
    margin: 0 auto 35px;
    width: 100%;
    max-width: 437px;
}

.title-heading-transparent-bg.title-heading-large {
    font-size: 24px;
}

.estimate-title-sep{
	position:relative;
}

.bar-sep-icon::before{
	display:block;
	position:absolute;
	right:20%;
	top:0;
}

.pt-100{
	padding-top:100px;
}

.pb-100{
	padding-bottom:100px;
}

.pt-120{
	padding-top:120px;
}

.data-box .exterior-img {
	text-align:center;
}

.exterior-grid .exterior-img img {
	border:8px solid #fff;
	 -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
	width:144px;
	height:144px;
}

.exterior-grid.mactive .exterior-img img {
	border:8px solid #000000;
	transform: scale(1.1);
}

.exterior-grid .exterior-img.fix-size img {
	padding: 4px;
	background-color: #fff;
	border:4px solid #fff;
  -moz-box-shadow: rgba(0, 0, 0, 0.02) 4px 4px 55px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.02) 4px 4px 55px inset;
  box-shadow: rgba(0, 0, 0, 0.02) 4px 4px 55px inset;
}

.exterior-grid.mactive .exterior-img.fix-size img {
	border:4px solid #000000;
	transform: scale(1.1);
	background-color: #000000;
}

.exterior-grid label{
	color: #121825;
	transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

/*

.exterior-grid.mactive label{
	color: #ffffff;
	background:#000000 !important;
}


.exterior-grid :checked + label{
	color: #ffffff;
	background:#000000 !important;
}

*/

/*

.data-box .exterior-grid label {
	background: #ffffff;
	padding: 10px 25px 10px 40px;
	border-radius: 30px;
	text-align: center;
	margin: 25px 0 0;
	cursor: pointer;
	line-height:1.2;
}

.data-box .exterior-grid label::before {
	left: 15px;
	top: 12px;
}
*/

.exterior-grid .exterior-img img{
	cursor: pointer;
}

.exterior-grid .exterior_title {
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 15px;
    margin-top: 20px;
	font-family: Apercu Bold;
	cursor: pointer;
		transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.exterior-grid.mactive .exterior_title{
	background-color: #000000;
	color:#ffffff;
}

.custom-select {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
}

.data-box .exterior-grid label span {
    display: block;
    font-size: 13px;
    color: #949494;
}

.more-option-div{
	background-color:rgba(255, 255, 255, 0.8);
	padding:30px 30px 80px;
	border-radius:20px;
	max-width:880px;
	margin:30px auto 0;
	position:relative;
}

.btn.btn-default.more-option.less {
    margin-top: -64px;
}

.color-option-txt{
	color:#121825;
	font-size:22px;
}

.color-option-txt .btn.btn-default{
	padding: 0px 11px;
	text-transform: uppercase;
}

.book-page-right-side {
	position:relative;
	border:4px solid #000;
}

/*
.book-page-right-side:before {
	position:absolute;
	content:"";
	background:#f8f8f8;
	width:50%;
	height:100%;
	right:0px;
	top:0px;
	border-radius:0px 10px 10px 0px;
}
*/

.book-page-right-side h4 {
	font-size: 22px;
	margin-bottom: 12px;
}

.book-page-right-side p {
	margin-bottom: 0px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
}

.book-page-right-side b {
	color:#000;
	font-size: 18px;
}

.request-info-table .table > thead > tr{
	border-bottom:none;
}

.request-info-table .table > tbody > tr{
	border-bottom: 1px solid #979797;
}

.request-info-table .table > thead > tr,
.request-info-table .table > tbody > tr{
    vertical-align: middle;
}

.request-info-table .table > thead > tr > th {
    color: #000;
	font-size:20px;
}

.request-info-table .table > thead > tr > th.cell-1,
.request-info-table .table > tbody > tr > td:first-child{
	width:25%;
}

.request-info-table .table > thead > tr > th.cell-2,
.request-info-table .table > tbody > tr > td:nth-child(2){
	width:50%;
}

.request-info-table .table > thead > tr > th.cell-3,
.request-info-table .table > tbody > tr > td:nth-child(3){
	width:25%;
}

.request-info-table .table > thead > tr > th,
.request-info-table .table > tbody > tr > td{
	/*border-left:1px solid #ddd;*/
}

.request-info-table .table > thead > tr > th {
	border-bottom: 2px solid transparent !important;
	border-top:0px;
}

.request-info-table .table > tbody > tr > td {
	font-size: 18px;
	font-weight:700;
	color:#000000;
}

.offer-title-img h3{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

.book-page-right-side input[type="text"],
.book-page-right-side input[type="email"],
.book-page-right-side input[type="tel"],
.book-page-right-side textarea {
	background-color: #fff;
	border: 2px solid #000;
    border-radius: 15px;
    color: #000000;
    font-size: 16px;
    padding: 8px 15px;
    width: 100%;
    margin: 0 0 7px;
}

.book-page-right-side input:focus
{outline:none;}
.book-page-right-side textarea {
	height: 110px;
}

.book-page-right-side form {
	font-size:13px;
	color:#7a7a7a;
}

.book-page-right-side form a {
	font-size:15px;
	color:#7a7a7a;
	text-decoration:underline;
}

/* //START ESTIMATE */
#terms-condition p{line-height:1.8;font-size:18px;}

.refers_amount_grid{
	color: #121825;
	font-size: 36px;
	font-family: Apercu Bold;
	line-height: 1.04;
	letter-spacing: 1px;
	margin-bottom: 20px;

}

.refers_amount_grid span.refers_amount{
	color:#14ce5b;
	font-size:72px;

}

.btn.btn-default.click-share-btn{
	padding: 8px 24px;
	background-color: #0082c8;
	border: 2px solid #0082c8;
}

.btn.btn-default.click-share-btn:hover{
	background-color: #121825;
	border: 2px solid #121825;
}

.footer-column .widget-text img {
    margin: 0 0 0.5rem;
}

.footer-column .widget-text .px-1 .img-fluid{
	max-width:113px;
}

/*
.module-border-wrap {
  max-width: 100%;
  position: relative;
  background: linear-gradient(to right, red, purple);
  padding: 3px;
}
*/

.quote-detail-box {
	background-image:url('../images/estimate-detail-bg.jpg');
    /*border-image: linear-gradient(to left, #7ac142 0%, #0383c9 100%);
    border-image-slice: 1;
    border-width: 4px;
	border-style:solid; */
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}

.estimate-title {
	font-weight:bold;
	text-transform:uppercase;
	padding: 6px 0px 6px;
	margin: 2px auto;
}

.estimate-title-value-box {
	background:#ebebeb;
	padding: 8px;
	font-weight: bold;
	margin:2px auto;
}

.estimate-detail-list th,
.estimate-detail-list td {
	text-align:center;
}

.estimate-detail-list th {
	text-transform:uppercase;
}

.estimate-detail-list th:nth-last-child(2),
.estimate-detail-list td:nth-last-child(2) {
	border:1px solid #000;
	border-top:0px;
	border-bottom:0px;
}

.pellaprice strong {
	color:black;
	font-size: 46px;
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color:#c00;
	border: 0px !important;
}

.pellaprice strong[style] {
	border:0px !important;
	border-bottom:0px !important
}

.square-quantity-grid {
    display: flex;
    justify-content: center;
    width: 100%;
}
.square-quantity-grid>.quantity-plus:first-child {
    margin-right: 20px;
}

.product-box.door.mactive .madata-box {
	/*background:#fff;*/
	padding: 12px 0px;
}

.center-data .quantity-plus {
	padding-left: 0;
	display: block !important;
	/*display: block;*/
	margin-bottom: 5px;
	text-align: center;
}

.center-data .quantity-plus span {
	color: #121825;
	font-size: 16px;
	font-family: Apercu Bold;
	display: block;
	margin: 0 0 12px 0;
	width: 100%;
	text-align: center;
	padding-right: 0px;
}
@media screen and (min-width: 800px) and (max-width: 1023px) {

	.center-data .quantity-plus span {
		font-size: 14px;
	}
	#field1 input {
		width: 32px;
	}
}

.center-data #field1 {
    border-radius: 4px;
    border: 1px solid#888b92;
    width: 100%;
    display: flex;
    text-align: center;
    margin: 0 auto;
    flex-wrap: nowrap;
	justify-content: center;
	max-width: 120px;
}

.square-quantity-title {
	display: block;
	vertical-align: middle;
	padding: 8px 15px;
	text-align: left;
	margin-bottom: 22px;
	background:#FFF;
	border: 2px solid #000;
	border-radius:15px;
}

.square-quantity-title h5 {
	margin-bottom: 0px;
}

.square-quantity-grid #field1 {
}

.product-box.mactive .quantity-plus #field1 {

}

.product-bg.border-radius-6 .custom-control-label {
   min-height: 90px;
}

.product-category.text-center {
	width:100% !important;
}




/* ---------------
 Responsive CSS:
----------------- */

@media screen and (min-width: 1280px) {
	.estimate-price-boxes .col-lg-4{
		padding-left:30px;
		padding-right:30px;
	}

	.family-img img{
	margin-top: 123px;
	margin-left: 51px;
	}

	#refer-modal .modal-content{
	padding-right:53px;
	background: url('../images/family-bg.jpg') 0 0 no-repeat;
	}

}


@media screen and (min-width: 768px) {
	.hidden-md-img{
		display:none !important;
	}

}

@media screen and (max-width: 1279px) {
    .slide-banner,
    .ab-banner {
        min-height: 537px;
    }

    h4.abt-text {
        font-size: 1.6em;
        margin: 0 auto 0.5em;
    }

    .container .column .box {
        width: 260px;
    }

	.page-title{
    font-size: 34px;
	}

	.title-heading-large {
		font-size: 34px;
	}

	.title-heading-transparent-bg.title-heading-large {
    font-size: 30px;
	}

	.product-bg {
		padding: 10px;
		margin: 0 0 10px;
	}

	.slider-info h3{
		font-size:3.5em;
	}

	.call-action-title{
		font-size:44px;
	}

	.home_banner{
		min-height: 600px;
	}

	.home_banner .slider-info {
		padding-top: 180px;
	}



}


@media screen and (max-width: 991px) {
    .navbar-collapse {
        background: #000;
        text-align: center;
        padding: 1rem;
    }

	.navbar-toggler {
		padding: 0 !important;
	}

    li.nav-item {
        margin-right: 0;
    }

	.navbar-brand .logo-img {
		max-width: 300px;
	}

	.inner-page .navbar-toggler{
		display:none !important;
	}

    .title-heading-medium {
        font-size: 30px;
		margin-bottom: 10px;
    }

    p.count-text {
        letter-spacing: 1px;
    }

    .about-grids.border-left.border-right {
        border-right-color: transparent !important;
    }

    .price-row {
        padding-top: 3em;
    }

    .carousel-indicators {
        bottom: -50px;
    }

    #contact iframe {
        min-height: 400px;
    }

	.header-right-btn .btn.btn-default, .header-right-btn .btn.btn-outline {
		margin-top: 10px;
	}

	.timer {
    font-size: 2.5em;
	}

	.call-action-title {
    font-size: 30px;
    margin: 0 0 15px;
	}

	.testi-text p {
    font-size: 20px;
	}

	.modal-bg-box.modal-content {
		padding-left:0px;
	}

	.login-data-box{
		border-radius:0px;
	}

	.social-login-btn {
		margin: 15px 0px;
	}

	.slider-info h3 {
        font-size: 3em;
        line-height: 1;
    }

    ul.callbacks_tabs {
        bottom: 15%;
        left: 46%;
    }

    h4.abt-text {
        font-size: 1.4em;
        margin: 0 auto 0;
    }

	.pb-100{
	padding-bottom:50px;
	}

	.pt-120{
		padding-top:60px;
	}

	.pt-100{
		padding-top:50px;
	}

	.exterior-grid {
    margin-bottom: 15px;
	}

	.btn.btn-default.more-option.less {
    margin-top: 20px;
	}

	.more-option-div {
    padding: 15px 15px 20px;
	}

	.modal-header .close {
		font-size:24px;
		top: 0;
		right: 0px;
		width: 36px;
		height: 36px;
	}

	.bar-sep-icon::before {
		right: 15px;
	}

	.book-page-right-side h4 {
		font-size: 21px;
		margin-bottom: 10px;
	}

	.home_banner .slider-info {
		padding-top: 150px;
	}

	.login-data-box .modal-title{
		font-size:34px !important;
	}

	.title-heading-large {
		font-size: 30px;
		padding: 10px 25px !important;
	}

	#send-estimate h5{
		margin-bottom: 10px;
	}

	.book-page-right-side b {
    font-size: 16px;
	}

	.offer-title-img img{
		max-width: 400px;
	}

	.estimate-price-box p.estimate-price-grid{
		font-size:34px;
	}

	.quote-detail-box .table th, .quote-detail-box .table td {
		padding: 8px;
		font-size: 15px;
		line-height: 1.3;
	}

	.quote-detail-box .table > tbody > tr > td {
		font-size: 14px;
		line-height: 1.3;
	}

	.estimate-title-sep label {
		font-size: 16px !important;
		margin-bottom: 0px !important;
	}

	.family-img img.img-fluid{
		max-width: 200px;
	}

	.family-img-text img.img-fluid{
		max-width: 250px;
	}

	.refers_amount_grid span.refers_amount{
		font-size: 42px;
	}

	.refers_amount_grid {
		font-size: 27px;
	}

	.family-img-text h2{
		font-size: 2rem;
	}

	.login-data-box > .modal-header {
		margin-top:10px;
	}

	.start-estimate-wrap {
    padding-top: 80px;
	}




}


@media screen and (max-width: 767px) {
	h1, .h1 {
	  font-size: 2rem;
	}

	h2, .h2 {
	  font-size: 1.5rem;
	}

	h3, .h3 {
	  font-size: 1.25rem;
	}

	h4, .h4 {
	  font-size: 1.25rem;
	  margin-bottom:10px;
	}

	h5, .h5 {
    font-size: 1rem;
    font-weight: 400;
	}

	nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top,
    nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top.top-nav-collapse {
        padding: 0.5em 4em;
    }

    .slider-info p {
        width: 100%;
    }

    .slide-banner,
    .ab-banner {
        min-height: 400px;
    }

	.counter img.img-fluid {
		max-width: 40px;
	}

    .counter span.fa {
        font-size: 2em;
    }

    h4.abt-text {
        font-size: 1.2em;
    }

    .container .column .box {
        width: 220px;
    }


    .abt_bottom p {
        margin-bottom: 0;
		font-size: 1em;
    }

	.ready-start-text {
		font-size:30px;
		line-height:36px;
	}

	.product-box-content{
		padding:10px;
	}

	 #toTop {
        display: none !important;
    }

	.tab-banner .tab-main section {
		margin: 0;
	}

	.estimate-price-box{
		margin-bottom:20px;
	}

	.schedule-modal-box.modal-content {
		padding-left: 0;
		background-size: 100% auto;
		background-position: top center;
		padding-top: 200px;
	}

	.request-info-table .table > thead > tr > th {
		display:none;
	}

	.request-info-table .table > tbody > tr > td {
		display:inline-block !important;
		text-align: right;
		font-size: 14px;
		width: 100% !important;
	}

	.request-info-table .table > tbody > tr > td::before {
		content: attr(data-label);
		float: left;
		text-transform: capitalize;
		font-weight: 700;
		color: #313131;
	}

	.request-info-table .table > tbody > tr > td {
		border-left: none;
	}

	.request-info-table .table > tbody > tr {
		border-bottom: 1px solid #bababa;
	}

	.more-option.btn.btn-default{
		padding: 8px 25px;
		font-size: 16px;
	}

	.progress-bar-grid .btn.btn-default {
		margin-top: 10px;
		padding: 8px 25px;
		font-size: 16px;
	}
	.progress-bar-grid .btn.btn-default {
		display: block;
		width: 100%;
		max-width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	.slider-btn {
		padding: 10px 24px;
		font-size: 16px;
		letter-spacing: 0;
	}

	.modal .modal-md,
	#start-modal .modal-md{
		max-width: 420px;
		margin: auto;
	}

	.get_start_img {
    border-radius: 0;
	}

	.home_banner{
		min-height: 520px;
	}

	.home_banner .slider-info {
		padding-top: 120px;
	}

	.box13 p {
		font-size: 16px;
		line-height: 1.4;
	}

	.box13 .title {
		font-size: 20px;
	}

	.modal-header .close {
		top: 5px;
		right: 5px;
	}

	.title-heading-large, .title-heading-transparent-bg.title-heading-large{
		font-size: 27px;
		padding: 10px 20px !important;
	}

	.data-box.pt-120 {
		padding-top: 40px;
	}

	.widget-social-list {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.box13 img {
		border-radius: 0;
		box-shadow: 2px 5px 10px 3px rgba(50, 46, 46, 0.12);
		margin-bottom: 20px;
	}

	.estimate-final-footer h3 {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.offer-title-img img{
		max-width: 240px;
	}

	.offer-title-img h3 {
		font-size: 24px;
		line-height: 1.4;
	}

	.family-img-text img.img-fluid{
		max-width: 220px;
	}

	.estimate-price-box img.img-fluid{
		max-width: 200px;
	}


}


@media screen and (max-width: 640px) {
	.home_banner{
		min-height: 450px;
	}

    .slider-info h3 {
        font-size: 2em;
		line-height:1.2;
		margin-top:20px;
    }

    .slider-info p {
        font-size: 1.1em;
    }

    ul.callbacks_tabs {
        bottom: 10%;
        left: 44%;
    }

	p.count-text {
		letter-spacing: 0px;
		font-size: 15px;
		line-height: 1.2;
	}

	.timer {
		font-size: 2em;
	}

}


@media screen and (max-width: 568px) {
    nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top,
    nav.navbar.fixed-top.navbar-expand-lg.navbar-light.navbar-fixed-top.top-nav-collapse {
        padding: 0.5em 2em;
    }

    .banner-text {
        padding: 22vw 0 16vw;
    }

    .abt-icon {
        width: 55px;
        height: 55px;
        margin: 0 0 1em;
    }

    .abt-icon span {
        font-size: 1.3em;
    }

    .abt-txt {
        margin-left: 0;
    }

    .slide-banner,
    .ab-banner {
        min-height: 320px;
    }

    .container .column .box {
        width: 60%;
        margin-bottom: 2em;
    }

    .container .column {
        width: 100%;
    }

    .box13 {
        margin-bottom: 0;
    }

    .row.flex-column {
        margin: 0;
    }

    .box13 .box-content,
    .box13:after {
        left: 32px;
        right: 32px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

	.modal .modal-lg,
	.modal .modal-md,
	#start-modal .modal-md{
		max-width: 320px;
		margin: auto;
	}

	#start-modal .modal-body > .row{
		margin:0;
	}

	.login-data-box{
		padding: 20px 24px 20px;
	}

	.bg-white-80{
		max-width: 90%;
		margin: auto;
	}

	.title-heading-transparent-bg.title-heading-small{
		font-size: 20px !important;
	}

	.product-box {
    margin-bottom: 20px;
	}

	.product-box .product-bg{
		/*border:4px solid #ffffff;*/
	}

	.center-data .quantity-plus span {
		width: auto;
	}
	.center-data .quantity-plus {
		float: left;
		width: 116px;
		margin-left:3px;
	}
	button.sub, button.gsub, button.add
	{margin:0px;}
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	.modal-dialog.modal-lg {
		max-width: 640px;
	}

	.family-img img.img-fluid {
		margin-top: 30px;
	}

	.family-img-text h2{
		margin-top: 20px;
	}

	.estimate-share-btn .btn.btn-default {
		font-size: 13px;
		padding: 8px 15px;
	}

	.offer-btn{
		margin-bottom: 5px;
		padding: 5px 16px;
		font-size: 14px;
	}

	.estimate-price-box p.discount-payment {
		font-size: 24px;
	}

	.circle-box {
		margin-bottom: 10px;
	}

	.schedule-modal-box.modal-content{
		padding-left: 300px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.product-box.mactive .quantity-plus span {
		padding-right: 15px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.product-box .product-bg {
		text-align: left;
	}

	.product-box.door {
		text-align: left;
	}

	.pno1 {
		margin-left: 27px;
	}

	.pno3 {
		margin-left: 45px;
	}

	.pno5 {
		margin-left: 65px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .product-box {
		padding: 0 7px !important;
	}

	.product-discription #field1 {
		display: table;
	}

	.product-discription .quantity-plus span{
		display: table;
		padding: 0;
	}

	.exterior-grid .exterior-img img{
		width: 124px;
		height: 124px;
	}

	.product-box .product-bg img {
		max-width: 100%;
		max-height: 90px;
	}

	.footer-column .widget-text img {
		height: 45px;
	}

	.box13 p {
		font-size: 14px;
		line-height: 1.2;
	}

	.box13 .title {
    font-size: 18px;
	}

	.estimate-price-boxes .col-md-4 {
		padding: 0 7px;
	}

	.price-label{
		font-size:14px;
	}

	.offer-time {
    padding-left: 2px;
    font-size: 15px;
	}

	.estimate-price-box {
		border-radius: 10px;
		padding: 15px 15px 10px;
	}

	.exterior-grid .exterior_title{
		padding: 10px 12px;
	}


}

@media screen and (min-width: 576px) and (max-width: 768px) {
	#field1 input
	{width:30px;}
	.quantity-plus input
	{padding:4px;}
	button.sub, button.gsub, button.add
	{margin:0px;}
	.product-box .product-bg
	{text-align:Center;}
	.product-box .product-bg img
	{
max-width: 141px;
max-height: 79px;
min-height: 71px!important;}
	.pno1 {
		margin-left: 0px !important;
		width: 100%;
		text-align: center;
}
.pno3 {
    margin-left: 0px !important;
    width: 100%;
    text-align: center;
}
.pno5 {
	margin-left: 0px !important;
    width: 100%;
    text-align: center;
}
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
	.pt-120.data-box {
		padding-top: 60px;
	}


}


@media screen and (min-width: 1024px) and (max-width: 1480px) {
    .offer-title-img img.img-fluid {
		max-width: 480px;
	}

	.estimate-price-box img.img-fluid.cl-img {
		max-width: 180px;
	}

}


@media screen and (min-width: 1400px) and (max-width: 1680px) {
	.full-width-container.container {
		max-width: 1400px;
		margin: auto;
	}

}
@media (min-width: 1280px){
	div#video-modal .modal-dialog {
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
	}
}

/* -- //Responsive code -- */






/* new page design 29 dec 20202 */

header nav.navbar {
    padding: 0px !important;
}
header.header-standard {
    padding-top: 16px;
    padding-bottom: 16px;
}
.inner-home-container {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}
.home-Banner-text>h2 {
    color: #fff;
    font-size: 50px;
    text-align: center;
}
.home-Banner-text>p {
    color: #fff;
    font-size: 25px;
	text-align: center;
	width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.home-Banner-text>h6 {
	  color: #fff;
    font-size: 21px !important;
	text-align: center;
}
.home-vdio-wrapper {
    padding-top: 35px;
    padding-bottom: 48px;
}
.home-page-form-wrapper .form-group.input-design>input {
    width: 100%;
    border: none;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 30px;
}
.home-page-form-wrapper .form-group.input-design>input::placeholder {
    opacity: 1;
    color: #000;
}
.submit-design>input {
    background-color: #7AC142;
    color: #fff;
    border: none;
    display: block;
    width: 100%;
    border-radius: 15px;
    padding: 8px 15px;
    font-size: 20px;
}
.submit-design>input:hover {
    background-color: #2c84cb;
    cursor: pointer;
}
.home-new-banner-layout {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 118px;
    padding-bottom: 12%;
}
.start-estimate-wrap.start-estimate-wrap-new {
    padding-top: 0px;
}
.step-bg-imgs {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
}
.title-heading-transparent-bg .title-heading-medium {
    font-size: 18px;
    font-weight: 400;
}
.step-bg-imgs .step2-content.sel-other .title-heading-large {
    max-width: 600px;
    padding: 24px 15px !important;
}
.steps .sectiontag.step4-content .title-heading-small {
    border: none;
    width: 100%;
    max-width: 700px;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
	border-radius:15px;
}

@media (max-width: 767px){
	.video-next-grid button.btn.btn-default {
		width: 100% !important;
		font-size: 16px !important;
		white-space: initial !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
