*{ margin:0; padding:0;}
body{font-family: 'Poppins', sans-serif;}
body p{ margin:0;}
h1, h2, h3, h4, h5, h6{font-family: 'Fjalla One', sans-serif; margin:0;}
li{list-style: none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul{ margin:0;}
.cbutton-area a button:hover{}


/*********************top-nav****************************/
.top-nav{width: 100%;float:left;position:relative;overflow:hidden;background-color: #0b212f;padding: 10px 0;}
.top-nav-inr{ width:100%; float:left;}
.top-nav-inr2{ width:100%; float:left;}
.top-nav-inr2 ul{ width:100%; float:left;}
 .top-nav-inr2 ul li{ display:inline-block; list-style:none; margin-right:20px;}
.top-nav-inr2 ul .fa{margin-right: 10px;color: #ffffff;font-size: 20px;}
.text-right{ text-align:right}
.top-nav-inr2 ul li a{ color:#fff; font-size:15px; font-weight:500;}

/*********************nav-area****************************/
.nav-area{width: 100%;float:left;position:relative;background-color: #ffffff; /* padding: 10px 0; */}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0; border:none;}

.navbar-brand {height: auto;}
.navbar-brand img{ width: 160px;}
.navbar-nav {margin-top: 33px !important;}
.navbar-default .navbar-nav>li>a {
    color: #0b212f;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
transition: 0.8s;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #6295c8;
    background-color: TRANSPARENT;
}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    font-size: 18px;
    text-transform: uppercase;
}
.dropdown-menu {font-size: 14px;}
.navbar-default .navbar-nav>li>a:hover {color: #6295cb;transition: 0.8s;}


/************************banner-area*************************************************/

.slider-area{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:100px;}

.carousel-control.left{ background-image:none;}
.carousel-control.right{ background-image:none;}
.carousel-control {top: 50%;}
.carousel-caption h1{font-size: 58px;margin-bottom: 50px;}
.carousel-caption ul{ width:100%; float:left; text-align:left;}

.carousel-caption ul li{display:inline-block;padding: 0 10px;}
.carousel-caption ul li a button{background-color: #f52a85;border: none;color: #fff;padding: 15px 15px;font-weight: 600;letter-spacing: 2px;font-size: 15px;border-radius: 7px;cursor: pointer;transition: 0.5s;}

.carousel-caption ul li a button:hover{
    box-shadow: -1px 0px 4px 0px #fff;
    transition: 0.5s;
}

.carousel-caption{text-align: right;top: 25%;}
form-group{
    width: 100%;
    float: left;
    margin-bottom: 5px;
    text-align: center;
}
.formtext{
    width:100%;
    float: left;
    padding: 2%;
    height: 160px !important;
    resize: none;
    background-color: #936dd8;
    text-align: center;
    border: none;
    margin: 10px 0;
    border-radius: 16px;
    }
.forminpt{width:100%;float:left;padding: 20px 30px;border:none;background-color: #ffffff;border-radius: 0;font-size: 19px;}
.formbtn{


padding: 8px 21px;

border:none;

cursor: pointer;

background-color: #0b212f;

color: #fff;

border-radius: 0;

font-size: 17px;

letter-spacing: 1px;
text-transform: uppercase;width: 100%;}
.forminpt::placeholder {
  color:#000;
  opacity: 1; /* Firefox */
}

.forminpt:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#000;
}

.forminpt::-ms-input-placeholder { /* Microsoft Edge */
 color:#000;}
.formtext::placeholder {
  color:#000;
  opacity: 1; /* Firefox */
}

.formtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#000;
}

.formtext::-ms-input-placeholder { /* Microsoft Edge */
 color:#000;}

/************************about-area*************************************************/
.about-area{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:100px;}
.about-inr{width:100%;float:left;text-align: center;}
.about-inr h1{color: #0b212f;font-size: 45px;margin-bottom: 30px;}
.about-inr p{font-size: 18px;color: #4a4949;margin-bottom: 30px;}
.button-area{width:100%;float:left;}
.button-area a button{border: none;padding: 10px 30px;font-size: 17px;background-color: #6195c7;color: #fff;margin-left: 12px;transition: 0.8s;}

/************************service-area*************************************************/
.service-area{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:100px;}
.service-inr{width:100%;float:left;}
.service-inr2{width:100%;float:left;}
.service-inr h1{color: #0b212f;font-size: 45px;margin-bottom: 40px; text-align:center;}
.service-inr2 ul{}
.service-inr2 ul li{margin-bottom: 30px;color: #0b212f;font-size: 25px;font-weight: 500;}
.service-inr2 ul li img{ width: 66px;padding-right: 10px;margin-top: -5px;}
.service-inr3{width:100%;float:left;text-align: center;}
.service-inr3 img{width: 70%;float: none; animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

/**********************************review-area****************************************/

.review-area{width:100%;float:left;position: relative; margin-bottom: 100px;
background: -webkit-linear-gradient(left,  #6596c7 0%,#9bb0c3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #6596c7 0%,#9bb0c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

padding: 20px 0;}
.review-inr{width:100%;float:left;}
.counter{
    color: #222;
    font-family: 'Rubik', sans-serif;
    text-align: center;
    padding: 0 10px;
}
.counter .counter-icon{
    color: #0b212f;
    background-color: transparent;
    font-size: 70px;
    line-height: 84px;
    height: 80px;
    width: 80px;
    margin: 0 auto 7px;
    border-radius: 20px/50px;
    position: relative;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.counter .counter-icon:before{
    content: '';
    background-color: transparent;
    position: absolute;
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.counter .counter-value{
    color: #ffff;
    font-size: 40px;
    font-weight: 600;
    display: block;
}
.counter h3{
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}


/************************form-area*************************************************/
.form2-area{ width:100%; float:left; position:relative; overflow:hidden;margin-bottom: 100px;padding: 20px 0;}
.form2-inr{ width:100%; float:left;}
.form2-inr2{ width:100%; float:left;}
.bgclr{background-color: #ffffff;padding: 4%;width: 100%;box-shadow: rgb(0 0 0 / 40%) 0.4px 3.51667px 10.81116px;}
.form2-inr2 img{ width:100%; float:left;animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.form2-inr2 h1{
    font-size: 40px;
    text-align: center;

    margin-bottom: 30px;
    color: #0b212f;
text-transform: uppercase;}

.form-group2{width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: left;
   
}

.formtext2{width: 100%;
    float: left;
    padding: 2%;
    height: 160px !important;
    resize: none;
    background-color: #ccc;
    text-align: center;
    border: none;
    margin: 1px 0;
    border-radius: 0;

    
    font-size: 19px;color: #000;margin-bottom: 20px;}
.forminpt2{width: 100%;
    float: left;
    padding: 5%;
    border: none;
    background-color: white;
    border-radius: 0;
    font-size: 17px;
border-bottom: 2px solid #000;}
.formbtn2{padding: 10px 30px;
    border: none;
    cursor: pointer;
    background-color: #0b212f;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    letter-spacing: 1px;
    transition: 0.8s;

text-transform: uppercase;}
.forminpt::placeholder {
  color:#000;
  opacity: 1; /* Firefox */
}

.forminpt:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#000;
}

.forminpt::-ms-input-placeholder { /* Microsoft Edge */
 color:#000;}
.formtext::placeholder {
  color:#000;
  opacity: 1; /* Firefox */
}

.formtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#000;
}

.formtext::-ms-input-placeholder { /* Microsoft Edge */
 color:#000;}
.formtext::-ms-input-placeholder { /* Microsoft Edge */
 color:#000;}

/********************testimonial****************************/

.testi-area{width:100%;float:left;position:relative;overflow:hidden;background-image:url(../images/testi.jpg);background-repeat:no-repeat;background-size:cover;padding: 30px 0;}
.testi-inr{ width:100%; float:left;}
.testi-inr2{ width:100%; float:left;}

.testi-main-heading{ width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 40px;}

.testi-main-heading h1{color: #fff;margin: 10px 0;font-size:55px;}
.testimonial{
    padding: 70px 30px 50px;
    margin: 20px 30px 30px;
    border: 1px solid #0b212f;
    position: relative;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* border: 5px solid #c78a27; */
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    text-align: center;
    margin: 0;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    color: #0b212f;
    position: absolute;
    top: 0;
    left: -21px;
}
.testimonial .title{
    display: inline-table;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #3c2b21;
    font-size: 20px;
    font-weight: 700;
    color: #0b212f;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
}
.testimonial .post{
    font-size: 15px;
    color: #671a36;
}
.testi-area .owl-theme .owl-controls{
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%;
}
.testi-area .owl-theme .owl-controls .owl-buttons div{
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: transparent;
}
.testi-area .owl-prev{
    position: absolute;
    left: -5%;
    top: 145px;
}
.owl-next{
    position: absolute;
    right: -5%;
    top: 145px;
}
.testi-area .owl-prev:after,
.testi-area .owl-next:after{
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: #0b212f;
    opacity: 1;
}
.testi-area .owl-next:after{ content: "\f105"; }
 
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
}
.testi-area .Previous{ display:none;}


/***************************contact2-area***********************************************/
.contact2-area{ width:100%; float:left; position:relative; overflow:hidden;background-color: #0b212f;}
.contact2-inr{width:100%; float:left; padding:20px 10px;}

.contact2-inr2{width:100%; float:left;}
.contact2-inr2 p{ margin-top: 7px;color:#fff;font-size: 40px;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;}
.cbutton-area{width:100%; float:left;margin-top: 8px;text-align: right;}


.cbutton-area a button{background-color: #ffffff;color: #000;padding: 10px 20px;/* border-radius: 30px; */border: none;font-size: 24px;transition: 0.8s;}

.cbutton-area .fa{margin-right: 10px;color: #000;font-size: 26px;transition: 0.8s;}
.cbutton-area a button:hover{background-color: #6195c7;color: #fff;transition: 0.8s;}

/***************************footer-area***********************************************/

.footer-area{width:100%;float:left;position:relative;overflow:hidden;padding: 50px 0;background-color: #ffffff;}
.footer-inr{width:100%;float:left;}
.footer-inr2{width:100%;float:left;margin-top: -11px;}
.footer-inr2 img{width: 209px;float:left;margin-bottom: 30px;}
.footer-inr2 p{ width: 100%;float: left;color: #0b212f;font-size: 19px;font-weight: 500;line-height: 27px;}
.footer-inr3{width:100%;float:left;}
.footer-inr3 h2{
    font-size: 38px;
    margin: 25px 0;
    color: #0b212f;
}
.footer-inr3 ul{}
.footer-inr3 ul li{margin-bottom: 15px;}
.footer-inr3 ul li a{
   color: #0b212f;font-size: 17px;
font-weight: 600;transition: 0.5s;}	

.footer-inr3 ul li a:hover{ color: #6195c7;transition: 0.5s;}
	
.footer-inr4{width:100%;float:left;}

.footer-inr4 h2{font-size: 38px;color: #0b212f;margin: 25px 0;} 
.footer-inr4 p{}
.footer-inr4 p span{ font-weight:800;color: #6195c7;}
.footer-inr4 p a{color: #333;font-size: 17px;
font-weight: 600;transition: 0.5s;}
.footer-inr4 p a:hover{color:#ffd140;transition: 0.5s;}

.diff p{color: #333;font-size: 19px;font-weight: 600;margin-bottom: 30px;}
.diff p a{color: #0b212f;font-size: 16px;
font-weight: 600;transition: 0.5s; width: 89%;}
.diff p a:hover{color: #6195c7;transition: 0.5s;}
.diff span{ font-weight: 800; width: 20%;}	
	

/*********************copyright-area********************************/

.copy-right{width:100%;float:left;position:relative;overflow:hidden;padding: 10px 0;background-color: #031a37;}
.copy-right p{
    color: #fff;
    font-weight: 500;
    text-align: center;
font-size: 16px;letter-spacing: 1px;}
.copy-right-inner{width:100%;float:left;/* border-top: 1px solid #ffb307; */padding: 20px 0;}
/*********************return-to-top********************************/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(97 149 199);
    background: rgb(97 149 199);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: #031a37;}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/************************************************abanner-area*******************************************/
.abanner-area{ width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/about.jpg); background-repeat:no-repeat; background-size:cover; padding: 174px 0; margin-bottom:100px;}
.abanner-inr{width:100%; float:left;}
.abanner-inr h1{color: #fff;font-size: 70px;text-align: right;text-transform: uppercase;}

/************************************************paragraph-area*******************************************/
.p-area{width:100%;float:left;position:relative;overflow:hidden; margin-bottom:100px;}
.p-inner{width:100%;float:left;}
.p-inr2{width:100%;float:left;}
.p-inr2 h1{font-size: 45px;color: #0b212f;margin-bottom: 30px;}
.p-inr2 p{font-size: 17px;margin-bottom: 30px;}
.p-inr3{width:100%;float:left;}
.p-inr3 img{width:100%;float:left;}
.pbutton-area{width:100%;float:left; transition:0.8s;}
.pbutton-area a button{border: none;padding: 10px 30px;font-size: 17px;background-color: #6195c7;color: #fff;margin-left: 12px;}

/************************************************mission-area*******************************************/

.mission-area{width:100%;float:left;position:relative;overflow:hidden; margin-bottom:100px;}
.mission-inr{width:100%;float:left;}
.mission-inr h1{ text-align:center;color: #0b212f;font-size: 45px;margin-bottom: 50px;}
.mission-inr2{width:100%;float:left;}
.mission-inr2 img{width:100%;float:left;margin-bottom: 30px;}
.mission-inr2 p{font-size: 17px;}
.m{width:100%;float:left;margin-bottom: 30px;}

.mission-inr3{width:100%;float:left;}
.mission-inr3 h2{font-size: 40px;margin-bottom: 20px;}
.mission-inr3 p{font-size: 16px;}

/************************************************contact-area*******************************************/
.contact-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/contact.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.contact-inr{width:100%; float:left;}
.contact-inr h1{color: #fff;font-size: 60px;text-align: right;text-transform: uppercase;}


/************************************************paragraph-area*******************************************/

.paragraph-area{width:100%;float:left;position:relative;overflow:hidden; margin-bottom:100px;padding: 20px 0;}
.paragraph-inr{width:100%;float:left;}
.paragraph-inr2{width:100%;float:left;}
.paragraph-inr2 ul{width:100%; float:left;}
.paragraph-inr2 ul li{margin-bottom: 30px;}
.paragraph-inr2 ul li .fa{color: #6195c7;font-size: 34px;margin-right: 30px;}
.paragraph-inr2 ul li a{color: #0b212f;font-size: 23px;font-weight: 600;transition: 0.8s;}
.paragraph-inr3{width:100%; float:left;}
.paragraph-inr3 img{width:100%; float:left;animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
.social-icon{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.social-icon ul{
    width: 100%;
    float: left;
}
.social-icon ul li{
    display: inline-block;
    padding-right: 10px;
}
.social-icon ul li .fa{
    color: #ffffff;
    font-size: 28px;
background-color: #0b212f;width: 50px;height: 50px;text-align: center;border-radius: 30px;line-height: 49px;transition: 0.8s;}

.social-icon ul li .fa:hover{background-color: #6195c7;transform: scale(1.1);transition: 0.8s;}

.paragraph-inr2 ul li a:hover{color: #6195c7;transition: 0.8s;}
.social-icon h2{font-size: 35px;color: #0b212f;margin-bottom: 20px;}


/************************************************home-area*******************************************/

.home-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/home.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.home-inr{width:100%; float:left;}
.home-inr h1{color: #fff;font-size: 60px;text-align: right;text-transform: uppercase;}

/************************************************home2-area*******************************************/

.home2-area{width:100%; float:left; position:relative; overflow:hidden; margin-bottom:100px;}
.home2-inr{width:100%; float:left;}
.home2-inr2{width:100%; float:left;}
.home2-inr2 h1{color: #0b212f;font-size: 44px;margin-bottom: 30px;}
.home2-inr2 p{color: #000;font-size: 17px;}
.home2-inr3{width:100%; float:left;}
.home2-inr3 img{width:100%; float:left;}

/************************************************h-area*******************************************/

.h-area{width:100%;float:left;position:relative;overflow:hidden; margin-bottom:100px;}
.h-inr{width:100%;float:left;}
.h-inr2{width:100%;float:left;}
.h-inr2 img{width:100%;float:left;margin-bottom: 30px;}
.h-inr2 p{font-size: 17px;}
.m2{width:100%;float:left;margin-bottom: 30px;}
.h-inr2 h2{font-size: 29px;color: #0b212f;margin-bottom: 20px;}
.h-inr3{width:100%;float:left;}
.h-inr3 h3{font-size: 23px;margin-bottom: 10px;color: #0b212f;}
.h-inr3 p{font-size: 15px;margin-bottom: 20px;}







.formbtn:hover{background-color: #fff;color: #000;/* font-weight: 600; */transition: 0.8s;}
.button-area a button:hover{background-color: #0b212f;transition: 0.8s;transform: scale(1.1);}
.formbtn2:hover{background-color: #6195c7;transition: 0.8s;}
.pbutton-area a button:hover{background-color: #0b212f;transition: 0.8s;transform: scale(1.0);}


/************************************************commercial-area*******************************************/

.commercial-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/commercial.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.commercial-inr{width:100%; float:left;}
.commercial-inr h1{color: #fff;font-size: 54px;text-align: right;text-transform: uppercase;}

/************************************************carpet-area*******************************************/

.carpet-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/carpet.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.carpet-inr{width:100%; float:left;}
.carpet-inr h1{color: #fff;font-size: 54px;text-align: right;text-transform: uppercase;}


/************************************************move-area*******************************************/

.move-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/move.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.move-inr{width:100%; float:left;}
.move-inr h1{color: #fff;font-size: 50px;text-align: right;text-transform: uppercase;}



/************************************************window-area*******************************************/

.window-area{width:100%; float:left; position:relative; overflow:hidden; background-image:url(../images/window.jpg); background-repeat:no-repeat; background-size:cover; padding: 180px 0; margin-bottom:100px;}
.window-inr{width:100%; float:left;}
.window-inr h1{color: #fff;font-size: 50px;text-align: right;text-transform: uppercase;}
.h-inr2 ul li{font-size: 16px;line-height: 26px;}
.h-inr2 ul{margin-top:20px;}