/*

Theme Name: Porto

Theme URI: http://newsmartwave.net/wordpress/porto

Author: SW-THEMES

Author URI: http://newsmartwave.net/

Description: Porto Responsive Wordpress + Woocommerce Theme.

Version: 2.6.1.1

License: Commercial

License URI: http://themeforest.net/licenses/regular_extended

Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: porto



*/



.master-slider .ms-loading-container .ms-loading,

.master-slider .ms-slide .ms-slide-loading {

    background-image: none;

    background-color: transparent;

}



/*************** ADD YOUR CUSTOM CSS HERE  ***************/



.bypostauthor {}





.oxford-testimonial img {

	max-width: 100px;

	max-height: 100px;

	}



.moj-link {

	text-decoration: none !important;

	margin: 0;

	padding: 0; 

	}



.moj-link:hover {

	text-decoration: none !important;

	margin: 0;

	padding: 0; 

	}



body.page-template-default div.owl-wrapper-outer div.post-slide a.btn-primary {

	display: none;

	}



.brza-prijava {

	padding: 10px 20px !important;

	border: 1px solid #686868;

	border-radius: 6px;

	background-color: #fafafa;

	margin-bottom: 20px;

	}



.brza-prijava h2 {

	color: #1d2127;

	border-bottom: 1px solid #1d2127;

    padding-bottom: 16px;

    margin-bottom: 20px;

    }



.brza-prijava input,

.brza-prijava select,

.kontakt-forma input,

.kontakt-forma select,

.kontakt-forma textarea {

	width: 100% !important;

	}



.brza-prijava input.wpcf7-submit,

.kontakt-forma input.wpcf7-submit,

.zahtjev-za-prevod input.wpcf7-submit {

	font-size: 18px !important;

	}



.zahtjev-za-prevod input,

.zahtjev-za-prevod select,

.zahtjev-za-prevod textarea {

	width: 80% !important;

	}



@media (max-width: 768px) {

    .zahtjev-za-prevod input,

	.zahtjev-za-prevod select,

	.zahtjev-za-prevod textarea { width: 100% !important; }

	}



@media (min-width: 1170px) {

    div.moj-slider div.vc_images_carousel img { border: 5px solid #eaeaea; }

	}



.zahtjev-za-prevod span span span input {

	width: 20px !important;

	}



.brza-prijava form.wpcf7-form p:last-of-type {

    margin: 35px auto 0 !important;

    }



.banner-fast img {

	border-radius: 5px;

    }



article.type-page div.page-content h3,

article.type-page div.page-content h4 {

	color: #d21e00 !important;

	}



article.post-23 div.page-content div.aio-icon-header h3 {

	color: #777777 !important;

	}



#content .master-slider .ms-slide .ms-slide-bgcont,

#content-inner-top .master-slider .ms-slide .ms-slide-bgcont,

#content-inner-bottom .master-slider .ms-slide .ms-slide-bgcont,

#content .master-slider .ms-slide .ms-slide-bgvideocont,

#content-inner-top .master-slider .ms-slide .ms-slide-bgvideocont,

#content-inner-bottom .master-slider .ms-slide .ms-slide-bgvideocont,

#content .master-slider, #content-inner-top .master-slider,

#content-inner-bottom .master-slider {

    border-radius: 0px !important;

	}



.no-breadcrumbs .main-content, body.woocommerce-page .main-content, body.woocommerce .main-content {

	padding-top: 0px !important;

	}



article.post .post-date .month, .post-item .post-date .month, article.post .post-date .format, .post-item .post-date .format {

	background-color: #ababab !important;

	}



article.post .post-date .day, .post-item .post-date .day {

	color: #ababab !important;

	}



div.post-slide h4 a, div.post-slide h4 a:hover {

	color: #1d2127 !important;

	}



div.moj-slider div.vc_images_carousel {

	width: 100% !important;

	}



div.moj-hide {

	display: none !important;

	}



.icon-viber {

	display: inline-block;

	width: 15px;

	height: 30px;

	margin: 0 2px 0 0;

	background-image: url('images/i_viber.png');

	background-position: center 10px;

	background-repeat: no-repeat;

	}



.icon-whatsapp {

	display: inline-block;

	width: 15px;

	height: 30px;

	margin: 0 5px 0 0;

	background-image: url('images/i_whatsapp.png');

	background-position: center 10px;

	background-repeat: no-repeat;

	}





.ms-slide-bgcont img {

	max-width: 2000px;

	max-height: 500px;

	}



.ms-parent-id-19 > .master-slider {

    background: #000000 url('/wp-content/uploads/2015/05/slider_bg_99.png') repeat top left !important;

	}









/* ----------------------------------------

Header --------------------------------- */



#header.header-corporate .share-links {

	margin-top: -4px;

}



#header.header-corporate .share-links a {

	width: 24px;

	height: 24px;

}



#header.header-corporate .share-links a {

	box-shadow: 0 0 0 0;

}



#header.header-corporate .share-links .share-facebook {

	color: #3b5a9a;

}



#header.header-corporate .share-links .share-youtube {

	color: #c3191e;

}



#header.header-corporate .share-links .share-instagram {

	color: #7c4a3a;

}



#header.header-corporate .share-links .share-skype {

	color: #00b0f6;

}







@media (max-width: 1189px) {

	.mega-menu > li.menu-item > a {

		padding: 9px 7px 8px;

	}

}



