.blurNew {
            filter: blur(2px);
        }

.perspective100 {
    perspective:100px;
}

.perspective2 {
    perspective: 900px;
}

        .picD{
            display:block;
            margin:40px auto;
            height:150px;
            /*border: 2px solid lime;*/
            animation: logo 0.1s linear infinite;
            
        }

        @keyframes logo{
            0% {transform: rotateY(0deg);}
            100% {transform: rotateY(360deg);}
        }

        .perspective{
            background:black;
            perspective:300px;
        }


.headerImg {
   
    width: 100%;
    
    /*margin: auto;*/
    /*background: url(https://dailypost.files.wordpress.com/2015/04/turnpike-blur.jpg);*/
    background-repeat: no-repeat;
    display: table;
    top: 0px;
    background-size: cover;

}

.body1{
    height:100%;
}

.headerDiv {
    display: table-cell;
    width: 100%;
    /*height: 700px;*/
    /*height:100%;*/
    max-width: none;
    vertical-align: middle;
}


.sliderColor {
    background-color: black;
}





.contentNew {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.btn2 {
    border-radius: 9px;
    color: #036A81;
    font-size: 135%;
    padding: 10px 20px;
    border: solid #036A81 3px;
    text-transform: uppercase;
    text-decoration: none;
}

.carousel-item {
    margin-left: 10px;
}

.h1 {
    color: white;
    font-size: 500%;
}

.style_prevu_kit {
    display: inline-block;
    border: 0;
    width: 230px;
    /*height: 210px;*/
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

    .style_prevu_kit:hover {
        box-shadow: 0px 0px 150px #000000;
        z-index: 2;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.5);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.5);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.5);
        transition: all 200ms ease-in;
        transform: scale(1.5);
    }
















@font-face {
    font-family: 'paidFont1';
    src: url('SkarpaLt.ttf') format('truetype');
}
@font-face {
    font-family: 'paidFont2';
    src: url('tt0140m_0.ttf') format('truetype');
}


@font-face {
    font-family: 'paidFont3';
    src: url('tt0141m_0.ttf') format('truetype');
}


.paidFont1{
    font-family:paidFont1;
}

.paidFont2 {
    font-family: paidFont2;
}

.paidFont3 {
    font-family: paidFont3;
}






.noDecoration{
    text-decoration:none;
    text-decoration-style:none;
}

.li {
    display: inline-block;
    list-style-type: none;
    margin: 0 20px;
  text-decoration:none;
}

.button {
    position: relative;
    background: #2d2928;
    width: 50%;
    height: 150px;
    border-radius: 50%;
    border: 5px solid white;
    color: white;
    
    cursor: pointer;
    padding: 0;
}

    .button1:hover {
       background-color:deepskyblue;
    }



.button2:hover {
    background-color: lightcoral;
}


.button3:hover {
    background-color: lightgreen;
  
}

.sideRight{
    margin-right:10px;
}




.contactIcon {
    margin-bottom: 100px;
    margin-top: 100px;
}



