/*------------------------------------------------------------------
[Stylesheet]
Responsiveness Fixes
-------------------------------------------------------------------*/

@media (max-width: 337px){
	.navigation_desktop ul {
    	margin-top:-2rem;
	}
	
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
/*		background-color: #e31b23;*/
	}
	
	.more_info_anim1, .more_info_anim2, .more_info_anim3, .more_info_anim4, .more_info_anim5, .more_info_anim6, .more_info_anim7, .more_info_anim8, .more_info_anim9, .more_info_anim10, .about_video_anim1, .about_video_anim2, .about_video_anim3, .about_video_anim4, .about_video_anim5, .about_video_anim6, .about_video_anim7, .about_video_anim8, .about_video_anim9, .about_video_anim10, .reviews_anim1, .reviews_anim2, .reviews_anim3, .reviews_anim4, .reviews_anim5, .reviews_anim6, .reviews_anim7, .reviews_anim8, .reviews_anim9, .reviews_anim10, .screenshots_anim1, .screenshots_anim2, .screenshots_anim3, .screenshots_anim4, .screenshots_anim5, .screenshots_anim6, .screenshots_anim7, .screenshots_anim8, .screenshots_anim9, .screenshots_anim10, .pricing_anim1, .pricing_anim2, .pricing_anim3, .pricing_anim4, .pricing_anim5, .pricing_anim6, .pricing_anim7, .pricing_anim8, .pricing_anim9, .pricing_anim10, .team_anim1, .team_anim2, .team_anim3, .team_anim4, .team_anim5, .team_anim6, .team_anim7, .team_anim8, .team_anim9, .team_anim10, .cta_download_anim1, .cta_download_anim2, .cta_download_anim3, .cta_download_anim4, .cta_download_anim5, .cta_download_anim6, .cta_download_anim7, .cta_download_anim8, .cta_download_anim9, .cta_download_anim10, .contact_anim1, .contact_anim2, .contact_anim3, .contact_anim4, .contact_anim5, .contact_anim6, .contact_anim7, .contact_anim8, .contact_anim9, .contact_anim10 {
		opacity: 1 !important;
	}
	
	.col-xs-12.col-sm-12.col-md-6.col-lg-6.align-center.visible-md.visible-lg.more_info_anim6.animated.fadeInUp {
		display: none !important
	}
	
	#feature3 .feature_box_center_content_row .row div {
		min-height: auto !important
	}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
/*
	.cta_button_area {
		margin-bottom: 7rem
	}
*/
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	
	.forma .third-in {
		width: 100%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	
	.half-in.mail-in {
		width: 100%;
	}
	.third-in.fon-in {
		width: 33.3% !important
	}

	label {
    font-size: 1rem;
}
nav li a {
    padding: 6px;
    font-size: .9em;
    }
	.mobile {
    display: block;
}
.mobile {
/*    display: none;*/
    width: 100%;
    top: 0;
}
nav {
    margin: 0 auto;
    overflow: hidden;
    float: right;
    padding: 10px 0;
}
	.mobile button {
    text-indent: -300px !important;
}
.mobile button {
    background: rgba(255, 255, 255, 0) url(../images/menu.png) no-repeat scroll center center / contain;
    border: 0 none;
    border-radius: 3px;
    height: 30px;
    outline: medium none;
    overflow: hidden;
    text-indent: 200%;
    transition: all 400ms ease 0s;
    width: 25px !important;
    position: absolute;
    height: 25px;
    top: 20px;
    right: 20px;
}
	nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
	nav li {
    width: 100%;
}
nav li {
    float: left;
}
	.mobile a {
    display: block;
}
nav li a {
    text-align: center;
}
nav li a {
    display: block;
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: all 300ms ease;
    font-size: .7em;
    font-weight: 400;
    text-decoration: none;
    color: rgba(255,255,255,.7);
}
	#logo {
    margin-left: 20px;
    margin-top: 10px;
}
#logo {
    float: left;
    overflow: hidden;
    padding: 4px 0 0;
    width: 170px;
}
	.aligh-left {
    text-align: center;
}
	.cta_button_area {
	margin-top: 1rem;
	margin-bottom: 3rem;
}
	
}


