/********** Template CSS **********/
.bounce1 {

    position: fixed;

    bottom: 15%;

    right: 0%;

    z-index: 10;

    width: auto;

    margin-left: 0px;

    /* margin-left: -30px; */

    border: 0px solid #990000;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

}

#sidemenu-landing {

    left: 0;

    transform-origin: center;

    transform: translate3d(1, -50%, 0) rotate(270deg) translateY(-50%);

    animation-name: _1oqup;

    color: #fff;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px 

}



.Mobile_View{ display:none}

.Desktop_View{ display:block}

.Collection-padding{padding:170px 0px 50px 0px }

.mob-des-padding{padding-top:150px}


@media (max-width: 767px) 

{
.contact__form-wrap {
    
    padding: 15px !important;
    margin-left: 0px !important;
}
.contact__area {
    padding: 50px 0px !important;
}
.w3-bar .w3-bar-item {
    padding: 13px 10px !important;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
    color: #fff;
    background: none;
    border-bottom: solid 4px #009244;
    background-color: #2a398c;
    font-size: 13px !important;
    border-radius: 8px 8px 0px 8px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px !important;
}
.pt-50 {
    padding-top: 30px !important;
}
.pb-50 {
    padding-bottom: 30px !important;
}
.mob-des-padding{padding-top:0px}

.product-card .preview {

    background-color: #fff;

    padding: 5px;

}

.main2-btn {

    background-color: #008FD5;

    color: #fff;

    border-radius: 25px;

    transition: .5s;

    padding: 10px 16px !important;

    font-size: 16px !important;

    display: inline-block;

    width: 160px !important}



.pt-0{padding-top:0px !important}



.Collection-padding{padding:0px 0px 50px 0px }

.padding-section {

    padding: 50px 0px 50px 0px ;

}

.eye-button{ width: 100%;

    border: solid 0px #dccccc;

    padding: 10px;

    font-weight: 500;

    background: #2a398c;

    color: #fff;

    font-size: 15px !important;





}

.Mobile_View{ display:block}

.Desktop_View{ display:none}



.product-price {

    font-size: 14px !important;

    color: #000;

    font-weight: 500 !important;text-align:center !important;margin-bottom: 5px;

}

.product-details h5 {

    font-size: 13px !important;}

.product-bottom-details {

display:none;

    overflow: hidden;



    border-top: 0px solid #eee;



    padding-top:0px;



}



.sub-titel-header {

    color: #333;

    font-size: 18px !important;

    font-weight: 500;

    text-align: center;

    font-family: "Roboto", Sans-serif;

    margin-bottom: 15px !important;

}

.titel-header {

    color: #0f0f0f;

    font-size: 24px !important;

    font-weight: 500 !important;

    margin-bottom: 7px;

    text-align: center;

}





}



.eye-button{ width: 100%;

    border: solid 0px #dccccc;

    padding: 10px;

    font-weight: 500;

    background: #2a398c;

    color: #fff;

    font-size: 18px;





}

.frames-img-m {



    padding: 0px 0px; overflow: hidden;

	 



}



.frames-img-m img {



    width: 100%;

border-radius: 20px;

 -webkit-transition: 0.4s ease;

transition: 0.4s ease;overflow: hidden;



}



.frames-img-m:hover img {



    -webkit-transform: scale(1.08);

 transform: scale(1.08);



}







.frames-img-m .frames-btn {



    position: relative;



    left: 40px;



    bottom: 60px;



    font-size: 20px;



    font-weight: 600;



    border-radius: 20px;



    padding: 7px 25px;



 

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));



    border: 1px solid #fff;



    color: #fff;



}







.frames-img-m .frames-btn:hover {



    color: #fff;



    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));



}









.skill-btn_M {



    background-color: #fff;



    color: #000;



    padding: 7px 12px;



    border: 1px solid #000000;



    border-radius: 20px;



    display: inline-block;



    margin: 0px 0px;



    font-size: 15px;width:100%; text-align:center



}



/**/

.breadcrumb1{ float:left; margin-top:130px !important; width:100%}



b, strong {



    font-weight: 600;



    color: #333;



}

h6{margin-bottom:15px}

.font-weight-600{font-weight:bold}



    .m-d.expand-list{

        margin: 0;

        padding: 0;

    }

	.pl-30{    padding-left: 30px;}

    .m-d.expand-list > li{

      

    list-style-type: none;

    padding: 18px 15px 15px 15px;

    margin-bottom: 15px;

    border: 1px solid #bababa;

    border-radius: 4px;

    position: relative;

    /* max-width: 80%; */

}

 .m-d.expand-list > li label {

    display: inline-block;

    margin-bottom: 0px;

    font-size: 15px;

}





     .m-d label[class^="tab"]:hover{

        cursor: pointer;

    }

    .m-d input{

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

    }

    .m-d input[class^="tab"]{

        width: 100%;

        height: 40px;

        position: absolute;

        left: 0;

        top: 0; 

    }

		.m-d input[class^="tab"]:hover{

			cursor: pointer;

		}

    .m-d label[class^="tab"]{

        font-weight: bold;

    }

    .m-d .content{

        height: auto;

        max-height: 0;

        max-width: 100%;

/*        background: yellow;*/

        overflow: hidden;

        transform: translateY(20px);

        transition: all 180ms ease-in-out 0ms; 

    }

    .m-d li[data-md-content="100"] input[class^="tab"]:checked ~ .content{

        max-height: 100px;

        transition: all 150ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="200"] input[class^="tab"]:checked ~ .content{

        max-height: 200px;

        transition: all 200ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="300"] input[class^="tab"]:checked ~ .content{

        max-height: 300px;

        transition: all 250ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="400"] input[class^="tab"]:checked ~ .content{

        max-height: 400px;

        transition: all 250ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="500"] input[class^="tab"]:checked ~ .content{

        max-height: 500px;

        transition: all 250ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="600"] input[class^="tab"]:checked ~ .content{

        max-height: 600px;

        transition: all 250ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="700"] input[class^="tab"]:checked ~ .content{

        max-height: 700px;

        transition: all 300ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="800"] input[class^="tab"]:checked ~ .content{

        max-height: 800px;

        transition: all 300ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="900"] input[class^="tab"]:checked ~ .content{

        max-height: 900px;

        transition: all 300ms ease-in-out 0ms;

    }

    .m-d li[data-md-content="1000"] input[class^="tab"]:checked ~ .content{

        max-height: 1000px;

        transition: all 350ms ease-in-out 0ms;

    }

		.m-d li[data-md-content=""] input[class^="tab"]:checked ~ .content{

        max-height: 1000px;

        transition: all 250ms ease-in-out 0ms;

    }

    .m-d input[class^="tab"]:checked ~ .content{

        margin-bottom: 30px;

    }

    

    .m-d .open-close-icon{

        display: inline-block;

        position: absolute;

        right: 25px;

        transform: translatey(2px);

    }

    .m-d .open-close-icon i{

        position: absolute;

         

    }

    .m-d .open-close-icon .fa-minus{

        transform:rotate(-90deg);

        transition: transform 150ms ease-in-out 0ms;

    }

    .m-d input[class^="tab"]:checked ~ .open-close-icon .fa-minus{

        transform: rotate(0deg);

        transition: transform 150ms ease-in-out 0ms;

    }

    .m-d .open-close-icon .fa-plus{

        opacity: 1;

        transform:rotate(-90deg);

        transition: opacity 50ms linear 0ms, transform 150ms ease-in-out 0ms;

    }

    .m-d input[class^="tab"]:checked ~ .open-close-icon .fa-plus{

        opacity: 0;

        transform: rotate(0deg);

        transition: opacity 50ms linear 0ms, transform 150ms ease-in-out 0ms; 

    }

    





































 

.list-circle, .list-angle-right, .list-arrow, .list-check, .list-checked, .list-icon-box, .list-chevron-circle, .list-hand-point, .list-cup, .list-pen, .list-heart, .list-star {

    margin: 0 0 20px 0;

    padding: 0;

    list-style: none;

}

.font-22{        font-size: 22px;}

.list-circle li {

       font-size: 16px;

    line-height: 40px;

    padding-left: 0px;

}

.list-circle li:before {

      

    padding-right: 10px;

    color: #171b88;

    content: "\f105";

    font-weight: 700;

    font-size: 14px;

    /* line-height: 1; */

    margin-top: 0px;

    font-family: "Font Awesome 5 Free";

}

.pb-50 {



    padding-bottom: 80px !important;



}



.pt-50 {



    padding-top: 80px !important;



}



.pt-25 {



    padding-top: 25px !important;



}







.font-16 {



    font-size: 16px !important;line-height:30px



}



.mb-20 {



    margin-bottom: 20px !important;



}



.mt-30 {



    margin-top: 30px !important;



}



.mt-20 {



    margin-top: 20px !important;



}







.bg_light_blue {



    background: #eef2f7;



}



.breadcrumb-item + .breadcrumb-item::before {



    padding-right: 10px;



  color: #171b88;



    content: "\f105";



     font-weight: 700;



    font-size: 14px;



    line-height: 1;



    margin-top: 6px;    font-family: "Font Awesome 5 Free";



}



.img-resposive{width:100%; height:auto; max-width:100%}



