body {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    min-width: 320px;
	line-height: 1;
}
a {
	color: #fff041;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ffcf00;
	text-decoration: none;
}
.section {
    padding-top: 3rem;
    min-height: 100vh;
    overflow: hidden;
}
.toggle-content .thankyou {
    display: none;
}
.toggle-content.active .thankyou {
    display: block;
}
.toggle-content.active .form {
    display: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    text-transform: uppercase;
}
/*Header start
-----------*/
.header {
    height: 70px;
}
.logo {
    font-family: 'Rubik Mono One', sans-serif;
    font-size: 1.5rem;
    transition: .5s;
}
.navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    transition: .5s;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: .5rem;
}
.navbar-dark .logo:hover, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link.active {
    color: #fff041;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    transition: .5s;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: .5rem;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active {
    color: #fff041;
    background-color: rgba(132, 132, 132, 0.8);
    border-radius: 40px;
}
.navbar-light .logo:hover {
	color: #fff041;
}
.navbar-nav .nav-link.yellow {
	color: #fff041;
}
.navbar-nav .nav-link.red {
	color: #e30000;
}
.header .navbar-toggler {
	text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    transition: .5s;
    border: none;
    border-radius: 40px;
    background-color: #000;
    font-size: 1.2em;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.header .navbar-toggler:focus, .header .navbar-toggler.active {
	color: #fff041;
}
.yellow {
    color: #fff041;
}
a:hover .yellow  {
    color: #ffffff;
}
.dark {
    color: #9f9f9f;
}
/*Header end
-----------*/
/*Modal start
-----------*/
.close {
	position: absolute;
	right: 1rem;
	top: 1rem;
}
.close img {
    width: 20px;
    height: 20px;
}
#order .modal-dialog {
    max-width: 600px;
}
#order .form p {
    color: #919ca1;
    font-weight: bold;
    line-height: 1.2rem;
}
#order .privacy a {
	color: #919ca1;
	text-decoration: underline;
}
#order .privacy a:hover {
	color: #919ca1;
	text-decoration: none;
}
#thankyou .thankyou p {
	font-size: 1.2em;
}
.modal-header {
	border: none;
}
.modal-title {
    font-weight: bold;
}
.modal-footer {
	border: none;
}
#order .modal-footer {
	padding: 0px;
	border: none;
}
#order .yellow-btn {
	border-radius: .3rem;
	border-top-left-radius: 0rem;
	border-top-right-radius: 0rem;
	padding: 2rem;
}
#order .yellow-btn:hover {
	background-color: #717171;
	color: #fff041;
}
.modal-content {
    border: none;
}
/*Modal end
-----------*/
/*Buttons start
-----------*/
.yellow-btn {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #fff041;
	text-decoration: none;
	color: black;
	padding: 1rem;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: none;
	border: none;
	transition: .5s;
}
.yellow-btn:hover {
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
}
::-webkit-input-placeholder {
    color: #000000;
}

:-moz-placeholder {
    color: #000000;
}

::-moz-placeholder {
    color: #000000;
}

:-ms-input-placeholder {
    color: #000000;
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #f6f6f6;
    border-radius: 0;
    outline: none;
    height: 2.9rem;
    width: 100%;
    font-size: .9rem;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
textarea.materialize-textarea {
    padding-top: 20px;
}
input:not([type]) + label:after,
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search] + label:after,
textarea.materialize-textarea + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 60px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out;
}
.input-field {
    position: relative;
    margin-top: 1rem;
    margin: 0 0 20px 0;
}
.input-field.inline {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.input-field.inline input,
.input-field.inline .select-dropdown {
    margin-bottom: 1rem;
}
.input-field.col label {
    left: 0.75rem;
}
.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
    width: calc(100% - 3rem - 1.5rem);
}
.input-field label {
    color: #000000;
    position: absolute;
    top: 0.8rem;
    left: 0;
    font-size: .85rem;
    cursor: text;
    transition: .2s ease-out;
    text-transform: uppercase;
    font-weight: bold;
}
.input-field label:not(.label-icon).active {
    font-size: 0.8rem;
    -webkit-transform: translateY(-140%);
    transform: translateY(-140%);
}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 2px solid #000000;
	box-shadow: none;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
	color: #000000;
}
.error-msg {
    font-size: 14px;
    color: #f12828;
    z-index: 10;
    padding-top: 10px;
    display: block;
}
/*Buttons end
-----------*/
/*footer start
-----------*/
#footer {
    color: #6a6a6a;
    background-color: #000;
}
.footer {
    padding: 15px 10px 10px;
}
.footer div {
    margin-bottom: 10px;
}
/*footer end
-----------*/
@media (max-height: 720px) and (min-width: 992px) {
	.section {
		padding-top: 3vh;
	}
	#our-works .card-img-top {
		height: 36vh !important;
	}
	#services .card-services {
		padding: 1rem !important;
		margin-bottom: 1rem !important;
		min-height: 180px !important;
	}
	#services .yellow-btn {
		margin-top: -1.5rem;
	}
}
/*large desktops*/
@media (min-width: 1200px) {
    
}
/*desktops*/
@media (min-width: 992px) and (max-width: 1999px) {
    
}
/*tablets*/
@media (min-width: 768px) and (max-width: 991px) {
    
}
/*phones*/
@media (min-width: 576px) and (max-width: 767px) {
    
}
/*extra phones*/
@media (max-width: 575px) {
    
}
/*large desktops, desktops, tablets, phones*/
@media (min-width: 576px) {
    
}
/*large desktops, desktops, tablets*/
@media (min-width: 768px) {
    
}
/*large desktops, desktops*/
@media (min-width: 992px) {
    
}
/*desktops, tablets, phones, extra phones*/
@media (max-width: 1999px) {
    
}
/*desktops, tablets, phones*/
@media (min-width: 576px) and (max-width: 1999px) {
    
}
/*desktops, tablets*/
@media (min-width: 768px) and (max-width: 1999px) {
    
}
/*tablets, phones, extra phones*/
@media (max-width: 992px) {
	.header {
		position: fixed;
		z-index: 5;
		padding-top: 1rem;
		top: 0;
	} 
    .navbar-collapse {
        position: absolute;
        background: #fff;
        top: 0;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        min-width: 300px;
        width: 60%;
        height: 100vh;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    	z-index: 1050;
    }
    .navbar-collapse .nav-item {
    	text-align: center;
    }
    .navbar-collapse .nav-link {
    	display: inline-block;
    }
    .navbar-collapse.collapse {
        left: -100%;
    }
    .navbar-collapse.collapsing {
        -webkit-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
        left: -100%;
    }
    .navbar-collapse.show {
        left: 0;
        -webkit-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
    }
}
/*tablets, phones*/
@media (min-width: 576px) and (max-width: 991px) {
    
}
/*phones, extra phones*/
@media (max-width: 767px) {
    
}