#top-bar {

	background: #000639;

}



#top-bar a {

	color: white;

}



.flex-right {

	float: right;

}





@media (max-width: 991px) {

	.header-area .main-nav .nav {

		padding: 0px;

	}



	.header-area .main-nav .nav li a {

		font-size: 10px;

		text-align: right;

	}



	.header-area .main-nav {

		max-height: 80px;

	}



    .hrrow {

        display: none;

    }

}



.content-text .fa-star {
	zoom: 5;
	float: left;
    color: darkorange;
	margin-right: 3px;
    -moz-transform: scale(5);
}



.edcl-bottom-grids-6 {

    background: #f5f3f3;

    position: relative;

    z-index: 1;

}



.mb-5, .my-5 {

    margin-bottom: 3rem !important;

}

.mt-5, .my-5 {

    margin-top: 3rem !important;

}



.edcl-bottom-grids-6 .area-box:hover {

    transition: .3s;

    box-shadow: 0 25px 98px 0 rgb(0 0 0 / 10%);

}

.edcl-bottom-grids-6 .area-box {

    position: relative;

    z-index: 1;

    border-radius: 8px;

    box-shadow: 0 25px 98px 0 rgb(0 0 0 / 3%);

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

    text-align: center;

}

.area-box {

    padding: 0px 40px;

    position: relative;

    z-index: 1;

    border-radius: 8px;

    box-shadow: 0 25px 98px 0 rgb(0 0 0 / 3%);

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

    text-align: center;

}

.text-left {

    text-align: left !important;

}





.hrrow {

    margin-top: 0px;

    width: 200px;

}



.axesell {

    letter-spacing: 5px;

    font-size: 120px;

    color: darkorange;

}



h1 em {

    font-size: 44px;

    color: #696969! important;

}





.welcome-area .header-text p {

    text-transform: uppercase;

    font-weight: 300;

    font-size: 40px;

    font-weight: 900;

    color: #7a7a7a;

    line-height: 50px;

    letter-spacing: 0.25px;

    margin-bottom: 40px;

    position: relative;

}



label {

    margin-top: 30px;

    line-height: 0px;

    text-transform: uppercase;

    font-weight: 600;

    color: #7a7a7a;

}



fieldset{

    text-align: left;

}



.content-section-2 {

    padding-top: 20px; 

}



.othertest {

    color: darkorange;

}



.pb-5, .py-5 {

    padding-bottom: 3rem !important;

}



.align-items-center {

    align-items: center !important;

}



.title-big {

    color: #3B3663;

    font-size: 52px;

}





.img-fluid {

    margin-top: 10px;

}



.title {

    color: grey;

}





ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star {

    padding: 1px 0px 1px 25px;

}



ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star {

    list-style: none;

    position: relative;

    padding: 7px 0px 7px 25px;

    margin: 0;

    border-bottom: 1px solid #ececec;

}





ul li.bullet-checkmark:before {

    content: "\2192" !important;

}

ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {

    font-family: 'fl-icons';

    left: 0;

    position: absolute;

    font-size: 16px;

    color: #7a9c59;

}



.bggrey {

    background: #dfdfdf;

    padding: 15px;

    border-radius: 8px;

}



.social {

    float: right;

    padding-bottom: 30px;

}



.demotext {

    font-size: 24px! important;

}



.demotext:before {

    color: #007bff;

    font-size: initial;

    content: "\003C" !important;

    text-decoration: none;

}



.demotext:after {

    font-size: initial;

    color: #007bff;

    content: "\003E" !important;

    text-decoration: none;

}





.demostartbtn {

    background-color: #f4813f;

    color:#fff;

    font-size: 20px;

    border: 1px solid #f4813f;

    padding: 15px 30px;

}







.header_search_container.active {

    margin-top: 0px;

    z-index: 100;

    top: 0px;

    position: fixed;

}

.header_search_container.active {

    bottom: -73px;

    opacity: 1;

}

.header_search_container {

    bottom: 0px;

    margin-top: -500px;

    height: 500px;

    background: #2767b1;

}