.btn_checkout{    width: 100%;



    color: rgb(255, 255, 255);



    background-color: rgb(255, 108, 0);



    border-color: rgb(255, 108, 0);



    padding: 15px 10px;



    border: solid 0px #000;



    border-radius: 10px;



    margin-top: 35px;



    font-size: 16px;



    font-weight: 600;}



	.btn_checkout1{      width: 100%;



    color: rgb(5 49 127);



    background-color: #FFCC00;



    border-color: rgb(255, 108, 0);



    padding: 15px 10px;



    border: solid 0px #000;



    border-radius: 10px;



    margin-top: 15px;



    font-size: 16px;



    font-weight: 600;}



.tooltip1 {



  position: relative;



  display: inline-block;



  border-bottom: 0px dotted black;margin:0px 0px 0px 0px;   padding:0px



}



.product-card3 {



    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 2px;



    border-radius: 10px;



    background-color: #fff;



    margin-bottom: 25px;



    margin-right: 20px;



    border: solid 1px #d5d4d4;



}.checkoutttt2 {



    background: #fff;



    padding: 70px 20px 20px 20px;



    border: solid 0px #e0e0e0;



}



.styledTableHead th, .styledTableRow td {    padding: 5px !important;



    text-align: center;}



.tooltip1 .tooltiptext {



    visibility: hidden;



    width: 325px;



    color: #000;



    text-align: center;



    border-radius: 6px;



    padding: 0px 0;



    position: absolute;



    z-index: 1;



    top: 133%;



    left: 28%;



    margin-left: -60px;



    background: #fff;



    padding: 10px;



    box-shadow: 0px 0px 2px 2px #a6a6a6;



}







.tooltip1 .tooltiptext::after {



         content: "";



    position: absolute;



    bottom: 100%;



    left: 50%;



    margin-left: -10px;



    border-width: 10px;



    border-style: solid;



    border-color: transparent transparent #a2a2a2 transparent;



}







.tooltip1:hover .tooltiptext {



  visibility: visible;



}



.styledTable{    border-radius: 10px;



    border: solid 1px #acacac;



    padding: 10px;



    font-size: 12px;}



.styledTableRow{background:rgb(242 242 242)}



.styledTable .styledTableRow .styledTableCell:first-child{background:rgb(242 242 242)}



 .card-002 p{margin:0px 0px 10px 0px;  padding:0px}



.checkoutttt {



    background: #fff;



    padding: 70px 90px 50px 90px;



    border: solid 1px #e0e0e0;



}



.checkoutttt1 {



    background: #f9f9f9;



    padding: 70px 90px 50px 90px;



}



.wrapperRedesign_bvizjO {



    line-height: 24px;



    margin-bottom: 8px;



}



.label_aMmcAI {



    color: #3a4850;



    cursor: auto;



    font-family: Roboto, Arial, sans-serif;



    font-size: 14px;



    line-height: 24px;



    margin-right: 8px;



}



.controls_bMmcAI, .value_cMmcAI {



    align-items: center;



    display: inline-flex;



    flex-wrap: nowrap;



    justify-content: center;



}



.controls_bMmcAI {



    position: relative;



    width: 64px;



}



.sizeNormal_gMmcAI .control_dMmcAI {



        font-size: 13px;



    height: 16px;



    line-height: 16px;



    padding: 0px;



    width: 17px;



    text-align: center;



}



.control_dMmcAI.disabled_eMmcAI {



            border-color: #d8d8d8;



    color: #000;



    cursor: default;



    border: solid 1px #c2c1c1;



    background: #fdfdfd;



}



.sizeNormal_gMmcAI .value_cMmcAI {



    font-size: 14px;



    width: 24px;



}



.value_cMmcAI {



    color: #3a4850;



    font-family: Roboto, Arial, sans-serif;



}



.badge_cT3A9p.blue_dT3A9p {



    background: #e7f4fe;



    color: #117dd2;



}



.badge_cT3A9p.thin_eT3A9p {



    background: #e0f6ed;



    color: #00995c;



}



.badge_cT3A9p:not(:first-of-type) {



    margin-left: 6px;



}



.badge_cT3A9p {



    border-radius: 100px;



     font-family: "Poppins" , sans-serif;



    padding: 6px 10px;



    text-align: center;



}



.badge_cT3A9p.premium_fT3A9p {



    background: #fcf2de;



    color: #c08c17;



}



.badgeWrapper_aT3A9p {



    display: flex;



    margin: 8px -20px 12px 0;



}



.packageItem_aeZKYx {



    margin-bottom: 10px;



    position: relative;



}



.container_aaaztv {



    background: #fff;



    border: 1px solid #e7ebed;



    border-radius: 4px;



    box-shadow: 0 1px 1px rgba(176, 189, 197, .07), 0 4px 12px rgba(176, 189, 197, .13), 0 1px 4px rgba(176, 189, 197, .07);



    box-sizing: border-box;



    color: #89959c;



	    







    font-family: "Poppins" , sans-serif;



    max-width: 580px;



    min-width: 556px;



    position: relative;



    width: 100%;



}







.inside_eaaztv {



    align-items: center;



    cursor: pointer;



    display: flex;



    justify-content: space-between;



    min-height: 102px;



    padding: 8px 36px;



    text-align: left;



    width: 100%;



}



.leftSide_aCajJM {



    align-items: center;



    border-right: 1px solid #f1f1f1;



    color: #3a4850;



    display: flex;



    flex: 0 0 147px;



    flex-direction: column;



    font: 16px / 24px Roboto, Arial, sans-serif;



    font-weight: 700;



    height: 99px;



    justify-content: center;



    margin: 10px 0 10px -28px;



    padding-right: 8px;



    position: relative;



}



.container_a8pxOH {



    cursor: pointer;



    position: absolute;



    right: 12px;



    top: 0;



}



.icon_cCajJM.value_dCajJM {



    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDAuMzAyIDEuMDVBLjkzNS45MzUgMCAwIDEgNDEuMjI3IDBjLjMyMSAwIC42MTkuMTY3Ljc3LjQ1Ljg3IDEuNjIgMy42NzggNy40NzkgMy42NzggMTUuNTUgMCA4LjA3MS0yLjgwOCAxMy45My0zLjY3NyAxNS41NWEuODY3Ljg2NyAwIDAgMS0uNzcxLjQ1LjkzNS45MzUgMCAwIDEtLjkyNS0xLjA1Yy4yOTctMi40MjUuOTgyLTguNjg3Ljk4Mi0xNC45NVM0MC42IDMuNDc1IDQwLjMwMiAxLjA1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0idXJsKCNiKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEuMzMzIDEuMjM0QTEuMTQzIDEuMTQzIDAgMCAxIDIyLjQ3MyAwYy4zMDMgMCAuNTkuMTE4Ljc5LjM0NkMyNC41MSAxLjc3MiAyOS4wMyA3LjUyIDI5LjAzIDE2cy00LjUyIDE0LjIyOC01Ljc2OCAxNS42NTRjLS4yLjIyOC0uNDg3LjM0Ni0uNzkuMzQ2YTEuMTQzIDEuMTQzIDAgMCAxLTEuMTQtMS4yMzRjLjItMi41NDYuNjI3LTguNjU2LjYyNy0xNC43NjYgMC02LjExLS40MjYtMTIuMjItLjYyNy0xNC43NjZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjNUI2OTcxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMTggMS44OUMtLjAxNC45MjEuNzI0IDAgMS43MTEgMGMuMjk0IDAgLjU4LjA4My44MTUuMjZDNC4wOCAxLjQyMSAxMC4wNjQgNi41MTcgMTAuMDY0IDE2UzQuMDggMzAuNTc4IDIuNTI3IDMxLjc0YTEuMzQgMS4zNCAwIDAgMS0uODE1LjI2Yy0uOTg3IDAtMS43MjUtLjkyMS0xLjUzMy0xLjg5LjU2NC0yLjgzOSAxLjUxNy04LjQ3NCAxLjUxNy0xNC4xMUMxLjY5NiAxMC4zNjQuNzQzIDQuNzI5LjE4IDEuODlaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI0MC4yNTYiIHgyPSI0MC4yNTYiIHkxPSIwIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRTdFQkVEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjBCREM1Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSIyMS4yODkiIHgyPSIyMS4yODkiIHkxPSIwIiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRTdFQkVEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQjBCREM1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+);



}



.icon_cCajJM {



    background: 50% 50% no-repeat;



    background-size: contain;



    height: 32px;



    width: 46px;



}



.title_hCajJM {



    font: 700 16px / 24px Roboto, Arial, sans-serif;



    margin-bottom: 0;



    margin-top: 12px;



    white-space: nowrap;



}



.price_kCajJM {



    display: flex;



    font-weight: 400;



}



.container_aaaztv.opened_daaztv {



    background: #f4fafe;



    border-color: #2196f3;



    color: #5b6971;



}







:root {



    --primary: #06A3DA;



    --secondary: #F57E57;



    --light: #EEF9FF;



    --dark: #091E3E;



}



.header_bJs54c {



    font-weight: 500;



    line-height: 24px;    font-size: 14px;



}



.wrapper_aoTvlX {



   



  



    font-size: 14px;float:left; width:100%;    



    



}







