/*getquote*/
html {
  scroll-behavior: smooth;
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
  height: 100%;
  overflow-x:hidden;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding: 0px !important;
  font-family: 'Montserrat', sans-serif;
  position: relative;
}
a img
{
visibility:visible !important;
}
.header{
background-image: url(../images/getqte.jpg) !important;
position: relative;
display: block;
background-attachment: inherit;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding: 60px 0 60px;
z-index: 1;
height: 100%;
margin-top:-7px;
}
.logo2
{
width: 16%;
    margin-top: -1em;
     position:relative;
     float:left;
}
img{max-width: 100% !important;height: auto;}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
text-decoration:none;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.fre
{
font-size:19px;
}
.designyour
{
color: #1b1e23;
    text-align: justify;
    margin-top: 3em;
    font-weight: 800;
    line-height: 1.7em;
    font-size: 42px;
    float: right;
    position: relative;}
.formcont
{
margin-left: 120px;
}
.form-check-input {
position: absolute;
margin-top: .3rem;
}
label,
input,
textarea {
display: block;
width: 100%;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}

li {
padding: 0.3em;
}
span {
font-weight: 700;
color: #102a43;
line-height: 35px;
line-height: 2.5rem;
font-size: 12px;
font-size: 0.8rem;
text-transform: uppercase;
}
input[type="submit"] {
background: #fc4366;
color: white;
font-weight: 700;
font-size: 1.2rem;
border-radius: 5px;
}
form {
background-color: #ffffff;
padding-top: 5px;
padding-right: 40px;
padding-bottom: 5px;
padding-left: 40px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border-radius: 3px;
overflow: hidden;
width: 26em;
}
.checkBox {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
font-size: 13px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input,
textarea {
width: 100%;
padding: 9px 20px;
border: 1px solid #e1e2eb;
background-color: #fff;
color: #102a43;
caret-color: #829ab1;
box-sizing: border-box;
font-size: 14px;
font-size: 1rem;
line-height: 29px;
line-height: 2rem;
box-shadow: inset 0 2px 4px 0 rgba(206, 209, 224, 0.2);
border-radius: 3px;
line-height: 29px;
line-height: 2rem;
}
.btn
{
text-align: center;border-radius: 20px;width: 19em;border:none;
}

.whatdo
{
margin-top: 2em;
}
.getquoteimg
{
margin-top:2em;
}
autoheight .swiper-slide {
     height: 0px !important; 
}
.kOUEGp {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 1px !important;
    margin-top: -9em !important;
    border-radius: 10px;
    backdrop-filter: blur(15px);
     background-color: white !important; 
    transition: background-color 0.1s ease 0s;
}
.greatp{
background-image: url(../images/background.png) !important;
position: relative;
display: block;
background-attachment: inherit;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding: 100px 0 60px;
z-index: 1;
height: 59em;
width:100%;
}
.cent
{
text-align: center;
border-bottom:2px solid red;
}
h3
{
margin-top: 0px !important;
}
.wedes
{
text-align:center;
margin-top:3em;
}
.twobhk
{
margin-top: 1em;
}
.int img
{
width: 40%;
margin-top: 1em;
}
@import url(https://fonts.googleapis.com/css?family=Lato:300,900);
p.title{
text-align: center;
font-size: 15px;
color: #efdeff;
}
p.remarks, a{
text-align: center;
margin-top: 100px;
color: #FFFFFF;
}
.getfree
{
    height: 87% !important;
    position: relative;
    float: right;
}
/* accordion-1 */
#accordion-1{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
margin-top:-4em;
}

#accordion-1 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#accordion-1 .head h4
{
font-size:17px;
}

#accordion-1 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#accordion-1 .head:hover .arrow{
opacity: 1;
}

#accordion-1 .head:hover, #accordion-1 .active{
background-color: #FFE77AFF;
}

#accordion-1 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#accordion-1 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}
/*div-1*/
#Div1{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
}

#Div1 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#Div1 .head h4
{
font-size:17px;
}

#Div1 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#Div1 .head:hover .arrow{
opacity: 1;
}

#Div1 .head:hover, #Div1 .active{
background-color: #FFE77AFF;
}

#Div1 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#Div1 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}
/*DIv2*/
#Div2{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
}

#Div2 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#Div2 .head h4
{
font-size:17px;
}
#Div2 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#Div2 .head:hover .arrow{
opacity: 1;
}

#Div2 .head:hover, #Div2 .active{
background-color: #FFE77AFF;
}