.header_search_container {

    display: none;

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

    background: grey;

    z-index: -1;

    opacity: 0;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    transition: all 400ms ease;

}





.CategoryLists {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-top: 50px;

}



.catList {

    width: 100%;

    height: auto;

    overflow: hidden;

    text-align: center;

    margin-bottom: 50px;

}



.CategoryLists h4 {

    text-align: center;

    color: #fff;

    font-size: 18px;

    font-weight: normal;

    margin-bottom: 25px;

}





.catList ul li {

    display: inline-block;

    margin: 0px 5px;

}





.catList ul li a {

    display: block;

    padding: 5px 20px;

    border: 1px solid #fff;

    color: #fff;

    letter-spacing: 0.5px;

    border-radius: 25px;

}   





.closedSearchButton {

    position: absolute;

    top: 27px;

    right: -50px;

}



.closedSearchButton a {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

}





.fa-remove:before, .fa-close:before, .fa-times:before {

    content: "\f00d";

}





.contact-form {

    margin-top: 150px;

}



.storefrontdemo {

    background: #007bff;

}



.danger {

    color: #F32013;

}





@media (max-width: 810px) { 
    .axesell {
        font-size: 65px;
    }

    h1 em {
        font-size: 24px;
    }

    .welcome-area .header-text h1 {
        line-height: 35px;
    }

    .welcome-area .header-text p {
        line-height: 45px;
    }    

    .openquerybox {
        font-size: 16px;
    }

    .contact-form {
        margin-top: 0px;
    }

    .title-big {
        font-size: 47px;
        margin-top: 20px;
    }

    .center-heading {
        margin-bottom: 0px;
    }

    .center-heading h2 {
        margin-bottom: 0px;
        font-size: 30px;
    }

    #about {
        padding: 10px 0px;
    }

    #promotion {
        padding: 20px 0px;
    }

}



.errortext {

    font-size: 12px;

}





@media (min-width: 576px) { 

    .modal-dialog {

        max-width: 700px;

        margin: 1.75rem auto;

    }

}



.modal-header {

    background: #f6f6f6;

}







input[type=checkbox], input[type=radio] {

    display: none;

}    



/* Create a custom checkbox */

.checkmark{

  position: absolute;

  background-color: #dfdfdf;

  display: block;

  background-color: darkorange;

  padding: 16px 24px;

  border: 1px solid #fff;

  color: #fff;

  letter-spacing: 0.5px;

  border-radius: 25px;

}

.checkmark p {
    color: white;
    line-height: 0px;
}



/* On mouse-over, add a grey background color */

.container:hover input ~ .checkmark {

  background-color: darkorange;

}



/* When the checkbox is checked, add a blue background */

.container input:checked ~ .checkmark {

  background-color: #2196F3;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.container input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.container .checkmark:after {

  left: 8px;

  top: 7px;

  width: 9px;

  height: 15px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.industrydiv .contact-form {

    margin-top: 0px;

}



.detailsdiv .contact-form {

    margin-top: 0px;

}



.modal-body {

    height: 500px;

}



.loaderdiv {

    text-align: center;

    /*padding-top: 190px;*/

}





.bg-inherit {

    background: inherit !important;

}



.border-0 {

    border: 0!important;

}



.card-header .btn {

    position: relative;

    font-weight: 600;

    display: block;

    width: 100%;

    background: transparent;

    color: #222;

    text-align: left;

}





.float{

    position:fixed;

    width:60px;

    height:60px;

    bottom:40px;

    right:40px;

    background-color:#25d366;

    color:#FFF;

    border-radius:50px;

    text-align:center;

  font-size:30px;

    box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.my-float{

    margin-top:16px;

}



#myModal .contact-form {
    height: 450px;
    overflow-y: scroll;
    padding: 20px;

}


.modal-body {
    text-align-last: center;
}




.templatediv img {

    width: 100%;

    height: 150px;

}



.loaderdiv img {

    mix-blend-mode: hard-light;

}



.templatediv h5 {

    padding-top: 10px;

    font-size: 16px;

}



.templatediv .contact-form {

    margin-top: 0px;

}





.templatediv .checkmark{

  background: darkorange;

  padding: 6px;

  text-align: center;

  position: relative;

  display: block;

  border: 1px solid #fff;

  color: #fff;

  letter-spacing: 0.5px;

  border-radius: 0px;

}





/* On mouse-over, add a grey background color */

.templatediv .container:hover input ~ .checkmark {

  background-color: darkorange;

}



/* When the checkbox is checked, add a blue background */

.templatediv .container input:checked ~ .checkmark {

  background-color: #2196F3;

}



/* Create the checkmark/indicator (hidden when not checked) */

.templatediv .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.templatediv .container input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.templatediv .container .checkmark:after {

  left: 8px;

  top: 7px;

  width: 9px;

  height: 15px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}


#myModal label {
    text-align: center;
}