.description_cJs54c {



    font-size: 14px;



    line-height: 24px;



     



}



.accordion button p {



    padding: 10px;



    font-size: 14px;



    font-weight: 500;



}



.Recommended-price{    font-size: 14px;



    font-weight: 500;



    color: #f22a42;}



.Recommended-title{    font-weight: bold;



    color: #4d4d4d;



    font-size: 14px;}



.imageContainer_dJs54c {



    height: 130px;



    mix-blend-mode: multiply;



}



.tabPanelWrapper_cq55KX {



    font-size: 14px;



    line-height: 22px;



}



.list_coTvlX li {



    color: #5b6971;margin:0px !important



}



.header_ioTvlX {



    display: flex;



    justify-content: flex-start;



    margin: 0 0 12px;



}



.content_doTvlX {



    display: flex;



}



.bottom_eoTvlX {



    color: #3a4850;



}



.title_hoTvlX {



    color: #3a4850;



    font-weight: 700;



    line-height: 27px;



}



.buttonsContainer_joTvlX {



    align-items: center;



    display: flex;



    justify-content: flex-start;



}



.measurmentsItem_foTvlX {



    align-items: center;



    display: flex;



    justify-content: flex-start;



    margin-bottom: 25px;



    text-align: left;



    width: 100%;



}



.measurmentsItem_foTvlX .img_goTvlX {



    width: 52px;



}



.measurmentsItem_foTvlX span {



    display: inline-block;



    font-size: 14px;



    padding-left: 20px;



    text-align: center;



}



.list_coTvlX {



    border-right: 1px solid #dbe1e5;



    list-style-type: disc;



    padding-left: 16px;



    padding-right: 40px;



    vertical-align: top;



}



.framesContainer_boTvlX {



    padding-left: 60px;



    width: 60%;



}



.breadcrumb{  font-size:12px; margin-bottom:0px;    color: #333;}



h1,



h2,



.font-weight-bold {



    font-weight: 700 !important;



}



.w3-black, .w3-hover-black:hover {



    



        border-bottom: 1px solid #dbe1e5;



}



.w3-bar {



    width: 100%;



    overflow: hidden;



}



.w3-bar .w3-button {



    white-space: normal;



}



.w3-bar .w3-bar-item {



        padding: 10px 20px;



    float: left;



    float: left;



    width: auto;



    border: none;



    display: block;



    outline: 0;    color: #89959c; background:none



}



.writeReview {



    color: #89959c;



    font-size: 16px;



    



    text-decoration: underline;



}







.w3-red, .w3-hover-red:hover {



      color: #000 !important;



    border-bottom:solid 2px  #000!important;



}



.w3-container ul li{    color: #333333;



    font-size: 14px;}



.w3-container, .w3-panel {



    padding: 20px;



    background-color: #f7f8f9;



    border-radius: 12px;



    margin: 30px 0px;



    float: left;



    width: 100%;



}



 



h3,



h4,



.font-weight-semi-bold {



    font-weight: 600 !important;



}







h5,



h6,



.font-weight-medium {



    font-weight: 500 !important;



}



.ratings_ak, .starsWrapper_bk {



    align-items: center;



    display: flex;



}



.ratings_ak {



    border-bottom: 1px solid #dbe1e5;



    justify-content: space-between;



    padding-bottom: 20px;



}



.number_ck {



    color: #eab02f;



    font-size: 48px;



    font-weight: 700;



    line-height: 56.25px;



    padding-right: 18px;



    vertical-align: middle;



}



.fBSKUb .starWrap {



    margin-right: 6px;



}



.fBSKUb {



    color: rgb(15, 15, 15);



    display: flex;



    justify-content: flex-start;



    align-items: center;



}



.count_dk {



    color: #0f0f0f;



    display: block;



    font-size: 16px;



    line-height: 19px;



    margin-bottom: 3px;



    margin-top: 4px;



    padding-left: 2px;



}



.checked{color:#ffbc00;    font-size: 13px !important;}



.fa-star{ font-size: 11px !important;}







.btn {



    font-family: "Poppins" , sans-serif;



    ;



    font-weight: 600;



    transition: .5s;



}







.btn-primary,



.btn-secondary {



    color: #FFFFFF;



}







.btn-primary:hover {



    background: var(--secondary);



    border-color: var(--secondary);



}







.btn-secondary:hover {



    background: var(--primary);



    border-color: var(--primary);



}







.btn-square {



    width: 36px;



    height: 36px;



}







.btn-sm-square {



    width: 28px;



    height: 28px;



}







.btn-lg-square {



    width: 46px;



    height: 46px;



}







.btn-square,



.btn-sm-square,



.btn-lg-square {



    padding-left: 0;



    padding-right: 0;



    text-align: center;



}







#spinner {



    opacity: 0;



    visibility: hidden;



    transition: opacity .5s ease-out, visibility 0s linear .5s;



    z-index: 99999;



}







#spinner.show {



    transition: opacity .5s ease-out, visibility 0s linear 0s;



    visibility: visible;



    opacity: 1;



}







.back-to-top {



    position: fixed;



    display: none;



    right: 5px;



    bottom: 45px;



    z-index: 99;background:#2a398c; color:#fff;border:solid 2px #06a3da;



}







.top-shape::before {



    position: absolute;



    content: "";



    width: 35px;



    height: 100%;



    top: 0;



    left: -17px;



    background: var(--primary);



    transform: skew(40deg);



}







.navbar-light .navbar-nav .nav-link {



    font-family: "Poppins" , sans-serif;



    ;



    padding: 35px 15px;



    font-size: 18px;



    color: var(--dark);



    outline: none;



    transition: .5s;



}







.sticky-top.navbar-light .navbar-nav .nav-link {



    padding: 20px 15px;



}







.navbar-light .navbar-nav .nav-link:hover,



.navbar-light .navbar-nav .nav-link.active {



    color: var(--primary);



}







@media (max-width: 991.98px) {







    .navbar-light .navbar-nav .nav-link,



    .sticky-top.navbar-light .navbar-nav .nav-link {



        padding: 10px 0;



    }



}







.carousel-caption {



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    /* background: rgba(9, 30, 62, .85); */



    z-index: 1;



}







@media (max-width: 576px) {



    .carousel-caption h5 {



        font-size: 14px;



        font-weight: 500 !important;



    }







    .carousel-caption h1 {



        font-size: 30px;



        font-weight: 600 !important;



    }



}







.carousel-control-prev,



.carousel-control-next {



    width: 10%;



}







.carousel-control-prev-icon,



.carousel-control-next-icon {



    width: 3rem;



    height: 3rem;



}







@media (min-width: 991.98px) {



    .banner {



        position: relative;



        margin-top: -90px;



        z-index: 1;



    }



}







.section-title h5::before {



    position: absolute;



    content: "";



    width: 45px;



    height: 3px;



    right: -55px;



    bottom: 11px;



    background: var(--primary);



}







.section-title h5::after {



    position: absolute;



    content: "";



    width: 15px;



    height: 3px;



    right: -75px;



    bottom: 11px;



    background: var(--secondary);



}







.twentytwenty-wrapper {



    height: 100%;



}







.hero-header {



    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(../img/carousel-1.jpg) center center no-repeat;



    background-size: cover;



}







.bg-appointment {



    background: url(../img/Specs-World/banner2.jpg) center center no-repeat;



    background-size: cover;



}







.appointment-form {



    background: rgba(6, 163, 218, .7);



}







.service-item img,



.service-item .bg-light,



.service-item .bg-light h5,



.team-item .team-text {



    transition: .5s;



}







.service-item:hover img {



    transform: scale(1.15);



}







.team-item .team-text::after,



.service-item .bg-light::after {



    position: absolute;



    content: "";



    top: 50%;



    bottom: 0;



    left: 15px;



    right: 15px;



    border-radius: 100px / 15px;



    box-shadow: 0 0 15px rgba(0, 0, 0, .7);



    opacity: 0;



    transition: .5s;



    z-index: -1;



}







.team-item:hover .team-text::after,



.service-item:hover .bg-light::after {



    opacity: 1;



}







.bg-offer {



    background: url(../img/carousel-1.jpg) center center no-repeat;



    background-size: cover;



}







.offer-text {



    background: rgba(6, 163, 218, .85);



}







.price-carousel .owl-nav {



    position: absolute;



    width: calc(100% + 45px);



    height: 45px;



    top: calc(50% - 22.5px);



    left: -22.5px;



    display: flex;



    justify-content: space-between;



    opacity: 0;



    transition: .5s;



}







.price-carousel:hover .owl-nav {



    opacity: 1;



}







.price-carousel .owl-nav .owl-prev,



.price-carousel .owl-nav .owl-next {



    position: relative;



    width: 45px;



    height: 45px;



    display: flex;



    align-items: center;



    justify-content: center;



    color: #FFFFFF;



    background: var(--primary);



    border-radius: 2px;



    font-size: 22px;



    transition: .5s;



}







.price-carousel .owl-nav .owl-prev:hover,



.price-carousel .owl-nav .owl-next:hover {



    background: var(--secondary);



}







.bg-testimonial {



    background: url(../img/carousel-2.jpg) center center no-repeat;



    background-size: cover;



}







.testimonial-carousel {



    background: rgba(6, 163, 218, .85);



}







.testimonial-carousel .owl-nav {



    position: absolute;



    width: calc(100% + 46px);



    height: 46px;



    top: calc(50% - 23px);



    left: -23px;



    display: flex;



    justify-content: space-between;



    z-index: 1;



}







.testimonial-carousel .owl-nav .owl-prev,



.testimonial-carousel .owl-nav .owl-next {



    position: relative;



    width: 46px;



    height: 46px;



    display: flex;



    align-items: center;



    justify-content: center;



    color: #FFFFFF;



    background: var(--primary);



    border-radius: 2px;



    font-size: 22px;



    transition: .5s;



}







.testimonial-carousel .owl-nav .owl-prev:hover,



.testimonial-carousel .owl-nav .owl-next:hover {



    background: var(--secondary);



}







.testimonial-carousel .owl-item img {



    width: 120px;



    height: 120px;



}







/* ======================================================================================================================== */







/* NEW CSS START */



.brand-img img {



    width: 100%;



    border-radius: 20px;



    padding: 20px;



}







.brand-img .main1-btn {



    border: 25px;



    padding: 15px 30px;



    font-size: 18px;



    text-align: center;



    border: 1px solid grey;



    background-color: #000000;



    color: #fff;



    border-radius: 25px;



    transition: .5s;



    width: 200px;



}







.brand-img .main1-btn:hover {



    background-color: #F9BE1A;



}







.padding-section {



    padding: 50px 0px;



}







.bg-white {



    background-color: #ffffff;



}







.main2-btn {



    background-color: #008FD5;



    color: #fff;



    border-radius: 25px;



    transition: .5s;



    padding: 10px 30px;



    font-size: 18px;



    display: inline-block;



    width: 200px;



}







.main2-btn:hover {



    opacity: .7;



    color: #fff;



    background-color: #000;



}







.product-card {
 



    width: 100%;



    /* box-shadow: 0 2px 7px #dfdfdf; */



    margin: 50px auto 0px auto;



    background: #f7f7f7;



    transition: .5s;



    overflow: hidden;



    transition: 1s;



    border: solid 1px #dedede;



    border-radius: 10px;



}







.product-card:hover {



    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;



}







.product-card:hover img {



  /*  transform: scale(1.1);*/



    transition: 1s;







}







.badge {



    position: absolute;



    left: 0;



    top: 180px;



    text-transform: uppercase;



    font-size: 13px;



    font-weight: 700;



    background: #FABC19;



    color: #fff;



    padding: 3px 10px;



}







.product-tumb {



    display: flex;



    align-items: center;



    justify-content: center;



    background: #f0f0f0;



}



.product-details h5{        font-size: 17px;



    margin-bottom: 10px;



    color: #000;



    text-align: center;



    text-transform: capitalize;}



	



	.product-details h5 a{    color:#333}



.product-tumb img {



    max-width: 100%;



    max-height: 100%;



}







.product-details {



    text-align: left;



    padding: 15px 10px;



}







.product-catagory {



    display: block;



    font-size: 12px;



    font-weight: 700;



    text-transform: uppercase;



    color: #ccc;



    margin-bottom: 18px;



}







.product-details h4 a {



    font-weight: 500;



    display: block;



    margin-bottom: 18px;



    text-transform: uppercase;



    color: #363636;



    text-decoration: none;



    transition: 0.3s;



}







.product-details h4 a:hover {



    color: #fbb72c;



}







.product-details p {



    font-size: 15px;



    line-height: 22px;



    margin-bottom: 18px;



    color: #999;



}







.product-bottom-details {



    overflow: hidden;



    border-top: 0px solid #eee;



    padding-top:0px;



}







.product-bottom-details div {



    float: left;



    width: 50%;



     padding: 10px 10px 5px 10px;



}







.product-price {



    font-size: 18px;



    color: #000;



    font-weight: 600;



}







.product-price small {



    font-size: 80%;



    font-weight: 400;



    text-decoration: line-through;



    display: inline-block;



    margin-right: 5px;



}



.product-price{text-align:left}



.product-links {



    text-align: right;



}







.product-links a {



    display: inline-block;



    margin-left: 5px;



    color: #333;



    transition: 0.3s;



    font-size: 13px;



    border: solid 1px #e7e4e4;



    border-radius: 5px;



    /* -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25); */



    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);



    /* box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25); */



    /* margin: 10px 0 0 0; */



    /* display: block; */



    width: 30px;



    height: 30px;



    text-align: center;



    background-color: #fff;



    line-height: 30px;



}.product-links a:hover {



    color: #fbb72c;



}







.frames-img {



    padding: 20px;



    overflow: hidden;



}















.frames-img img {



    width: 100%;



    border-radius: 20px;



    -webkit-transition: 0.4s ease;



    transition: 0.4s ease;



    overflow: hidden;



}







.frames-img:hover img {



    -webkit-transform: scale(1.08);



    transform: scale(1.08);



}







.frames-img .frames-btn {



    position: relative;



    left: 40px;



    bottom: 60px;



    font-size: 20px;



    font-weight: 600;



    border-radius: 20px;



    padding: 7px 25px;



 

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));



    border: 1px solid #fff;



    color: #fff;



}