@media (max-width: 479px) {
		.cta_button_area {
	margin-top: 1rem;
	margin-bottom: 3rem;
}


	.forma .half-in.half-out {
		width: 50%;
	}

	#main_content {
		text-align:center!important;
		margin-right:15px;
	}
	
	.input-field .prefix {
		display:none;
	}
	
	.input-field .prefix ~ input {
		margin-left:0;
		width:100%;
	}
	
	.input-field .prefix ~ label {
    	margin-left: 0;
    }
	
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	
	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}

	label {
    font-size: 1rem;
}
nav li a {
    padding: 6px;
    font-size: .9em;
    }
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }
	.feature_box_center_content_row {padding-top:2rem;}	
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:3rem; padding-bottom:3rem;}
	
	
		
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
/*
	#logo {
		float: none;
		margin: 0 auto;
	}
*/
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
/*		background-color: #e31b23;*/
	}
	
	.more_info_anim1, .more_info_anim2, .more_info_anim3, .more_info_anim4, .more_info_anim5, .more_info_anim6, .more_info_anim7, .more_info_anim8, .more_info_anim9, .more_info_anim10, .about_video_anim1, .about_video_anim2, .about_video_anim3, .about_video_anim4, .about_video_anim5, .about_video_anim6, .about_video_anim7, .about_video_anim8, .about_video_anim9, .about_video_anim10, .reviews_anim1, .reviews_anim2, .reviews_anim3, .reviews_anim4, .reviews_anim5, .reviews_anim6, .reviews_anim7, .reviews_anim8, .reviews_anim9, .reviews_anim10, .screenshots_anim1, .screenshots_anim2, .screenshots_anim3, .screenshots_anim4, .screenshots_anim5, .screenshots_anim6, .screenshots_anim7, .screenshots_anim8, .screenshots_anim9, .screenshots_anim10, .pricing_anim1, .pricing_anim2, .pricing_anim3, .pricing_anim4, .pricing_anim5, .pricing_anim6, .pricing_anim7, .pricing_anim8, .pricing_anim9, .pricing_anim10, .team_anim1, .team_anim2, .team_anim3, .team_anim4, .team_anim5, .team_anim6, .team_anim7, .team_anim8, .team_anim9, .team_anim10, .cta_download_anim1, .cta_download_anim2, .cta_download_anim3, .cta_download_anim4, .cta_download_anim5, .cta_download_anim6, .cta_download_anim7, .cta_download_anim8, .cta_download_anim9, .cta_download_anim10, .contact_anim1, .contact_anim2, .contact_anim3, .contact_anim4, .contact_anim5, .contact_anim6, .contact_anim7, .contact_anim8, .contact_anim9, .contact_anim10 {
		opacity: 1 !important;
	}
	
	.col-xs-12.col-sm-12.col-md-6.col-lg-6.align-center.visible-md.visible-lg.more_info_anim6.animated.fadeInUp {
		display: none !important
	}
	
	#feature3 .feature_box_center_content_row .row div {
		min-height: auto !important
	}
	
	section#contact h3,
	section#contact p {
		text-align: center;
	}
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
/*
	.cta_button_area {
		margin-bottom: 7rem
	}
*/
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: auto;
		text-align: center;
	}
	
	.forma .third-in {
		width: 100%;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	
	.half-in.mail-in {
		width: 100%;
	}
	.third-in.fon-in {
		width: 33.3% !important
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
	label.error {
    bottom: -12px;
	}
.hero_fullscreen.background_solid.solid_02 {
	background: url(../images/home_backgrounds/pozadina.jpg);
	background-position: 100% bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
	#home{
			padding-bottom: 0px!important
	}
	.align-right {
    text-align: center;
}
	nav li a {
    padding: 6px;
    font-size: .9em;
    }
	.mobile {
    display: block;
}
.mobile {
/*    display: none;*/
    width: 100%;
    top: 0;
}
nav {
    margin: 0 auto;
    overflow: hidden;
    float: right;
    padding: 10px 0;
}
	.mobile button {
    text-indent: -300px !important;
}
.mobile button {
    background: rgba(255, 255, 255, 0) url(../images/menu.png) no-repeat scroll center center / contain;
    border: 0 none;
    border-radius: 3px;
    height: 30px;
    outline: medium none;
    overflow: hidden;
    text-indent: 200%;
    transition: all 400ms ease 0s;
    width: 25px !important;
    position: absolute;
    height: 25px;
    top: 20px;
    right: 20px;
}
	nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
	nav li {
    width: 100%;
}
nav li {
    float: left;
}
	.mobile a {
    display: block;
}
nav li a {
    text-align: center;
}
nav li a {
    display: block;
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: all 300ms ease;
    font-size: .7em;
    font-weight: 400;
    text-decoration: none;
    color: rgba(255,255,255,.7);
}
	#logo {
    margin-left: 20px;
    margin-top: 10px;
}
#logo {
    float: left;
    overflow: hidden;
    padding: 4px 0 0;
    width: 170px;
}
		.aligh-left {
    text-align: center;
}

	
}
	
