/* Bootstrap css overwrite */
*, *:before, *:after {box-sizing: border-box;}
*{margin:0; padding:0;}

/* Sticky footer styles
-------------------------------------------------- */

a {color:#ffda4b; cursor: pointer;}

h4,.h4{font-size:18px;}
h5,.h5{font-size:16px;}

/* FONT COLOR */
.form-control {
    background-color: #f3f5f6;
    height: 40px;
	font-size: 13px;
	border: 1px solid #d4d4d4;    
	box-shadow:none;
    color: rgb(35, 40, 45);
}
label{
	font-size: 15px;
    color: #a9acae;
}
.form-group{
	margin-bottom:25px;
}
.form-group.above-submit{
	margin-bottom:50px;
}

/* COMMON CLASS */
.overflow-h{ overflow:hidden;}

/*MARGIN*/
.mr-0{margin:0 !important;}
.mr-t-10{margin-top:10px !important;}
.mr-t-20{margin-top:20px !important;}
.mr-t-30{margin-top:30px !important;}
.mr-r-10{margin-right:10px !important;}
.mr-l-15{margin-left:15px !important;}
.mr-lr-10{
	margin-right:10px !important;
	margin-left:10px !important;
}
.pd-lr-20{
	padding-right:20px !important;
	padding-left:20px !important;
}
.pd-lr-30{
	padding-right:30px !important;
	padding-left:30px !important;
}
.mr-b-35{margin-bottom:35px;}

/*PADDING*/
.pd-t-0{padding-top:0 !important;}
.pd-r-10{padding-right:10px !important;}
.pd-30{padding:30px;}
.pd-20{padding:20px;}


/*FONT SIZE / COLOR*/
.f-18{font-size:18px;}

.f-grey{color:#a3a3a3;}
.f-blue{color:#3565a7;}
.f-l-blue{color:#2eb7f5;}
/* BUTTON OVERIDE CSS */
.btn{
	font-family:'fira_sansmedium';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	padding: 10px 30px;
}
.btn-lg{
	padding: 15px 50px;
}
.btn-xl{
	font:20px 'fira_sansbold';
	padding: 25px 50px;
}
.btn-file {
  position: relative;
  overflow: hidden;
  padding:12px 30px;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.btn-file-box.btn-file{
	border: 2px dashed #e9e9e9;
    background-color: transparent;
    font: 14px 'fira_sansbold';
    color: #a1a1a1;
}
	
/* BOOTSTRAP MODAL */
.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}
.modal-content .modal-body .close {
    margin-top: -35px;
	color:#fff;
	opacity:1;
	font-weight:normal;
	font-size:30px;
}
.modal-content{
	background-color:transparent;
	border:none;
	box-shadow:none;
}


/* ------------------------------------------ICONS */
i[class^="ic-"] {
	 display:inline-block;
	 background-image:url(../../images/main/icon-sprite.png);
	 vertical-align:middle; 
 }
 .ic-arrow-right{
	background-position:0 0;
	width:13px;
	height:8px;	
}
.icon-25{
	width:25px;
	height:25px;
 }
 .ic-calendar{
	background-position:0 -13px;
 }
 .ic-location{
	background-position:0 -43px;
 }
 .ic-clock{
	background-position:0 -74px;
 }
 .ic-long-aarow{
	background-position:-30px 0;
	width:61px;
	height:9px;
 }
 .ic-mid-aarow{
	background-position:-96px 0;
	width:19px;
	height:9px;
 }
 .ic-plus-blue{
	background-position:-30px -13px;
	width:16px;
	height:16px;
 }
 .ic-message-quote{
	background-position:-30px -55px;
	width:23px;
	height:20px;
 }
 .ic-billing-card{
	width:32px;
	height:21px;
 }
 .ic-visa{
	background-position:0 -104px;
 }
 .ic-amex{
	background-position:-45px -104px;
 }
 .ic-master{
	background-position:-88px -104px;
 }
 .ic-maestro{
	background-position:-132px -104px;
 }
 .ic-paypal{
	background-position:-178px -104px;
 }
 
 
/* ------------------------------------------INPUT ICONS */ 
 .left-inner-addon,.right-inner-addon {
    position: relative;
}
.left-inner-addon i,.right-inner-addon i{
    color:#d6d6d6;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

/* ------------------------------------------WIDGET TAG */ 
.widget-tag{
	border-radius:20px;
	padding:7px 20px;
	color:#fff;
	font:14px/14px'fira_sansbold';
	background-color:#d4d4d4;
	display:inline-block;
}
.widget-tag.active{
	background-color:#2fb7f6;
}

/* ------------------------------------------DROPDOWN CSS */ 
.dropdown-menu.triangle{
	margin-top:10px !important;
	border:none;
}
.dropdown-menu.triangle:after {
  position: absolute;
  top: -9px;
  left: 10px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #ffffff;
  border-left: 9px solid transparent;
  content: '';
}
.dropdown-menu.triangle.right::after{
	left:auto;
	right:10px;
}

/* ------------------------------------------TOGGLE SWITCH */ 
 .switch-wrapper {
	  padding: 3px;
	background-color: #fff;
    border: 1px solid #d4d4d4;
	display:inline-block;
	 border-radius: 4px;
 }
  .switch-light {
    display: block;
    min-height: 2.625em;
	width:160px;
    position: relative;
    overflow: visible;
    padding: 0;
	margin:0;
	color:#d4d4d4;
	font:16px 'fira_sansbold';
	}
    .switch-light * {
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .switch-light label, .switch-light > span {
      line-height: 2.625em;
      vertical-align: middle; }
    .switch-light input:focus ~ a, .switch-light input:focus + label {
      outline: 1px dotted #888; }
    .switch-light label {
      position: relative;
      z-index: 3;
      display: block;
      width: 100%; }
    .switch-light input {
      position: absolute;
      opacity: 0;
      z-index: 5; }
      .switch-light input:checked ~ a {
        left: 0%; }
		 .switch-light input:checked ~ span span:first-child {
			 color:#fff;
		 }
    .switch-light > span {
      position: absolute;
    
      width: 100%;
      margin: 0;
     
      text-align: left; }
      .switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
       
        text-align: center; }
        .switch-light > span span:last-child {
		
          left: 50%; }
    .switch-light a {
      position: absolute;
      left: 50%;
      top: 0;
	  background-color:#2fb7f6;
	  border:none;
      z-index: 4;
      display: block;
      width: 50%;
      height: 100%;
      padding: 0; }
   }

@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light{
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }

  to {
    -webkit-transform: translate3d(0, 0, 0); } }




/* ------------------------------------------CUSTOM RADIIO / CHECKBOX */ 

.radio label, .checkbox label, .radio-inline, .checkbox-inline
{
    padding-left: 0;
}
.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden;
    top: -2px;
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px !important;
    cursor: pointer;
    padding-left: 2px !important;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 30px;
}
.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
    content: '';
    background: url("../../images/uncheck.png") no-repeat scroll 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 2px;
    text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before {
    content: "";
    background: rgba(0, 0, 0, 0) url("../../images/check.png") no-repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}