.frames-img .frames-btn:hover {



    color: #fff;



    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));



}





.frames-img {



    padding: 20px;



    overflow: hidden;



}















.skill-btn {



    background-color: #fff;



    color: #000;



    padding: 7px 12px;



    border: 1px solid #000000;



    border-radius: 20px;



    display: inline-block;



    margin: 0px 10px 0px 10px;



    font-size: 15px; text-align:center



}





.skill-btn:hover {



    background-color: rgb(42, 57, 140);



    color: #fff;



    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



}







.footer-form input {



    padding: 12px 0px 12px 20px;



    width: 66%;



    font-size: 15px;



    border-radius: 30px;



    border-top-right-radius: 0px;



    border-bottom-right-radius: 0px;



    border: solid 0px red;



}







.footer-form button {



    background-color: #000;



    color: #fff;



    border: none;



    margin: 0px 0px;



    text-align: center;



    font-size: 18px;



    padding: 10px 20px;



    border-radius: 25px;



    transition: .5s;



    width: 150px;



    border-top-left-radius: 0px;



    border-bottom-left-radius: 0px;



}







.footer-form button:hover {



    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



    background-color: #000000;



    color: #fff;



}







.brands {



    display: inline;



    padding: 0;



}







.brands a img {



    width: 110px;



    padding: 0;



    margin: 0 5px;



}







.titel-header {



    color: #0f0f0f;



    font-size: 35px ;



    font-weight: 500;



    margin-bottom: 7px;



    text-align: center;



}.sub-titel-header {



    color: #333;



    font-size: 20px;



    font-weight: 500;



     text-align: center;



    font-family: "Roboto", Sans-serif;



    margin-bottom: 50px;



}



.box{       border: solid 1px #0f5c85;



    border-radius: 10px;



    padding: 15px 20px 0px 20px;}



.box h3{       margin-bottom: 10px !important;}.box p{       margin-bottom: 0px !important;}







.Footer p,



.Footer a {



    font-size: 14px;



    text-align: left;



    color: #cdcdcd;



    transition: .5s; font-family: "Poppins" , sans-serif;  padding-bottom: 10px;



}







.Footer p:hover,



.Footer a:hover {



    color: #fff;



}







.Footer h3 {



    color: #e7ebed;



    font-size: 15px;



    font-weight: 500 !important;



    margin-bottom: 20px;



}







.footer-social-media a i {



    transition: .7s;



}







.footer-social-media a i:hover {



    color: #fff;



}







.bg-light-blue {



    background-color: #ecfaff;



}







.bg-light-blue p {



    padding: 15px 0px;



}







.footer-copyright p {



    font-size: 12px;



    text-align: center;



    color: #d0cccc ;padding-top:10px;



    transition: .5s;



}

.why,.bg_light_blue{float:left;  width:100%}

@media (max-width: 767px) {
.breadcrumb__content .title {
    margin-bottom: 10px !important;
    font-size: 25px !important;
}
.breadcrumb1{ float:left; margin-top:0px!important; width:100%;padding:30px 0px  !important;         background-position: top right !important;}



.pl-30{    padding-left: 0px !important;}

    .account_login_form {



        padding-top:15px



    }



}



.breadcrumb__bg {



    background-size: cover;



    background-position: center;



    padding: 105px 0 110px;



    position: relative;



    z-index: 0;



}



.breadcrumb__content .title {



    margin-bottom: 10px;



    font-size: 48px;



}



.breadcrumb__content .breadcrumb {



    margin-bottom: 0;



    padding: 0px;



}



.breadcrumb__content .breadcrumb-item {



    font-size: 16px;



    color: #000;    display: inline-block;



}



.breadcrumb-item + .breadcrumb-item {



    padding-left: 10px;



}



.breadcrumb__content .breadcrumb-item a {



    color: #3E4073;



}







.contact__form-wrap {



    background:#ECF6FA;



    border: 1px solid #CFDDE2;



    -webkit-border-radius: 8px;



    -moz-border-radius: 8px;



    -o-border-radius: 8px;



    -ms-border-radius: 8px;



    border-radius: 8px;



    padding: 35px 40px 40px;



    margin-left: 30px;



}



