/*=common
---------------------------------------------*/
.button-red{background: #d40243;}
.button-dblue{background: #00435f!important;}

.button-3d.button-red:hover,
.button-reveal.button-red:hover { background-color: #F44336 !important; }

.button-3d.button-dblue:hover,
.button-reveal.button-dblue:hover { background-color: #006A98 !important; }

.code-icon-drop-down{
	background: url('https://www.e-sfera.hr/images/custom_icons/code_icon_white.png') no-repeat;
	background-position: center center;
	background-size: 14px 10px;
	display:inline-block;
	width: 14px;
	height: 14px;
	margin-bottom: -1px;
	opacity: 0.55;
	transition: opacity 0.4s ease-in-out;
}

.user-menu .sub-menu li:hover .code-icon-drop-down{
	opacity: 0.7;
}

/*=head
---------------------------------------------*/

.user-menu li a{
    line-height: 10px;
}

#header-wrap:not(.not-dark) #primary-menu > div > ul.user-menu,
#header.sticky-header:not(.static-sticky) #primary-menu > div > ul.user-menu{
    border-right:none;
    padding-right: 0;
}

.text-red{
	color: #d40243;
}

/*=slider
---------------------------------------------*/
.swiper-slide .correct70{
	margin-top: -200px;
}

.skolska-in-slider{ margin-top: 140px;}
.logo-in-slider{ margin-bottom: 30px }

/*=footer
---------------------------------------------*/
#footer-logo-dark{
    max-width: 250px;
}

#copyrights{
    padding: 10px 0;
}

#copyrights .col_half:first-child {
   padding: 5px;
}

.col-padding-50{
	padding: 60px ;
}
.col-padding-50 .bottommargin{
	margin-bottom: 20px !important;
}
.col-padding-50 .heading-block{
	margin-bottom: 20px !important;
}
.col-padding-50 .heading-block span{
	margin-top: 0 !important;
}
.col-padding-50 h3{
	font-size: 32px;
}

.bordo-steps .feature-box.fbox-light .fbox-icon i,.bordo-steps  .feature-box.fbox-light .fbox-icon img {
	border: 1px solid #d4d4d4;
	background-color: #d4d4d4;
	color: #FFFFFF;
	cursor: default;
}


.bordo-steps .feature-box.fbox-bg.fbox-center {
	background-color: inherit;
	border: none;
}

.bordo-steps .fbox-effect .fbox-icon i:after {
	box-shadow:none;
}

.preuzimanje{margin-bottom: 80px}
.preuzimanje img, .steps img{
	margin-bottom: 15px;
}
.preuzimanje h3, .steps h3{
	margin: 0;
	color: #a7a7a7;
}
.steps h3{
	margin-bottom:  10px;
	color: #a7a7a7;
}
.preuzimanje p, .steps p{
	margin-bottom: 15px;
}
.preuzimanje a, .steps a{
	color: inherit;
}


/*=slider
---------------------------------------------*/
/*menu fix*/

#primary-menu > div > ul ul > li.sub-menu > a,
#primary-menu > .container > ul ul > li.sub-menu > a {
	background-image: url("https://www.e-sfera.hr/images/icons/submenu.png");
	background-position: right center;
	background-repeat: no-repeat;
}
@media (max-width: 991px){
	#primary-menu > div > ul > li.sub-menu > a,
	#primary-menu > .container ul ul > li.sub-menu > a {
		background-image: url(https://www.e-sfera.hr/images/icons/submenu.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
}
@media (max-width:1115px){
	#header.full-header #logo{
		padding-right: 5px;
	}
	body.stretched #header.full-header .container{
		padding: 0;
	}

	#primary-menu ul li a{
		padding: 0px 10px;
	}
}

@media (max-width:1370px){
	.skolska-in-slider{ margin-top: 30px;}
}

@media (max-width:768px) and (min-width:481px){
	.logo-in-slider img{ width: 100px; margin-bottom: 10px }
	.logo-in-slider{ margin-bottom: 10px }
	.skolska-in-slider{ margin-top: 40px;}
	.skolska-in-slider img{ max-width: 170px;}
	.swiper-slide .correct70{margin-top:-30px;}
}

@media (max-width:480px){
	.logo-in-slider img{ margin-bottom: 5px }
	.logo-in-slider{ margin-bottom: 10px }
	.skolska-in-slider{ margin-top: 20px;}
	.skolska-in-slider img{ max-width: 100px;}
	.swiper-slide .correct70{margin-top:-30px;}
}

body #footer .footer-widgets-wrap .footer-logo{
	margin-bottom: 0;
	max-width: 223px;
	height: auto;
}
body #footer .footer-widgets-wrap{
	padding: 40px 0;
}


.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
	float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
	float: left;
}
@media (max-width: 767px) {
	.footer-widgets-wrap .widget{
		text-align: center;
	}
	.footer-widgets-wrap .col_last{
		margin-bottom: 0 !important;
	}
	.footer-widgets-wrap .col_one_third:nth-child(2){
		margin-bottom: 0 !important;
	}
	.footer-logo{
		display: inline;
	}

	.pull-right-not-xs, .pull-left-not-xs{
		float: none;
	}
	.pull-right-xs {
		float: right;
	}
	.pull-left-xs {
		float: left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pull-right-not-sm, .pull-left-not-sm{
		float: none;
	}
	.pull-right-sm {
		float: right;
	}
	.pull-left-sm {
		float: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pull-right-not-md, .pull-left-not-md{
		float: none;
	}
	.pull-right-md {
		float: right;
	}
	.pull-left-md {
		float: left;
	}
}
@media (min-width: 1200px) {
	.pull-right-not-lg, .pull-left-not-lg{
		float: none;
	}
	.pull-right-lg {
		float: right;
	}
	.pull-left-lg {
		float: left;
	}
}


#content .steps p {
	font-size: 16px;
}

#content .feature-box p{
	line-height: 1.4;
}

.card.app h2{
	color: #41aad9;
}

#content .card.app p{
	line-height: 1.4;
}

#content .card.app p a{
	color: #41aad9;
}

#content .card.app p:last-child{
	margin-bottom: 0;
}

.dashicons-heart:before{
	vertical-align: bottom;
}