/*
1-Fonts 
2-Backgrounds
3-General
4-Main
*/

  
  
/*********************************/
/*1-Fonts */
/*********************************/

 

.s12 {font-size: 12px !important;}
.s13 {font-size: 13px !important;}
.s14 {font-size: 14px !important;}
.s15 {font-size: 15px !important;}
.s16 {font-size: 16px !important;}
.s17 {font-size: 17px !important;}
.s18 {font-size: 18px !important;}
.s20 {font-size: 20px !important;}
.s24 {font-size: 24px !important;}
.s28 {font-size: 28px !important;}
.s30 {font-size: 30px !important;}
.s36 {font-size: 36px !important;}
.s48 {font-size: 48px !important;}
.s60 {font-size: 60px !important;}
.s72 {font-size: 72px !important;}
 

/*********************************/
/*2-Backgrounds*/
/*********************************/
.bg { background: #000; }
.bg2{ background: #f00; }
.bg3{ background: #00f; }
.bg4{ background: #ed0; }
.bg5{ background: #abc; }
.bg6{ background: #cba; }
.bg7{ background: #bac; }
.white-bg{ background: #fff;}
.black-bg{ background: #000;}



/*********************************/
/*3-General*/
/*********************************/

/*padding-top-xx*/
.pt5 { padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt50{padding-top: 50px !important;}
.pt100{padding-top: 100px !important;}

/*padding-bottom-xx*/
.pb5 { padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb50{ padding-bottom: 50px; }
.pb100{padding-bottom: 100px !important;}

/*padding-right-xx*/
.pr5 { padding-right: 5px !important; }
.pr10{ padding-right: 10px !important; }
.pr15{ padding-right: 15px !important; }
.pr20{ padding-right: 20px !important; }
.pr30{ padding-right: 30px !important; }
.pr50{ padding-right: 50px !important; }

/*padding-left-xx*/
.pl5 { padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl30{ padding-left: 30px !important;; }
.pl50{ padding-left: 50px; }
 
/*padding*/
.p5 { padding: 5px !important; }
.p10{ padding: 10px !important; }
.p15{ padding: 15px !important; }
.p20{ padding: 20px !important; }
.p30{ padding: 30px !important; }
.p50{ padding: 50px !important; }


/*margin-top-xx*/
.mt5 { margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{margin-top: 15px !important;}
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt50{ margin-top: 50px; }

/*margin-bottom-xx*/
.mb5 { margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb50{margin-bottom: 50px !important;}

/*margin-right-xx*/
.mr5 { margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr50{ margin-right: 50px; }

/*margin-left-xx*/
.ml5 { margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml50{ margin-left: 50px; }

/*no-margins*/
.nm  { margin: 0 !important;}
.nlm { margin-left: 0 !important;}
.nrm { margin-right: 0 !important;}
.ntm { margin-top: 0 !important;}
.nbm { margin-bottom: 0 !important;}

/*no-padding*/
.np  { padding: 0 !important;}
.nlp { padding-left: 0 !important;}
.nrp { padding-right: 0 !important;}
.ntp {padding-top: 0 !important;}
.nbp { padding-bottom: 0 !important;}


.img-responsive {max-width: 100%;}
.full-height{height: 100%;}
.rel-pos{position: relative;}
.abs-pos{position: absolute;}

/*radio*/
.radio input[type="radio"]:focus {outline: 0;border: 0;}
.radio + .radio, .checkbox + .checkbox {outline: 0;}
.radio-no-border:focus {border-color:#ccc;outline: 0;-webkit-box-shadow: none;box-shadow: none;}

/*divide*/
.divider{width: 100%;height: 1px; background: #ddd;margin: 30px 0;}

/*border*/
.no-border { border: 0 !important;}
.border-bt { border-bottom: 1px solid #ddd; }

/*link*/
a, button { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover , button:hover{ text-decoration: none; }
a{outline:none !important;  }
a:focus , a:visited , a:active{ color: none; text-decoration: none;  outline: 0; }

/*btns*/
.btn:active , .btn:focus{ outline: 0; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
  outline: none;
  outline-offset: 0px;
}

.h100
{
	height: 100%;
}
/*animation*/

/*animation dealy*/
.ds1
{
	 -webkit-animation-delay: .1s;
}
 

.ds2
{
	 -webkit-animation-delay: .2s;
}
  
.ds3
{
	 -webkit-animation-delay: .3s;
}



.ds4
{
	 -webkit-animation-delay: .4s;
}


.ds5
{
	 -webkit-animation-delay: .5s;
}

.ds6
{
	 -webkit-animation-delay: .6s;
}

.ds7
{
	 -webkit-animation-delay: .7s;
}
 

.ds8
{
	 -webkit-animation-delay: .8s;
}
 
.ds9
{
	 -webkit-animation-delay: .9s;
}
 

 .ds10
{
	 -webkit-animation-delay: 1s;
}
 

 .ds11
{
	 -webkit-animation-delay: 1.1s;
}
 

 .ds12
{
	 -webkit-animation-delay: 1.2s;
}
 

 

.infinite
{
	  -vendor-animation-iteration-count: infinite;
	  -webkit-animation-iteration-count: infinite;

}

.anim
{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.anim:hover{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}

.infinite
{
	  -vendor-animation-iteration-count: infinite;
	  -webkit-animation-iteration-count: infinite;

}

.anim-duration3s
{
	 -vendor-animation-duration: 3s;
	 -webkit-animation-duration: 3s;
}


.anim-duration 
{
	 -vendor-animation-duration: 15s;
	 -webkit-animation-duration: 15s;
}


/*input*/
input.form-control, select.form-control, textarea.form-control {
    background: none;
    background-color: #fbfbfb;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    color: #999;
    margin-bottom: 5px;
    line-height: 1.428571429;
    padding: 6px 12px;
    transition: .5s all;
    height: 44px;
}


*
{
    margin: 0;
    padding: 0;
}

 
body
{
    margin: 0;
    padding: 0;
    color: #333;
    font-family: 'ca' , sans-serif;
    font-size: 100%; /*eq=16px;*/
    font-weight: 400;
    -webkit-text-size-adjust: none;
  }



a.innosoft {
    display: block;
    padding: 20px 30px;
}

a.innosoft img.img-responsive {
    width: 75%;
    margin: auto;
}


 
a.innosoft-web {
    display: inline-block;
    width: 48%;
    padding-right: 15px;
}

 

/* Preloader */
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}
 
#loader-wrapper .loader-section.section-left {
    left: 0;
	  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
	  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.3s 0.3s ease-out; 
            transition: all 0.3s 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}


/**************/

.loader,
.loader__figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99999;
}

.loader {
  overflow: visible;
  padding-top: 2em;
  height: 0;
  width: 2em;
}

.loader__figure {
  height: 10em;
  width: 50em;
  /* box-sizing: border-box; */
  /* border: 0 solid #046e46; */
  /* border-radius: 50%; */
  /*
  -webkit-animation: bounce 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: bounce 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: bounce 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
*/
  /* margin-top: -5em; */
  /* margin-left: -5em; */
}

.loader__label {
  float: left;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0.5em 0 0 50%;
  font-size: 0.875em;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  color: #046e46;
  white-space: nowrap;
/*
  -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}

@-webkit-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}
@-moz-keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}
@keyframes loader-figure {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}
@-webkit-keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@-moz-keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}