.contact__form-wrap form  .btn {



    user-select: none;



    -moz-user-select: none;



    background: #3E4073;



    border: medium none;



    -webkit-border-radius: 10px;



    -moz-border-radius: 10px;



    -o-border-radius: 10px;



    -ms-border-radius: 10px;



    border-radius: 10px;



    color: #fff;



    cursor: pointer;



    display: inline-flex;



    align-items: center;



    font-size: 14px;



    font-weight: 700;



    letter-spacing: 0;



    line-height: 1;



    margin-bottom: 0;



    padding: 18px 24px;



    text-align: center;



    text-transform: uppercase;



    touch-action: manipulation;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -ms-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;



    vertical-align: middle;



    white-space: nowrap;



    position: relative;



    overflow: hidden;



    z-index: 1;



}



.contact__form-wrap form .form-grp {



    margin-bottom: 10px;



}



.contact__form-wrap form .form-grp textarea {



    width: 100%;



   background: #fff;



    border: 1px solid #E6EEFF;



    -webkit-border-radius: 8px;



    -moz-border-radius: 8px;



    -o-border-radius: 8px;



    -ms-border-radius: 8px;



    border-radius: 8px;



    padding: 14px 15px;



    font-size: 15px;



    color: var(--tg-theme-secondary);



    display: block;



    min-height: 130px;



    max-height: 130px;



}



.contact__form-wrap form .form-grp input {



    width: 100%;



    background: #fff;



    border: 1px solid #E6EEFF;



    -webkit-border-radius: 8px;



    -moz-border-radius: 8px;



    -o-border-radius: 8px;



    -ms-border-radius: 8px;



    border-radius: 8px;



    padding: 14px 15px;



    font-size: 15px;



    color: var(--tg-theme-secondary);



    height: 50px;



}



.contact__info .list-wrap li .icon {



    width: 60px;



    height: 60px;



    display: -webkit-box;



    display: -moz-box;



    display: -ms-flexbox; color: #171b88;



    display: -webkit-flex;



    display: flex;



    align-items: center;



    justify-content: center;



    background: #ECF6FA;



    -webkit-border-radius: 50%;



    -moz-border-radius: 50%;



    -o-border-radius: 50%;



    -ms-border-radius: 50%;



    border-radius: 50%;



    line-height: 0;



     



    font-size: 25px;



    flex: 0 0 auto;



}



.contact__form-wrap .title {



    margin-bottom: 5px;



    font-size: 30px;



    font-weight: 600; color: #171b88;



}



.contact__info .list-wrap li .content .title {



    margin-bottom: 5px;



    font-size: 20px;



    font-weight: 600; color: #171b88;



}



.contact__info .list-wrap li .content p {



    margin-bottom: 0;



    font-weight: 500;



}



.contact__area {



    padding: 120px 0;



}



.contact-map {



    width: 100%;



    height: 490px;



    margin-bottom: 70px;



}



.list-wrap {



    margin: 0px;



    padding: 0px;



}



.contact__info .list-wrap li {



    display: -webkit-box;



    display: -moz-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    align-items: center;    list-style: none;



    gap: 18px;



    margin-bottom: 50px;



}



.mb-35 {



    margin-bottom: 35px;



}



.contact__info .btn {



    user-select: none;



    -moz-user-select: none;



    background: #F7A400;



    border: medium none;



    -webkit-border-radius: 10px;



    -moz-border-radius: 10px;



    -o-border-radius: 10px;



    -ms-border-radius: 10px;



    border-radius: 10px;



    color: var(--tg-color-white-default);



    cursor: pointer;



    display: inline-flex;



    align-items: center;



    font-size: 14px;



    font-weight: 700;



    letter-spacing: 0;



    line-height: 1;



    margin-bottom: 0;



    padding: 18px 24px;



    text-align: center;



    text-transform: uppercase;



    touch-action: manipulation;



    -webkit-transition: all 0.3s ease-out 0s;



    -moz-transition: all 0.3s ease-out 0s;



    -ms-transition: all 0.3s ease-out 0s;



    -o-transition: all 0.3s ease-out 0s;



    transition: all 0.3s ease-out 0s;



    vertical-align: middle;



    white-space: nowrap;



    position: relative;



    overflow: hidden;



    z-index: 1;



}























.fa-exchange-alt:before {



    content: "\f362";



    font-size: 15px !important;



    



    top: -2px !important;



    position: relative !important;



}



.m-0{margin:0px !important}



.product-card .preview {



    background-color: #fff;    padding: 15px;



}



.ic1{           margin: 0px auto;



    width: 50px;



     border-radius: 50px;



    border: solid 1px #07526b;



    text-align: center;



    background: #06A3DA;



    border-radius: 10px;



    padding: 15px 0px;



     }



.ic{   



    padding: 10px 0px;



     



    



     }



	#sync2 .owl-carousel .owl-stage{    width: 210px !important;



    border: solid 1px red;



    margin: 0px auto;}



	.owl-theme .owl-nav [class*='owl-'] {



    display:none



}



ul.btm-links{padding:10px 0px 0px 0px;margin:0px;}