.bgImg {
    background-image: url(http://www.knotstandard.com/assets/images/pages/how-it-works/guarantee/hero.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.8;
    position: relative;
    width: 100%;
    background-size: 100% 100%;
}


.headingCursive {
    font-family: 'Josefin Sans', sans-serif;
}




.whiteBg {
    background-color: white;
}

.opacityTest {
    opacity: 1;
}


button {
    color: #454545;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #454545;
    position: relative;
    margin: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-family: comfortaa;
    font-weight: bold
}

    button:before, button:after {
        content: '';
        display: block;
        position: absolute;
        border-color: #454545;
        box-sizing: border-box;
        border-style: solid;
        width: 1em;
        height: 1em;
        transition: all 0.3s ease-in-out
    }

    button:before {
        top: -6px;
        left: -6px;
        border-width: 2px 0 0 2px;
        z-index: 5;
    }

    button:after {
        bottom: -6px;
        right: -6px;
        border-width: 0 2px 2px 0;
    }

    button:hover:before, button:hover:after {
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        border-color: #fff
    }

    button:hover {
        color: #353535;
        background-color: #fff;
        border-color: #fff
    }

.panel {
    max-width: 960px;
    text-align: center;
    position: relative;
    margin: auto;
}




.newWidth{
    width:300px;
    padding:10px;
    !important
}

.blue {
    color: blue;
}

.aarEss:hover{
    color:blue;
    text-decoration:none;
}

.imgHeight {
   width:100%;
    height:600px;
}


.red {
    color: red;
}


.circle{
    border-radius:5px;
}

.imgRes{
    width:230px;
}


.workMargin{
    margin-top:130px;
    margin-bottom:130px;
}

.workPicMargin {
    margin-bottom: 60px;
}

.workPic {
    margin-bottom: 20px;
}

.padding100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding100New{
    padding-top:100px;
    padding-bottom:100px;
}

.margin100{
    margin:100px;
}

.bgWhite {
    background-color:white;
}

.marginParallax{
    margin-bottom:100px;
    margin-top:100px;
}

.padding20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.margin50 {
    margin: 50px;
}

.parallax {
    background-image: url(/images/tailor.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.9;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.parallaxInner {
   text-align:center;
    opacity: 1;
   
}



$btn-width: 250px !default; $btn-height: 80px !default; $btn-full: $btn-height + $btn-width !default; $btn-half: $btn-full/2 !default; $bg-color: #eeeeee !default; .noDecoration {
    padding: 0px;
    margin: 0px;
}







.originColor {
    background-color: #2d2928;
}

.originText {
    color: #2d2928;
}
.noDecoration :hover{
    text-decoration: none;
    text-decoration-line:none;
    !important
}

.originDiv{
    background-color: #2d2928;
    padding: 1px;
}

hr.style14 { 
  border: 0; 
  height: 2px; 
  width: 100%;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.div3{
margin-top: 80px;
    margin-bottom: 80px;
}

.div60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.paraAbout{
font-family: 'Work Sans', sans-serif;
}

.black{
    background-color: black;
   
}

.textBlack{
    color:black;
    opacity:1;
}


.white{
    color: white;
}

.cursive{
   font-family: 'Pacifico', cursive;
}

.cursive2{
    font-family: 'Sacramento', cursive;
}
.cursive3{
    font-family: 'Alegreya Sans SC', sans-serif;
}

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

span{
    margin: 10px;
    text-align: center;
}


.float-right{
    float: right;
}

.innerDiv1{
    margin: 10px;
    margin-top: 30px;
}



h3{
    font-size: 40px;
}

.headingP{
    margin-top: 7px;
    font-size: 36px;
    color:  #2d2928;
}

.innerDiv{
    margin: 30px;
    margin-top: 70px;
}

.headerImg {
    width: 100%;
    height:600px;
}

.call{
    margin: 2%;
    font-size: 24px;
}


.paidBold {
 font-weight:900;
 font-weight:bolder;
}



.logoText {
    text-align: center;
    font-size: 60px;
}

.div2{
    margin-bottom: 120px;
}

.nav-item{
    margin: 5px;
    font-size: 17px;
}

.navLink :hover{
    color: black;
    background-color: white;
    transition: 1s;
}

.div1{
    margin-top: 80px;
}

.boldCursiveHead1{
    font-weight: 500;
    font-size: 70px;
}


.p2{
    color:dimgrey;
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}


.boldCursiveHead{
    font-weight: 500;
    font-size: 60px;
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {

    .headerDiv {
        display: table-cell;
        width: 200px;
        height: 900px;
        /*height:100%;*/
        max-width: none;
        vertical-align: middle;
    }


}



    @media screen and (max-width: 1024px) and (min-width: 800px) {

        .innerDiv1 {
            margin: 10px;
            margin-top: 30px;
        }

        .imgRes {
            width: 150px;
        }



        .headingP {
            margin-top: 7px;
            font-size: 30px;
            color: #2d2928;
        }

        .innerDiv {
            margin: 30px;
            margin-top: 70px;
        }

        .headerImg {
            width: 100%;
            height: 350px;
        }

        .call {
            margin: 2%;
            font-size: 20px;
        }

        .style_prevu_kit {
            width: 170px;
        }




        .headerDiv {
            display: table-cell;
            width: 100%;
            height: 100%;
            max-width: none;
            vertical-align: middle;
        }


        .logoText {
            text-align: center;
            font-size: 43px;
        }

        .div2 {
            margin-bottom: 100px;
        }

        .nav-item {
            margin: 5px;
            font-size: 17px;
        }

        .navLink :hover {
            color: black;
            background-color: white;
            transition: 1s;
        }

        .div1 {
            margin-top: 60px;
        }

        .boldCursiveHead1 {
            font-weight: 500;
            font-size: 60px;
        }


        .p2 {
            color: dimgrey;
            font-weight: 600;
            margin-top: 20px;
            font-size: 20px;
        }


        .boldCursiveHead {
            font-weight: 500;
            font-size: 60px;
        }

        .paraAbout {
            font-family: 'Work Sans', sans-serif;
            text-align: left;
        }



        .button {
            width: 70%;
            height: 140px;
        }



        .imgHeight {
            width: 100%;
            height: 500px;
        }
    }














    @media screen and (max-width: 800px) and (min-width: 500px) {

        .innerDiv1 {
            margin: 10px;
            margin-top: 30px;
        }

        .h1 {
            font-size: 250%;
        }

        .btn2 {
            font-size: 110%;
            padding: 7px 15px;
        }

        .newWidth {
            width: 250px;
            !important
        }

        .headerDiv {
            display: table-cell;
            width: 100%;
            height: 450px;
            max-width: none;
            vertical-align: middle;
        }


        .style_prevu_kit {
         
            width: 210px;
           
        }



        .headingP {
            margin-top: 7px;
            font-size: 30px;
            color: #2d2928;
        }

        .innerDiv {
            margin: 30px;
            margin-top: 70px;
        }

        .headerImg {
            width: 100%;
            height: 350px;
        }

        .call {
            margin: 2%;
            font-size: 20px;
        }





        .logoText {
            text-align: center;
            font-size: 43px;
        }

        .div2 {
            margin-bottom: 100px;
        }




        .nav-item {
            margin: 5px;
            font-size: 17px;
        }

        .navLink :hover {
            color: black;
            background-color: white;
            transition: 1s;
        }

        .div1 {
            margin-top: 60px;
        }

        .boldCursiveHead1 {
            font-weight: 500;
            font-size: 60px;
        }

        .logo {
            text-align: center;
        }

        .p2 {
            color: dimgrey;
            font-weight: 600;
            margin-top: 20px;
            font-size: 20px;
        }


        .boldCursiveHead {
            font-weight: 500;
            font-size: 60px;
        }

        span {
            margin: 1px;
            text-align: center;
        }

        .paraAbout {
            font-family: 'Work Sans', sans-serif;
            text-align: left;
        }

        .button {
            width: 150px;
            height: 140px;
        }

        .imgHeight {
            width: 100%;
            height: 400px;
        }
    }







    @media screen and (max-width: 500px) and (min-width: 100px) {

        span {
            margin: 0px;
            padding: 0px;
        }

        .paraAbout {
            font-family: 'Work Sans', sans-serif;
            text-align: left;
        }

      

        .button {
            width: 180px;
            height: 140px;
        }

        .headerImg {
            width: 100%;
            height: 200px;
        }

        .imgHeight {
            width: 100%;
            height: 300px;
        }

        .padding100New {
            padding: 0px;
        }

        .logo {
            text-align: center;
        }

        p {
            font-size: 15px;
        }

        h3 {
            font-size: 20px;
        }

        .h1 {
            font-size: 240%;
        }

        .btn2 {
            font-size: 90%;
            padding: 7px 15px;
        }

        .headerDiv {
            display: table-cell;
            width: 100%;
            height: 500px;
            max-width: none;
            vertical-align: middle;
        }


        .style_prevu_kit {
         
            width: 213px;
    
          
        }


    }