#myModal .contact-form input, .contact-form textarea {
    width: 60%;
}


.submitbtn {
    width: 50%;
}


#recordsTable label {
    margin-top: 0px;
    height: 30px;
}


.accordion .card-body {
    padding: 0rem 0rem 1rem 0rem;
}


.contentm {
    text-align: center;
    font-size: 18px;
    font-family:Century Gothic, CenturyGothic, AppleGothic, sans-serif;;
    color: #4b4b4d;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}


#promotion .card {
    margin: 0px 0px 10px 0px;
    height: 375px;
    text-align: center;
    font-family:verdana;
}

#promotion .card-title {
    color: #f4813f;
}

#promotion p {
    color: #4b4b4d;
}

#promotion img {
    height: 110px;
    margin-bottom: 5px;
}

#promotion .img {
    text-align: center;
}

.lowercaseord {
    text-transform: capitalize;
    color: #6f6fd2;
}

.mainname {
    font-size: 23px;
}

.px-0 {
    width: 100%;
    text-align: left;
    font-weight: 600;
    border: 1px solid #dfdfdf;
    padding: 5px 0px 5px 10px! important;
}

.collapse {
    padding: 10px 10px 20px 26px;
}


.showmain {
    text-transform: uppercase;
    color: darkorange;
}

.title-big2 {
    font-size: 52px;
}

.moncontent {
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serifsans-serif;
}

#myModal2 .contact-form input, .contact-form textarea {
    width: 80%;
}

@media (max-width: 991px) { 
    #promotion .card {
        height: auto;
    }

    #welcome .contact-form {
        background: #d6d4d4;
        padding: 34px;
    }

    .single-image {
        margin: 0px 5px 0px 0px;
    }

    ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star {
        padding: 0px 0px 0px 23px;
    }

    ul li .text {
        font-size: 14px;
    }

    .checkmark {
        letter-spacing: 0px;
        font-size: 14px;
    }

    .mulselect {
        font-size: 12px;
        margin-bottom: 30px;
    }

    #myModal .contact-form input, .contact-form textarea {
        width: 100%;
    }

    div.ordermob1 {
        order: 1;
    }

    div.ordermob2 {
        order: 2;
    }

    .title-big {
        font-size: 38px;
    }

    .title-big2 {
        font-size: 28px;
    }

    .mt-5, .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .pb-5, .py-5 {
        padding-bottom: 1rem !important;
    }

    .lowercaseord {
        font-size: 34px;
    }    

    .area-box {
        padding: 0px 20px;
    }

    .demotext  {
        font-size: 22px! important;
    }

    #myModal2 .contact-form input, .contact-form textarea {
        min-width: 100%! important;
    }


    .attachment-original {
        margin: 12px 0px;
    }

    .checkmark p {
        font-size: 13px;
    }

    .welcome-area .header-text p {
        font-size: 34px; 
    }

    #myModal2 .contact-form {
        padding: 14px;
    }

    .welcome-area {
        background-size: auto;
        background-position: top;
    }

    h1 em {
        color: #6f6fd2! important
    }

    .welcome-area .header-text p {
        color: #6f6fd2! important   
    }

}


@media (max-width: 375px) {  
    .checkmark p {
        font-size: 11px;
    }
}