ul.btm-links li a{    padding: 0px 10px;



    margin: 0px;



    display: inline-block;



    font-size: 12px;



    color: #d0cccc  !important;}



ul.btm-links li {   



    display: inline-block;



   }



.product-card input[type='radio'] {



         -webkit-appearance: none;



    -moz-appearance: none;



    width: 12px;



    height: 12px;



    margin: 0px 0px 0px 5px;



    position: relative;



     display: inline;



    border-radius: 20px;



    z-index: 0;



    cursor: pointer;



    box-shadow: 1px 1px 1px #000;



}







.product-card input[type='radio']:hover {



    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;



}







.red {



    background: #5ccee1c2;



}







.red:checked {



    background: linear-gradient(#5ccee1c2, #5ccee1c2)



}







.green {



    background: green;



}







.green:checked {



    background: linear-gradient(green, lime);



}







.yellow {



    background: #F9BC16;



}







.yellow:checked {



    background: linear-gradient(orange, #F9BC16);



}







.purple {



    background: purple;



}







.pink {



    background: #000;



}







.purple:checked {



    background: linear-gradient(purple, violet);



}







.red:checked~img {



    -webkit-filter: opacity(.5) drop-shadow(0 0 0 red);



    filter: opacity(.5) drop-shadow(0 0 0 red);



}







.green:checked~img {



    -webkit-filter: opacity(.5) drop-shadow(0 0 0 green);



    filter: opacity(.5) drop-shadow(0 0 0 green);



}







.yellow:checked~img {



    -webkit-filter: opacity(.5) drop-shadow(0 0 0 #F9BC16);



    filter: opacity(.5) drop-shadow(0 0 0 #F9BC16);



}







.purple:checked~img {



    -webkit-filter: opacity(.5) drop-shadow(0 0 0 purple);



    filter: opacity(.5) drop-shadow(0 0 0 purple);



}







.pink:checked~img {



    -webkit-filter: opacity(.5) drop-shadow(0 0 0 #000);



    filter: opacity(.5) drop-shadow(0 0 0 #000);



}







::selection {



    background: #000;



}







.v-center {



    align-items: center;



}







ul {



    list-style: none;



    margin: 0;



    padding: 0;



}







a {



    text-decoration: none;



}







/* header */



.header {



    display: block;



    width: 100%;



    position: fixed; 



    z-index: 10;



    padding: 0px;



    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background:#FFFFFF



}





#header-carousel{top:131px}

.header .item-left {



    flex: 0 0 17%;

 padding:15px 0px;

}







.header .logo a {



    font-size: 30px;



    color: #000000;



    font-weight: 700;



    text-decoration: none;



}







.header .item-center {



    flex: 0 0 66%;



}







.header .item-right {



    flex: 0 0 0%;



    display: flex;



    justify-content: flex-end;



}



.header .item-right li {



  



    margin-left: 0px;



    



}



.header .item-right a {



    text-decoration: none;



    font-size: 14px;



    color: #333;



    display: inline-block;



    margin-left: 15px;



    transition: color 0.3s ease;



}







.header .menu>ul>li {



    display: inline-block;



    line-height: 40px;



    margin-left: 25px;



}







.header .menu>ul>li>a {



    font-size: 15px;



    font-weight: 500;



    color: #000000;



    position: relative;



    text-transform: capitalize;



    transition: color 0.3s ease;



}







.header .menu>ul>li .sub-menu {



    position: absolute;



    z-index: 1;



    background-color: #ffffff;



    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);



       padding: 10px 10px;



    transition: all 0.5s ease;



    margin-top: 25px;



    opacity: 0;



    visibility: hidden;



}







@media(min-width: 992px) {



    .header .menu>ul>li.menu-item-has-children:hover .sub-menu {



        margin-top: 0;



        visibility: visible;



        opacity: 1;



    }



}







.header .menu>ul>li .sub-menu>ul>li {



    line-height: 1;



}







.header .menu>ul>li .sub-menu>ul>li>a {



    display: inline-block;



    padding: 10px 0;



    font-size: 15px;



    color: #555555;



    transition: color 0.3s ease;



    text-decoration: none;



    text-transform: capitalize;



}







.header .menu>ul>li .single-column-menu {



    min-width: 280px;



    max-width: 350px;



}







.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {



    line-height: 1;



    display: block;



}







.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {



    padding: 10px 0;



    display: inline-block;



    font-size: 15px;



    color: #555555;



    transition: color 0.3s ease;



}







.header .menu>ul>li .sub-menu.mega-menu {



    left: 50%;



    transform: translateX(-50%);



}







.header .menu>ul>li .sub-menu.mega-menu-column-4 {



    max-width: 1100px;



    width: 100%;



    display: flex;



    flex-wrap: wrap;



    padding: 20px 15px;



}







.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {



    flex: 0 0 20%;



    padding: 0 15px;



}







.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {



    font-size: 16px;



    color: #ea4636;



    font-weight: 500;



    line-height: 1;



    padding: 10px 0;



}







.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {



    text-align: center;



}







.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {



    max-width: 100%;



    width: 100%;



    vertical-align: middle;



    margin-top: 10px;



    object-fit: cover;



}







.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,



.header .menu>ul>li .sub-menu>ul>li>a:hover,



.header .item-right a:hover,



.header .menu>ul>li:hover>a {



    color: #ea4636;



}







/* banner section */



.banner-section {



    background-image: url('../img/banner.html');



    background-size: cover;



    background-position: center;



    height: 700px;



    width: 100%;



    display: block;



}







.mobile-menu-head,



.mobile-menu-trigger {



    display: none;



}



.color_btn {



        float: none;



    text-align: center;



    /* width: 120px; */



    border: solid 0px red;



    margin: 0px auto;



}



 .hidden-lg{ display:none}

 .hidden-sm{ display:block}



 @media(max-width: 767px) {

 .hidden-lg{ display:block}



.hidden-sm{ display:none}

.header .item-left {



 padding:0px 0px;

}





.header {

    display: block;

    width: 100%;

    position: relative;

 

    padding: 0px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;z-index:1

    /* top: 100px; */

}



#header-carousel{top:0px !important}

.dropdown-item{     font-size: 13px !important;}



.xzoom5, .xzoom-container {



    width: 100% !important;



}



.g-5, .gy-5 {



    --bs-gutter-y: 1rem;



}



.container h4, .h4 {



    font-size: 20px;



    margin-bottom: 18px;



}



 



.Kidglasses-dropdown .dropdown {



    display: inline-block;



 



    text-align: center;



    margin: 10px 10px;






    float: left;



    width: 140px !important;



    text-align: left;



}



.Eyeglasses-light-btn {



        padding: 10px 10px !important;



        width: 140px !important;



        font-size: 14px !important;



        float: left !important;



        background-color: #fff;



        border-radius: 7px;



        color: #555555;



        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



    }.logo img{    width: 170px;}



.frames-img {



    padding: 0px 0px;



    overflow: hidden;



    margin: 0px;



}



.product-card{    margin: 10px auto;}



.color_btn{float:left; text-align:left; ;margin-top:10px;display:none}



.product-details {



    text-align: left;



    padding: 8px 0px;



}

.frames-img-m .frames-btn {

        position: relative;

        left: 20px;

        bottom: 50px;

        font-size: 15px;

        padding: 7px 15px;

        font-weight: 500;

    }

.frames-img .frames-btn {

        position: relative;

        left: 8px;

        bottom: 45px;

        font-size: 13px;

        padding: 5px 10px;

        font-weight: 500;

    }

.skill-btn {



    background-color: #fff;



    color: #000 !important;



    padding: 7px 5px 7px 10px !important;



    border: 1px solid #000000 !important;



    border-radius: 20px !important;



    display: inline-block !important;



    margin: 10px 5px !important;



    width: 46% !important;



    /* float: left; */



    font-size: 13px !important;



}}



@media(max-width: 991px) {







    .header .item-center {



        order: 3;



        flex: 0 0 100%;



    }







    .header .item-left,



    .header .item-right {



        flex: 0 0 auto;        width: 50%;



    }







    .v-center {



        justify-content: space-between;



    }







    .header .mobile-menu-trigger {



        display: flex;



        height: 30px;



        width: 30px;



        margin-left: 5px;



        cursor: pointer;



        align-items: center;



        justify-content: center;



    }







    .header .mobile-menu-trigger span {



        display: block;



        height: 2px;



        background-color: #333333;



        width: 24px;



        position: relative;



    }







    .header .mobile-menu-trigger span:before,



    .header .mobile-menu-trigger span:after {



        content: '';



        position: absolute;



        left: 0;



        width: 100%;



        height: 100%;



        background-color: #333333;



    }







    .header .mobile-menu-trigger span:before {



        top: -6px;



    }







    .header .mobile-menu-trigger span:after {



        top: 6px;



    }







    .header .item-right {



        align-items: center;



    }







    .header .menu {



        position: fixed;



        width: 320px;



        background-color: #ffffff;



        left: 0;



        top: 0;



        height: 100%;



        overflow: hidden;



        transform: translate(-100%);



        transition: all 0.5s ease;



        z-index: 1099;



    }



	







    .header .menu.active {



        transform: translate(0%);



    }







    .header .menu>ul>li {



        line-height: 1;



        margin: 0;



        display: block;



    }







    .header .menu>ul>li>a {



        line-height: 50px;



        height: 50px;



        padding: 0 50px 0 15px;



        display: block;



        border-bottom: 1px solid rgba(0, 0, 0, 0.1);



    }







    .header .menu>ul>li>a i {



        position: absolute;



        height: 50px;



        width: 50px;



        top: 0;



        right: 0;



        text-align: center;



        line-height: 50px;



        transform: rotate(-90deg);



    }







    .header .menu .mobile-menu-head {



        display: flex;



        height: 50px;



        border-bottom: 1px solid rgba(0, 0, 0, 0.1);



        justify-content: space-between;



        align-items: center;



        position: relative;



        z-index: 501;



        position: sticky;



        background-color: #ffffff;



        top: 0;



    }







    .header .menu .mobile-menu-head .go-back {



        height: 50px;



        width: 50px;



        border-right: 1px solid rgba(0, 0, 0, 0.1);



        cursor: pointer;



        line-height: 50px;



        text-align: center;



        color: #000000;



        font-size: 16px;



        display: none;



    }







    .header .menu .mobile-menu-head.active .go-back {



        display: block;



    }







    .header .menu .mobile-menu-head .current-menu-title {



        font-size: 15px;



        font-weight: 500;



        color: #000000;



    }







    .header .menu .mobile-menu-head .mobile-menu-close {



        height: 50px;



        width: 50px;



        border-left: 1px solid rgba(0, 0, 0, 0.1);



        cursor: pointer;



        line-height: 50px;



        text-align: center;



        color: #000000;



        font-size: 25px;



    }







    .header .menu .menu-main {



        height: 100%;



        overflow-x: hidden;



        overflow-y: auto;



    }







    .header .menu>ul>li .sub-menu.mega-menu,



    .header .menu>ul>li .sub-menu {



        visibility: visible;



        opacity: 1;



        position: absolute;



        box-shadow: none;



        margin: 0;



        padding: 15px;



        top: 0;



        left: 0;



        width: 100%;



        height: 100%;



        padding-top: 65px;



        max-width: none;



        min-width: auto;



        display: none;



        transform: translateX(0%);



        overflow-y: auto;



    }







    .header .menu>ul>li .sub-menu.active {



        display: block;



    }







    @keyframes slideLeft {



        0% {



            opacity: 0;



            transform: translateX(100%);



        }







        100% {



            opacity: 1;



            transform: translateX(0%);



        }



    }







    @keyframes slideRight {



        0% {



            opacity: 1;



            transform: translateX(0%);



        }







        100% {



            opacity: 0;



            transform: translateX(100%);



        }



    }







    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {



        margin-top: 0;



    }







    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {



        margin-bottom: 20px;



    }







    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {



        margin-bottom: 0px;



    }







    .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {



        flex: 0 0 100%;



        padding: 0px;



    }







    .header .menu>ul>li .sub-menu>ul>li>a,



    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {



        display: block;



    }







    .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {



        margin-bottom: 15px;



    }







    .menu-overlay {



        position: fixed;



        background-color: rgba(0, 0, 0, 0.5);



        left: 0;



        top: 0;



        width: 100%;



        height: 100%;



        z-index: 1098;



        visibility: hidden;



        opacity: 0;



        transition: all 0.5s ease;



    }







    .menu-overlay.active {



        visibility: visible;



        opacity: 1;



    }



}







.nav-sub-logo img {



    width: 120px;



    margin: 10px 0px;



}







.top-inner-banner {



    padding: 40px 0px;



    text-align: center;



    background-color: #020621;



}







.top-inner-banner ul li {



    list-style-type: none;



    font-size: 18px;



    display: inline-block;



    margin: 0 5px;



    color: #fff;



}







.Kidglasses-dropdown {



    padding:15px 10px;



    background-color: #F2F3F5; 



}







.Kidglasses-dropdown .dropdown {



    display: inline-block;



    background-color: #fff;



    text-align: center;



    margin: 7px;






}







.Kidglasses-dropdown .dropdown-menu {



 



}







.Eyeglasses-light-btn {



    padding: 10px 15px;



    font-size: 16px;



    background-color: #fff;



    border-radius: 7px;



    color: #555555;



    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



}







h1,



h2,



h3,



h4,



h5,



h6 {



    font-family: "Poppins" , sans-serif;



}



.step1 .col-11 .fa-chevron-right {

        margin-left: 10px;    font-size: 12px;

       

    }





#sync1 .item {



    padding: 30px 15px;



    margin: 5px;



    color: #FFF;



    -webkit-border-radius: 3px;



    -moz-border-radius: 3px;



    border-radius: 3px;



    text-align: center;



}



.pp{float:left; margin-bottom:200px; background:#fff; width:100%}



.personal-productright{



    position: fixed;



    top: 156px;



    right: 0px;



    background: #fff;



    z-index: 1;}



 



#sync2 .owl-item {



       padding: 10px 0px;



    margin: 5px;



    color: #FFF;



    -webkit-border-radius: 3px;



    -moz-border-radius: 3px;



    border-radius: 3px;



    text-align: center;



    cursor: pointer;



    border: 1px solid #cecece;



    width: 60px !important;



}







#sync2 .item h1 {



    font-size: 18px;



}



#sync1 .owl-theme .owl-nav {



    display:block !important



}



#sync2 .owl-theme .owl-nav {



    display:none !important



}



 







.owl-theme .owl-nav [class*='owl-'] {



    transition: all .3s ease;



}







.owl-theme .owl-nav [class*='owl-'].disabled:hover {



    background-color: #D6D6D6;



}







#sync1.owl-theme {



    position: relative;    z-index: 0;



}



#sync1.owl-nav{display:block !important}



#sync1.owl-theme .owl-next,



#sync1.owl-theme .owl-prev {



              width: 35px;



    height: 35px;



    line-height: 15px;



    padding: 7px 5px;



    margin-top: 20px;



    position: absolute;



    top: 50%;



    border-radius: 50%;



    background-color: #fff;



    border: 1px solid #f1f1f1;display:block !important



}







