@charset "UTF-8";

.intro { background-position: center top; background-attachment:fixed; background-size: cover; }
.intro .intro-body .brand-heading-big { padding-left: 35px; font-weight: 100!important; }
.intro .intro-body .brand-heading-big span { color: #3ba3d3; font-weight: 400!important; }
#welcome h3 { line-height: 1.3; }
.graph { max-width: 650px; margin: 0 auto; }
.graph .graph-container { position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 50.473846%; }
.graph svg { position: absolute;  height: 100%; width: 100%; left: 0; top: 0; }
#avgLine { stroke-dasharray: 4,4; }
.feature-txtWrap { display: table; height: 100%; padding: 25px; }
.feature-txt { display: table-cell; vertical-align: middle; color: #FFFFFF; }
.feature-txt h4 { color: #FFFFFF; font-size: 20px; font-weight: 600!important; margin-top: 0; }
.feature-txt p { color: #FFFFFF; font-size: 16px; margin-bottom: 0; }
#distribute .logoWrap { margin: 10px auto 75px auto; text-align: center;}
#distribute .logoWrap img { max-width: 220px; display: inline-block; margin: 0 20px; }
#distribute .logoWrap i { display: inline-block; margin-top: 10px; margin-left: 25px; vertical-align: middle; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { font-size: 11px; letter-spacing: 0.1em; }
.select2-container--default .select2-selection--single:focus { 
	border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.wrapSwitch { padding: 15px 0;  text-align: center; }
.switchLabel { display: inline-block; line-height: 1.5; vertical-align: top; margin-right: 10px; color: #F2F2F2; margin-top: 3px; }
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.has-error .select2-container--default .select2-selection--single { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.popover { font-size: 12px; background: #FFFFFF; border-radius: 0px; }
.popover-content { padding: 4px 6px; line-height: 1.25; }
.popover-content .fa { padding-right: 2px; font-size: 14px; width: 18px; display: inline-block; vertical-align: top;  }
.popover-content span { display: inline-block; width: calc(100% - 18px); }
#captchaContainer > div { margin: 0 auto; }
#captchaContainer .form-control-feedback { display: none!important; }
#captchaMessage .help-block { color: #8d0000; }

#footer p, .note { font-size: 11px; }

ul.info { list-style: none; }
ul.info li { width: calc(21% - 4px); padding: 15px; border-right: 1px solid #EEEEEE; display: inline-block; vertical-align: middle; font-size: 130%; }
ul.info li span { font-size: 11px; text-transform: uppercase; display: block; }
ul.info li:first-child { font-size: 120%; padding-left: 0; width: 36%; }
ul.info li:last-child { border-right: none; padding-right: 0;}

@media only screen and (max-width: 1200px) {
	.navbar-pasific .container-fluid .navbar-brand img { margin-left: 0; width: 140px; margin-top: 0; }
	.intro .intro-body .brand-heading-big { font-size: 40px; padding-left: 15px; text-align: left; margin-top: 60px; margin-bottom: 0; }
	
	ul.info li { font-size: 120%; }
	ul.info li:first-child { font-size: 105%; }
}
@media only screen and (min-width: 992px) {
	#moreInfo .container { width: 780px; }
	#moreInfo .col-md-3 { width: 50%; }
}
@media only screen and (max-width: 992px) {
	#featureGrid .col-md-3 { width: 25%; }
	.feature-txtWrap { padding: 15px; width:100%; }
	.feature-txt h4 { font-size: 18px; margin-bottom: 6px; margin-top: 0; }
	.feature-txt p { font-size: 14px; }
	#distribute .logoWrap img { width: 180px; }
	#video > div { background-size: auto 450px!important; }
	.pb180 { padding-bottom: 120px; }
	.pt180 { padding-top: 120px; }
	
	ul.info li { font-size: 112%; }
	ul.info li span { font-size: 10px; }
	ul.info li:first-child { font-size: 100%; }
}
@media 
only screen and (max-height: 420px),
only screen and (max-width: 850px) {
	h1 { font-size: 30px; }
	h3 { font-size: 21px; }
	h4 { font-size: 18px; }
	.pt75 { padding-top: 37.5px; }
	.pb75 { padding-bottom: 37.5px; }
	.mt75 { margin-top: 37.5px; }
	.pt50 { padding-top: 25px; }
	.mb40 { margin-bottom: 20px; }
	.pb50 { padding-bottom: 25px; }
	.feature-txt h4 { font-size: 16px; }
	.feature-txt p { font-size: 13px; line-height: 1.4; }
	#moreInfo .pb30 { padding-bottom: 10px; }
	#distribute .logoWrap { margin: 10px auto 37.5px auto; }
	#distribute .logoWrap img { width: 160px; }
	#distribute .logoWrap i { font-size: 12px; margin-left: 15px; }
	.intro { background-size: auto 420px; }
	.intro .intro-body .brand-heading-big { font-size: 32px; margin-top: 0; margin-bottom: 0;}
	.intro.pb80 { padding-bottom: 0px; }
	#video > div { background-size: auto 420px!important; }
	.pb180 { padding-bottom: 110px; }
	.pt180 { padding-top: 110px; }
	.heading.heading-dotted { margin-bottom: 0; }
	
	ul.info li { font-size: 100%; padding-top: 10px; padding-bottom: 10px;}
	ul.info li span { font-size: 9px; }
	ul.info li:first-child { font-size: 90%; }
}
@media only screen and (max-width: 767px) {
	#featureGrid .col-sm-4, #featureGrid .col-sm-8 { float: left; }
	#moreInfo .col-xs-12 { width: 50%; }
	
	ul.info li { padding-left: 10px; padding-right: 10px; }
	ul.info li span.small { display: block; margin-top: 3px; }
}
@media only screen and (max-width: 640px) {
	.intro .intro-body .brand-heading-big { font-size: 26px; margin-top: 0; margin-bottom: 0; }
	#featureGrid .col-sm-4 { width: 30%; }
	#featureGrid .col-sm-8 { width: 70%; }
	#moreInfo .container { width: 420px; }
	#moreInfo .col-xs-12 { width: 100%; }
	.feature-txtWrap { border-bottom: 1px solid rgba(255,255,255,0.25); }
	#video > div { background-size: auto 380px!important; }
	.pb180 { padding-bottom: 100px; }
	.pt180 { padding-top: 100px; }

}
@media only screen and (max-width: 568px) {
	ul.info li { width: calc(50% - 2px); border-right: none; text-align: center; }
	ul.info li:first-child { padding-left: 10px; width: calc(50% - 2px); }
	ul.info li:last-child { padding-right: 10px; }
}
@media only screen and (orientation: portrait) {
	.intro { height: 70%; background-size: auto 1000px; background-position: 1600px 0; position: relative; }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
	.intro { background-size: auto 750px; background-position: 1100px 0; }
}

@media only screen and (max-width: 420px) {
	h1 { font-size: 26px; }
	h3 { font-size: 18px; }
	h4 { font-size: 15px; }
	.intro { background-size: auto 600px; background-position: 650px 0; }
	.intro .intro-body .brand-heading-big { margin: 0 20px; padding: 20px; font-size: 26px; text-align: center; background: rgba(0,0,0,0.5); }
	#moreInfo .container { width: 100%; }
	.switchLabel { margin-bottom: 8px; }
	#video > div { background-size: auto 350px!important; }
	
	#distribute .logoWrap { margin-top: 0; }
	#distribute .logoWrap > div { margin-left: 0; }
	#distribute .logoWrap img { display: block; margin: 0 auto 15px auto; }
	#distribute .logoWrap i { margin-left: 0; }
}
@media only screen and (max-width: 375px) {
	.intro .intro-body .brand-heading-big { font-size: 22px; }
}
@media only screen and (max-width: 360px) {
	.intro { background-size: auto 460px; background-position: 560px 0; }
	.feature-txt h4 { font-size: 13px; margin-bottom: 4px; }
	.feature-txtWrap { padding-top: 10px; padding-bottom: 10px; }
}
@media only screen and (max-width: 320px) {
	h1 { font-size: 22px; }
	h3 { font-size: 16px; }
	.intro .intro-body .brand-heading-big { font-size: 19px; }
}

/* Retina-specific BG */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	.loader-item { background: url(../../assets/img/other/img-loader@2x.png) 50% 50% no-repeat; background-size: 50%; }
}