body {	 background-color:#eff2f6;	 font: 14px/22px "Roboto",  sans-serif;color: #484848;
}
/* --DEF- */
.fixedbox {overflow:hidden;}
.screenshot_item {
	width:80%;
	padding-bottom:12px;
}
/* --HEADER-- */
.faktor_header {
	width:100%; 
	left:0px;
	top:0px;
	padding-top:2px;
	background-color:#242A38;
	padding-bottom:0px;
	z-index:997;
	position:fixed;
}
.faktor_header_title {
	display:inline-block;vertical-align:top;font: bold 26px 'Play', sans-serif; color: #C3213D;
	margin-top:2px;	margin-left:6px;
}
.subtitle {font-size:14px;margin:0px;margin-top:2px;color:orange;}
 
.faktor_header_line {
	margin-top: 0px;background-color:orange;height:3px;
}
@media (max-width: 768px){
.faktor_header_title {font-size:22px;margin-top:8px;}
.subtitle {font-size:12px;margin-top:4px;}
}
.header-container {}
@media (min-width: 992px){.header-container{max-width:960px}}
@media (min-width: 1200px){.header-container{max-width:1140px}}
.mb-20 {
    margin-bottom: 20px;
	}
.mrl-10 {
	margin-left: 0px;margin-right: 0px;
}
@media (min-width: 868px){.mrl-10  {margin-left: 10px;margin-right: 10px;}}
.faktor_header_logo {}
@media (max-width: 340px){.faktor_header_logo  {width:27px;height:31px;margin-top:12px;}}
/* --END HEADER-- */