@media (max-width: 991px) {



	#header .header-main .container .header-left {

		padding: 15px 0;

	}



	#header .header-main .container .header-right .header-right-bottom {

		display: none;

	}



	#header.header-10 .header-top .share-links {

		display: block;

	}



	#header.header-10 .header-top .top-links {

		display: block;

	}



	#header.header-10 .header-top .top-links li:nth-child(2),

	#header.header-10 .header-top .top-links li:nth-child(3),

	#header.header-10 .header-top .top-links li:nth-child(4),

	#header.header-10 .header-top .top-links li:nth-child(7) {

		display: none;

	}

}



@media (max-width: 768px) {



	#header.header-10 .header-top {

		display: block;

	}



}



@media (max-width: 480px) {



	#header .mobile-toggle {

	    top: 22px;

	}



	#header .header-main .container .header-right .searchform-popup {

	    top: 21px;

	}





	#header .header-main.sticky .mobile-toggle {

		top: 7px;

	}



	#header .header-main.sticky .container .header-right .searchform-popup {

	    top: 6px;

	}





}











/* Header ---------------------------------

---------------------------------------- */







/* ----------------------------------------

Placement Test ------------------------- */



body.page-id-4095 .page-image {

	display: none !important;

}



.placement-test h3  {

	display: block;

	position: relative;

	font-weight: bold;

	padding: 2px 100px 2px 0;

	margin-top: 48px;

	border-bottom: 1px solid #777777;

}



.placement-test h3 span:first-of-type {

	border-bottom: 3px solid #d21e00;

}



.placement-test h3 span:last-of-type {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	color: #000000;

}



.placement-test p {

	margin-bottom: 12px;

}



.placement-test label {

	margin-bottom: 0;

}



.placement-test .question-title {

	display: block;

	position: relative;

	font-weight: bold;

	color: #000000;

	padding-bottom: 5px;

	padding-right: 50px;

	margin-top: 30px;

	border-bottom: 1px solid #777777;

}



.placement-test .question-title span {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

}



.placement-test input {

	max-width: 200px;

	padding: 2px 4px;

	margin-bottom: 0;

	box-shadow: none;

	border-radius: 0;

	border-width: 0 0 1px 0 !important;

}



.placement-test input:focus,

.placement-test input:active {

	border-color: #d21e00;

}



.placement-test .full-width,

.placement-test .full-width input,

.placement-test .full-width textarea {

	width: 100%;

	max-width: 1000px;

}



.placement-test input[type="submit"] {

	display: block;

    font-size: 18px !important;

    padding: 6px 20px;

    margin: 50px 0 20px auto;

}



.placement-test .user-info input {

	padding: 6px 0;

}



.placement-test textarea {

	width: 100%;

	height: 360px;

	border-radius: 0;

}



.placement-test textarea:focus,

.placement-test textarea:active {

	border-color: #d21e00;

}



.placement-test .third span {

	display: inline-block;

	width: 200px;

}



.placement-test .third span:first-of-type {

	width: 150px;

}



.placement-test .third input {

	max-width: 175px;

}



.placement-test .quarter span {

	display: inline-block;

	width: 175px;

}



.placement-test .third span.wpcf7-form-control-wrap,

.placement-test .quarter span.wpcf7-form-control-wrap {

	width: 200px;

}



@media only screen and (max-width: 619.98px) {

	

	.placement-test .third span  { width: 150px; }

	.placement-test .third span:first-of-type { width: 125px; }

	.placement-test .third input { max-width: 140px; }



	.placement-test .quarter span  { width: 110px; vertical-align: top; line-height: 20px; }

}



@media only screen and (max-width: 479.98px) {

	.placement-test h3  { font-size: 20px; line-height: 24px; padding: 2px 75px 2px 0; }



	.placement-test .third span  { width: 130px; }

	.placement-test .third span:first-of-type { width: 115px; }

	.placement-test .third input { max-width: 120px; }



	.placement-test .quarter span  { width: 96px; }

}



/* Placement Test -------------------------

---------------------------------------- */









/* ----------------------------------------

Modern Modal --------------------------- */



.modern-modal {

    display: flex;

    justify-content: center;

    align-items: center;

    position: fixed;

    z-index: 999999;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .925);

    visibility: hidden;

    opacity: 0;

    transition: visibility 0s linear 0.33s, opacity 0.33s linear;

}



.modern-modal.show {

    visibility: visible;

    opacity: 1;

    transition-delay: 0s;

}



.modern-modal .mm-container {

	display: block;

    max-width: 400px;

    height: 100%;

    max-height: 88%;

    margin-top: 40px;

    margin-left: auto;

	margin-right: auto;

}



.modern-modal .mm-container .mm-body {

	height: 100%;

	max-height: 600px;

	margin: 0 12px;

}



.modern-modal img {

	max-width: 100%;

	max-height: 100%;

	display: block;

	margin-left: auto;

	margin-right: auto;

	border: 8px solid #ffffff;

}



.modern-modal a.mfp-close {

	display: block;

    position: absolute;

    top: 12px;

    right: 16px;

}



.modern-modal a.mfp-close i {

	cursor: pointer;

	font-size: 18px;

}



.modern-modal a.mfp-close:hover i {

	color: #ffffff;

}



@media only screen and (max-height: 479.98px) {

	.modern-modal .mm-container { margin-top: 30px; }

}



.freeze-page {

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Modern Modal ---------------------------

---------------------------------------- */


.oxford-slick-slider .slick-slide {
	padding: 8px !important;
}

.home .main-content {
    padding-bottom: 10px !important;
}

.home .container.sidebar.content-bottom-wrapper {
	display: none !important;
}