#Div2 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#Div2 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}
/*Div3*/
#Div3{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
}

#Div3 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#Div3 .head h4
{
font-size:17px;
}
#Div3 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#Div3 .head:hover .arrow{
opacity: 1;
}

#Div3 .head:hover, #Div3 .active{
background-color: #FFE77AFF;
}

#Div3 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#Div3 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}
/*Div4*/
#Div4{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
}

#Div4 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#Div4 .head h4
{
font-size:17px;
}
#Div4 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#Div4 .head:hover .arrow{
opacity: 1;
}

#Div4 .head:hover, #Div4 .active{
background-color: #FFE77AFF;
}

#Div4 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#Div4 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}
/*Div5*/
#Div5{
position: relative;
box-shadow: 0px 1px 7px #DBDBDB;
}

#Div5 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.2s ease;
}
#Div5 .head h4
{
font-size:17px;
}
#Div5 .arrow{
position: absolute;
color: #563e6e;
right: 30px;
top: 20px;
font-size: 25px;
transition: 0.25s ease;
opacity: 0.3;
transform: rotate(-90deg);
}

#Div5 .head:hover .arrow{
opacity: 1;
}

#Div5 .head:hover, #Div5 .active{
background-color: #FFE77AFF;
}

#Div5 .arrow-animate{
transform: rotate(0deg);
opacity: 1;
}

#Div5 .content{
background-color: #FFFFFF;
display: none;
padding: 20px 30px;
color: #333333;
}

/* accordion-2 */
#accordion-2{
position: relative;
box-shadow: 0 1px 7px #DBDBDB;
}

#accordion-2 .head{
background-color: #FFFFFF;
color: #563e6e;
padding: 12px 30px;
cursor: pointer;
transition: 0.25s;
}

#accordion-2 .arrow{
content:'';
position: absolute;
right: 0;
right: 30px;
top: 65px;
opacity: 1;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 40px solid #FFFFFF;
transition: 0.3s ease;
z-index: 2;
}

#accordion-2 .head:hover .arrow, #accordion-2 .arrow-animate{
border-top: 40px solid #FFFFFF;
transform: translateY(40px);
}

#accordion-2 .content{
background-color: #FFFFFF;
display: none;
padding: 30px;
color: #333333;
}

#accordion-2 .head:hover, #accordion-2 .active{
background-color: #FFFFFF; 
}
.chooseus
{
margin-top:-8em;
}
.chooseus1
{
margin-top:6em;
}
.card{
margin: 5% 0%;
}

.card-body{
margin: 0% 0% 0% 3%;
padding: 0% 0%;
}
.card-title {
margin-bottom: .75rem;
color:red;
font-size:22px;
}
.column {
float: left;
width: 50%;
padding: 10px;
height: 300px; /* Should be removed. Only for demonstration */
}
.inte
{
margin-top: 9rem;
color:antiquewhite;
}
.plane
{
font-size: 14px;
}
.modular
{
margin-top:3em;
}
.hr
{
color: red;border-color: red; height: 20px;
}
.backg2{
background-image: url(../images/breadcrumb-bg.jpg);
background-attachment: inherit;
background-size: cover;
background-repeat: no-repeat;
height: 20em;
margin-top: 5em;
}

.CaptchaWrap { position: relative; }
.CaptchaTxtField { 
border-radius: 5px; 
border: 1px solid #ccc; 
display: block;  
box-sizing: border-box;
}

#UserCaptchaCode { 
padding: 15px 10px; 
outline: none; 
font-size: 14px; 
font-weight: normal; 
font-family: 'Open Sans', sans-serif;
width: 275px;
height:40px;
}
#CaptchaImageCode { 
text-align:center;
margin-top: 15px;
padding: 0px 0;
width: 275px;
overflow: hidden;
}

.capcode { 
font-size: 46px; 
display: block; 
-moz-user-select: none;
-webkit-user-select: none;
user-select: none; 
cursor: default;
letter-spacing: 1px;
color: black;
font-family: 'Roboto Slab', serif;
font-weight: 100;
font-style: italic;
height:42px;
width:100%;
}

.ReloadBtn { 
background:url('https://cdn3.iconfinder.com/data/icons/basic-interface/100/update-64.png') left top no-repeat;   
background-size : 69%;
width: 25px; 
height: 40px;
border: 0px; outline: none;
position: absolute; 
bottom: -3px;
left : 278px;

outline: none;
cursor: pointer; /**/
}
button {
    outline:none !important;  
}
.btnSubmit {
margin-top: 15px;
border: 0px;
padding: 4px 16px;
border-radius: 5px;
font-size: 18px;
background-color: #1285c4;
color: #fff;
cursor: pointer;
height: 33px;
width: 16rem;
margin-left: 3em;
}