@media (min-width: 480px) and (max-width: 767px) {
.hero_fullscreen.background_solid.solid_02 {
	background: url(../images/home_backgrounds/pozadina.jpg);
	background-position: 100% bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
	
	
		#home{
		padding-bottom: 0px!important
	}
	.align-right {
    text-align: center;
}
	

		
	#main_content { 
		text-align:center!important;		
	}

	section#contact h3,
	section#contact p {
		text-align: center;
	}
	
	.social_icons_container {
    	text-align:center!important
	}

	#message h4{
    	font-size: 1.2rem;
    	line-height: 2.06rem;
	}
	
	#message {
		width:100%;
		margin: 0;
		max-height:100%;
		margin-left:-50%;
		margin-top:-50%;
	}
	
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }	
	.feature_box_center_content_row {padding-top:2rem;}
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:2rem; padding-bottom:3rem;}
	
	
		
	#navigacija {
    margin: 0 auto;
    width: 100%;
}
	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}
	nav li a {
		border-top: 0 none;
	}
	nav {
		padding: 0;
	}
	#logo {
		float: none;
		margin: 0 auto;
	}
	
	h1 {
		font-size: 3rem;
		line-height: 3.18rem;
	}
	.hero_fullscreen.background_solid.solid_02 {
		background-repeat: no-repeat;
/*		background-color: #e31b23;*/
	}

	.animated, .fadeInUp, .fadeInDown {
		opacity: 1 !important;
		transform: none !important;
		display: block !important;
		animation: none !important;
		top: 0 !important;
		bottom: 0 !important;
	}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
/*
	.cta_button_area {
		margin-bottom: 1rem
	}
*/
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	
	.forma .third-in {
		width: 100%;
	}
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
/*
	.cta_button_area {
		margin-bottom: 8rem
	}
*/
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 100px;
		text-align: center;
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
	label.error {
    bottom: -8px;
	}
	nav li a {
    padding: 6px;
    font-size: .9em;
    }
	.mobile {
    display: block;
}
.mobile {
/*    display: none;*/
    width: 100%;
    top: 0;
}
nav {
    margin: 0 auto;
    overflow: hidden;
    float: right;
    padding: 10px 0;
}
	.mobile button {
    text-indent: -300px !important;
}
.mobile button {
    background: rgba(255, 255, 255, 0) url(../images/menu.png) no-repeat scroll center center / contain;
    border: 0 none;
    border-radius: 3px;
    height: 30px;
    outline: medium none;
    overflow: hidden;
    text-indent: 200%;
    transition: all 400ms ease 0s;
    width: 25px !important;
    position: absolute;
    height: 25px;
    top: 20px;
    right: 20px;
}
	nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
	nav li {
    width: 100%;
}
nav li {
    float: left;
}
	.mobile a {
    display: block;
}
nav li a {
    text-align: center;
}
nav li a {
    display: block;
    padding: 6px 8px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition: all 300ms ease;
    font-size: .7em;
    font-weight: 400;
    text-decoration: none;
    color: rgba(255,255,255,.7);
}
	#logo {
    margin-left: 20px;
    margin-top: 10px;
}
#logo {
    float: left;
    overflow: hidden;
    padding: 4px 0 0;
    width: 170px;
}
		.aligh-left {
    text-align: center;
}

}

@media (min-width: 768px) and (max-width: 991px) {
	.navigation_desktop ul li, .menu_bar_navigation ul li { float:right; }
	.feature_box_center_content_row {padding-top:2rem;}
	.feature_box, .feature_box_center { padding-top:0rem;}
	.feature_box .feature_content { padding-top:2rem; padding-bottom:0;}
	.feature_image { margin-top:2rem; padding-bottom:3rem;}
	
	
	.tab_cndwn {
		position: static;
		margin: 0 auto;
	}
	#polica {
		display: none;
	}
	#clock {
		box-shadow: 0 9px 9px -12px #444;
		float: none;
		margin: 0 auto;
	}
	.cta_button_area {
/*		margin-bottom: 8rem;*/
	}
	#feature3 {
		background: none;
	}
	#feature3 .feature_box_center_content_row .row div {
		min-height: 134px;
	}
	#txtTelefon-error.error {
		display: none !important
	}
	.feature_content p {
    color: #444;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3rem;
    opacity: 0.7;
}
	.hero_fullscreen.background_solid.solid_02 {
	background: url(../images/home_backgrounds/pozadina.jpg);
	background-position: 100% bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
		#home{
			padding-bottom: 0px!important
	}
}


@media (min-width: 992px) and (max-width: 1366px) {


	
	#navigacija {
		width: 840px;
	}
	h1 {
		font-size: 3.3em !important;
		line-height: 3.18rem
	}
	#txtTelefon-error.error {
		font-size: 9px;
	}
	

}

@media (min-width: 992px) and (max-width: 1500px) {
		.hero_fullscreen.background_solid.solid_02{
		background-size: 145% auto;
	}
	}



@media (max-width: 768px){


.forma .half-in.mail-in {
    width: 100%;
    margin-left: 0;
}
	}