﻿
.js .slider-single > div:nth-child(1n+2) { display: none }

.js .slider-single.slick-initialized > div:nth-child(1n+2) { display: block }
.slick-list
{
    height:120px;
    background:#fff;
}
h3 {

	color: #3498db;
	font-size: 2.25rem;
	margin: .5rem;
	padding: 2%;
	position: relative;
	text-align: center;
}

.slider-single h3 {
	line-height: 10rem;
}

.slider-nav h3::before {
	content: "";
	display: block;
	padding-top: 75%;
}

.slider-nav h3 span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sliderItems
{
    height: 100px !important;
    width: 100px !important;
    margin: 0 auto !important;
}

.slick-center img
{
    height: 120px !important;
    width: 120px !important;
    margin: 0px -20px !important;
}

.slick-center
{
    text-align:-webkit-center;
}

.designtypeSlider > .slick-list > .slick-track > .slick-slide {
   /*margin: 0px 35px;*/
   margin: 0 auto !important;
}
.slider-nav .slick-slide { cursor: pointer; }

.slick-slide.is-active h3 {
	color: #c00;
}

.designtypeContentWidth
{
    margin-left:0px;
}
.golden_label
{
    margin-top:10px;
}


.legend-title {
    display: block;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: #ffba35;
    border-image: initial;
    width: auto;
}
legend
{
    font-size:18px;
}

.errorMessageTermClass {
    color: #d6243e;
    font-family: ProximaNova-Bold;
}

@media screen and (min-width: 0px)
{
    .fieldset-border{
        border-color: transparent;
        margin-inline-start: 0;
            /* display: block; */
    /* margin-inline-start: 2px; */
    /* margin-inline-end: 2px; */
    /* padding-block-start: 0.35em; */
    /* padding-inline-start: 0.75em; */
    /* padding-inline-end: 0.75em; */
    /* padding-block-end: 0.625em; */
    /* min-inline-size: min-content; */
    border-width: 2px;
    border-style: solid;
    border-radius: 15px;
    margin-top: 20px;
    }
    .cursor1
    {
        background: #ffba59;
        width: 12px;
        height: 12px;
        margin-top: -19px;
        top: 0px;
        border-radius: 100%;
        border: none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

    .cursor2
    {
        background: #ffba59;
        width: 12px;
        height: 12px;
        margin-top: -19px;
        top: 0px;
        margin-left: 2px;
        border-radius: 100%;
        border: none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

    .cursor3
    {
          background: #ffba59;
          width: 12px;
          height: 12px;
          margin-top: -19px;
          top: 0px;
          border-radius: 100%;
          border: none;
          text-align: -webkit-right;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
    }
    .input-style
    {
        padding-left: 5px;
        color: #282828;
        width: 260px;
        height: 45px;
        float: left;
    }
    .button-style-reg{
        width:270px;
    }
}

@media screen and (min-width: 375px)
{
        .input-style
    {
        padding-left: 5px;
        color: #282828;
        width: -webkit-fill-available;
        height: 45px;
        float: left;
    }
        .button-style-reg{
        width:300px;
    }
        .cursor1
    {
     background: #ffba59;
     width: 12px;
     height: 12px;
     /*margin-top: -19px;*/
     top: 0px;
     /*margin-left: 25px;*/
     border-radius: 100%;
     border: none;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
    }

    .cursor2
    {
        background: #ffba59;
        width: 12px;
        height: 12px;
        margin-top: -19px;
        top: 0px;
        margin-left: 2px;
        border-radius: 100%;
        border: none;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

    .cursor3
    {
         background: #ffba59;
         width: 12px;
         height: 12px;
         /*margin-top: -19px;*/
         top: 0px;
         /*margin-right: 30px;*/
         border-radius: 100%;
         border: none;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
    }
}

@media screen and (min-width: 768px)
{
    .fieldset-border{
        border-color: #ffba59;
        margin-inline-start: 0;
             display: block; 
     margin-inline-start: 2px; 
     margin-inline-end: 2px; 
     padding-block-start: 0.35em; 
     padding-inline-start: 0.75em; 
     padding-inline-end: 0.75em; 
     padding-block-end: 0.625em; 
     min-inline-size: min-content; 
    border-width: 2px;
    border-style: solid;
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 80px;
    }
        .cursor1
    {
      background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 10px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor2
    {
           background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 75px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor3
    {
       background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 107px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor4
    {
           background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 135px;
    border-radius: 100%;
    border: none;
    text-align: -webkit-right;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor5
    {
           background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 160px;
    border-radius: 100%;
    border: none;
    text-align: -webkit-center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }
}

@media screen and (min-width: 800px)
{
    .cursor1
    {
          background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 50px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor2
    {
          background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 75px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor3
    {
     background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 115px;
    border-radius: 100%;
    border: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor4
    {
          background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 140px;
    border-radius: 100%;
    border: none;
    text-align: -webkit-right;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }

    .cursor5
    {
     background: #ffba59;
    width: 12px;
    height: 12px;
    margin-top: -19px;
    top: 0px;
    margin-left: 175px;
    border-radius: 100%;
    border: none;
    text-align: -webkit-center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    }
}