.error { 
color: red; 
font-size: 12px; 
display: none; 
text-transform:initial;
}
.success {
color: green;
font-size: 14px;
margin-bottom: 15px;
text-transform:initial;
display: none;
}
@media only screen and (max-width: 480px) and (min-width: 320px)
{
.header
{
margin-top:-6px;
}
.fre
{
font-size:13px;
}
.getfree
{
width:100%;
margin-left:0em !important;
}
.logocosmic1
{
width:50%;
}
.logocosmic
{
width:50%;
}
.logo2
{
width:50%;
margin-top:-11px;
}
.designyour
{
color:white;
}
form {
background-color: #ffffff;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border-radius: 3px;
overflow: hidden;
margin-top: 0px !important;
width: 19em;
}
.ReloadBtn
{
bottom: -15px;
left: 220px;
}
#UserCaptchaCode
{
width:240px;
height:30px;
}
.capcode
{
width:100%;
height:30px;
}
.btnSubmit
{
margin-left:4rem;
}
.free
{
width:97%;
}
h2
{
font-size: 27px !important;
}
#qoutebtn
{
width:16em !important;
}
.designyour {
text-align: center;
margin-top: 0em;
margin-right: 0px;
font-weight: 700;
line-height: 29px;
font-size: 20px;
}
input, textarea
{
padding:4px;
}
label
{
display:block !important;
}
.getquoteimg
{
height:16em;
margin-left: 0%;
}
.greatp
{
height: 39em;
margin-top: 0em;
}
.int img
{
width: 25%;
margin-top: 0em;
}
.chimney
{
margin-top:-6em;
}
.interat
{
margin-top:-6rem;
text-align:center;
}
.inte
{
font-size:27px;
margin-top:7rem;
}
.bhk
{
font-size:14px;
}
.twobhk
{
margin-top:2em;
}
#accordion-1{
margin-top:-12em;
}
.chooseus
{
margin-top:0em;
}
.card-title {
margin-bottom: .75rem;
color:red;
}
.column
{
float: none;
width: 100%;
padding: 0px;
height: 190px;
}
.forall
{
margin-top: -10em;
}
.hr
{
background:red;
height:3px;
}
.dream
{
margin-bottom:8em;
}
}
@media only screen and (max-width: 720px) and (min-width: 540px)
{
    .logo2 {

     margin-top: 0em; 
}
    .logocosmic
    {
        bottom:4em;
        height:5em;
    }
    .designyour
    {
        font-size:35px;
        margin-top:0em;
    }
    .int img
    {
        width:20%;
        text-align:center !important;
    }

}
@media only screen and (max-width: 540px) and (min-width: 280px)
{
    .logo2
    {
        margin-top:0em;
    }
    .header
    {
        margin-top:0em;
    }
    .interat
    {
        text-align:center;
    }
    .int
    {
        text-align:center;
    }
    form
    {
        width:90%;
    }
     #UserCaptchaCode
{
    width:100%;
}
#CaptchaImageCode {
    width: 100%;
}
    .ReloadBtn
    {
        left:0em;
    }
    .greatp
    {
        height:100%;
    }
    .inte
    {
        font-size:19px;
        margin-top:1em;
    }
    .int img
    {
        width:20%;
    }
    .chooseus {
    margin-top: 0em;
}
    .jCXQFp {
    width: 100%;
    margin-top: -9em !important;
}
}

.gTBtIi
{
    visibility:visible !important;
}
.ifcLIN
{
    visibility:visible !important;
}
 a{
  
    visibility: hidden !important;
    
}
.eapps-widget-toolbar-panel-share-button
{
    display:none !important;
}
.eapps-widget-toolbar-panel-share-block
{
    display:none !important;
}
.eapps-widget-toolbar-panel
{
    display:none !important;
}
.eapps-widget-toolbar-panel-only-you
{
    display: none !important;
}
.eapp-google-reviews-root-layout-component, .eapp-google-reviews-root-layout-component * {
    box-sizing: border-box !important;
    outline: none !important;
    margin-top: 0em;
}
/*getquote*/

/*go top button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: orange;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
     #myBtn:hover {
background-color:red;
background-image:linear-gradient(orange,yellow);
    }
     /*review*/
     .dQQWIN {
    padding: 1px !important;
    background-color: white !important;
}