.color2{
	color:#e8b127 !important;
}

.no-border{
    border: none !important;
}
.pad_total{
        padding: 3rem 0;
}
.total_font{
        font-size: 30px;
}

.total_bold{
    font-weight: bold;
}

.total_bold{
    font-weight: bold;
}

.totall{
    font-size: 30px !important;
    color: #4e4e4e !important;
    font-weight: 700;
    float: left;
    width: 6%;
    line-height: 4vh;
}

.real:hover{
color: #003058 !important;
}

.total_input{
  float: left;
  width: 33%;
}

.total_input::placeholder{
  letter-spacing: 0 !important;
}

.no-padding{
  padding: 0 !important;
 /* margin: 0 !important*/
}

.accept_marg{
    margin: 1rem 0 1rem;
}

.color_blue{
    color:blue;
    font-size: 30px;
        padding: 0 10px;
}
.italic{
    font-style: italic;
    color:blue;
    margin: 1rem 0 1rem;
}

.lock_pad{
    padding: 0 1rem 0 0;
    color:#fff;
}
.lock_pad:hover{
    padding: 0 1rem 0 0;
    color:#fff;
}

.marg_primary{
    margin:0;
}
.footer_pad{
   padding: 42px 0 0 !important; 
}


.wrapper{
	height: 32.3rem;
	width: 100%;
	background: url('../images/bg1.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.left_box{
    width: 90vw;
    float: right;
    margin: 5vh 0;
    background: url(../images/small-pattern.png) #00a7e1;
    background-repeat: repeat-y;
    background-position: right;
}

.sect_div{
background-color: #f3f3f3;
    padding: 1rem;
    font-weight: 100 !important;
    font-size: 1rem !important;
}

.line-left{
    float: left;
}


.loginn{
    margin: 0 auto;
    height: 33rem;
}

.head_strong{
    font-weight: 600;
}

.left_inner_box{
	padding: 2vw 3vw;
}

.wrapper2{
	width: 100%;
	background-color: #e9e9e9;
	padding: 4rem 0;
}

.wrapper3{
	width: 100%;
	background-color: #e9e9e9;
	    padding: 3.5rem 0 8.3rem !important;
}

.line1{
    background-color: #66cdf8;
    width: 3rem;
    height: 2px;
    margin: 0 auto 1.4rem;
}

.color1{
	color: #333 !important;

}

.track-section {
    position: relative;
    padding: 4rem 0px 9rem;
    background: #ffffff;
}

.clintele_box{
    width: 19rem;
    height: 7rem;
    padding: 2rem;
    background: #68cbdc; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #68cbdc 1%, #5461e0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #68cbdc 1%,#5461e0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #68cbdc 1%,#5461e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68cbdc', endColorstr='#5461e0',GradientType=1 );
    margin: 0 5rem 0 0;
}

.icon_img_style{
	float: left;
    margin: 0 14px 0 0;
}

.icon_text{
	font-weight: 500 !important;
    font-size: 15px !important;
    margin: 9px 0 !important;
}

.testi{
	padding: 2rem 1rem 1rem !important;
    background: #fff !important;
}

.testi h3{
	    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    font-weight: 600;
    margin-bottom: 0;
}

.testi span{
	color: #00a7e1 !important;
	font-style: italic;
}

.widgett{
	margin: -3px 0;
}

.color3{
	color:#333;
}

.touch{
	font-size: 30px !important;
}

.wrapper4{
	    position: relative;
    padding: 2rem 0 2.5rem !important;
}

.wrapper4:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 253px;
    width: 250px;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.wrapper4:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 253px;
    width: 250px;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}


/*Login Form*/

.form-signin {
  width: 100%;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 30px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin .form-control::placeholder {
  z-index: 2;
  opacity: 1 !important;
}
.form-signin input[type="text"] {
  margin-bottom: 13px;
}
.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.login_btn{
    background: #00a7e1 !important;
    color: #fff;
    border:none !important;
}

.track-section1 {
    position: relative;
    padding: 4rem 0px 9rem;
        background: url(../images/pattern1.png);

}
.track-section2 {
    position: relative;
    padding: 4rem 0px 4rem;
    background: url(../images/pattern1.png);
        
}

.left_ordersection{
    background: #fff;
    padding: 2rem 2rem !important;
    border: 1px solid #ccc;
}

.left_ordersection p{
    margin: 5px 0;
}

.right_ordersection{
   background: #fff;
    padding: 2rem 2rem !important;
    margin: 0 0 1rem;
    border: 1px solid #ccc;
}
.middle_ordersection{
    background: #fff;
    padding: 2rem 2rem !important;
    width: 100%;
    border: 1px solid #ccc;
}

.order_bold{
    font-weight: bold
}

.no_border{
    border:none !important;
}

.sectioncolor_1{
        background: #7b7b7b24;
    padding: 1rem 2rem 3px;
}
.sectioncolor_2{
        background: #00000024;
    padding: 1rem 2rem 3px;
}

/*Telphone Code*/

.intl-tel-input {
  display: table-cell;
  width: 100%;
}

.intl-tel-input .selected-flag {
  z-index: 4;
}

.intl-tel-input .country-list {
  z-index: 5;
}

.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}

.order_color{
    color: blue !important;
}

.logut{
    color: #fff !important;
}

.scrollable-content {
    height:256px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}

.scrollable-content label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    text-overflow: clip;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ol li{
  
    list-style-type: decimal !important;
}

/*Upload section*/

#selected{
  text-transform:none;
  color:#ccc;
  padding:0 5px;
  border: { 
    width:1px;
    style:solid;
    color:grey;
  }
  font:{
    size:0.8em;
  }
}
[value=getFile]{
  background:teal;
  cursor:pointer;
  color:white;
  padding:0 5px;
  border:0;
  &:hover{
    background:#0aa;
  }
}


.success_btn{
        margin: 5px 0;
}




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






}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 



}

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



}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 720px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 720px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 720px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 720px),
only screen and (                min-resolution: 192dpi) and (min-width: 720px),
only screen and (                min-resolution: 2dppx)  and (min-width: 720px) { 

 




/*Caption*/

}

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



}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) {



}