#sync1.owl-theme .owl-prev {



    left: 20px;



}







#sync1.owl-theme .owl-next {



    right: 20px;



}



.fa-refresh:before {



    content: "\f021";



}



.ifrm {



    border: none;



    width: 100%;



    margin-top: 50px;



}



.pr-0{padding-right:0px !important}



.pl-0{padding-left:0px}



.pr-sm-15{padding-right:15px !important}







.product-card1 {



        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



    border-radius: 10px;



    background-color: #fff;



    margin-bottom: 25px;



    margin-right: 20px;



}



.wHoyj {



    border-radius: 100%;



    transition: all 0.25s ease 0s;



    box-sizing: content-box;



    object-fit: cover;



    width: 26px;



    height: 26px;



    border: 1px solid rgb(0, 0, 0);



    padding: 3px;



}



.product-card2 {



    padding: 20px 0px 20px 0px;



 



    border-radius: 10px;



    background-color: #fff;    width: 100%;



    float: left;



}







.product-card2 button {



     padding: 7px 20px;



    color: #0f0f0f;



    border: 1px solid #b6b6b6;



    font-size: 15px;



    transition: .5s;    font-weight: 600;



}



 



.product-card2 button:hover {



      color: #0f0f0f !important;



    border-bottom: solid 0px #0f0f0f!important;



}



.accordion-item p{ font-size:14px ; }



.card-01 {



    border: 0px solid #dbdbdb;



    padding: 0px;



    text-align: center;



}







.card-01 img {



    padding: 0px 0px;



}







.accordion .accordion-item {



    border-bottom: 0px solid #c0c0c0;



}



.accordion button p {



        padding: 5px 0px 0px 0px;



    font-size: 14px;



    font-weight: 500;



    margin-bottom: 0px !important;



    border-bottom: solid 0px red;



    color: #666;



}



.accordion .accordion-item button[aria-expanded='true'] {



    border-bottom:0px solid #06A3DA;



}







.accordion button {



    position: relative;



    display: block;



    text-align: left;



    width: 100%;



    padding: 15px 0px 20px 28px;



    color: #333;



    font-size: 1.15rem;



    font-weight: 400;



    border: none;



    background: none;



    outline: none;



}



.accordion button:hover,



.accordion button:focus {



    cursor: pointer;



    color: #06A3DA;



}







.accordion button:hover::after,



.accordion button:focus::after {



    cursor: pointer;



    color: #06A3DA;



    border: 1px solid #06A3DA;



}







.accordion button .accordion-title {



   



     font-size: 18px;



    font-weight: 600;



    



}