/* --HEADER NAVIGATION */
ul{margin:0;padding:0;list-style:none}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu>li{float:left}
.nav-menu li:hover>ul,.nav-menu li.sfHover>ul{display:block}
.nav-menu ul ul{top:0;left:100%}
.nav-menu ul li{min-width:180px;text-align:left}
.faktor_header_nav {
	margin:0;vertical-align:center;
}
.nav-menu-break {padding:4px 1px;color:white;}
.nav-menu a{padding:6px 10px;text-decoration:none;display:inline-block;color:white;font-size:11px;text-transform:uppercase;}
@media (min-width: 868px){
.nav-menu a {font-size:12px;}
}
.nav-menu a:hover{color:yellow;text-decoration:underline;}
#mobile-nav-toggle{position:fixed;right:15px;z-index:999;top:15px;border:0;background:none;font-size:24px;display:none;transition:all 0.4s;outline:none;cursor:pointer}
#mobile-nav-toggle i{color:#fff;font-weight:900}
@media (max-width: 767px){
#mobile-nav-toggle{display:inline;top:8px;right:8px;}
#nav-menu-container{display:none}}
#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,0.8);left:-260px;width:260px;overflow-y:auto;transition:0.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}
#mobile-nav ul li{position:relative}
#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700}
#mobile-nav ul li a:hover{color:yellow;text-decoration:underline;}
#mobile-nav ul li li{padding-left:30px}
#mobile-body-overlay{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active 
#mobile-nav{left:0}body.mobile-nav-active 
#mobile-nav-toggle{color:#fff}
/* --END HEADER NAVIGATION-- */
 

/* --TOP-- */
.faktor_top	{
	position: relative;
    z-index: auto;
	background-size:cover;
	margin-top:67px;
	padding: 60px 0 40px 0;
	}
.gr_maloprodaja {
	background:url(../grafika/maloprodaja/first_small.png);
}
.gr_veleprodaja {
	background:url(../grafika/robno/first_small.png);
}
.gr_pos {
	background:url(../grafika/pos/first_small.png);
}
.gr_komunalno {
	background:url(../grafika/komunalno/first_small.png);
}
.gr_odvj_ured {
	background:url(../grafika/odvj_ured/first_small.png);
}
.gr_udruge {
	background:url(../grafika/udruge/first_small.png);
}
.gr_fakturiranje {
	background:url(../grafika/fakturiranje/first_small.png);
}
.gr_gastro {
	background:url(../grafika/gastro/first_small.png);
}
.gr_gastropos {
	background:url(../grafika/gastropos/first_small.png);
}
.gr_financije {
	background:url(../grafika/financije/first_small.png);
}
.faktor_top .container {
	height:540px;
}
.faktor_top_border  {
	width: 100%;height:14px;background-color:#9EAFFD;
}
.faktor_top_text {
	background-color:rgba(0,0,1,0.6);
	position:absolute;
	bottom:60px;
	left:0;
	padding:10px;
	font: Roboto, sans-serif;
}
.faktor_top_text h1 {
	font:2rem Roboto, sans-serif;
	font-weight:500;line-height:1.2;
	color:white;
	text-shadow: 2px 2px 4px #110011;
}
.faktor_top_text p {
	font-size:18px;
	color:white;
}
@media only screen and (max-width: 349px) {
	.faktor_top_text h1 {font-size:26px;font-weight:500;} 
	.faktor_top_text p {font-size:14px;} 
}
@media only screen and (max-width: 1365px) {
	.faktor_top {padding-top:25px;}
	.faktor_top {margin-top:67px;} 
	.faktor_top .container {height:480px;}  
}

@media only screen and (min-width: 930px) {
	.gr_komunalno {background: url(../grafika/komunalno/first_med.png);}
	.gr_pos {background: url(../grafika/pos/first_med.png);}
	.gr_maloprodaja {background: url(../grafika/maloprodaja/first_med.png);}
	.gr_veleprodaja {background: url(../grafika/robno/first_med.png);}
	.gr_odvj_ured {background: url(../grafika/odvj_ured/first_med.png);}
	.gr_udruge {background: url(../grafika/udruge/first_med.png);}
	.gr_fakturiranje {background: url(../grafika/fakturiranje/first_med.png);}
	.gr_gastro {background: url(../grafika/gastro/first_med.png);}
	.gr_gastropos {background: url(../grafika/gastropos/first_med.png);}
	.gr_financije {background: url(../grafika/financije/first_med.png);}
	.faktor_top_text h1 {font-size:3rem;font-weight:700;}
	 
}
@media only screen and (min-width: 1070px) {
	.gr_komunalno {background: url(../grafika/komunalno/first_medx.png);}
	.gr_pos {background: url(../grafika/pos/first_medx.png);}
	.gr_maloprodaja {background: url(../grafika/maloprodaja/first_medx.png);}
	.gr_veleprodaja {background: url(../grafika/robno/first_medx.png);}
	.gr_odvj_ured {background: url(../grafika/odvj_ured/first_medx.png);}
	.gr_udruge {background: url(../grafika/udruge/first_medx.png);}
	.gr_fakturiranje {background: url(../grafika/fakturiranje/first_medx.png);}
	.gr_gastro {background: url(../grafika/gastro/first_medx.png);}
	.gr_gastropos {background: url(../grafika/gastropos/first_medx.png);}
	.gr_financije {background: url(../grafika/financije/first_medx.png);}
}
@media only screen and (min-width: 1280px) {
	.faktor_top_text h1 {font-size:4rem;}
	.faktor_top_text p {font-size:20px;} 
	.faktor_top .container {height:600px;}  
}
.faktor_top {
		background-size:cover;
}

@media only screen and (max-width: 1279px) {
	#faktor_top_img {display:none;} 
	.faktor_top_border {display:none;}
} 
@media only screen and (min-width: 1280px) {
	.faktor_top { background:url(../grafika/wave.svg) center;	background-size:cover;}
	#faktor_top_img {display:block;}  
}

.bordered {border: 2px solid #fff;    border-radius: 6px;}
@media (min-width: 200px){
.bordered {border: 2px solid #fff;    border-radius: 8px;}}
@media (min-width: 400px){
.bordered {border: 5px solid #fff;    border-radius: 10px;}}
@media (min-width: 600px){
.bordered {border: 5px solid #fff;    border-radius: 12px;}}
@media (min-width: 900px){
.bordered {border: 10px solid #fff;    border-radius: 14px;}}
@media (min-width: 1100px){
.bordered {border: 10px solid #fff;    border-radius: 16px;}}
/* --END TOP */


/* --HIGHLIGHTS-- */
.faktor_highlight	{
	position: relative;
    z-index: auto;
	background-color:#eff2f6;
    padding: 80px 0 40px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height:22px;
	}
.faktor_highlight_box_title {
	line-height:26px;
	font-weight:700;
}
.faktor_highlight h3 {color: #C3213D;text-shadow: 2px 2px 4px #CCAACC;}

.faktor_highlight_box	{
	text-align:center;
	background-color:#D7E0FA;
	padding:40px;
	border-radius:10px;
	margin-bottom: 50px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
@media (max-width: 960px) {
.faktor_highlight_box	{margin-bottom:20px;padding:10px;}}

.faktor_highlight_box:hover	{
	background-color:white;
	box-shadow:0px 0px 30px 0px rgba(59,172,240,0.2);
}
.faktor_highlight_box .cog {
	color:#323;
	font-size:32px;
}
.faktor_highlight_box:hover  {
	color:#C3213D;
} 
/* --END HIGHLIGHTS-- */

/* --SLIDES-- */
.faktor_slides	{
	position: relative;
    z-index: auto;
	background:url(../grafika/cog.svg) center;
	background-size:cover;
    padding: 60px 0 40px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height:22px;
	}
@media (max-width: 767px) {
	.faktor_slides {margin-bottom:30px;}
}
.faktor_slides .overlay-bg	{
	background-color:rgba(255,255,255,0) 
	} 
.faktor_slides h3 {color: #C3213D;text-shadow: 2px 2px 4px #CCAACC;}

.owl-carousel .owl-nav .owl-prev{
	color:silver;}
.owl-carousel .owl-nav .owl-next{
	color:silver;}
.faktor_slides_desc {
	background-color:inherit;width:100%;border-top:2px solid orange;height:70px;}
.faktor_slides_desc_item {
	color:black;display:none;width:100%;text-align:center;}
.faktor_slides_container {
	width:100%;text-align:center;}
@media only screen and (min-width: 1366px) {
	.faktor_slides_container {margin-left:10%;width:80%;}  
}
/* --END SLIDES-- */

/* --DESCRIPTIONS-- */ 
.faktor_desc	{
	position: relative;
    z-index: auto;
    background: #D7E0FA; 
    padding: 60px 0 40px 0;
	font: 16px/22px 'Roboto',  sans-serif;
	}
.faktor_desc h3 {
	color: #C3213D;text-shadow: 2px 2px 4px #CCAACC;}


/* --END DESCRIPTIONS-- */ 

/* --ERP-- */ 
.faktor_erp	{
	position: relative;
    z-index: auto;
    background: #eff2f6; 
    padding: 60px 0 40px 0;
	font: 16px/22px 'Roboto',  sans-serif;
	}
.faktor_erp h3 {
	color: #C3213D;text-shadow: 2px 2px 4px #CCAACC;}
.program_title {
	font-weight:700;
	line-height:24px;
	}
.program_desc {
	display:block;
}
/* --END ERP-- */ 

/* --CONTACT-- */
.faktor_contact	{
	position: relative;
    z-index: auto;
    background: #D7E0FA; 
    padding: 60px 0 40px 0;
	font: 16px/22px 'Roboto',  sans-serif;
	}
.faktor_contact_title {
	font-size:1em 'Roboto', sans-serif;
	text-transform:uppercase;font-weight:700;
	margin-top:10px;
	display:inline-block;outline:none;
	width:245px;text-align:center;
}
.faktor_contact_text {
	font: 18px/28px 'Roboto',  sans-serif;color:#242A38;margin-bottom:8px;width:245px;
}

.faktor_contact h3 {color: #C3213D;text-shadow: 2px 2px 4px #CCAACC;}
 

.form-control::-webkit-input-placeholder {
    color: silver;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: silver;
    opacity: 1;
}
.form-control::-ms-input-placeholder {
    color: silver;
    opacity: 1;
}
.form-control::placeholder {
    color: silver;
    opacity: 1;
}

.contact_field {
    font-size: 18px;
    padding: 15px 15px;
    border-radius: 0 16px 0 0;
	border-left:7px solid #66afe9;
}

.form_error {
	border-left:7px solid red;
	border-bottom:1px solid red;
}
 
.btn-green {
  height:48px;
  min-width:160px;
  font-weight:700;
  color: #ffffff;
  background-color: #10A130;
  border-color: #107130;
}
.btn-green:hover {
  color: #ffffff;
  background-color: #028E1D;
  border-color: #026E1D;
 
}
.btn-green:active:hover,.btn-green.active:hover,.btn-green:active:focus,.btn-green.active:focus,.btn-green:active.focus,.btn-green.active.focus,.open > .dropdown-toggle.btn-green.focus {
  color: #ffffff;
  background-color: #026E1D;
  border-color: #024E1D;
}

.btn-blue {margin-top:10px}
.btn-blue.primary{color:#fff;background:#3bacf0;border:1px solid transparent}
.btn-blue.primary:hover{color:#3bacf0;border:1px solid #3bacf0;background:#fff}
.btn-blue.circle{border-radius:20px}
.btn-blue{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:1em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.btn-blue:focus{outline:none}

.contact-buttons
{
	text-align:right;
}
@media only screen and (max-width: 620px) {
	.btn-green {width:100%;height:36px;}
	.contact-buttons {text-align:center;}
	.faktor_contact_text {font-size:14px;}
	.contact_field {font-size:14px;}

}
.faktor_contact_response {
	width:100%;
	text-align:center;
	padding-top:12px;
}
/* --END CONTACT-- */

/* --FOOTER-- */
.faktor_footermargin	{
	height:3px;background-color:orange;width:100%;margin-left:auto;margin-right:auto;
}
.faktor_footer {
	background-color:#242A38; 
}
.faktor_footer_column {
	padding-top:8px;
}
.faktor_footer_column a	{
	text-decoration:none;color:white;font: 16px/24px 'Roboto', sans-serif;
}
.faktor_footer_column a:visited	{
	text-decoration:none;color:white;
}
.faktor_footer_column a:hover	{
	text-decoration:underline;color:yellow;
}
.faktor_footer_column span {
	color:red;font: bold 16px/22px  'Roboto',sans-serif;
}
.faktor_footer_comp {
	padding-top:16px;width:100%;text-align:right;color:silver;font: 14px/18px 'Roboto', sans-serif;
}
.bg_dark {
background-color:#242A38; border:1px solid #242A38;
}
/* --END FOOTER-- */
@media (max-width: 700px){.screenshot_item  {width:98%;}}
/* --H1/H5 sizes-- */
h3 {font: bold 18px "Play", sans-serif;}
@media (min-width: 200px){
h3 {font-size:18px;}}
@media (min-width: 400px){
h3 {font-size:22px;}}
@media (min-width: 600px){
h3 {font-size:22px;}}
@media (min-width: 900px){
h3 {font-size:24px;}}
@media (min-width: 1100px){
h3 {font-size:26px;}}