@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Sabon';
    src: url('../fonts/SabonRoman.woff2') format('woff2'),
        url('../fonts/SabonRoman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Kai';
    src: url('../fonts/BebasKai.woff2') format('woff2'),
        url('../fonts/BebasKai.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




body,html{ width: 100%;}

body{ width: 100%; font-family: 'Sabon'; font-size: 16px; color:#414141; font-size: 16px; font-weight: 400;}

a, a:hover, a:focus, button, button:focus, input:focus, select, select:focus{ outline: none !important; text-decoration: none; box-shadow: none !important; }

ul, p{ padding:0; margin:0; }

h1, .h1{ font-size:60px; }

h2, .h2{ font-size: 42px; }
h1, h2, h3, h4, h5, h6{ margin: auto; font-family: "Bebas Kai"; }

img{ max-width: 100%; }

button{ cursor: pointer; }

/****************button**********************/

.btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  border:0px;
  /*font-size: 22px; font-family: "Bebas Kai"; background:#ffc50c; color: rgb(65, 65, 65); text-transform: uppercase; line-height: 2.223; padding: 5px 50px; margin-top: 20px; margin-bottom: 50px; border-radius: 50px; overflow: hidden;*/
  font-size: 22px; font-family: "Bebas Kai"; background:#ffc50c; color: rgb(65, 65, 65); text-transform: uppercase; line-height: 2.223; padding: 5px 26px; margin-top: 20px; margin-bottom: 50px; border-radius: 50px; overflow: hidden;
}
.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #414141;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active {
  color: #fff;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn.small-btn{line-height: 1; padding: 10px 30px; font-size: 18px;}
.btn.xsmall-btn{line-height: 1; padding: 8px 20px; font-size: 14px;}
div .btn.small-btn + .btn.small-btn{margin-left: 20px;}
.income-form .feature-box .btn,.btn.back{ background: #414141; color: #fff;}
.income-form .feature-box .btn:before,.btn.back:before{background:#ffc50c;}
.thecalculator_header .feature-div a.btn{color: #414141; line-height: 2.223;}
.thecalculator_header .feature-div a.btn:focus,
.thecalculator_header .feature-div a.btn:hover,.btn.back:hover{color: #fff;}

/*.btn{font-size: 22px; font-family: "Bebas Kai"; background:#ffc50c; color: rgb(65, 65, 65); text-transform: uppercase; line-height: 2.223; padding: 5px 50px; margin-top: 20px; margin-bottom: 50px; border-radius: 50px; overflow: hidden; background-image: linear-gradient(to right, #ffc50c 50%, #414141 50%);background-image: -moz-linear-gradient(to right, #ffc50c 50%, #414141 50%);
    background-image: -webkit-linear-gradient(to right, #ffc50c 50%, #414141 50%); background-size: 300%; background-position: left -10px  center; }
.btn:hover,
.btn:focus{background-image: linear-gradient(to right, #ffc50c 50%, #414141 50%);
    background-image: -moz-linear-gradient(to right, #ffc50c 50%, #414141 50%);
    background-image: -webkit-linear-gradient(to right, #ffc50c 50%, #414141 50%); background-size: 300%; background-position: left 90% center; color: #fff;}
.btn{background-image: -moz-linear-gradient(to right, #ffc50c 50%, #414141 50%);
  background-image: -webkit-linear-gradient(to right, #ffc50c 50%, #414141 50%); 
  background-image: -o-linear-gradient(to right, #ffc50c 50%, #414141 50%);
  background-image: -ms-linear-gradient(to right, #ffc50c 50%, #414141 50%); 
  background-image: linear-gradient(to right, #ffc50c 50%,#414141 50%) 100%);

}
.income-form .feature-box .btn{background-position: left 100% center;}
.income-form .feature-box .btn:hover,
.income-form .feature-box .btn:focus{background-position: left 160% center; }*/

/****************button**********************/


/****************transition**********************/

.btn{
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}




/****************transition**********************/



/** header css start here **/
.thecalculator_header{ background-size: cover; background-repeat: no-repeat; padding: 20px 0; width: 100%; float: left;}
.thecalculator_header .feature-div{width: 460px; float: left; position: relative; }
.thecalculator_header .on_input{width:auto; margin-right: -100px; position: absolute; right: 0; top: 0;}

.thecalculator_header .feature-div a{font-size: 20px; color: rgb(114, 172, 212); line-height: 1.2;}
.thecalculator_header .feature-div p{ width: 80%; font-size: 18px; color: rgb(65, 65, 65); line-height: 1.333; }
.thecalculator_header .feature-div h1{margin-top: 10px; margin-bottom: 20px; font-size: 70px; font-family: "Bebas Kai"; color: rgb(65, 65, 65);text-transform: uppercase; line-height: 0.856;}
.thecalculator_header .feature-div .img-div{width: 100%; float: left;}
.thecalculator_header .feature-div .img-div img{width: 180px;}

.destop{display: block; }
.mobile{display: none;}


  


/** header css end here **/





.on_input select{
  border: medium none;
  background: transparent;
  height: 27px;
  padding:0px 22px 0 5px;
  width: 115px;
  position: relative;
  font-size: 18px;
  color: #414141;
  border-radius: 0px;
}



 .on_input select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.on_input select::-ms-expand {
    display: none;
}

.border-left:last-child select{ border:none; }

.on_input select {
  background-image: url("../images/drop_arrow.png");
  background-position: right 0px top 9px;
  background-repeat: no-repeat;
  background-size: 13px;
  background-color: transparent;
  background-position-x: 100%;
background-position-y: 70%;
}





/** Home Second Section Part Css Start here **/


.boxes_section {
  padding: 50px 0;
  position: relative;
  background: #72acd4;
}

.box_div_wrap {
  border-radius: 10px;
  background-color: transparent;
  z-index: 3;
  position: relative;
}

.box_wrap_content h5 {
  font-size: 32px;
  color: rgb(65, 65, 65);
  line-height: 1.2;
  margin-bottom: 20px;
}

.box_wrap_content p {
   font-size: 18px;
  font-family: "Sabon";
  color: rgb(65, 65, 65);
  line-height: 1.333;
}
.box-3 p{margin: 0 -20px;}
.boxes_section .btn{margin-top: 50px; margin-bottom: 0;}

section{width: 100%; float: left; display: table; padding: 50px 0; position: relative;}
.heading-block{width: 100%; padding-top: 0px; margin-bottom: 45PX;}
.heading-block h2{font-size: 40px; font-family: "Bebas Kai"; color: rgb(65, 65, 65); text-transform: uppercase; line-height: 0.898; margin: 0;}
.heading-block p{font-size: 16px;  color: rgb(0, 0, 0);  line-height: 1.875; text-align: left;}





.thecalculator-partners{position: relative; padding-bottom: 80px; background:#ededed;}

.thecalculator-partners .carousel-indicators{ bottom: -39px; }
.thecalculator-partners .carousel-indicators .active,
.thecalculator-know-section .carousel-indicators .active{background-color: rgb(114, 172, 212);}
.thecalculator-know-section .carousel-indicators li,
.thecalculator-partners .carousel-indicators li{width: 15px; height: 15px; background-color: rgb(209, 209, 209); border:none; border-radius:50%;}
.thecalculator-partners  .carousel-item img{margin: 10px 20px; max-height: 100%;max-width: inherit;}

footer .copyright img{ display: inline-block; margin-right: 30px; }
footer .copyright{display: flex; justify-content:center; align-items: center; padding: 20px;}

footer .newcopyright img{ display: inline-block; width: 201px; }
.quick-link ul li {
  display: inline-block;
  font-size: 30px;
  font-family: "Bebas Kai";
  color: rgb(65, 65, 65);
  text-transform: uppercase;
  line-height: 0.898;
  padding: 0 15px;
}
.quick-link ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.quick-link ul li a{color: rgb(65, 65, 65);}
.quick-link ul li a:hover{color: #ffc50c;}
.newcopyright .img-div {
  padding: 30px 0;
}
.other-resources .btn{margin-bottom: 0; margin-top: 0;}
.other-resources{background-size:cover !important; background-position: right !important; padding: 90px 0;}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    
    /* Safari 5+ ONLY */
    ::i-block-chrome, .on_input select { height: 27px; }
    ::i-block-chrome, .on_input select{width: 120px;}
    ::i-block-chrome, .btn{background-position-x: 120%; background-position-y: 0%;}
    ::i-block-chrome, .income-form .feature-box .btn{background-position-x: 0%; background-position-y: 100%;}
    ::i-block-chrome, .income-form .feature-box .btn:hover,
    ::i-block-chrome, .income-form .feature-box .btn:focus{background-position-x: 0%; background-position-y: 160%; }
    ::i-block-chrome, .income-form .list-group-flush .list-group-item span input{-moz-box-shadow:    0;  -webkit-box-shadow: 0;
   box-shadow: 0; -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;}


    @media screen and (max-width: 1920px;){
      ::i-block-chrome, .body-bg{display: none !important;}
      
    }

    }

@media all and (-ms-high-contrast:none)
     {
     .foo { color: green } /* IE10 */
     *::-ms-backdrop, .bg-scroll { background-attachment: fixed; background-position: center; } /* IE11 */
     }

/** Footer Part CSS End here **/


.inner-page .thecalculator_header .feature-div{padding: 50px 0;}

.inner-page-section{padding: 30px 0 60px; background:#72acd4; width: 100%; float: left; display: block;}
.tab-div{padding: 30px;  margin: 0 auto; border-radius: 20px;  background-color: rgb(255, 255, 255); box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.46); margin: 0 50px;}
.tab-div ul{margin-right: 0px;}
.tab-div .nav-item{background:#414141; width: 20%; height: 84px;  position: relative;}
.tab-div .nav-item a{font-size: 20px; line-height: 67px; padding-left: 30px; font-family: "Bebas Kai"; text-transform: uppercase; color: #fff; width: 100%; float: left; border-radius: 0 !important; height: 100%; background:transparent; z-index: 0; display: block; position: relative; /*pointer-events: none; cursor: default; text-decoration: none;*/}
.tab-div .nav-item a:after,
.tab-div .nav-item a:before{position: absolute; top:0; z-index: -1; content: ''; background-image: url(../images/tab-bg.png); background-size: cover;}
.tab-div .nav-pills .nav-link.active:before,
.tab-div .nav-pills .nav-link.active:after,
.tab-div .nav-pills .show > .nav-link:after,
.tab-div .nav-pills .show > .nav-link:before,
.tab-div .nav-item a:hover:after,
.tab-div .nav-item a:hover:before,
.tab-div .nav-item:nth-child(3) a:hover:after,
.tab-div .nav-item:last-child a:hover:after,
.tab-div .nav-item:nth-child(3) a:hover:before,
.tab-div .nav-item:last-child a:hover:before{background-image: url(../images/tab-bg-active.png); background-size: cover;}
.tab-div .nav-item a:hover:before{background-position: right center;}
.tab-div .nav-item a:before{width: 100%; height: 100%; right: 0; z-index: -1; background-position: right center;}
.tab-div .nav-item a:after{top: 0; width: 100%; left: 0px; height: 100%; }
.tab-div .nav-item:nth-child(1) a:after{left: 151px;}

.tab-div .nav-item:nth-child(3) a:after,
.tab-div .nav-item:last-child a:after,
.tab-div .nav-item:nth-child(3) a:before,
.tab-div .nav-item:last-child a:before{background-image: url(../images/tab-bg-dark.png);}

.tab-div .nav-item:nth-child(1) a:before{display: none;}
.tab-div .nav-item:last-child a:hover,
.tab-div .nav-item:last-child,
.tab-div .nav-pills .nav-item:last-child .nav-link.active{background:transparent; background-color: transparent;}
.tab-div .nav-item a:after{left: -45px;} 
.tab-div .nav-pills .nav-link.active,
.tab-div .nav-pills .nav-link:hover,
.tab-div .nav-pills .nav-link.active{background-color: #ffc50c;}



.contact-form .form-control,
.contact-form form .on_input select{ font-size: 16px; border:1px solid rgb(237, 237, 237); padding: 0.375rem 0.75rem; border-radius: 0; height: 50px;}
.contact-form form .form-group p{margin-top: 10px; padding-left: 15px; font-size: 14px;font-family: "Sabon";color: rgb(191, 191, 191);line-height: 1.429; width: 80%;}
.margin-b-20{margin-bottom: 15px; font-size: 18px;}
.contact-form form .on_input select{width: 100%; color: rgb(145, 145, 145); font-weight: inherit;  background-image: url(../images/arrow-down.png);     background-position-x: 97%; background-position-y: 57%;}

.tab-content .feature-box{padding: 20px 30px 20px;  position: relative; box-shadow: none; z-index: 1; margin-top: 20px;}
.tab-content .feature-box:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background:url(../images/feature-bg-1.png); background-size: 100%; background-position: top left; z-index: -1;}
.tab-content .feature-box:before{position: absolute; bottom: -121px;  left: 0px;  right: -5px; height: 100%; content: ''; background:url(../images/feature-bg.png); background-size: 100%; background-position: bottom left; background-repeat: no-repeat; z-index: -1;}
.contact-content-div{padding-left: 50px;}
.tab-content .feature-box h4{padding: 10px; background-color: #ffc50c; display: table; float: left;}
.tab-content .feature-box p{font-size: 14px; font-family: "Sabon"; color: rgb(0, 0, 0); line-height: 1.2; margin-top: 20px; width: 100%; float: left; }


.bg-none{background:transparent;}
.bg-dark-footer{background:#f5f5f5;}
.bg-black{background:#000;}
.td-bg{background: #414141;}
.text-white{color: #fff;}
.gray-text{color: #939393;}
.black-text{color: #414141;}
.sky-text{    color: #75add4;}
.card-footer.bg-dark-footer,
.card-footer.bg-black{color: #fff; padding: 0; border-radius: 0;}
.card-body.bg-dark{color: #fff; font-size: 20px;}
.income-form .card {margin-top: 20px;}
.income-form .card .card-title{margin-bottom: 0;}
.income-form .card{border-color: rgba(237, 237, 237); border-radius: 0; }
.income-form .list-group-flush .list-group-item{padding: 0; display: flex; justify-content: center; align-items: center; border-radius: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-box-align: center; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; }
 
.income-form .list-group-flush .list-group-item:last-child p{margin-bottom: -1px;}
.income-form .card-footer p,
.income-form .list-group-flush .list-group-item p{padding: 15px 20px; width: 75%; font-size: 14px; color: #000; }
.income-form .card-footer span,
.income-form .list-group-flush .list-group-item span{width: 25%; padding: 15px 0px 15px 20px; font-size: 14px; color: #000000; background-color: #f5f5f5; height: 100%; }
.list-group-item:focus, .list-group-item:hover{z-index: inherit;}
.income-form .card-footer{display: flex; justify-content: center; align-items: center; z-index: 0; margin-top: -1px;}
.income-form .card-footer p,
.income-form .card-footer span{background:transparent; color: #000; border:none; padding: 15px 20px;}
.card.total-div{margin-top: -1px; border-top: 0;}
.light-p{color: #919191; margin-top: 20px;}
.income-form .feature-box h5{margin:20px 0 0; width: 100%; float: left; }
.income-form .feature-box .btn{ color: #fff; line-height: 1.700; padding: 5px 30px 5px 60px; position: relative; margin-bottom: 0;}
.tab-div .btn{ margin-bottom: 0;}
.income-form .feature-box .btn:after{position: absolute; top: 6px; left: 30px; content: url(../images/pdf-icon.png);}
/*.list-group{border-top: 1px solid #e7e7e7;}*/
.card-footer.bg-black p,
.card-footer.bg-black span{color: #fff;}
.income-form .list-group-flush .list-group-item span input{min-height: 42px; width: 100%; border:1px solid rgba(0, 0, 0, 0.125); padding: 0 10px}
.income-form .list-group-flush .list-group-item span{padding:15px 20px;}
.income-new .list-group-flush .list-group-item span .on_input select{padding: 0px 20px 0 0px; width: auto; margin-right: -5px; font-size: 14px; margin-left: -5px;}


.income-form.your-income .list-group-flush .list-group-item span { padding: 6px 0 6px 20px; position: relative; background:transparent;}
span.select-box,
.income-form.your-income .list-group-flush .list-group-item span.select-box{padding: 0; }
span.select-box select,
.income-form.your-income .list-group-flush .list-group-item span.select-box select{ border: 1px solid rgba(237, 237, 237); padding: 10px 0 10px 15px; height: auto; width: 100%; margin: 0; background-image: url(../images/arrow-down.png); background-position-x: 91%; background-position-y: 54%; border-color:#cccccc; }
.income-form.your-income .list-group-flush .list-group-item span.select-box .on_input{ width: 100%;}
.income-form.your-income .list-group-flush .list-group-item span.select-box:after{content: '';}
.income-form.your-income .list-group-flush .list-group-item span:after{content: '$'; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.income-form.your-income .card{border:none; border-top: 1px solid rgba(237, 237, 237);}
.income-form.your-income .list-group-flush .list-group-item{border:none;}
.income-form.your-income .card-body{padding-bottom: 10px;}
.title-heading{margin-top: 20px;}
.income-form .card .card-title{display: table; float: left;}
.income-form .card .card-body a{color:#414141; }






.contact-details .contact-form{width: 100%; float: left; padding: 30px; padding-right: 0;}
.contact-details .contact-form .on_input{width: 100%; float: left; border-bottom: 2px solid #000; padding-bottom: 5px; }
.contact-details .contact-form .on_input select{width: 100%; float: left; padding: 0px; box-shadow: none; border:none;  border-radius: 0; height: auto; background-color: transparent;color: #000; margin-left: -5px; background-image: url(../images/drop_arrow-black.png);}
.contact-details .contact-form label{position: absolute; top: 0px; font-size: 16px; left: 0; font-weight: 700;}
.contact-details .form-group{float: left;width: 100%; position: relative; margin-bottom: 30px;}

.contact-details .address{width: 100%; background:url(../images/address-bg.jpg); background-size: cover; padding:30px; height: 100%; float: left;width: 100%;}
.contact-details .address i{width: 50px; height: 50px; border:1px solid #fff;  border-radius: 50%; line-height: 50px; text-align: center; font-size: 20px; color: #fff;}
.contact-details .map-div{width: 100%; float: left;}
.contact-details .address .map-div + .map-div{margin-top: 20px;}
.contact-details .address p{width: 50%; display: block; color: #fff;}
.contact-details .form-group.focused label{font-size: 12px; color: #999; top: -20px;}



.table-div table{margin-top: 30px;}
.table-div th,
.table-div td{ vertical-align: middle; border:none; line-height: 20px; padding: 8px; padding-left: 20px;}
.table-div .table thead th{vertical-align: middle; border-bottom: 0;}
.table-div .table thead tr{border-bottom: 0;}
.table-div table tr{border-bottom: 1px solid #dee2e6;}

/*
.table-div th:nth-child(3),
.table-div td:nth-child(3){}
.table-div th:nth-child(4),
.table-div td:nth-child(4){}
.table-div th:nth-child(5),
.table-div td:nth-child(5){}

.table-div th:nth-child(3),
.table-div th:nth-child(4),
.table-div th:nth-child(5),
.table-div td:nth-child(3),
.table-div td:nth-child(4),
.table-div td:nth-child(5){}

.table-div th:nth-child(2),
.table-div th:nth-child(6),
.table-div td:nth-child(2),
.table-div td:nth-child(6){}
*/
/*
.table-div th:nth-child(3),
.table-div td:nth-child(3){background: #ffc50c;}
.table-div th:nth-child(4),
.table-div td:nth-child(4){background: #fec923;}
.table-div th:nth-child(5),
.table-div td:nth-child(5){background: #fdce38;}

.table-div th:nth-child(3),
.table-div th:nth-child(4),
.table-div th:nth-child(5),
.table-div td:nth-child(3),
.table-div td:nth-child(4),
.table-div td:nth-child(5){width: 14%;  border:none; border-bottom: 1px solid #eeb80e; color: #414141;}

.table-div th:nth-child(2),
.table-div th:nth-child(6),
.table-div td:nth-child(2),
.table-div td:nth-child(6){width: 16%;}
*/
.table-div .table.table-other th{padding: 15px 20px; background: transparent;}
.table-div .table.table-other.td-bg-none td{background: transparent; border-bottom: none; color: #939393;}
.table-div .table .month-td{color: #414141;}
.cost-listed{width: 100%; float: left; padding: 0 20px 20px;}
.cost-listed p{color: #75add4;}



.feature-box{width: 100%; float: left; padding: 20px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35); background: #fff;}

.modal-dialog {max-width: 900px; display: flex;justify-content: center; align-items: center; height: 100%; margin-top: 0;}
.modal-header .close {display: none;}
.modal-content{padding: 30px; border-radius: 30px;}
.modal-content a.btn{margin-bottom: 0;}
.modal-content p + p{margin-top: 20px;}
.divider-div{width: 100%; float: left; height: 1px; background: #bbbbbb; margin-bottom: 20px;}
.slect-row .btn{margin-top: 0;}
.slect-row span.select-box select{padding-top: 14px; padding-bottom: 14px;}
.modal{pointer-events: none;}

.after-none:after{content: "" !important;}
.line-hight-39{line-height: 39px;}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin:0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: transparent;
  margin-top: -2px;
  border:1px solid rgba(0, 0, 0, 0.125);
}
.styled-checkbox:hover + label:before {
  background: #ffc50c;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #ffc50c;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 18px;
  background: white;
  width: 3px;
  height:3px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.input-box{width: auto; float: left;}
.input-box + .input-box{margin-left: 10px;}


footer .copyright img {width: 201px;}
.carousel-item.active img:first-child,
.carousel-item-next img:first-child,
.carousel-item-prev img:first-child{margin-left: -44px;}

.carousel-item.active img:last-child,
.carousel-item-next img:last-child,
.carousel-item-prev img:last-child{margin-right: -44px;}

.boxes_section .row .col-lg-3:first-child{margin-left: -15px;}
.boxes_section .row .col-lg-3:last-child{margin-right: -15px;}
.thecalculator-partners .carousel-item img {margin: 10px 25px;}
.heading-block h2{text-align: left;}
footer .copyright{justify-content: start !important; padding-left: 0; }
.tab-div #_jsChangeTab,
.tab-div .select2{display: none;}
/*.select-div-income{margin-left: 0 !important; }
.tab-div > .select-box select{font-family: "Bebas Kai"; font-size: 22px; text-transform: uppercase; background-color: #414141; color: #fff; border:none; background-position-x: 98%; display: none;}
.tab-div > .select-box .font-20{font-size: 20px;}*/


.select2-search.select2-search--dropdown{display: none;}
.tab-div .select2-container .select2-selection--single{height: 60px;}
.tab-div .select2-container--default .select2-selection--single {    background-color: #ffc50c;    border: none;    border-radius: 0;}
.tab-div .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 24px !important; font-family: "Bebas Kai"; font-size: 22px; text-transform: uppercase; background-color: #414141;  color: #fff;}
.tab-div .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff; height: 60px; line-height: 60px;}
.tab-div .select2-container--default .select2-selection--single .select2-selection__arrow{height: 60px; width: 50px;}
.tab-div .select2-container--default .select2-selection--single .select2-selection__arrow b {  border-color: #fff transparent transparent transparent; border-style: solid; border-width: 11px 8px 0 8px;}
.tab-div .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent;  border-width: 0 8px 11px 8px;}
.select2-container--default .select2-results > .select2-results__options{max-height: 100%;}
.select2-results__option{padding: 10px; padding-left: 20px !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"]{ background-color: #ffc50c !important;  color: #414141 !important;}
.select2-results__option{text-transform: capitalize;}


/****************************Client Information**************************************/

.client-information .income-form .list-group-flush .list-group-item p ,
.client-information .income-form .list-group-flush .list-group-item span {width: 50%;}
.client-information .income-form .list-group-flush .list-group-item span {padding: 5px 0 !important;}
.client-information .padding-l-none-sm .list-group-item span.after-none {padding-left: 0 !important;}
.client-information .list-group-flush .list-group-item span p { padding: 0 0; width: auto !important; float: left;}
.client-information .list-group-flush .list-group-item.check span { float: right; text-align: right;}
.client-information .list-group-flush .list-group-item.check,
.client-information .list-group-flush .list-group-item span.gender-select { justify-content: flex-end; -webkit-box-align: right; -webkit-flex-align: right; -ms-flex-align: right; -webkit-align-items: right;}
.client-information .list-group-flush .list-group-item.check .input-box { width: auto; float: none; display: inline-block;}
.client-information .list-group-flush .list-group-item span.gender-select .on_input{width: 151px !important;}


/*********************************case-worker-area***********************************************/


.case-worker-area .feature-box h4 {padding: 10px; background-color: #ffc50c; display: table; float: left;}
.case-worker-area .contact-content-div{padding-left: 0;}
.case-worker-area .tab-div .heading-div span a,
.case-worker-area .tab-div .feature-box ul li a{color: #000;}
.case-worker-area .tab-div .feature-box{background:#eaf6ff; border:2px solid #bcbbbb; box-shadow:none;}
.case-worker-area .tab-div .heading-div{width: auto; margin-top: -30px; margin-right: -30px; margin-left: -30px; background: #ffc50c; padding:10px 30px; margin-bottom: 30px;}
.case-worker-area .tab-div{overflow: hidden;}
.case-worker-area .tab-div .feature-box ul{width: 100%; float: left; list-style: none; margin-top: 10px;}
.case-worker-area .tab-div .feature-box ul li{border-bottom: 1px solid #cfd7dd; padding: 8px 0; color: #000;}
.case-worker-area .tab-div .feature-box ul a + a{margin-top: 5px; display: table;}
.case-worker-area .tab-div .feature-box ul .report a i{margin-left:-20px; margin-right: 10px;}
.case-worker-area .tab-div .feature-box ul .report a + a{padding-left: 20px;}
.case-worker-area .tab-div .feature-box ul li:last-child{border-bottom: none; padding: 8px 0 0;}

.case-worker-area .income-form .list-group-flush .list-group-item p{width: 35%; padding-left: 0;}
.case-worker-area .income-form .card-body{padding-left: 0; padding-top: 0;}
.case-worker-area .income-form .list-group-flush .list-group-item span{width: 65%; padding-left: 0;}
.case-worker-area .income-form .list-group-flush .list-group-item span.select-box{padding-top: 5px;}
.case-worker-area .income-form .list-group-flush .list-group-item span .on_input{width: 31.33% !important; margin-left: 3%;}
.case-worker-area .income-form .list-group-flush .list-group-item span .on_input select{height: 45px; padding-left: 3px;}
.case-worker-area .income-form .list-group-flush .list-group-item span .on_input:first-child{margin-left: 0;}
.case-worker-area .income-form.your-income .card{border-top: 0; border-bottom: 1px solid rgba(237, 237, 237); padding-bottom: 20px; margin-top: 0;}
.case-worker-area .income-form.your-income form button{margin-bottom: 20px;}
.case-worker-area .income-form.your-income form > p + p{margin-top: 10px; display: table;}

.case-worker-area .income-form .active-customers .list-group-flush .list-group-item{justify-content: left; -webkit-box-align: left; -webkit-flex-align: left; -ms-flex-align: left; -webkit-align-items: left; background: #f5f5f5;}
.case-worker-area .income-form .active-customers .list-group-flush .list-group-item:nth-child(2n+2){ background: #fff; border:1px solid #e7e7e7; margin: 0 !important; }
.case-worker-area .income-form .active-customers .list-group-flush .list-group-item h5,
.case-worker-area .income-form .active-customers .list-group-flush .list-group-item span{width: 15%; display:inline-block; margin: 0; float: left; text-align: left;}

.case-worker-area .income-form .list-group-flush .list-group-item a{color: #000;}
.case-worker-area .income-form .list-group-flush .list-group-item a:hover,
.case-worker-area .tab-div .feature-box ul li a:hover{color: #ffc50c;}
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item{padding: 5px 20px;}
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item:first-child{padding: 15px 20px; border:1px solid #e7e7e7;}
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item span::after{display: none;}
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item span:nth-child(4),
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item h5:nth-child(4),
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item span:last-child,
.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item h5:last-child{width: 20%;}

.case-worker-area .income-form.your-income .active-customers .card{border-bottom: 0; padding-bottom: 0;}

.input-box input{width: 20px !important;}



.manage-regions .card-header span{margin-bottom: 20px;}
.manage-regions .card-header,
.manage-regions .card{background-color: transparent !important; padding:0; border: none !important;}
.case-worker-area .tab-div .manage-regions .feature-box ul {margin-top: 0;}
.case-worker-area .tab-div .manage-regions .feature-box ul li{border: none; padding: 0 0 0 20px;}
.manage-regions .card-header span button{border: none; box-shadow: none; background: none; width: 100%; float: left; text-align: left;}
.manage-regions .card-header span button i{margin-right: 5px; transform: rotate(0deg);}
.manage-regions .collapsed .card-header span button i{ transform: rotate(90deg);}
.case-worker-area .income-form.your-income .manage-regions .card {position: relative;  padding-bottom: 10px; margin-top: 4px;}
.case-worker-area .income-form.your-income .manage-regions .card:after {position: absolute; left: 20px; right: 0; bottom: 0; content: "";  border-bottom: 1px solid #ccc;}
.case-worker-area .income-form.your-income .manage-regions .card:last-child:after {display: none;}
.case-worker-area .income-form .add-case-manager .list-group-flush .list-group-item span .on_input{width: 100% !important;}
.add-case-manager .list-group-item input,
.add-case-manager .list-group-item select,
.add-case-manager .list-group-item p{font-family: "Bebas Kai"; font-size: 1.25rem !important; color: #000 !important;}
.case-worker-area .income-form .add-case-manager .list-group-flush .list-group-item p{width: 120px;}
.income-form  .add-case-manager .list-group-flush .list-group-item { display: flex; justify-content: start; align-items: start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: start;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span{width: 7%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(3){width: 15%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(4){width: 28%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(5){width: 20%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(2){width: 23%;}

.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item .btn.small-btn { margin-top: 0;  font-family: 'Sabon'; text-transform: capitalize; font-size: 14px; padding: 4px 12px;}
.case-worker-area .income-form.your-income .active-customers.list-case-managers .list-group-flush .list-group-item { padding: 5px 7px; border:none;}
.work-supports ul{list-style: none; margin: 0 -20px; padding: 0;}
.work-supports ul li{width: 26.33%; margin:10px 20px; float: left;}
.work-supports ul li input{width: 80%; min-width: 100px; border: 1px solid rgba(0, 0, 0, 0.125); padding: 0 10px;}
.work-supports ul li p,
.work-supports ul li span{font-family: "Bebas Kai"; color: #000; display: inline-block; font-size: 20px;}
.work-supports ul li span.data-span{padding: 0px 25px; border: 1px solid rgba(0, 0, 0, 0.125); margin-left: 10px;}

.yellow-title{color: #ffc50c !important; width: 100%;}
.card-title.yellow-title{margin:10px 0 !important;}
.margin-l-n{margin-left: 0 !important;}
.margin-bottom-50{margin-bottom: 50 !important;}
.margin-top-50{margin-top: 50 !important;}
.border-n{border:none !important;}
.card-body .margin-top-50{margin-top: 50px !important;} 
.width-50{width: 50% !important; display: table;}
.width-100{width: 100% !important; display: table;}
.width-auto{width: auto !important;}
.max-w-70{max-width: 70% !important;}


.card.voucher-amounts{padding-bottom: 0 !important; margin-bottom: 10px;}
.voucher-amounts.work-supports ul{width: 100%; margin: 0;}
.voucher-amounts .data-span{padding: 5px 13px; border: 1px solid rgba(0, 0, 0, 0.125); }
.voucher-amounts ul li{width: auto; float: left; margin: 0 10px 10px 0;}
.voucher-amounts ul.as-a-decimal li .data-span{width: 50px; min-width: inherit;}
.work-supports.voucher-amounts ul li p, .work-supports.voucher-amounts ul li span {  font-size: 16px; font-family: 'Sabon';}
.work-supports.voucher-amounts ul li .data-span { padding: 5px; margin:0;}
.percentage li .data-span{min-width: 100px; width: 100px;}

.work-supports ul.utility.enefit li .data-span{min-width: 80px; margin-left: 0; float: right;}
.work-supports ul.utility.enefit li {width: 22.33%; margin-right: 13px;}
.work-supports ul.housing-deduction li {width: 100%; margin-left: 0; margin-right: 0;}
.work-supports ul.housing-deduction li .font-Sabon{font-family: 'Sabon'; min-width: 300px;}
.contact-content-div.manage-regions{width: 100%; height: 100%; background: #eaf6ff;}





.case-worker-area .income-form .active-customers.ss-ratio .list-group-flush .list-group-item span:first-child{text-align: left;}
.case-worker-area .income-form.your-income .active-customers.ss-ratio .list-group-flush .list-group-item {padding: 5px 14px;}
.case-worker-area .income-form.your-income .active-customers.ss-ratio .list-group-flush .list-group-item.total {background: #ccc;}
.active-customers.ss-ratio .card-footer.bg-none{padding: 0;
border-radius: 0;}
.ss-ratio h4{font-size: 1.25rem;}
.ss-ratio-width-div{ min-width: 620px;}
.ovf-div{width: 100%; overflow: auto;}
.case-worker-area .income-form .active-customers.ss-ratio .list-group-flush .list-group-item span{width: 20%; text-align: center;}

.income-form .ss-ratio-width-div .card-footer.total-div p { width: 60%;}
.income-form .ss-ratio-width-div .card-footer.total-div span { margin-right: 15%;}
.thecalculator_header{position: relative;}
.thecalculator_header .contan-div{z-index: 1; position: relative;}
.other-resources{position: relative;}
.other-resources .heading-block,
.other-resources .btn-div{position: relative; z-index: 1;}
.thecalculator_header::after{
	position: absolute;
	top: 15px;
	left: 15px;
	background: rgba(255,255,255,0.8);
	content: "";
	z-index: 0;
	opacity: 0;
	right: 15px;
	bottom: 0;
}
.divError{padding: 0 15px;}
.income-form .list-group-flush .list-group-item span input{-moz-box-shadow:    0;  -webkit-box-shadow: 0;
   box-shadow: 0; -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0; -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}

#divAdditionalHelp > div{height: auto !important;}
.case-worker-area .tab-div .feature-box{margin-bottom: -30px; padding-bottom: 30px; height: 120%;}



/** @meida query for mobile device Start here **/
@media screen  and (min-width: 576px) and (max-width: 767px){
  .tab-content .feature-box{width: 433px !important;}
}
@media screen  and (min-width: 410px) and (max-width: 416px){
  .tab-content .contact-content-div .feature-box{    min-width: 363px !important;}
  .tab-content .contact-content-div .feature-box:before {bottom: -137px; right: -5px;}
  .tab-content .contact-content-div {margin-bottom: 130px !important;}
}
@media screen  and (min-width: 370px) and (max-width: 376px){
  .tab-content .contact-content-div .feature-box{    min-width: 323px !important;}
  .tab-content .contact-content-div .feature-box:before {bottom: -117px; right: -4px;}
  .tab-content .contact-content-div {margin-bottom: 130px !important;}
}
@media screen  and (min-width: 300px) and (max-width: 575px){
  .tab-content .feature-box{width: 264px !important;}
}

@media screen and (max-width: 1366px) {
.thecalculator_header .feature-div h1{font-size: 50px;}
.btn{line-height: 1.5; margin-bottom: 30px; font-size: 18px;}
.thecalculator_header{background-position: top left;}
.slect-row .btn{line-height: 2.5;  font-size: 19px;}
.table-div-width{width: 100%; overflow-x: scroll; float: left;}
.table{ min-width: 700px;}

}



@media screen and (max-width: 1199px) {
  .tab-div{margin: 0;}
}


@media screen and (max-width: 991px) {
.tab-div .nav-item a{padding-left: 13px; font-size: 16px;}
.contact-content-div{padding-left: 0; margin-bottom: 250px; display: table; }
.tab-content .feature-box::before {position: absolute; bottom: -222px; left: 0px; right: -8px; height: 300px;}
.box-3 p{margin: 0px;}
.boxes_section  .col-lg-3 + .col-lg-3{margin-top: 30px;}
.tab-div .nav-item{height: 70px;}
.tab-div .nav-item a{line-height: 55px;}
.case-worker-area .contact-content-div{margin-bottom: 20px !important; margin-top: 0;}
.heading-div span { width: 100%; margin-top: 10px;}
.case-worker-area .tab-div .heading-div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

  
/*.tab-div .nav-pills .nav-link.active,
.tab-div .nav-pills .nav-link:hover,
.tab-div .nav-pills .nav-link.active{background-color: #ffc50c !important;}
.tab-div .nav-item a::after, .tab-div .nav-item a::before {display: none !important;}
.tab-div .nav-item{background: #414141 !important;height: auto;}
.tab-div .nav-item a{padding: 10px; line-height: 20px;  display: flex; justify-content: center; align-items: center; text-align: center;}
.tab-content .feature-box:after,
.tab-content .feature-box:before{display: none;}
.tab-content .feature-box{background:#eaf6ff; border:2px solid #b8b7b7; padding: 20px; margin-bottom: 20px; margin-top: 0;}*/


.contact-content-div {margin-bottom: 190px !important; margin-top: 30px;}
.work-supports.voucher-amounts ul li p p{max-width: 70%;  }
.case-managers-div{min-width: 630px; overflow: auto; position: relative;}
.case-managers-div ul{width: 100% !important; float: left;}
.case-managers-div ul li{width: 630px; position: relative; display: block;}




}
@media screen and (max-width: 767px) {
.newcopyright .img-div {  padding: 10px 0;}
.quick-link ul li { font-size: 18px; padding: 0 5px;}
.tab-div .nav-item{width: 33.33%;}
.tab-div .nav-item a::after { left: -47px;}
.inner-page .thecalculator_header .feature-div{padding: 0;}
.tab-div .nav-item a{padding-left: 25px; font-size: 20px;}
.tab-div .nav-item:nth-child(1) a::after {left: 198px;}
.tab-div .nav-item{height: 86px;}
.tab-div .nav-item:nth-child(2),
.tab-div .nav-item:nth-child(4){background:none;}
.tab-div .nav-item:nth-child(2) a:before,
.tab-div .nav-item:nth-child(4) a:before,
.tab-div .nav-item:nth-child(3) a:after{display: block;}
.tab-div .nav-item:nth-child(2) a:hover,
.tab-div .nav-item:nth-child(2),
.tab-div .nav-pills .nav-item:nth-child(2) .nav-link.active,
.tab-div .nav-item:nth-child(4) a:hover,
.tab-div .nav-item:nth-child(4),
.tab-div .nav-pills .nav-item:nth-child(4) .nav-link.active{background:transparent; background-color: transparent;}
.thecalculator_header .feature-div a{width: 100%;}
.thecalculator_header .on_input {right: auto;top: -100px;left: 0;margin: 0 auto !important;	width: 80px;}
.thecalculator-partners .carousel-item{height: 101px;}
.tab-div .nav-item:nth-child(4){overflow: hidden;}
.tab-div .nav-item:nth-child(3) a,
.tab-div .nav-item:nth-child(3){background:transparent !important;}
.tab-div .nav-item a{line-height: 70px;}
.slect-row .btn{line-height: 1.5;  font-size: 18px; margin-top: 20px;}

  .heading-block{margin-bottom: 25px;}
  .heading-block h2{font-size: 30px;}
  .box_wrap_content h5{font-size: 22px; margin-top: 10px; margin-bottom: 10px;}
  .destop{display: none;}
  .mobile{display: block;}
  .thecalculator-partners .carousel-item img{margin: 1%; display: inline-block; max-width: 46%; max-height: 97px;}
  .boxes_section  .col-lg-3 + .col-lg-3 + .col-lg-3{margin-top: 30px;}
  .boxes_section  .col-lg-3 + .col-lg-3{margin-top: 0px;}
  .boxes_section .btn{margin-top: 30px;}
  .thecalculator_header{text-align: center;}
  .thecalculator_header .feature-div{width: 100%;}
  .boxes_section,
  .other-resources,
  section{padding: 30px 0; }
  .thecalculator_header{padding: 50px 0 30px}
  .thecalculator_header .feature-div p{width: 100%;}
  .thecalculator_header .feature-div p{width: 100%;}
  .thecalculator-partners{padding-bottom: 40px;}
  .thecalculator_header .on_input{margin-right: -15px;}
  .tab-div { margin: 0 -38px;}
  .tab-content .feature-box::before{right: -7px;}

income-form .card-footer span, .income-form .list-group-flush .list-group-item span{height: 52px; width: auto;}
.income-form .card-footer p, .income-form .list-group-flush .list-group-item p{width: 100%;}
.income-form .list-group-flush .list-group-item{display: block;}
.income-form.your-income .list-group-flush .list-group-item span{height: 40px; display: block !important; margin-left: 20px;}
span.select-box, .income-form.your-income .list-group-flush .list-group-item span.select-box{padding: 6px 0 6px 20px !important;}


.tab-div > .select-box select{display: block; margin-bottom: 20px; background-position-x: 95%;}
.tab-div .nav.nav-pills{display: none;}
.padding-l-none-sm{padding-left: 0;}
.padding-l-none-sm .list-group-item p{padding-left: 0 !important;}
.padding-l-none-sm .list-group-item span{margin-left: 0 !important;}
.padding-l-none-sm .list-group-item span.after-none {padding-left: 0 !important;}
.income-form.your-income .list-group-flush .list-group-item span.select-box{padding-left: 0 !important;}
.income-form.your-income .list-group-flush .list-group-item span.select-box select{background-position-x: 95% !important;}
.income-form .list-group-flush .list-group-item span .input-box input{width: auto;}
.worksupports.income-form .list-group-flush .list-group-item span,
.income-form.your-income .list-group-flush .list-group-item span{padding-top: 0; padding-bottom: 0; height: 41px;}
.worksupports.income-form .list-group-flush .list-group-item span input,
.income-form.your-income .list-group-flush .list-group-item span input{height: 40px; min-height: 40px;}
.income-form .card-footer span,
.income-form .list-group-flush .list-group-item span,
.income-form .card-footer p,
.income-form .list-group-flush .list-group-item p{width: 100%;}
.income-form .card-footer{display: block;}
.slect-row span.select-box{padding: 0 !important;}

.after-none.line-hight-39 { height: auto !important;line-height: 24px;}
.tab-div #_jsChangeTab,
.tab-div .select2{display: block;}
#pills-tabContent {margin-top: 20px;}
.client-information .income-form .list-group-flush .list-group-item p ,
.client-information .income-form .list-group-flush .list-group-item span{width: 100%; float: left;}
.client-information .styled-checkbox:checked + label::after{top: 11px;}
.client-information .list-group-flush .list-group-item span.gender-select .on_input{width: 100% !important;}

.case-worker-area .income-form.your-income .active-customers .list-group-flush .list-group-item { padding: 10px 20px;}
.case-worker-area .income-form .list-group-flush .list-group-item span,
.case-worker-area .income-form.your-income .list-group-flush .list-group-item span.select-box{ width: 100%;   padding: 0 !important;    display: flex !important;    height: auto;}
.case-worker-area .income-form.your-income .list-group-flush .list-group-item{margin: 0;}
.case-worker-area .card.padding-l-none-sm {width: 100%; overflow: auto;}
.case-worker-area .active-customers .list-group.padding-l-none-sm.list-group-flush { width: 525px;}
.case-worker-area .income-form .list-group-flush .list-group-item p{width: 100%;}
.case-worker-area .income-form.your-income .card{border-bottom: 0; padding-bottom: 0;}




.voucher-amounts.work-supports ul li.width-50{width: 100% !important;}
.work-supports ul li.width-50 {width: 100% !important; padding: 0 !important;}
.work-supports ul.utility.enefit li { width: 45.33%;}
.work-supports ul{margin: 0;}
.work-supports ul li{margin-left: 0;}
.premium-caps ul{min-width: 430px;}
.work-supports .premium-caps ul li { width: 21.33%; margin: 10px 20px; margin-top: 10px; margin-left: 20px; float: left;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span{width: 7%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(3){width: 13%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(4){width: 23%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(5){width: 20%;}
.case-worker-area .income-form .active-customers.list-case-managers .list-group-flush .list-group-item span:nth-child(2){width: 17%;}
.case-worker-area .income-form .add-case-manager .list-group-flush .list-group-item p{width: 100%; padding:0 0 5px 0 ;}
.income-form .ss-ratio .add-case-manager .list-group-flush .list-group-item{display: table; width: 100%;}
.income-form .ss-ratio .add-case-manager .list-group-flush .list-group-item input{margin-bottom: 10px; width: 100%;}
.income-form .ss-ratio .card-footer span{width: 30%; height: auto;}
.income-form .ss-ratio .card-footer p{width: 70%; float: left;}
.case-worker-area .active-customers.ss-ratio .list-group.padding-l-none-sm.list-group-flush{width: 100%;}

.inner-page-section > .container.mobile-full{max-width:inherit; width: 100%;}
.thecalculator_header::after,
.other-resources:after{opacity: 1;}
.inner-page-section > .container.mobile-full .tab-div{margin: 0 15px;}
.inner-page-section > .container .tab-div {  margin: 0;}
.tab-content .feature-box { padding: 20px 15px 20px;}
.boxes_section {background: rgb(114, 172, 212,0.5);}
.other-resources { background: transparent !important;}
.boxes_section .row .col-lg-3:first-child{margin-left: 0;}
.boxes_section .row .col-lg-3:last-child{margin-right: 0;}
.thecalculator_header {margin-top: 64px; padding: 50px 15px 30px;}
.thecalculator_header { background: url(../images/header-mobile-img.jpg) top right !important; background-repeat: no-repeat !important;
  background-size: 100% !important;}

 
}

@media screen and (max-width: 575px) {
/*.income-form .card-footer p,
.income-form .list-group-flush .list-group-item p{width: 60%;}
.income-form .card-footer span,
.income-form .list-group-flush .list-group-item span{width: 40%;}*/
.tab-div{padding: 10px; border-radius: 0;}
.tab-div .nav-item{width: 100%;}
.tab-div .nav-item a::after{}
.tab-div .nav-item a::after,
.tab-div .nav-item a::before{background:url(../images/tab-bg-dark.png) center; display: block !important; background-repeat: no-repeat; background-size: 100%;}
.tab-div ul.nav { margin-right: 0;}
.tab-div .nav-item{background: transparent !important; height: 50px}
.tab-div .nav-item a{line-height: 35px; overflow: hidden; background: transparent; }
.tab-div .nav-item a:hover:after,
.tab-div .nav-item a:hover:berore,
.tab-div .nav-pills .nav-link.active:berore,
.tab-div .nav-pills .nav-link.active:after,
.tab-div .nav-pills .nav-link:hover:after,
.tab-div .nav-pills .nav-link:hover:before,
.tab-div .nav-pills .nav-link.active:after,
.tab-div .nav-pills .nav-link.active:before{background: url(../images/tab-bg-active.png) !important;}
.tab-div .nav-pills .nav-link.active,
.tab-div .nav-pills .nav-link:hover,
.tab-div .nav-pills .nav-link.active{background-color: transparent;}
.tab-div .nav-item a::after {left: -101px !important;}
.tab-content .feature-box::before {position: absolute; bottom: -95px; left: 0px; right: -3px;}
.contact-content-div{margin-bottom: 100px !important;} 
.boxes_section  .col-lg-3 + .col-lg-3{margin-top: 30px;}
.box_wrap_content p{width: 280px; margin: 0 auto;}
.tab-div {margin: 0 0px;}
div .btn.small-btn + .btn.small-btn {margin-left: 0px;}
.slect-row span.select-box select{font-size: 14px;}
.slect-row span.select-box .on_input{position: relative;}
.slect-row span.select-box .on_input:after{position: absolute;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);background: #fff;content: url(../images/arrow-down.png);width: 36px;height: 46px;line-height: 47px;text-align: center;top: 50%;right: 1px; }
.income-form.your-income .list-group-flush .list-group-item span.select-box {height:auto; width: 100%;}
.modal-content a.btn{min-width: 260px; white-space: pre-wrap;}
.modal-content{padding: 0;}
.heading-div span{display: table;}
.case-worker-area .income-form .list-group-flush .list-group-item span .on_input{width: 100%  !important;margin: 0 0 10px 0;}

.work-supports.voucher-amounts ul li p{display: block;}

.work-supports ul li{margin-top: 0; width: 100%;}
.work-supports ul.housing-deduction li .font-Sabon{ min-width: 100%; font-size: 14px;}
.work-supports ul li span.data-span.ml-3{margin-left: 0 !important;}
.work-supports.voucher-amounts ul li .data-span.float-right{float: left !important;}
.work-supports.voucher-amounts ul li p{max-width: 100% !important;}
.premium-caps{width: 100%; position: relative; overflow: auto;}
.voucher-amounts ul.as-a-decimal li{width: auto;}




}

@media screen and (max-width: 480px) {
  footer .newcopyright{display: block; justify-content: inherit; align-items: inherit; float: left; width: 100%;}
 .inner-page-section > .container.mobile-full .tab-div{margin: -15px 0 -45px;}
}




/** media query css end for responnsive **/ 




@media print {
  .row.slect-row{display: none !important;}
header nav, footer {display: none !important;}




}



/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
/*===================about us page==================*/
.about-page h2 {
    margin-bottom: 15px;
}
section.yellow-bar {
    background:url(../images/yellow-bar.jpg) no-repeat center;
	background-size:cover;
}
.white-bar{
	background:url(../images/white-bg.jpg) no-repeat center;
	background-size:cover;}
section.blue-bar .row {
    margin-bottom: 50px;
}
section.blue-bar h3 {
    margin: 14px 0 8px 0;
}
section.blue-bar {
    background: #72acd4;
}
.white-bottom p,
section.white-bar p {
    margin-bottom: 35px;
}
.white-bottom{
	background:url(../images/bottom-white.jpg) no-repeat center;
	background-size:cover;}	
/*===================resources page==================*/	
.main-bg{
	background:url(../images/gray-bg.jpg) no-repeat center;
	background-size:cover;
	    float: left;
    width: 100%;}
.box {
	    float: left;
	    border-bottom: 5px solid #acc9df;
	min-height:558px;
    background:url(../images/job-icon.png) no-repeat #fff center;
}	
.box.hand-box{
	background:url(../images/big-hand.png) no-repeat #fff center;}
.box.people-box{
	background:url(../images/ssc_resources_13.png) no-repeat #fff center;}	
.text-box {
    padding: 30px;
    display: block;
    float: left;
}
.text-box p {
    margin: 0 0 35px 0;
}
.white-bottom a,
.text-box a {
    color: #72acd4;
}
section.two-column .row {
    margin-bottom: 30px;
}
.header-bar h3 {	
    font-size: 30px;
    line-height: 0;
    float: left;
    margin: 22px 0 0 0;
}
.header-bar {
	    float: left;
    width: 100%;
    background: url(../images/blue-bar.png) repeat-x;
    display: block;
    padding: 10px 10px 10px 10px;
}
.header-bar img, .header-bar h3 {
    display: inline-block;
}
.header-bar img {
    float: left;
    margin: 0 15px 0 0;
}	
@media screen and (max-width: 767px) { 
.white-bottom .col-lg-3 {
    margin: 0 0 25px 0;
}
.header-bar h3 {
    font-size:19px;
    line-height: inherit;
  margin: 0;
    display: flex;
    height: 58px;
    vertical-align: middle;
    align-items: center;
    max-width: 100%;
    width: 76%;
}
.header-bar img {
    float: left;
    margin:12px 9px 0 0;
    max-width: 27px;
}
section.two-column .row {
    margin-bottom: 0;
}
.box {
    margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) and (max-width:1100px) { 
.header-bar h3 {
   width: 78%;
    line-height: initial;
    font-size: 20px;
    margin: 0;
    display: flex;
    height: 58px;
    vertical-align: middle;
    align-items: center;
}
}