.styledTableCell, .styledTableHeadCell{    border: 1px solid #ebebeb !important;}



.accordion-content table{    background-color: #f4f9ff;    background-color: #f4f9ff;



    border: 1px solid #dedede;    width: 100%;}



	



.accordion-content tr, td {



    border-color: inherit;



    border-style: solid;



    border-width: 1px;



    width: 100px;



    padding: 0px !important;



}



.accordion-content th {



    border-color: inherit;



    border-style: solid;



    border-width: 1px;



    width: 100px;



    padding: 10px !important;



    color: #000;



    font-size: 14px;



}



.accordion-content .table {



    



    width: 90%;



    margin-bottom: 1rem;



    color: #6B6A75;



    vertical-align: top;



     background-color: #f4f9ff;



    border: 1px solid #dedede;



}



.accordion-content table tr th, td{   padding:5px; text-align:left}



.accordion-content table1 tr th, td{   padding:5px; text-align:left; background:#fff}







.accordion-content  .table>:not(caption)>*>* {



    padding: .5rem .5rem;



    background-color: var(--bs-table-bg);



    border-bottom-width: 0px;



    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);



}







.accordion-content .form-select {



    display: block;



    width: 100%;



    padding: 10px;



    font-size: 1rem;



    font-weight: 400;



    line-height: 1.5;



    color: #6B6A75;



    background-color: #fff;



   /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);*/



    background-repeat: no-repeat;



    background-position: right .75rem center;



    background-size: 16px 12px;



    border: 0px solid #ced4da;



    border-radius: 2px;



    appearance: none;



}



.accordion-content small{color:#333}



.accordion button .icon {



    display: inline-block;



    position: absolute;



    top: 31px;



    right: 20px;



    width: 22px;



    height: 22px;



    border: 1px solid;



    border-radius: 22px;



}



.accordion button .icon::before {



    display: block;



    position: absolute;



    content: '';



    top: 9px;



    left: 5px;



    width: 10px;



    height: 2px;



    background: currentColor;



}







.accordion button .icon::after {



    display: block;



    position: absolute;



    content: '';



    top: 5px;



    left: 9px;



    width: 2px;



    height: 10px;



    background: currentColor;



}







.accordion button[aria-expanded='true'] {



    color: #06A3DA;



}







.accordion button[aria-expanded='true'] .icon::after {



    width: 0;



}







.accordion button[aria-expanded='true']+.accordion-content {



    opacity: 1;



    max-height: fit-content;



    transition: all 200ms linear;



    will-change: opacity, max-height;



}







.accordion .accordion-content {



    opacity: 0;



    max-height: 0;



    overflow: hidden;



    transition: opacity 200ms linear, max-height 200ms linear;



    will-change: opacity, max-height;



}



.cPtCAw {



    width: 100%;    margin-bottom: 30px;



       height: 70px;



    resize: none;



    color: rgb(91, 105, 113);



    border-radius: 8px;



    padding: 14px 18px;



    outline: none;



    box-sizing: border-box;



    font-size: 15px;



    font-family: Roboto, Helvetica, Arial, sans-serif;



    letter-spacing: 0.21px;



    background: rgb(255, 255, 255);



    border: 1px solid rgb(222, 222, 222);



}



.accordion-content .table1 {



    width: 90%;



    margin-bottom: 1rem;



    color: #6B6A75;



    vertical-align: top;



    background-color: #f4f9ff;



    border: 1px solid #dedede;



}



.accordion-content th {



    border-color: inherit;



    border-style: solid;



    border-width: 1px;



    width: 100px;



    padding: 10px !important;



    color: #000;



    font-size: 14px;



}



.accordion .accordion-content .table1 .form-check {



    display: block;



     padding-left: 20px;



    margin-bottom: 15px;



    color: #000;



    font-size: 15px;



}



.form-check-input  {    color: #000000;



    font-size: 14px;



    padding-bottom: 10px;}



	



	



	



	 .form-check-label{    color: #000000;



    font-size: 14px;



    padding-bottom: 10px;}



.accordion .accordion-content .table1 p {



    font-size: 13px;



    font-weight: 400;



    margin: 0px;



    padding: 5px 0px 0px 10px;



    color: #333;



}



.accordion-content  .table1 tr td .form-select {



    display: block;



    width: 100%;



    padding: .375rem 2.25rem .375rem .75rem;



    font-size: 1rem;



    font-weight: 400;



    line-height: 1.5;



    color: #6B6A75;



    background-color: #fff;



/*    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);*/



    background-repeat: no-repeat;



    background-position: right .75rem center;



    background-size: 16px 12px;



    border: 0px solid #ced4da;



    border-radius: 2px;



    appearance: none;



}



.accordion .accordion-content p {



    font-size: 1rem;



    font-weight: 300;



    margin: 2em 0;



    padding: 10px;



}







.Select-Lense-btn {



    background-color: #06A3DA;



    color: #fff;



    padding: 11px 45px;



    border-radius: 7px;



    margin: 5px 18px 0px 0px;



    float: left;



    font-size: 20px;



    font-weight: 500;



}



.Select-Lense-btn:hover {



    background-color: #091E3E;



    color: #fff;



}



.Select-Lense-btn1 {



       border: solid 2px #06A3DA;



    color: #06A3DA;



    padding: 10px 15px;



    border-radius: 7px;



    margin: 6px 18px 0px 0px;



    float: left;



    font-size: 20px;



    font-weight: 500;



}







.Select-Lense-btn1:hover {



     border:solid 2px #091E3E;



    color: #06A3DA;



}



.product-card1 .checked {



    color: orange;



}







.product-li li {



    display: inline-block;



    padding: 7px;



}



.card-002 img {



     margin-top: 15px;



}



.card-002 {



    padding: 20px;



    font-size: 14px;



    margin-top: 15px;



}



.upload-file-0 {



    padding: 20px;



}







.upload-file-0 input {



    display: block;



    text-align: center;



    margin: 20px 0px !important;



}







/* ==================================================== */







@media screen and (max-width: 767px) {

.step1 .col-11 .fa-chevron-right {

       

        margin-left: 40px;

        margin-top: -15px;

        position: absolute;

    }



.Eyeglasses-light-btn {



    padding: 10px 10px;



    font-size: 14px;



    background-color: #fff;



    border-radius: 7px;



    color: #555555;



    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



}



.xzoom-preview{display:none !important}



.wrapper_aoTvlX div{float:left;width:100% !important}



.accordion-content .table1 tr td .form-select option {



    



    padding: 5px !important;



    font-size: 10px !important;



    



         line-height: 10px !important;



    color: #6B6A75;



    background-color: #fff;



    



}



.step1{width:100%}



.Select-Lense-btn {



    background-color: #06A3DA;



    color: #fff;



          padding: 15px 15px !important;



    border-radius: 7px;



    margin: 5px 5px 0px 5px !important;



    float: left;



    font-size: 15px;



    font-weight: 500;



}



.tooltip1 .tooltiptext {



 



    left: 15%;



     



}



.m-d label[class^="tab"] {



    



    margin-left: 150px;



 }



.checkoutttt2 {



    background: #fff;



    padding: 70px 20px 20px 0px;



    border: solid 0px #e0e0e0;



}



.checkout_form h3 {



      padding: 15px 10px 0px 10px;



     /* background: #333333; */



 }



.checkoutttt1 {



    background: #f9f9f9;



    padding: 10px;



}



.step1 .col-1 {



    flex: 0 0 auto;



    width: 20.33333%;



}



.accordion-item{    margin-top: 15px;}



ul.pushNav li  p{text-align:left; padding:0px 0px



    



}



.accordion button .icon {



    display: inline-block;



    position: absolute;



    top: 15px !important;



    right: 20px;



    width: 22px;



    height: 22px;



    border: 1px solid;



    border-radius: 22px;



}



.fa-chevron-right{margin-left:10px}



.step2 .col-4 {



        flex: 0 0 auto;



        width: 100%;        text-align: center;



    }



	



	



	.step2 .col-4 img{  



       



        text-align: center;



        width: 200px; margin-bottom:10px;



       



       



    }



.step2	.col-8 {



    flex: 0 0 auto;



    width: 100%;



}



.step1 .col-11 {



        flex: 0 0 auto;



        width: 78.66667%;



    }



.step2 {



    padding: 20px 15px 15px 15px !important;



    background-color: #fff;



}



.step2 .js-openLevel img {



        width: 100px;



    }



.step1 small {



    padding: 8px 0px;



    color: #333333;



    font-size: 12px;



}



.step1 .js-openLevel img{width:40px}



.col-4 {



    flex: 0 0 auto;



    width: 100%;



}



ul.pushNav li {



    



    width: 98%;



}



    .pushNav {



        width: 100%;



        right: -100%;



    }



}







@media screen and (min-width: 768px) {



    .pushNav {



        width: 40%;



        right: -40%;



    }



}



.step2 ul{    margin-bottom: 20px !important;}



ul.pushNav {



    padding: 0;



    margin: 0;



    list-style-type: none;    font-size: 14px;



    font-weight: 600;



}



.step2 .col-md-8 h4{    padding-top: 15px;}



ul.pushNav li {



    padding: 10px 15px 0px 15px;



    line-height: 22px;



    font-weight: 400;



    font-size: 14px;



    color: #333;



}







.step2 ul.pushNav li{        padding: 10px 15px 0px 15px;



    line-height: 22px;



    font-weight: 500;



    font-size: 13px;}







.step2 li{padding-bottom:15px; font-weight: 500;}







.pushNav {



    height: 100%;



    position: fixed;



    top: 0;



    z-index: 100;



    overflow: scroll;



    background: #FBF9F7;



    color: #2e2f35;



    transition: ease-in-out 0.5s;



}







.pushNav hr {



    border: 1px solid #555;



}







.pushNav,



.pushNav a {



    font-size: 1em;



   font-family: "Poppins" , sans-serif;



    font-weight: 100;



    color: #2e2f35;



    text-decoration: none;



}







.pushNavIsOpen {



    overflow: auto;



    height: 100%;



}







.js-topPushNav.isOpen,



.pushNav_level.isOpen {



    right: 0;



}







.closeLevel,



.openLevel {



    cursor: pointer;



}







.js-openLevel {



    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;



    background-color: #fff;



    margin: 5px 0px;



}











.openLevel,



.closeLevel,



.pushNav a {



    padding: 0px 0;



    display: block;



    text-indent: 20px;



    transition: background 0.4s ease-in-out;



}







.openLevel:hover,



.closeLevel:hover,



.pushNav a:hover {



    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;



}







.hdg {



    background-color: #1e1e24;



}







.closeLevel,



closelevel>i {



    font-size: 1em;



    color: #a5a5a4;



}







.burger {



    top: 24px;



    right: 48px;



}











.screen {



    position: fixed;



    background: rgba(0, 0, 0, 0.7);



    width: 100%;



    height: 0;



    top: 0;



    bottom: 0;



    right: 0;



    opacity: 0;



    transition: opacity 0.5s ease-in-out;



}







.pushNavIsOpen .screen {



    height: 100%;



    opacity: 1;



}







.fa {



    display: inline;



 }







.wrapper {



    max-width: 625px;



    margin: 120px auto;



    padding: 0 20px;



    color: #fff;



    font-family: "Trebuchet MS", Helvetica, sans-serif;



    font-weight: 100;



    font-size: 1.1em;



    line-height: 1.4em;



}







.wrapper a {



    color: #20c270;



    text-decoration: none;



}







.wrapper button {



    background-color: #20c270;



    margin: 50px auto;



    display: block;



    padding: 10px 40px;



    border: none;



}







.wrapper1 button:hover {



    background-color: #18a960;



}







.wrapper1 button a {



    color: #fff;



    font-size: 2em;



}







.step1 small



  {



    padding: 8px 0px;color:#333333



}



 



.step2 small {



    padding: 5px 0px;



}



.step1







 {



    padding: 15px;



    background-color: #fff;    font-size: 15px;color:#000000



}







 .step2







 {



    padding:0px 15px 15px 15px;



    background-color: #fff;



}



 .step3



.accordion-content small{color:#333}



  

.step2 p {



       margin: 15px 0px;



    color: #000;    font-size: 16px;font-weight:500



}



.step2 i {



     position: relative;



}



ul.pushNav li.closeLevel {



    padding: 15px 15px 15px 15px !important;



    color: #fff;



}



.step2 .fa-chevron-right {



    position: relative;



     



    float: right;



    font-size: 14px;



    padding: 5px 0px 0px 0px;



}



.faq-titel {



    padding: 10px 0px 10px 15px;



    margin-bottom: 0px;



    font-size: 20px;



}







.list-style ul li {



    list-style-type: disc;



    padding: 0px 0px 10px 0px;



}







/*popup*/



.box {



  



    



}



.step2 p{    margin-bottom: 0px;}



.button {



   



}



.button:hover {



   



}







.overlay {



  position: fixed;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  background: rgba(0, 0, 0, 0.7);



  transition: opacity 500ms;



  visibility: hidden;



  opacity: 0;



}



.overlay:target {



  visibility: visible;



  opacity: 1;



}







.popup {



  margin: 70px auto;



  padding: 30px 35px;



  background: #fff;



  border-radius: 10px;



  width: 35%;



  position: relative;



  transition: all 5s ease-in-out;



}







.popup h2 {



  margin-top: 0;



  color: #333;



  font-family: "Poppins" , sans-serif;



}



.popup .close {



      position: absolute;



    top: 0px;



    right: 15px;



    transition: all 200ms;



    font-size: 30px;



    font-weight: bold;



    text-decoration: none;



    color: #333;



}



.popup .close:hover {



  color: #06D85F;



}



.popup .content {



  max-height: 30%;



  overflow: auto;



}







@media screen and (max-width: 700px){



 .Footer .box{



    width: 100%;



  }



  .box{



    width: 70%;



  }



  .popup{



    width: 70%;



  }



}