/*
Theme Name: Concept
Theme URI: http://themeforest.net/user/milothemes/portfolio
Description: Concept is a unique project, a minimal but complex design, created to suit an open-minded business, a creative agency or an online shop. With a great attention to details, Concept has all the elements included, from portfolio pages to blog pages and a shop, so you can create your website easily. With a clean code and a well written documentation, Concept is easy to install, but if you have any problems on the way, we will gladly help you. If you want an outstanding design, choose Concept. 
Author: MiloThemes
Author URI: http://themeforest.net/user/milothemes
Text Domain: concept
Version: 1.0.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/ 

/*
 *
 *
 *	+ TYPOGRAPHY
 *  + HEADLINE
 *	+ ALERTS
 *	+ LISTS
 *	+ BUTTONS
 *	+ DIVIDERS
 *	+ TEXT BOXES
 *	+ IMAGE BOX
 *	+ IMAGE OVERLAP
 *	+ LOGOS
 *	+ ACCORDION
 *	+ TIMELINE
 *  + TABS
 *	+ GOOGLE MAPS
 *  + SOCIAL MEDIA
 *	+ ROTATE LINKS
 *	+ PROCESS STEPS
 *	+ PIE CHARTS
 *	+ PROGRESS BARS
 *  + COUNTER
 *  + COUNTDOWN
 *	+ PRICE PLAN
 *  + TESTIMONIALS
 *  + ISOTOPE
 *  + FILTER
 *  + PAGINATION
 *  + FULL SECTIONS
 *  + VIDEO PLAYER
 *  + SCROLL UP
 *	+ SLIDERS
 *	+ ANIMATIONS
 *	+ WIDGETS
 *  + RESPONSIVE
 *	 - LARGE DISPLAY (>1200px)
 *	 - SMALL DISPLAY (TABLETS)
 *	 - EXTRA SMALL DISPLAY (PHONES PORTRAIT)
 *	 - EXTRA SMALL DISPLAY (PHONES LANDSCAPE)

 *	+ PAGE WRAPPER
 *	+ HEADER
 *	 - LOGO
 *	 - MENU
 *	 - MOBILE MENU
 *	 - SEARCH
 *	 - SHOPPING CART
 *	 - STICKY
 *	+ PAGE CONTENT
 *	 - PAGE HEADER
 *	+ FOOTER
 *	 - FOOTER TOP
 *	 - FOOTER
 *	 - FOOTER BOTTOM
 *  + PAGES
 *	 - HOME
 *	 - ABOUT
 *	 - SERVICES
 *	 - PORTFOLIO
 *	 - BLOG
 *	 - SHOP
 *	 - CONTACT
 *	 - SHORTCODES
 *	+ RESPONSIVE
 *	 - LARGE DISPALY (>1200px)
 *	 - SMALL DISPLAY (TABLETS)
 *	 - EXTRA SMALL DISPLAY (PHONES)
 *	 - EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 */

/***********************************************************************************
 *	+ TYPOGRAPHY
 ***********************************************************************************/
	@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&subset=latin-ext'); 
.modal-row.flex-nl {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
}
.cp-modal-body .first {
    width: 66%;
    position: relative;
}
.cp-modal-body .second {
    width: 33%;
}
 	body {
		font: 16px/24px "Maven Pro", Arial, sans-serif;
		background-color: #fff;
		color: #383838;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		font-weight: 600;
		text-transform: uppercase;
	}
	
	h1 {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 16px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 14px;
	}
	
	h3 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 12px;
	}
	
	h4 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	
	h5 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 8px;
	}
	
	h6 {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 6px;
	}
	
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		text-decoration: none;
		color: #383838;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
	}
	
	h1 a:hover, 
	h2 a:hover, 
	h3 a:hover, 
	h4 a:hover, 
	h5 a:hover, 
	h6 a:hover {
		text-decoration: none;
		color: #7595a0;
	}
	
	p { 
		margin-bottom: 20px; 
	}
	
	a {
		color: #7595a0;
	}
	
	a:hover,
	a:focus { 
		outline: 0;
		color: #7595a0;
	}
	
	img {
		height: auto;
                max-width: 100%;  
	}
	
	ul,
	ol {
		padding: 0;
		list-style-position: inside;
	}
	
	ul ul,
	ol ol,
	ul ol 
	ol ul {
		margin-left: 20px;
	}
	
	dl {
		margin-bottom: 20px;
	}
	
	.text-default-color {
		color: #7595a0;
	}
	
	div.search-results>p {
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.search-results>p>a {
		color: #383838;
	}
	
	.dropcap {
		font-size: 24px;
		font-weight: 900;
		padding: 1px 10px 1px 7px;
		margin-right: 5px;
		background-color: #7595a0;
		color: #fff;
	}
	
	.last { 
		margin-bottom: 0; 
	}
.error404 input, select, textarea {
    display: inline;
    max-width: 100%;
    padding: 10px;
     margin-bottom: -18px;
    border: 2px solid #e0e0e0;
    background-color: transparent;
}



.search-results .page-header-simbol {
	display: none;
}

.search-results #page-header {
    background: #7596a2 !important;
}


		#mobile {
               display:none;

}
      #desktop{
          display:block;
      }
	
	.hr {
		margin: 30px 0;
		border-top: 1px solid #000;
	}
	
	blockquote {
		/*border-left: none;*/
		font: inherit;
		/*padding: 0;*/
	}
	
	label {
		font-weight: normal;
	}
	
	input,
	select,
	textarea {
		display: block;		
		max-width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		border: 2px solid #e0e0e0;
		background-color: transparent;
	}
	
	select {
		width: 100%;
	}
	
	textarea:focus,
	input[type="url"]:focus,
	input[type="tel"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="week"]:focus,
	input[type="month"]:focus,
	input[type="text"]:focus,
	input[type="color"]:focus,
	input[type="email"]:focus,
	input[type="image"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="password"]:focus	{
		box-shadow: none;
		outline: 0;
		border-color: #a1a1a1;
	}
	
	input[type="reset"],
	input[type="submit"],
	input[type="button"]
 {
		font-weight: 900;
		text-transform: uppercase;
		padding: 10px 20px;
		border: 2px solid #383838;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover {
		border-color: #7595a0;
		color: #7595a0;
	}
	
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	input[type="button"]:focus {
		box-shadow: none;
		outline: 0;
	}
	
/***********************************************************************************
 *	+ HEADLINE
 ***********************************************************************************/
	
	.headline {
		margin-bottom: 30px;
	}
	
	.headline.center {
		margin-bottom: 80px;
		text-align: center;
	}
	
	.headline.rotate {
		margin-bottom: 0;
		margin-left: -100px;
		-webkit-transform: rotate(-90deg) translateX(-50%);
			-ms-transform: rotate(-90deg) translateX(-50%);
				transform: rotate(-90deg) translateX(-50%);
	}
	
	.headline h1, 
	.headline h2, 
	.headline h3, 
	.headline h4, 
	.headline h5, 
	.headline h6 {
		margin-bottom: 0;
	}
	
	.headline h6 {
		font-weight: 700;
		color: #7595a0;
	}

/***********************************************************************************
 *	+ ALERTS
 ***********************************************************************************/
 
	.alert {
		padding: 12px 30px;
		border-radius: 0;
		border: 2px solid #383838;
		background-color: transparent;
		color: #383838;
	}
	
	.alert:after {
		float: right;
		content: "x";
	}
	
	.alert.alert-info {
		border-color: #383838;
	}
	
	.alert.alert-danger {
		border-color: #ff3333;
	}
	
	.alert.alert-success {
		border-color: #33cc33;
	}
	
	.alert.alert-warning {
		border-color: #ffcc33;
	}

/***********************************************************************************
 *	+ LISTS
 ***********************************************************************************/
 
 	/* BULLET LIST */
	.bullet-list { 
		list-style: none;
		margin-bottom: 20px;
	}
	
	.bullet-list li {
		margin-bottom: 10px;
	}
	
	.bullet-list li:last-child {
		margin-bottom: 0;
	}
	
	.bullet-list li:before {
		content: "";
		display: inline-block;
		position: relative;
		top: -1px;
		margin-right: 12px;
		border-radius: 50%;
		border: 4px solid #383838;
	}
	
	
	/* DISC LIST */
	.disc-list { 
		list-style: none;
		margin-bottom: 20px;
	}
	
	.disc-list li {
		margin-bottom: 10px;
	}
	
	.disc-list li:last-child {
		margin-bottom: 0;
	}
	
	.disc-list li:before {
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-right: 12px;
		border-radius: 50%;
		border: 2px solid #383838;
	}
	
	
	/* LIST */
	.arrow-list { 
		list-style: none;
		margin-bottom: 20px;
	}
	
	.arrow-list li {
		margin-bottom: 10px;
	}
	
	.arrow-list li:last-child {
		margin-bottom: 0;
	}
	
	.arrow-list li:before {
		content: "\e90c";
		font-family: "mt-icons";
		margin-right: 12px;
		font-size: 10px;
	}

/***********************************************************************************
 *	+ BUTTONS
 ***********************************************************************************/
 	
	.btn {
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 20px;
		padding: 0;
		border-radius: 0;
		border: none;
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
        
	.btn:after {
		content: "+";
		display: inline-block;
		position: relative;
		top: 3px;
		width: 32px;
		height: 32px;
		margin-left: 15px;
		font-size: 30px;
		line-height: 24px;
		font-weight: 400;
		border: 2px solid #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.btn + .btn { margin-left: 20px; }
	
	.btn.btn-xs {
		font-size: 12px;
	}
	
	.btn.btn-lg {
		font-size: 16px;
	}
	
	.btn,
	.btn:hover,
	.btn:focus,
	.btn:active,
	.btn:active:hover,
	.btn:active:focus {
		outline: 0 !important;
		box-shadow: none;
		background-color: transparent;
	}
	
	.btn:hover:after {
		-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	
	
	/* DEFAULT BUTTON */
	.btn-default {
		color: #7595a0;
	}
	
	.btn-default:after {
		border-color: #7595a0;
	}
	
	.btn-default:hover {
		color: #383838;
	}
	
	.btn-default:hover:after {
		border-color: #383838;
	}
	
	
	/* BLACK BUTTON */
	.btn-black {
		color: #383838;
	}
	
	.btn-black:after {
		border-color: #383838;
	}
	
	.btn-black:hover {
		color: #7595a0;
	}
	
	.btn-black:hover:after {
		border-color: #7595a0;
	}
	
/***********************************************************************************
 *	+ DIVIDERS
 ***********************************************************************************/
	.baner-desktop{
      display:block
}
	.baner-mobile{
      display:none
}
	.hr {
		position: relative;
		margin: 30px 0;
		border-top: 2px solid #e0e0e0;
		text-align: center;
	}
	
	.hr:after {
		position: absolute;
		top: -3px;
		left: 25%;
		display: block;
		width: 130px;
		border-top: 4px solid #7595a0;
		content: "";
	}
	
	.hr.default-color {
		border-color: #7595a0;
	}
	
	.hr.default-color:after {
		border-top-color: #383838;	
	}
	
/***********************************************************************************
 *	+ TEXT BOX
 ***********************************************************************************/
	
	.text-box {
		margin-bottom: 40px;
		padding: 50px;
		background-color: #383838;
		color: #fff;
	}
	
	.text-box.rounded {
		border-radius: 20px;
	}
	
	.text-box > *:last-child {
		margin-bottom: 0;
	}

	.text-box.default {
		background-color: #7595a0;
	}

/***********************************************************************************
 *	+ IMAGE BOX
 ***********************************************************************************/
	
	.image-box {
		position: relative;
		margin: 0 -15px;
		text-align: center;
		min-height: 400px;
		background: no-repeat center center;
	}
	
	.image-box-container {
		position: absolute;
		top: 50%;
		left: 0;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.image-box-container *:last-child {
		margin-bottom: 0;
	}
	
	.image-box.dark-bg {
		color: #fff;
	}
	
	.image-box.dark-bg a {
		color: #fff;
	}
	
	.image-box.dark-bg .btn-default:after,
	.image-box.dark-bg .btn-black:after {
		border-color: #fff;
	}
	
	.image-box.dark-bg .headline h6 {
		color: #fff;
	}
	
/***********************************************************************************
 *	+ IMAGE OVERLAP
 ***********************************************************************************/
	
	.image-overlap {
		position: relative;
		margin-bottom: 100px;
	}
	
	.image-overlap img + img {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 20px;
		border-top: 3px solid #7595a0; 
		border-right: 3px solid #7595a0;
		-webkit-transform: translateY(25%);
			-ms-transform: translateY(25%);
				transform: translateY(25%);
	}
	
	.image-overlap img + img:before {
		content: "";
		width: 50%;
		position: absolute;
		bottom: 0;
		right: 0;
		border-bottom: 3px solid #7595a0;
	}
        
        .concept-overlap-right {
                position: absolute;
		bottom: 0;
		right: 0;
        }
        
        .concept-overlap-left {
                position: absolute;
		bottom: 0;
		left: 0;
        }
 
 /***********************************************************************************
 *	+ LOGOS
 ***********************************************************************************/
	
	.logos {
		margin: 50px 0;
		list-style: none;
	}
	
	.logos li {
		display: block;
		float: left;
		height: 90px;
		background: no-repeat top center;
		-webkit-transition: all 0.5s;
				transition: all 0.5s;
	}
        
        .logos.col6 li { width: 16.66%; }
        .logos.col5 li { width: 20%; }
        .logos.col4 li { width: 25%; }
        .logos.col3 li { width: 33.33%; }
        .logos.col2 li { width: 50%; }
        .logos.col1 li { width: 100%; }
	
	.logos li:hover {
		background-position: bottom center;
	}
	
	.logos:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
/***********************************************************************************
 *	+ ACCORDION
 ***********************************************************************************/
	
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
             border: none;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:focus {
                color: #383838;
                font-size: 16px;
                line-height: 21px;
                font-weight: 900;
                text-transform: uppercase;
		padding: 15px 40px 12px 0;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon {
                width: 36px;
                height: 36px;
                border: 2px solid #e0e0e0;
                top: 30px;
                right: 0;
                -webkit-transition: all 0.3s;
                                    transition: all 0.3s;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon:before {
                width: 30%;
                left: 35%;
                border: 1px solid #383838;
                -webkit-transition: all 0.3s;
                                    transition: all 0.3s;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon:after {
                height: 30%;
                top: 35%;
                border: 1px solid #383838;
                -webkit-transition: all 0.3s;
                                    transition: all 0.3s;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a .vc_tta-controls-icon:before,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:hover .vc_tta-controls-icon:after,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a .vc_tta-controls-icon:after,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:hover .vc_tta-controls-icon:before,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a .vc_tta-controls-icon,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:hover .vc_tta-controls-icon {
                border-color: #7595a0;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus, 
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover {
            background-color: transparent;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a,
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:hover {
                color: #7595a0;
        }
        
        .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-body {
                border-top: 2px solid #7595a0;
            
        }
	
/***********************************************************************************
 *	+ TIMELINE
 ***********************************************************************************/
	
	.timeline-item {
		margin-bottom: 80px;
		padding-left: 130px;
	}
	
	.timeline-item h1 {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 72px;
		line-height: 56px;
		color: #e0e0e0;
	}
	
	.timeline-item h4 {
		margin-bottom: 0;
	}
	
	.timeline-item h6 {
		margin-bottom: 20px;
		color: #7595a0;
	}
	
/***********************************************************************************
 *	+ TABS
 ***********************************************************************************/

        /* THEME TABS STYLE 1 */

        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel {
                margin-bottom: 15px;
        }
    
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a span,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a span {
                margin-left: 0 !important;
        }
        
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a {
                position: relative;
		padding: 10px 40px;
		font-size: 18px;
		font-weight: 500;
		border: none;
		border-width: 2px;
		border-radius: 0;
		border-color: transparent;
		color: #383838 !important;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
        }
        
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a:before,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a:before,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab.vc_active>a:before,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		height: 50px;
		margin-top: -25px;
		border-left: 2px solid #e0e0e0;
	}
        
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab:last-child>a:before {
                content: "";
                position: absolute;
                top: 50%;
                right: 0;
                display: block;
                height: 50px;
                margin-top: -25px;
                border-right: 2px solid #e0e0e0;
        }
        
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a:hover,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a:hover,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a:focus,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a:focus,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab.vc_active>a,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a {
                border-color: transparent;
		background-color: transparent;
		color: #7595a0;
        }
        
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a i,
        .theme-tab1.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a i {
                position: relative;
		top: -2px;
		vertical-align: middle;
		color: #7595a0;
                
                display: block;
		font-size: 48px;
		line-height: 72px;
		margin-right: 0;
        }
        
        
        /* THEME TABS STYLE 2 */
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a span,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a span {
                margin-left: 0 !important;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a {
                font-size: 14px; 
		font-weight: 900;
		text-transform: uppercase;
		padding: 15px 25px;
		border-color: transparent;
		color: #383838;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a i,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a i {
                position: relative;
		top: -2px;
		margin-right: 10px;
		font-size: 26px;
		vertical-align: middle;
		color: #7595a0;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a:hover,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a:hover,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab>a:focus,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a:focus {
                border-color: transparent;
		background-color: transparent;
		color: #7595a0;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab.vc_active>a,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a {
                border: 2px solid #e0e0e0;
		border-bottom-color: #fff;
                color: #383838;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab.vc_active>a:before,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a:before, 
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-tab.vc_active>a:after,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a:after {
                border-color: #e0e0e0;
        }
        
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panels-container .vc_tta-panel-body,
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panels-container .vc_tta-panels{
            border-bottom: none;
            border-right: none;
            border-left: none;
        }
     
        .theme-tab2.vc_tta-style-outline.vc_tta-shape-square .vc_tta-panel-body { padding:0; }
        

/***********************************************************************************
 *	+ GOOGLE MAPS
 ***********************************************************************************/
 
 	.map {
		margin: 0;
		height: 500px;
	}
	
	.map img { 
		max-width: none; 
	}
	
/***********************************************************************************
 *	+ SOCIAL 

 ***********************************************************************************/
	
	.social-media {
		margin-bottom: 20px;
	}
	
	.social-media a {
		display: inline-block;
		font-size: 20px;
		text-decoration: none;
	
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	.social-media .st0 {
      -webkit-transition: all 0.3s;
				transition: all 0.3s;
}
	.social-media a:last-child {
		margin-right: 0;
	}
        
        .social-media.social-component { margin-right: 15px; }
	
	.social-media a.adobe-reader:hover { color: #a42222 !important; }
	.social-media a.amazon:hover { color: #fe9608 !important; }
	.social-media a.android:hover { color: #a4c639 !important; }
	.social-media a.apple:hover { color: #d6d7cf !important; }
	.social-media a.badoo:hover { color: #f17834 !important; }
	.social-media a.behance:hover { color: #1e69e1 !important; }
	.social-media a.blogger:hover { color: #f26c37 !important; }
	.social-media a.blueetooth:hover { color: #0a3d91 !important; }
	.social-media a.chrome:hover { color: #ecc31d !important; }
	.social-media a.css:hover { color: #14a0dd !important; }
	.social-media a.deezer:hover { color: #ff0090 !important; }
	.social-media a.delicious:hover { color: #4088da !important; }
	.social-media a.deviantart:hover { color: #b6ca2a !important; }
	.social-media a.digg:hover { color: #006094 !important; }
	.social-media a.dribble:hover { color: #f26798 !important; }
	.social-media a.dropbox:hover { color: #007de4 !important; }
	.social-media a.drupal:hover { color: #3677ad !important; }
	.social-media a.email:hover { color: #000000 !important; }
	.social-media a.facebook:hover { color: #3b5998 !important; }
	.social-media a.firefox:hover { color: #3194cb !important; }
	.social-media a.flickr:hover { color: #0062dd !important; }
	.social-media a.google:hover,
        .social-media a.google-plus:hover { color: #c63427 !important; }
	.social-media a.html:hover { color: #f06129 !important; }
	.social-media a.instagram:hover { color: #a07459 !important; }
	.social-media a.internet-explorer:hover { color: #20bcee !important; }
	.social-media a.itunes:hover { color: #169bf0 !important; }
	.social-media a.java:hover { color: #e66e00 !important; }
	.social-media a.joomla:hover { color: #5aa526 !important; }
	.social-media a.last-fm:hover { color: #f73600 !important; }
	.social-media a.linkedin:hover { color: #0077b5 !important; }
	.social-media a.linux:hover { color: #000000 !important; }
	.social-media a.myspace:hover { color: #003399 !important; }
	.social-media a.opera:hover { color: #c10d0c !important; }
	.social-media a.outlook:hover { color: #0073c6 !important; }
	.social-media a.paypal:hover { color: #193866 !important; }
	.social-media a.picasa:hover { color: #8b689f !important; }
	.social-media a.pinterest:hover { color: #f71819 !important; }
	.social-media a.reddit:hover { color: #ff4500 !important; }
	.social-media a.rss:hover { color: #fb7629 !important; }
	.social-media a.safari:hover { color: #00a9ec !important; }
	.social-media a.share:hover { color: #010101 !important; }
	.social-media a.skype:hover { color: #00abeb !important; }
	.social-media a.soundcloud:hover { color: #ff3b00 !important; }
	.social-media a.spotify:hover { color: #9ac600 !important; }
	.social-media a.steam:hover { color: #020202 !important; }
	.social-media a.tumblr:hover { color: #34465d !important; }
	.social-media a.twitter:hover .st0 { fill: #000 !important; }
	.social-media a.tiktok:hover .st0 { fill: #000 !important; }
	.social-media a.utorent:hover { color: #269036 !important; }
	.social-media a.vimeo:hover { color: #1ca7cc !important; }
	.social-media a.vine:hover { color: #02c594 !important; }
	.social-media a.vk:hover { color: #4c75a3 !important; }
	.social-media a.weibo:hover { color: #d52b2b !important; }
	.social-media a.weixin:hover { color: #f03c48 !important; }
	.social-media a.whatsapp:hover { color: #11ae09 !important; }
	.social-media a.wikipedia:hover { color: #363636 !important; }
	.social-media a.windows:hover { color: #00abf3 !important; }
	.social-media a.word:hover { color: #2a5699 !important; }
	.social-media a.wordpress:hover { color: #464646 !important; }
	.social-media a.xing:hover { color: #005d5e !important; }
	.social-media a.yahoo:hover { color: #44029a !important; }
	.social-media a.youtube:hover { color: #e22d24 !important; }
	
	.social-media.default-color a:hover {
		color: #7595a0 !important;
	}
	
        
        .concept-rotate {
                position: relative;
		top: 95px;
		left: -10px;
		-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
        }
        
        .concept-rotate-far-left {
		position: relative;
		top: 95px;
		left: -135px;
		-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
	}
	
/***********************************************************************************
 *	+ ROTATE LINKS
 ***********************************************************************************/
	
	.rotate-links a {
		margin-right: 10px;
		font-weight: 700;
		color: #383838;
	}
	
	.rotate-links a:hover {
		text-decoration: none;
		color: #7595a0;
	}
	
	.social-media-links.rotate a:last-child {
		margin-right: 0;
	}

/***********************************************************************************
 *	+ PROCESS STEPS
 ***********************************************************************************/
	
	.process-steps {
		margin: 50px 0 100px;
	}
	
	.process-steps .step {
		position: relative;
		float: left;
		width: 25%;
		padding: 165px 20px 0;
		background: no-repeat top+250px right;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps .step:hover {
		background-position: bottom right;
	}
	
	.process-steps.process-4-steps .step {
		width: 25%;
	}
	
	.process-steps.process-3-steps .step {
		width: 33.33333%;
	}
	
	.step-details h4 {
		position: relative;
		padding-left: 20px;
	}
	
	.step-details h4 span {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.step-details h4:after {
		position: absolute;
		bottom: -45px;
		left: 20px;
		width: 32px;
		height: 32px;
		font-size: 24px;
		line-height: 26px;
		font-weight: 500;
		text-align: center;
		border: 2px solid #383838;
		content: "+";
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps .step:hover .step-details h4:after {
		border-color: #7595a0;
		color: #7595a0;
		content: "-";
	}
	
	.step-details > a {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 10px 20px;
		opacity: 0;
		text-decoration: none;
		background-color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.process-steps .step:hover .step-details > a {
		opacity: 1;
	}
	
	.process-steps:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
/***********************************************************************************
 *	+ PIE CHARTS
 ***********************************************************************************/
 	
	.pie-chart-container {
		margin-bottom: 50px;
		text-align: center;
	}
	
	.pie-chart {
		position: relative;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.pie-chart canvas {
		max-width: 100%;
	}
	
	.pie-chart-percent {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		font-size: 36px;
		font-weight: 900;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.pie-chart-details {}


/***********************************************************************************
 *	+ PROGRESS BARS
 ***********************************************************************************/
 
 	.progress {
		overflow: visible;
		height: 15px;
		margin-bottom: 25px;
		box-shadow: none;
		border-radius: 0;
		border-bottom: 3px solid #e0e0e0;
		background-color: transparent;
	}
	
	.progress-bar {
		position: relative;
		top: 3px;
		background-color: #7595a0;
	}
	
	.progress-bar-title {
		margin-bottom: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.progress-bar-title span {
		float: right;
	}
	
/***********************************************************************************
 *	+ COUNTER
 ***********************************************************************************/
 
	.counter {
		margin-bottom: 30px;
	}
	
	.counter-value {
		display: inline-block;
		vertical-align: middle;
		font-size: 48px;
		line-height: 48px;
		font-weight: 700;
	}
	
	.counter-value:after {
		content: attr(data-symbol);
	}
	
	.counter-details {
		position: relative;
		top: 6px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 26px;
		font-weight: 700;
		margin-left: 5px;
		padding-left: 10px;
		border-left: 2px solid #a1a1a1;
		color: #7595a0;
	}
	
/***********************************************************************************
 *	+ COUNTDOWN
 ***********************************************************************************/
	
	.countdown {
		margin: 70px 0;
		color: #383838;
	}
	
	.countdown > div {
		position: relative;
		float: left;
		width: 25%;
		font-size: 56px;
		line-height: 42px;
		font-weight: 700;
		text-align: center;
	}
	
	.countdown > div > span {
		position: absolute;
		top: 0;
		right: -10px;
		display: block;
		font-size: 10px;
		font-weight: 700;
		text-transform: uppercase;
		color: #7595a0;
		-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
	}
	
	.countdown:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
/***********************************************************************************
 *	+ PRICE PLAN
 ***********************************************************************************/
 
 	.price-plan {
		position: relative;
		margin-bottom: 50px;
		padding: 20px 20px 20px 60px;
		border-bottom: 2px solid #383838;
		border-right: 2px solid #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.price-plan:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		border-top: 2px solid #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.price-plan:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 75%;
		border-left: 2px solid #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.price-plan-heading {
		margin-bottom: 60px;
	}
	
	.price-plan-heading h2 {
		font-weight: 700;
		color: #7595a0;
	}
	
	.price-plan-heading h2 small {
		display: block;
		text-transform: lowercase;
		font-size: 14px;
		font-weight: 400;
		color: #a1a1a1;
	}
	
	.price-plan ul {
		list-style: none;
		margin-bottom: 50px;
	}
	
	.price-plan ul li {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.price-plan ul li:last-child {
		margin-bottom: 0;
	}
	
	.price-plan:hover,
	.price-plan:hover:after,
	.price-plan:hover:before {
		border-color: #7595a0;
	}

/***********************************************************************************
 *	+ TESTIMONIALS
 ***********************************************************************************/
 	
	.testimonial {
		position: relative;
		margin-bottom: 50px;
	}
	
	.testimonial > img {
		display: block;
		position: absolute;
		top: -120px;
		left: 0;
	}
	
	.testimonial > h2 {
		position: absolute;
		top: 35%;
		left: 30px;
		z-index: 100;
		-webkit-transform: rotate(-90deg) translateY(-50%);
			-ms-transform: rotate(-90deg) translateY(-50%);
				transform: rotate(-90deg) translateY(-50%);
	}
	
	.testimonial blockquote {
		border: none;
		padding: 0;
		margin-bottom: 40px;
		font-size: 20px;
		line-height: 28px;
		font-style: italic;
	}
	
	.testimonial > img + blockquote {
		padding: 120px 30px 30px 150px;
		margin: 120px 0 50px 146px;
		background-color: #fff;
		color: #383838;
		-webkit-transform: translateZ(0);
			-ms-transform: translateZ(0);
				transform: translateZ(0);
	}
	
	.testimonial blockquote h6 {
		font-weight: 700;
		font-style: normal;
		margin-bottom: 30px;
		color: #7595a0;
	}
	
	.testimonial blockquote .testimonial-author {
		font-weight: 700;
		line-height: 36px;
		margin-bottom: 0;
		padding: 0 0 15px 30px;
		border-left: 2px solid #e0e0e0;
		color: #383838;
	}
	
	.testimonial blockquote .testimonial-author small {
		display: block;
		font-size: 12px;
		font-weight: 900;
		color: #7595a0;
	}
	
	.testimonial blockquote .testimonial-author small:before {
		content: "";
	}

/***********************************************************************************
 *	+ ISOTOPE
 ***********************************************************************************/
 	
	.isotope {
		margin-bottom: 80px;
	}
	
	.isotope.gutter {
		margin: -15px -15px 90px -15px;
	}
        
	.isotope.gutter.p-classic-gutter,
        .isotope.small-gutter.p-classic-gutter { margin-bottom:15px; }
        
	.isotope.small-gutter {
		margin: -5px -5px 100px -5px;
	}
	
	.isotope .isotope-item {
		float: left;
		width: 25%;
	}
	
	.isotope.gutter .isotope-item {
		padding: 15px;
	}
	
	.isotope.small-gutter .isotope-item {
		padding: 5px;
	}
        
        .isotope.col-1 .isotope-item {
		width: 100%;
	}
        
        .isotope.col-2 .isotope-item {
		width: 50%;
	}
	
	.isotope.col-3 .isotope-item {
		width: 33.333333%;
	}
	
	.isotope.col-4 .isotope-item {
		width: 33.333333%;
	}
	
	.isotope.col-5 .isotope-item {
		width: 33.333333%;
	}
        
        .isotope.col-6 .isotope-item {
		width: 33.333333%;
	}
	
	.isotope-item.item-width-1 {
		width: 33.33333%;
	}
	
	.isotope-item.item-width-2 {
		width: 66.666667%;
	}
	
	.isotope .portfolio-item, 
	.isotope .portfolio-item-thumbnail {
		margin-bottom: 0;
	}
	
	.isotope:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
/***********************************************************************************
 *	+ FILTER
 ***********************************************************************************/
 
 	.filter {
		margin-bottom: 75px;
		list-style: none;
	}
	
	.filter li {
		display: inline-block;
		text-transform: uppercase;
		margin-right: 30px;
		font-size: 14px;
		font-weight: 900;
	}
	
	.filter li:last-child {
		margin-right: 0;
	}
	
	.filter li a {
		text-decoration: none;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.filter li a:hover,
	.filter li a.active {
		color: #7595a0;
	}

/***********************************************************************************
 *	+ PAGINATION
 ***********************************************************************************/
 
 	.pagination {
		display: block;
		margin-top: 0;
		margin-bottom: 50px;
	}
	
        #page-content .woocommerce-pagination ul.page-numbers li,
	.pagination li {
		display: inline-block;
		margin-right: 7px;
	}
	
        #page-content .woocommerce-pagination ul.page-numbers li:last-child,
	.pagination li:last-child {
		margin-right: 0;
	}
	
        #page-content .woocommerce-pagination ul.page-numbers li span,
        #page-content .woocommerce-pagination ul.page-numbers li a,
	.pagination li a {
		display: block;
		width: 50px;
		height: 50px;
		line-height: 44px;
		padding: 0;
		text-align: center;
		border-radius: 0;
		font-size: 14px;
		font-weight: 900;
		border: 2px solid #383838;
		background-color: transparent;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
        #page-content .woocommerce-pagination ul.page-numbers li:last-child > a,
        #page-content .woocommerce-pagination ul.page-numbers li:first-child > a,
        #page-content .woocommerce-pagination ul.page-numbers li:last-child > span,
        #page-content .woocommerce-pagination ul.page-numbers li:first-child > span,
	.pagination > li:last-child > a, 
	.pagination > li:first-child > a, 
	.pagination > li:last-child > span
	.pagination > li:first-child > span {
		border-radius: 0;
	}
	
        #page-content .woocommerce-pagination ul.page-numbers li a:hover,
        #page-content .woocommerce-pagination ul.page-numbers li .current,
        #page-content .woocommerce-pagination ul.page-numbers li .current:hover,
	.pagination li a:hover,
	.pagination li.active a,
	.pagination li.active a:hover {
		border-color: #7595a0;
		background-color: transparent;
		color: #7595a0;
	}
        
        #page-content .woocommerce-pagination ul.page-numbers { border:none; }
        
	
/***********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
	
	.full-section {
		position: relative;
		z-index: 1;
		background: no-repeat center center;
	}
	
	.full-section .container-fluid {
		padding: 0;
	}
	
	.full-section-container {
		position: relative;
		z-index: 2;
	}
	
	.full-screen .full-section-container {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	.parallax { 
		background-attachment: fixed !important;
		-webkit-background-size: cover !important;
				background-size: cover !important;	
	}
        
        .half-image {
		position: absolute;
		z-index: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: no-repeat center left;
	}
	
	.half-image-left.half-image { left: 0; max-width:50%; }
	.half-image-right.half-image { right: 0; max-width:50%; }
	
	.half-image img { display: none; }

	
/***********************************************************************************
 *	+ SCROLL UP
 ***********************************************************************************/
	
	#scroll-up {
		z-index: 8000;
		display: none;
		position: fixed;
		bottom: 35px;
		left: 35px;
		width: 45px;
		height: 45px;
		font-size: 20px;
		line-height: 43px;
		text-decoration: none;
		cursor: pointer;
		text-align: center;
		background-color: #fff;
		border: 2px solid #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#scroll-up:hover {
		background-color: #7595a0;
		color: #fff;
	}

/***********************************************************************************
 *	+ SLIDERS
 ***********************************************************************************/
	
	/* ARROWS */
	.tp-leftarrow.custom,
	.tp-rightarrow.custom {
		width: 60px;
		height: 60px;
		background-color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.tp-leftarrow.custom:hover,
	.tp-rightarrow.custom:hover {
		background-color: #383838;
	}
	
	.tp-leftarrow.custom:before,
	.tp-rightarrow.custom:before {
		line-height: 60px;
		font-size: 20px;
                font-weight: 900;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.tp-leftarrow.custom:hover:before,
	.tp-rightarrow.custom:hover:before {
		color: #fff;
	}
	
	
	/* BULLETS */
	.tp-bullets.custom .tp-bullet {
		width: 5px;
		height: 5px;
		border-radius: 50%;
		border: 2px solid #e0e0e0;
		background-color: transparent;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.tp-bullets.custom .tp-bullet:before {
		content: "";
		position: absolute;
		top: -9px;
		left: -9px;
		display: block;
		width: 23px;
		height: 23px;
		border: 2px solid transparent;
	}

	.tp-bullets.custom .tp-bullet:hover,
	.tp-bullets.custom .tp-bullet.selected {
		border-color: #383838;
		background-color: #383838;
	}
	
	.tp-bullets.custom .tp-bullet.selected:before {
		border-color: #383838;
	}
	
	
	/* TYPOGRAPHY */
	.tp-caption.title {
		font-size: 48px;
		line-height: 64px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.tp-caption.big-title {
		font-size: 72px;
		line-height: 72px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.tp-caption.small-title {
		font-size: 36px;
		line-height: 48px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.tp-caption.text {
		font-size: 16px;
		font-weight: 500;
		color: #81888b;
	}
	
	.tp-caption.big-text {
		font-size: 18px;
		font-weight: 900;
		text-transform: uppercase;
		color: #7595a0;
	}
	
	.tp-caption.vertical-text {
		font-size: 14px;
		font-weight: 400;
		font-style: italic;
		color: #7595a0;
		-webkit-transform: rotate(-90deg) !important;
			-ms-transform: rotate(-90deg) !important;
				transform: rotate(-90deg) !important;
	}
	
	.tp-caption.rectangle {
		width: 380px;
		height: 440px;
		border: 12px solid #fff;
	}
	
	.tp-caption.rectangle-2 {
		position: relative;
		width: 920px;
		height: 220px;
		border-left: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}
	
	.tp-caption.rectangle-2:before {
		content: "";
		width: 38%;
		position: absolute;
		top: 0;
		left: 0;
		border-top: 5px solid #fff;
	}
	
	.tp-caption.bg {
		padding: 7px 30px 5px;
		background-color: #fff;
	}
	
	/* OWL Carousel */
	
	.owl-carousel {
		margin-bottom: 50px;
	}
	
	.owl-carousel:hover {
		cursor: move;
	}
	
	.owl-pagination {
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 100%; 
		text-align: center;
	}
	
	.owl-page {
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin-right: 5px;
		background-color: #383838;
	}
	
	.owl-page:hover,
	.owl-page.active {
		background-color: #7595a0;
	}
	
	.owl-page:last-child {
		margin-right: 0;
	}
	
	.owl-prev,
	.owl-next {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.owl-prev {
		left: -20px;
	}
	
	.owl-next {
		right: -20px;
	}
	
	.owl-prev:before,
	.owl-next:before {
		font-family: "mt-icons";
	}
	
	.owl-prev:before {
		content: "\e908";
	}
	
	.owl-next:before {
		content: "\e90c";
	}
	
	.owl-prev:hover,
	.owl-next:hover {
		opacity: 0.5;
	}
	
	
	/* PRODUCT SLIDER */
	.slider-navigation {
		margin-bottom: 0;
	}
	
	.product-slider-navigation {
		position: absolute;
		bottom: 50px;
		right: 0;
		padding: 20px;
		background-color: #fff;
	}
	
	.product-slider-navigation span {
		margin: 0 10px;
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.product-slider-navigation span:hover {
		cursor: pointer;
		color: #383838;
	}
	
	.product-slider-navigation span i {
		font-size: 10px;
	}
	
	
	/* BLOG ARTICLES SLIDER */
	.blog-articles-slider,
	.blog-articles-slider .blog-article {
		margin-bottom: 0;
	}
	
	.blog-articles-slider .blog-article-details {
		padding-top: 120px;
	}
	
	.blog-articles-slider-navigation {
		position: absolute;
		z-index: 555;
		top: 0;
		right: 0;
		padding: 20px;
		background-color: #fff;
		
	}
	
	.blog-articles-slider-navigation span {
		margin: 0 10px;
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.blog-articles-slider-navigation span:hover {
		cursor: pointer;
		color: #383838;
	}
	
	.blog-articles-slider-navigation span i {
		font-size: 10px;
	}
	
	
	/* IMAGES SLIDER */
	.images-slider {
		margin-bottom: 0;
	}
	
	.images-slider-navigation {
		position: absolute;
		z-index: 555;
		bottom: 0;
		left: 0;
		padding: 20px 50px;
		background-color: #fff;
	}
	
	.images-slider-navigation span {
		margin: 0 10px;
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.images-slider-navigation span:hover {
		cursor: pointer;
		color: #383838;
	}
	
	.images-slider-navigation span i {
		font-size: 10px;
	}
	
	
	/* TESTIMONIALS SLIDER */
	.testimonials-slider, 
	.testimonials-slider .testimonial, 
	.testimonials-slider .testimonial > img + blockquote {
		margin-bottom: 0;
	}
	
	.testimonials-slider-navigation {
		position: absolute;
		z-index: 555;
		bottom: 0;
		left: 15px;
		padding: 20px 43px;
		background-color: #fff;
	}
	
	.testimonials-slider-navigation span {
		margin: 0 10px;
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.testimonials-slider-navigation span:hover {
		cursor: pointer;
		color: #383838;
	}
	
	.testimonials-slider-navigation span i {
		font-size: 10px;
	}
	
	
	/* SERVICES SLIDER */
	.services-slider,
	.services-slider .service-box.style-2 {
		margin-bottom: 0;
	}
	
	.services-slider-navigation {
		padding: 20px 40px;
		margin-left: 60px;
		background-color: #fff;
	}
	
	.services-slider-navigation span {
		margin: 0 10px;
		color: #a1a1a1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.services-slider-navigation span:hover {
		cursor: pointer;
		color: #383838;
	}
	
	.services-slider-navigation span i {
		font-size: 10px;
	}

/***********************************************************************************
 *	+ ANIMATIONS
 ***********************************************************************************/
	
	.wow {
		visibility: hidden;
	}
	
	.wow.animated {
		visibility: visible;
	}
	
/***********************************************************************************
 *	+ WIDGETS
 ***********************************************************************************/
 	
	.widget {
		margin-bottom: 75px;
	}

	.widget-title {
		margin-bottom: 45px;
	}
	
	/* WIDGET TEXT */
	.widget-text {}
	
	
	/* WIDGET SERACH */
	.widget_search {}
	
	.widget_search form {
		position: relative;
	}
	
	.widget_search input[type="search"] {
		width: 100%;
		height: 45px;
		padding-right: 45px;
	}
	
	.widget_search input[type="submit"] {
		height: 45px;
		border: none;
		position: absolute;
		top: 0;
		right: 8px;
		background: url(././layouts/images/search.png) no-repeat center center;
	}
	
	
	/* WIDGET CATEGORIES */
	.widget_categories {}
	
        .widget_product_categories ul,
	.widget_categories ul
         {
		list-style: none;
		margin-bottom: 0;
	}
	
        .widget_product_categories ul li,
	.widget_categories ul li {
		margin-bottom: 10px;
	}
	
        .widget_product_categories ul li:last-child,
	.widget_categories ul li:last-child {
		margin-bottom: 0;
	}
	
        .widget_product_categories ul li a,
	.widget_categories ul li a {
		text-decoration: none;
		color: #383838;
	}
	
        .widget_product_categories ul li a:hover,
	.widget_categories ul li a:hover {
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
        .widget_product_categories ul li a:before,
	.widget_categories ul li a:before {
		content: "\e90c";
		font-family: "mt-icons";
		margin-right: 20px;
		font-size: 10px;
		position: relative;
		top: -1px;
		opacity: 0;
	}
	
        .widget_product_categories ul li a:hover:before,
	.widget_categories ul li a:hover:before {
		opacity: 1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	
	/* WIDGET CATEGORIES DROPDOWN */
	.widget_categories-dropdown {}
	
	
	/* WIDGET ARCHIVES */
	.widget_archive {}
	
	.widget_archive ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget_archive ul li {
		margin-bottom: 10px;
	}
	
	.widget_archive ul li:last-child {
		margin-bottom: 0;
	}
	
	.widget_archive ul li a {
		text-decoration: none;
		color: #383838;
	}
	
	.widget_archive ul li a:hover {
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget_archive ul li a:before {
		content: "\e90c";
		font-family: "mt-icons";
		margin-right: 20px;
		font-size: 10px;
		position: relative;
		top: -1px;
		opacity: 0;
	}
	
	.widget_archive ul li a:hover:before {
		opacity: 1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	
	/* WIDGET ARCHIVES DROPDOWN */
	.widget_archive-dropdown {}
	
	
	/* WIDGET PAGES */
	.widget-pages {}
	
	.widget-pages ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget-pages ul li {
		margin-bottom: 10px;
	}
	
	.widget-pages ul li:last-child {
		margin-bottom: 0;
	}
	
	.widget-pages ul li a {
		text-decoration: none;
		color: #383838;
	}
	
	.widget-pages ul li a:hover {
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget-pages ul li a:before {
		content: "\e90c";
		font-family: "mt-icons";
		margin-right: 20px;
		font-size: 10px;
		position: relative;
		top: -1px;
		opacity: 0;
	}
	
	.widget-pages ul li a:hover:before {
		opacity: 1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	
	/* WIDGET METADATA */
	.widget_meta {}
	
	.widget_meta ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget_meta ul li {
		margin-bottom: 10px;
	}
	
	.widget_meta ul li:last-child {
		margin-bottom: 0;
	}
	
	.widget_meta ul li a {
		text-decoration: none;
		color: #383838;
	}
	
	.widget_meta ul li a:hover {
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget_meta ul li a:before {
		content: "\e90c";
		font-family: "mt-icons";
		margin-right: 20px;
		font-size: 10px;
		position: relative;
		top: -1px;
		opacity: 0;
	}
	
	.widget_meta ul li a:hover:before {
		opacity: 1;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	
	/* WIDGET TAGS */
	.widget_tag_cloud {}
	
	.widget_tag_cloud a {
		display: inline-block;
		padding: 10px 20px;
		font-size: 14px !important;
		font-weight: 500;
		text-decoration: none;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget_tag_cloud a:hover {
		background-color: #7595a0;
		color: #fff;
	}
	
	
	/* WIDGET NEWSLETTER */
	.widget-newsletter {}
	
	.widget-newsletter form {}
	
	.widget-newsletter input[type="email"] {
		width: 100%;
	}
	
	.widget-newsletter input[type="submit"] {}
	
	
	/* WIDGET RECENT POSTS */
	.widget-recent-posts {}
	
	.widget-recent-posts ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget-recent-posts ul li {
		margin-bottom: 30px;
	}
	
	.widget-recent-posts ul li:last-child {
		margin-bottom: 0;
	}
	
	.widget-recent-posts ul li .post-thumbnail {
		position: relative;
		float: left;
		margin-right: 20px;
	}
	
	.widget-recent-posts ul li .post-thumbnail a {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		padding: 0 7px;
		font-size: 18px;
		text-decoration: none;
		background-color: #fff;
		color: #383838;
	}
	
	.widget-recent-posts ul li .post-title {
		font-weight: 700;
		color: #383838;
		text-decoration: none;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget-recent-posts ul li .post-title:hover {
		color: #7595a0;
	}
	
	.widget-recent-posts ul li .post-date {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 10px;
		color: #a1a1a1;
	}
	
	.widget-recent-posts ul li .post-price {
		margin-bottom: 10px;
	}
	
	.widget-recent-posts ul li .read-more {
		font-size: 14px;
		font-weight: 700;
		font-style: italic;
	}
	
	.widget-recent-posts ul li:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	
	/* WIDGET RECENT COMMENTS */
	.widget_recent_comments {}
	
	.widget_recent_comments ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget_recent_comments ul li {
		margin-bottom: 20px;
	}
	
	.widget_recent_comments ul li:last-child {
		margin-bottom: 0;
	}
	
	.single-post #comments.comments-area {
    display: none;
}

.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
    text-align: initial; 
}

.single-post #ctaU,
.single-post #ctaP {
    text-align: initial;
}

.single-post .blog-article-author {
    display: none;
}
	/* WIDGET CALENDAR */
	.widget_calendar {}
	
	.widget_calendar table {
		width: 100%;
		text-align: center;
	}
	
	.widget_calendar table caption {
		text-transform: uppercase;
		font-weight: 900;
		color: #383838;
	}
	
	.widget_calendar table th, 
	.widget_calendar table td {
		padding: 5px;
		text-align: center;
		border-top: 2px solid #383838;
		border-left: 2px solid #383838;
	}
	
	.widget_calendar table th:last-child, 
	.widget_calendar table td:last-child {
		border-right: 2px solid #383838;
	}
	
	.widget_calendar table tr:last-child td {
		border-bottom: 2px solid #383838;
	}
	
	.widget_calendar table tfoot td,
	.widget_calendar table tfoot td:last-child,
	.widget_calendar table tfoot tr:last-child td {
		border: none;
	}
	
	.widget_calendar table td#today {
		background-color: #383838;
		color: #fff;
	}
	
	
	/* WIDGET FLICKR */
	.widget-flickr {}
	
	.widget_concept_flickr_widget .flickr-photos {
		margin: -5px;
	}
	
	.widget_concept_flickr_widget .flickr_badge_image {
		position: relative;
		float: left;
		padding: 3px;
                width: auto;
                height: auto;
                margin: 0;
	}
	
	.widget_concept_flickr_widget .flickr_badge_image img {
		width: 60px;
		height: auto;
	}
	
	.widget_concept_flickr_widget .flickr-photos:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	
	/* WIDGET INSTAGRAM */
	.widget-instagram {}
	
	#instafeed {
		margin: -5px;
	}
	
	#instafeed a {
		float: left;
		display: block;
		width: 65px;
		padding: 3px;
	}
	
	#instafeed a img {
		display: block; 
		width: 100%;
		height: auto;		
	}
	
	#instafeed:after {
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;
	}
	
	
	/* WIDGET CONTACT */
	.widget-contact {}
	
	.widget-contact ul {
		list-style: none;
		margin-bottom: 0;
	}
	
	.widget-contact ul li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 40px;
	}
	
	.widget-contact ul li i {
		position: absolute;
		top: 5px;
		left: 0;
		color: #7595a0;
	}
	
	.widget-contact ul li:last-child {
		margin-bottom: 0;
	}
	
	.widget-contact ul li a {
		color: #383838;
	}
	
	
	/* WIDGET SOCIAL */
	.widget_concept_links_widget {}
	
	.widget_concept_links_widget .social-media {
		margin-bottom: 0;
	}
	
	.widget_concept_links_widget .social-media-links {
		margin-top: -10px;
	}
	
	.widget_concept_links_widget .social-media-links a {
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		padding: 7px 20px;
		text-decoration: none;
		border: 2px solid transparent;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.widget_concept_links_widget .social-media-links a:hover {
		border-color: #7595a0;
		color: #7595a0;
	}
	
	
	/* WIDGET PRICE SELECTOR */
	.widget-price-selector {}
	
	#slider {
		margin-bottom: 20px;
	}
	
	.slider-value {
		text-align: right;
		font-weight: 700;
		margin-bottom: 10px;
	}
	
	.noUi-horizontal {
		height: 5px;
	}
	
	.noUi-target {
		border-radius: 0;
		border: none;
		box-shadow: none;
	}
	
	.noUi-background {
		background-color: #e0e0e0;
		box-shadow: none;
	}
	
	.noUi-connect {
		background-color: #383838;
	}
	
	.noUi-handle {
		box-shadow: none;
		border-radius: 0;
		border: 2px solid #383838;
	}
	
	.noUi-handle:after, 
	.noUi-handle:before {
		position: absolute;
		top: -6px;
		left: 2px;
		font-weight: 500;
		background: none;
		color: #383838;
	}
	
	.noUi-horizontal .noUi-handle {
		width: 18px;
		height: 18px;
	}
	
	.noUi-handle.noUi-handle-lower:after {
		content: "-";
	}
	
	.noUi-handle.noUi-handle-upper:after {
		content: "+";
	}
	
	#lower-value:before,
	#upper-value:before {
		content: "$";
	}
        
        .widget.woocommerce.widget_price_filter .ui-slider .ui-slider-range {
                background-color: #383838;
        }
        
        .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
                background-color: #383838;
        }
        
        .price_slider_amount .price_label {
                color: #7595a0;
                font-weight: 700;
                font-size: 16px;
        }
        
        .woocommerce .widget_price_filter .price_slider_amount .price_label .to,
        .woocommerce .widget_price_filter .price_slider_amount .price_label .from { color: #383838; }
	
	
/***********************************************************************************
 *	+ RESPONSIVE
 ***********************************************************************************/
/***********************************************************************************
 *	- LARGE DISPLAY (>1200px)
 ***********************************************************************************/

	@media (min-width: 1200px) {
		
		.isotope.col-4 .isotope-item {
			width: 25%;
		}
                
                .isotope.col-5 .isotope-item {
                        width: 20%;
                }
                
                .isotope.col-6 .isotope-item {
                        width: 16.66%;
                }
		
		.isotope-item.item-width-1 {
			width: 25%;
		}
		
		.isotope-item.item-width-2 {
			width: 50%;
		}
		
		.countdown > div > span {
			right: 0;
		}
		
		.tp-caption.rectangle {
			width: 450px;
			height: 540px;
		}
		
		.tp-caption.rectangle-2 {
			width: 1120px;
		}
		
	}
	
	@media (min-width: 1200px) and (max-width: 1399px) {
			
		.isotope.col-5 .isotope-item {
			width: 25%;
		}
	
	}
	
/***********************************************************************************
 *	- SMALL DISPLAY (TABLETS)
 ***********************************************************************************/
	
	@media (min-width: 768px) and (max-width: 991px) {
		
		.headline.rotate {
			margin-left: -30px;
		}
		
		.logos li {
			margin: 10px 0;
		}
                
                .logos.col6 li,
                .logos.col5 li,
                .logos.col4 li,
                .logos.col3 li { width: 33.33%; }
		
		.nav-tabs > li > a {
			padding: 8px 10px;
			font-size: 12px;
		}
		
		.nav-tabs > li > a i {
			font-size: 18px;
		}
		
		.rotate-links {
			left: -120px;
		}
		
		.pie-chart-percent {
			font-size: 28px;
		}
		
		.counter-value {
			font-size: 28px;
		}
		
		.counter-details {
			font-size: 14px;
		}
		
		.countdown > div > span {
			position: relative;
			left: 0;
			-webkit-transform: rotate(0);
				-ms-transform: rotate(0);
					transform: rotate(0);
		}
		
		.testimonial > img + blockquote { 
			padding-left: 50px; 
		}
		
		.isotope.col-3 .isotope-item {
			width: 50%;
		}
		
		.isotope.col-4 .isotope-item {
			width: 50%;
		}
		
		.isotope.col-5 .isotope-item {
			width: 33.33%;
		}
                
                .isotope.col-6 .isotope-item {
			width: 33.33%;
		}
		
		.isotope-item.item-width-1 {
			width: 50%;
		}
		
		.isotope-item.item-width-2 {
			width: 50%;
		}
		
		.tp-leftarrow.default,
		.tp-rightarrow.default {
			display: none;
		}
		
		.tp-caption .btn {
			font-size: 12px;
		}
		
		.tp-caption .btn:after {
			width: 26px;
			height: 26px;
			font-size: 20px;
			line-height: 18px;
			margin-left: 10px;
			top: 2px;
		}
		
		.tp-caption.rectangle {
			width: 290px;
			height: 360px;
		}
		
		.tp-caption.rectangle-2 {
			width: 700px;
			border-width: 5px !important;
		}
		
		.blog-articles-slider {
			margin-top: 0;
		}
		
		.blog-articles-slider .blog-article-details {
			padding-top: 0;
		}
		
		.blog-articles-slider-navigation {
			top: -70px;
		}
		
		.widget-recent-posts ul li .post-thumbnail { display: none; }
		
		.widget_tag_cloud a {
			padding: 5px 12px;
		}
		
	}
	
/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES PORTRAIT)
 ***********************************************************************************/
 
	@media (max-width: 767px) {
		#mobile {
    display:block;
}
      #desktop{
           display:none;
      }
		.last {
			margin-bottom: 20px;
		}
		
		.headline.rotate {
			margin-bottom: 50px;
			margin-left: 0;
			-webkit-transform: rotate(0) translateX(0);
				-ms-transform: rotate(0) translateX(0);
					transform: rotate(0) translateX(0);
		}
		
		.logos li {
			float: none;
			margin-bottom: 20px;
		}
                
                .logos.col6 li,
                .logos.col5 li,
                .logos.col4 li,
                .logos.col3 li,
                .logos.col2 li { width: 100%; }
		
		.logos li:last-child {
			margin-bottom: 0;
		}
		
		.nav-tabs > li {
			float: none;
		}
		
		.nav-tabs.center > li {
			display: block;
		}
		
		.nav-tabs > li > a {
			margin-right: 0;
			border: 2px solid #e0e0e0;
		}
		
		.nav-tabs > li:first-child > a {
			border-left: 2px solid #e0e0e0 !important;
		}
		
		.nav-tabs > li > a:hover {
			border-color: #e0e0e0;
		}
		
		.nav-tabs.style-2  > li {
			display: block;
		}
		
		.nav-tabs.style-2  > li > a:before {
			display: none;
		}
		
		.nav-tabs > li.active > a, 
		.nav-tabs > li.active > a:hover, 
		.nav-tabs > li.active > a:focus {
			background-color: #e0e0e0;
			border-bottom-color: #e0e0e0;
		}
		
		.nav-tabs.style-2 > li:last-child > a:before {
			display: none;
		}
		
		.timeline-item {
			padding-left: 0;
		}
		
		.timeline-item h1 {
			position: relative;
		}
		
		.rotate-links {
			position: relative;
			top: 0;
			left: 0;
			margin-left: 10px;
			margin-bottom: 20px;
			-webkit-transform: rotate(0);
				-ms-transform: rotate(0);
					transform: rotate(0);
		}
		
		.process-steps {
			float: none;
			width: 100%;
		}
		
		.process-steps .step {
			margin-bottom: 50px;
		}
		
		.process-steps .step:last-child {
			margin-bottom: 0;
		}
		
		.process-steps.process-3-steps .step,
		.process-steps.process-4-steps .step {
			width: 100%;
		}
		
		.map {
			height: 400px;
		}
		
		.testimonial > img {
			position: relative;
			top: 0;
		}
		
		.testimonial > img + blockquote {
			padding: 30px;
			margin: 0;
		}
		
		.testimonial > h2 {
			display: none; 
		}
		
		.testimonials-slider-navigation {
			display: none;
		}
		
		.isotope .isotope-item {
			float: none;
			width: 100%;
		}
		
		.isotope.col-2 .isotope-item, 
		.isotope.col-3 .isotope-item, 
		.isotope.col-4 .isotope-item, 
		.isotope-item.item-width-1,
		.isotope-item.item-width-2 {
			width: 100%;
		}
                
                .isotope.col-5 .isotope-item,
                .isotope.col-6 .isotope-item {
                        width:50%;
                }
		
		.filter li {
			display: block;
			margin-right: 0;
			margin-bottom: 10px;
		}
		
		.filter li:last-child {
			margin-bottom: 0;
		}
		
		.countdown > div > span {
			position: relative;
			left: 0;
			-webkit-transform: rotate(0);
				-ms-transform: rotate(0);
					transform: rotate(0);
		}
		
		.tp-bullets.default {
			top: auto !important;
			bottom: -25px !important;
		}
		
		.tp-caption .btn {
			font-size: 8px;
		}
		
		.tp-caption .btn:after {
			width: 18px;
			height: 18px;
			font-size: 16px;
			line-height: 10px;
			margin-left: 5px;
			top: 1px;
		}
		
		.tp-caption.social-media a {
			font-size: 8px;
			line-height: 16px;
		}
		
		.tp-caption.rectangle {
			width: 125px;
			height: 140px;
		}
		
		.tp-caption.rectangle-2 {
			width: 280px;
			height: 100px;
			border-width: 5px !important;
		}
		
		.images-slider-navigation {
			padding: 10px 20px;
			background-color: #fff;
		}
		
		.blog-articles-slider {
			margin-top: 0;
		}
		
		.blog-articles-slider .blog-article-details {
			padding-top: 0;
		}
		
		.blog-articles-slider-navigation {
			top: auto;
			bottom: -40px;
		}
		
		.product-slider-navigation {
			bottom: 0;
		}
		
		.full-screen .full-section-container {
			position: relative;
			top: 0;
			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
		}
		
		#scroll-up {
			bottom: 20px;
			right: 20px;
		}
                
                .half-image-left.half-image { max-width:100%; }
                .half-image-right.half-image { max-width:100%; }
                
                .half-image {
			position: relative;
			width: 100%;
			background: none !important;		 
		}
		
		.half-image img { 
			display: block;
			margin-bottom: 20px;
		}
		
		.half-image-left .half-image { left: 0; }
		.half-image-right .half-image { right: 0; }

		.page-id-9012 .portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details {
    			left: 0 !important;
   			padding-left: 0;
		}
      
		
	}
	
/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 ***********************************************************************************/
 
 	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.tp-caption.rectangle {
			width: 185px;
			height: 220px;
		}
		
		.tp-caption.rectangle-2 {
			width: 420px;
			height: 140px;
			border-width: 5px !important;
		}
		.page-id-9012 .portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details {
    			left: 0 !important;
   			padding-left: 0;
		}
		
	}
        
/***********************************************************************************
 *	+ PAGE WRAPPER
 ***********************************************************************************/
 
 	#main-container {
		overflow: hidden;
		background-color: #fff;
	}
	
	.boxed {
		background: #7595a0 repeat top left;
	}
	
	.boxed #main-container {
		margin: 0 auto;
		position: relative;
		max-width: 1200px;	
		box-shadow: 0px 0px 5px #a1a1a1;
	}
	
	.boxed .header-sticky {
		max-width: 1200px;
	}
	
	@media (min-width: 1400px) {
			
		.boxed #main-container,
		.boxed .header-sticky {
			max-width: 1350px;
		}
		
	}
 
/***********************************************************************************
 *	+ HEADER
 ***********************************************************************************/
 	
	#header {
		position: relative;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#header [class^="col-"] {
		position: static;
	}
	
	#header .container {
		position: relative;
	}
	
	#fullscreen #header {
		position: absolute;
		z-index: 3000;
		top: 0;
		left: 0;
		right: 0;
	}
	
/***********************************************************************************
 *	- LOGO
 ***********************************************************************************/

	#logo {
		max-width: 100%;
		margin: 40px 0 8px;
	}
	
	#logo a {
		display: inline-block;
		max-width: 100%;
		text-align: center;
	}

/***********************************************************************************
 *	- MENU
 ***********************************************************************************/
 	
 	.menu,
	.menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.menu {
		float: right;
		margin-top: 37px;
	}
        
        .widget_nav_menu .menu { 
                margin-top: 0;
                margin-bottom: 50px;
        }
        
        .widget_nav_menu .menu > li > a { padding-bottom: 10px; }
	
	.menu > li { 
		float: left; 
	}
	
	.menu li a {
		display: block;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 7px 10px 7px 30px;
		color: #e0e0e0;
	}
	
	.menu > li > a {
		position: relative;
		margin-right: 14px;
		padding: 10px 7px 48px;
		font-size: 13px;
		line-height: 26px;
		font-weight: 900;
		letter-spacing: 0.5px;
		color: #383838;
	}
	
	.menu > li:last-child > a {
		margin-right: 0;
	}
	
	.menu li.dropdown ul {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		z-index: 2000;
		width: 250px;
		padding: 25px 0;
		background-color: #383838;
		color: #fff;
	}
	
        .widget .menu li ul.sub-menu {
                border: 1px solid #a1a1a1;
		background-color: #383838;
		color: #fff;
        }
            
	.menu li.dropdown ul ul {
		top: -26px;
		left: 100%;
	}
	
	.menu li.dropdown:hover > ul {
		display: block;
	}
	
	.menu li.megamenu .megamenu-container {
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		z-index: 2000;
		width: 100%;
		padding: 25px 0;
		background-color: #383838;
		color: #fff;
	}
	
	.megamenu-container .section {
		float: left;
		width: 25%;
	}
	
	.megamenu-container.col-2 .section { 
		width: 50%; 
	}
	
	.megamenu-container.col-3 .section { 
		width: 33.33333333%; 
	}
	
	.megamenu-container.col-4 .section { 
		width: 25%; 
	}
	
	.megamenu-container.col-5 .section { 
		width: 20%; 
	}
	
	.menu li.megamenu:hover > .megamenu-container { 
		display: block; 
	}
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 8px;
		left: -5px;
		content: "+";
		font-size: 24px;
		font-weight: 500;
		color: #e0e0e0;
	}
		
	.sf-arrows > li:hover > .sf-with-ul:after {}
		
	.sf-arrows ul .sf-with-ul:after {
		top: 6px;
		left: 15px;
	}
	
	.sf-arrows ul li:hover > .sf-with-ul:after {}
	
	.menu li a:hover, 
	.menu li.active > a, 
	.menu li.sfHover > a,
        .menu li.current-menu-item > a,
        .menu li.current-menu-parent > a {
		text-decoration: none;
		color: #7595a0;
	}
        
/***********************************************************************************
 *	- SHOPPING CART
 ***********************************************************************************/
	
	
        li#concept-menu-cart.dropdown.menu-cart .sf-with-ul:after { display: none; }
        
        .dropdown.menu-cart .widget.woocommerce.widget_shopping_cart {margin-bottom:0;}
         
        li#concept-menu-cart.dropdown.menu-cart ul {
		right: 0;
		left: auto;
                width: auto;
		padding: 20px;
		min-width: 225px;
	}
        
        li#concept-menu-cart.dropdown.menu-cart.dropdown ul.cart_list.product_list_widget,
        li.dropdown.menu-cart.dropdown .widget_shopping_cart {display: block !important;}
        
        li#concept-menu-cart.dropdown.menu-cart ul ul.cart_list.product_list_widget { padding:0; }
        
        li#concept-menu-cart.dropdown.menu-cart .product_item a { 
		padding-left: 0;
		border-bottom: none;
	}
	
	li#concept-menu-cart.dropdown.menu-cart h5 {
		padding-top: 10px;
		color: #fff; 
	}
	
	li#concept-menu-cart.dropdown.menu-cart .divider {
		border-color: #333;
		margin: 10px -20px;
	}
	
	li#concept-menu-cart.dropdown.menu-cart .btn {
		display: inline-block;
		padding: 6px 15px;
		border-color: #fff;
		color: #fff;
 	}
        
        li#concept-menu-cart.menu-cart .sf-with-ul:after { right: 0; }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget {
                display:block;
                position: relative;
                border:none;
                padding:0;
                top: 0;
                left: 0;
        }
        
        #concept-menu-cart.dropdown.menu-cart .woocommerce ul.cart_list li img, 
        #concept-menu-cart.dropdown.menu-cart .woocommerce ul.product_list_widget li img { 
                margin: 0 10px 0 0;
                width: 45px;
                float: left;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget li {
                padding-left: 0;
                line-height: 20px;
                padding-bottom: 15px;
                margin-bottom: 10px;
                border-bottom: 1px solid #fff;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl {
                float: left;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl dd,
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl dt {
            padding: 0;
        }
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl dd,
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl dd p{
            margin: 0;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget dl:after{
            clear: both;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart span.quantity {
                clear:both;
                font-size: 14px;
                line-height: 20px;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget li a {
            border: none;
            padding: 0;
        }
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart 
        .widget_shopping_cart_content .cart_list.product_list_widget li a.remove {
            position: relative;
            float: right;
            display:none;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart p.total {
            border: none;
            margin: 0 0 20px;
            padding: 0;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart p.buttons {
            margin-bottom: 0;
        }
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart p.buttons a.button {
                display: inline-block;
                padding: 4px 12px;
                border: 2px solid #fff;
                font-size: 12px;
                line-height: 24px;
                font-weight: 700;
                text-transform: uppercase;
                color: #e0e0e0;
                background-color: transparent;
        }
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart p.buttons a.button:hover {
                color: #7595a0;
                border-color: #7595a0;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart p.total strong {
            font-weight: 400;
        }
        
        #concept-menu-cart.dropdown.menu-cart .widget.woocommerce.widget_shopping_cart dl.variation {
            display: none;
        }
	
        @media (max-width: 767px) {
            #mobile-menu #concept-menu-cart.dropdown.menu-cart i {
                display: none;
            }
          	
        }
	
/***********************************************************************************
 *	- MOBILE MENU
 ***********************************************************************************/	
	
	#mobile-menu-button {
		float: right;
		display: none;
		font-size: 18px;
		line-height: 38px;
		width: 42px;
		height: 42px;
		margin-top: 38px;
		text-align: center;
		text-decoration: none;
		border: 3px solid #383838;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#mobile-menu-button:hover {
		border-color: #7595a0;
		color: #7595a0;
	}
	
	#mobile-menu {}
	
	#mobile-menu,
	#mobile-menu ul {
		list-style: none;
		display: none;
		margin: 0;
		background-color: #383838;
		color: #fff;
	}
	
	#mobile-menu li a {
		display: block;
		padding: 10px 20px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	
	#mobile-menu > li > a {
		font-size: 13px;
		font-weight: 900;
	}
	
	#mobile-menu ul a {
		padding-left: 40px; 
	}
	
	#mobile-menu ul ul a {
		padding-left: 60px;
	}
	
	#mobile-menu .megamenu-container {
		display: none;
		margin-left: 0;
	}
	
	#mobile-menu .megamenu-container .section {
		float: none;
		width: 100%;
		padding: 0 20px 20px 20px;
	}
	
	#mobile-menu .megamenu-container .section ul {
		display: block;
		margin: 0 -25px -20px;
	}
	
	#mobile-menu li.cart > a,
	#mobile-menu li.dropdown > a,
	#mobile-menu li.megamenu > a { 
		position: relative;
	}
	
	#mobile-menu li.cart > a:after,
	#mobile-menu li.dropdown > a:after, 
	#mobile-menu li.megamenu > a:after {
		position: absolute;
		top: 7px;
		right: 20px;
		content: "+";
		font-size: 26px;
		font-weight: 500;
	}
	
	#mobile-menu li.cart > a.open:after,
	#mobile-menu li.dropdown > a.open:after,
	#mobile-menu li.megamenu > a.open:after {
		content: "-";
	}
	
/***********************************************************************************
 *	- SEARCH
 ***********************************************************************************/
	
	.menu li.search {
		position: relative;
	}
	
	.menu li.search:before {
		position: absolute;
		top: 10px;
		left: -10px;
		font-size: 12px;
		font-weight: 900;
		content: "/"
          visibility:hidden;
	}
	
	.menu li.search i {
		font-size: 16px;
	}
	
	.menu li.search a {
		margin-right: 2px;
	}
	
	#search-form-container .searchform {
		position: absolute;
		top: 50%;
		width: 100%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	#search-form-container {
		position: fixed;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px 0 20px 0;
		text-align: center;
		background-color: rgba(56, 56, 56, 0.97);
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
		-webkit-transition: all 0.4s;
				transition: all 0.4s;
	}
	
	#search-form-container.open-search-form {
		z-index: 9999;
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
	.searchform {}
	
	#search-form-container .searchform .search-field {
		display: inline-block;
		width: 50%;
		height: 50px;
		padding: 10px 45px 10px 20px;
		margin: 0 auto;
		border-color: #fff;
		background-color: #fff;
		color: #383838;
	}
	
	#search-form-container .searchform .search-submit {
		display: inline-block;
		border: none;
		padding: 8px;
		margin-left: -40px;
		margin-bottom: 0;
		vertical-align: middle;
		background: url(././layouts/images/search.png) no-repeat center center;
	}
	
	.searchform #s:focus { border-color: #a1a1a1; }
	
	#search-form-container a.search-form-close {
		position: absolute;
		top: 50px;
		right: 50px;
		display: block;
		width: 32px;
		height: 32px;
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
		text-align: center;
		padding: 0;
		border: 2px solid #fff;
		color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#search-form-container a.search-form-close:hover {
		border-color: #fff;
		background-color: #fff;
		color: #383838;
	}
	

	
/***********************************************************************************
 *	- STICKY
 ***********************************************************************************/
 	
	#header-sticky [class^="col-"] {
		position: static;
	}
	
	#header-sticky .container {
		position: relative;
	}

	#header-sticky {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
		z-index: 8000;
		background-color: #fff;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
	}
	
	#header-sticky #logo {
		margin: 15px 0 8px;
	}
	
	#header-sticky .menu {
		margin-top: 12px;
	}
	
	#header-sticky .menu > li > a {
		padding-bottom: 23px;
	}

/***********************************************************************************
 *	+ PAGE CONTENT
 ***********************************************************************************/
	
	#page-content {
		padding-bottom: 50px;
	}

/***********************************************************************************
 *	- PAGE HEADER
 ***********************************************************************************/
 	
	#page-header {
		padding: 75px 0;
		margin-bottom: 100px;
		background-color: #fafafa;
	}
	
	#page-header h2 {
		text-align: right !important;
		margin-bottom: 0;
		color: #FFF;
	}
	
	#page-header .page-header-simbol {
		width: auto;
                height: auto;
                padding: 3px 9px 4px;
		margin-top: 5px;
		font-size: 20px;
		line-height: 28px;
		font-weight: 900;
		text-align: center;
		border: 3px solid #383838;
	}

/***********************************************************************************
 *	+ FOOTER
 ***********************************************************************************/
	
	#footer-container {
		padding: 100px 0 0px;
		font-size: 14px;
		line-height: 24px;
		background-color: #383838;
		color: #fff;
	}
	
	#footer-container a {
		color: inherit;
	}
	
	#footer-container input[type="reset"],
	#footer-container input[type="submit"],
	#footer-container input[type="button"] {
		border-color: inherit;
		color: inherit;
	}
	
	#footer-container .widget_search input[type="submit"] {
		background-image: url(././layouts/images/search-white.png);
	}
	
	#footer-container .widget_calendar table caption {
		color: inherit;
	}
	
	#footer-container .widget_calendar table th, 
	#footer-container .widget_calendar table td {
		border-color: inherit;
	}
	
	#footer-container .widget_calendar table td#today {
		background-color: #fff;
		color: #383838;
	}
	
	#footer-container .widget-recent-posts ul li .post-thumbnail a {
		color: #383838;
	}
	
	#footer-container .widget-recent-posts ul li .post-title:hover {
		color: #7595a0;
	}
	
	#footer-container .noUi-connect {
		background-color: #7595a0;
	}
	
	#footer-container .widget-contact ul li {
		padding-left: 0;
	}
	
/***********************************************************************************
 *	- FOOTER TOP
 ***********************************************************************************/
	
	#footer-top {}
	
	#footer-top .widget:last-child {
		margin-bottom: 0px;
	}
	
/***********************************************************************************
 *	- FOOTER
 ***********************************************************************************/
 
	#footer {}
	
	#footer-top + #footer {
		padding-top: 60px;
	}
	
	#footer .widget {
		margin-bottom: 45px;
	}
	
	#footer .widget-title {
		margin-bottom: 35px;
		font-weight: 700;
		letter-spacing: 1px;
		color: #7595a0;
	}
	
	#footer .widget_tag_cloud a {
		font-size: 12px !important;
		padding: 5px 15px;
		margin: 5px 2px;
		border: 2px solid #fff;
	}
	
	#footer .widget_tag_cloud a:hover {
		background-color: transparent;
		border-color: #7595a0;
		color: #7595a0;
	}
	
	#footer .widget_concept_links_widget .social-media-links a:hover {
		color: #7595a0;
	}
	
/***********************************************************************************
 *	- FOOTER BOTTOM
 ***********************************************************************************/
	
	#footer-bottom {}
	
	#footer-bottom .widget:last-child {
		margin-bottom: 0;
	}
	
	#footer-bottom .widget-text .copyright {
		margin-top: 10px;
	}
        
        #footer-bottom .widget-title {
		margin-bottom: 35px;
		font-weight: 700;
		letter-spacing: 1px;
		color: #7595a0;
	}
	
	#footer-bottom .widget-pages ul {
		text-align: right;
		margin-top: 10px;
	}
	
	#footer-bottom .widget-pages ul li {
		display: inline-block;
		margin-bottom: 0;
	}
	
	#footer-bottom .widget-pages ul li:after {
		content: "|";
		margin-left: 5px;
	}
	
	#footer-bottom .widget-pages ul li:last-child:after {
		display: none;
	}
	
	#footer-bottom .widget-pages ul li a:hover {
		color: #7595a0;
	}
	
	#footer-bottom .widget-pages ul li a:before {
		display: none;
	}
	
/***********************************************************************************
 *	+ PAGES
 ***********************************************************************************/
/***********************************************************************************
 *	- INDEX
 ***********************************************************************************/
 


/***********************************************************************************
 *	- ABOUT
 ***********************************************************************************/
 
	.about-me {
		margin-bottom: 50px;
	}
	
	.about-me-image {
		position: relative;
		margin-bottom: 45px;
	}
	
	.about-me-image img {
		display: block;
		width: 100%;
	}
	
	.about-me h4 {
		margin-bottom: 0;
	}
	
	.about-me h6 {
		margin-bottom: 0;
		color: #7595a0;
	}
	
	.about-me .social-media {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: 0;
	}
	
	.about-me .social-media a {
		position: relative;
		display: block;
		width: 70px;
		height: 70px;
		line-height: 70px;
		text-align: center;
		background-color: #fff;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.about-me .social-media a:last-child {
		border-bottom: none;
	}
	
	.about-me .social-media a:after {
		content: "\e90c";
		font-family: "mt-icons";
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		width: 0;
		height: 69px;
		font-size: 12px;
		line-height: 70px;
		opacity: 0;
		background-color: #7595a0;
		color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.about-me .social-media a:last-child:after {
		height: 70px;
	}
	
	.about-me .social-media a:before {
		content: "|";
		position: absolute;
		z-index: 2;
		top: -2px;
		right: -5px;
		opacity: 0;
		color: #fff;
	}
	
	.about-me .social-media a:hover {
		background-color: #7595a0;
		color: #fff !important;
	}
	
	.about-me .social-media a:hover:after {
		right: -70px;
		width: 70px;
		opacity: 1;
	}
	
	.about-me .social-media a:hover:before {
		opacity: 1;
	}
 
/***********************************************************************************
 *	- SERVICES
 ***********************************************************************************/
 	
	/* SERVICE BOX STYLE 1 */
	.service-box.style-1  {
		margin-bottom: 50px;
	}
	
	.service-box.style-1 > i {
		display: block;
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 15px;
		color: #7595a0;
		-webkit-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.service-box.style-1 .service-box-content h4 {
		margin-bottom: 20px;
	}
	
	.service-box.style-1:hover > i {
		color: #383838;
		-webkit-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
				transform-origin: 0 0;
		-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
				transform: scale(1.2);
	}
	
	
	/* SERVICES BOX STYLE 2 */
	.service-box.style-2 {
		position: relative;
		margin-bottom: 50px;
	}
	
	.service-box.style-2 > i {
		display: block;
		float: left;
		width: 70px;
		font-size: 32px;
		line-height: 64px;
		text-align: center;
		border-bottom: 2px solid #e0e0e0;
		color: #7595a0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.service-box.style-2 .service-box-content { 
		margin-left: 100px;
	}
	
	.service-box.style-2 .service-box-content h4 {
		padding-top: 7px;
		margin-bottom: 15px;
	}
	
	.service-box.style-2 .service-box-content > a {
		position: absolute;
		top: 83px;
		left: 18px;
		display: block;
		float: left;
		width: auto;
                height: auto;
                padding: 0 5px 4px;
		font-size: 30px;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		border: 2px solid #e0e0e0;
		color: #e0e0e0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.service-box.style-2:hover > i {
		color: #e0e0e0;
	}
	
	.service-box.style-2:hover .service-box-content > a {
		border-color: #7595a0;
		color: #7595a0;
	}
	
	.service-box.style-2 .service-box-content > a:hover {
		border-color: #383838;
		color: #383838;
	}
 
/***********************************************************************************
 *	- PORTFOLIO
 ***********************************************************************************/
	
	.portfolio-item {
		margin-bottom: 50px;
	}
	
	.portfolio-item-thumbnail {
		position: relative;
		margin-bottom: 35px;
	}
	
	.portfolio-item-thumbnail img {
		width: 100%;
		display: block;
	}
	
	.portfolio-item-thumbnail .zoom-action {
		display: block;
		width: 36px;
		height: 36px;
		font-size: 32px;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		border: 2px solid #7595a0;
		color: #7595a0;
	}
	
	.portfolio-item-hover {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(56, 56, 56, 0.75);
		color: #fff;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.portfolio-item-hover .zoom-action {		
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -18px;
		margin-left: -18px;
		border-color: #fff;
		color: #fff;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
		-webkit-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
			-ms-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
				transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
	}
	
	.portfolio-item-hover .zoom-action:hover {
		border-color: #7595a0;
		color: #7595a0;
	}
	
	.portfolio-item-details {
		text-align: center;
	}
	
	.portfolio-item-thumbnail + .portfolio-item-details {
		margin: 30px 0;
	}
	
	.portfolio-item-details h4 {
		margin-bottom: 0;
	}
	
	.portfolio-item-details h6 {
		margin-bottom: 0;
		font-weight: 700;
		letter-spacing: 1px;
		color: #7595a0;
	}
	
	.portfolio-item-details .zoom-action {
		position: absolute;
		top: 50%;
		left: 25px;
		margin-top: -18px;
		color: #7595a0 !important;
	}
	
	.portfolio-item-thumbnail .portfolio-item-details {
		position: absolute;
		bottom: -30px;
		left: 0;
		padding: 25px 40px 25px 75px;
		text-align: left;
		opacity: 0;
		background-color: #fff;
		box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.09);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.portfolio-item-thumbnail .portfolio-item-details h4 a {
		color: #383838;
	}
	
	.portfolio-item-thumbnail .portfolio-item-details h4 a:hover {
		color: #7595a0;
	}
	
	.portfolio-item:hover .portfolio-item-hover {
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
	.portfolio-item:hover .portfolio-item-hover .zoom-action {
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}
	
	.portfolio-item:hover .portfolio-item-thumbnail .portfolio-item-details {
		bottom: 0;
		opacity: 1;
	}
	
	/* PORTFOLIO CLASSIC */
	.portfolio-item.portfolio-classic .portfolio-item-thumbnail {
		float: left;
		width: 66.666666667%;
	}
	
	.portfolio-item.portfolio-classic .portfolio-item-details {
		float: left;
		width: 33.333333333%;
		padding-left: 30px;
		text-align: left;
                margin-bottom: 0;
	}
	
	.portfolio-item.portfolio-classic .portfolio-item-details h6 {
		margin-bottom: 40px;
	}
	
	.portfolio-item.portfolio-classic .portfolio-item-details .btn {
		margin-top: 20px;
	}
	
	.portfolio-item.portfolio-classic:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
        
        .p-classic-gutter .portfolio-item.portfolio-classic { margin-bottom: 55px; }
	
	/* PORTFOLIO CREATIVE */
	.portfolio-item.portfolio-creative {
		position: relative;
		margin-bottom: 0;
		z-index: 2;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-hover {
		background-color: rgba(255, 255, 255, 0.75);
		color: #383838;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-hover .zoom-action {
		color: inherit;
		border-color: inherit;
	}
	
	.portfolio-item.portfolio-creative + .portfolio-creative {
		z-index: 1;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-thumbnail {
		border: 30px solid #fff;
		margin-bottom: -100px;
	}
	
	.portfolio-item.portfolio-creative:last-child .portfolio-item-thumbnail {
		margin-bottom: 0;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-details {
		position: absolute;
		top: 150px;
		width: 70%;
		z-index: 3;
		text-align: left;
	}
	
	.portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details {
		left: 50%;
	}
	
	.portfolio-item.portfolio-creative.thumbnail-right .portfolio-item-details {
		left: -20%;
		width: 100%;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-details h6 {
		margin-bottom: 20px;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-details h4 {
		position: relative;
	}
	
	.portfolio-item.portfolio-creative .portfolio-item-details h4:before {
		content: "+";
		position: absolute;
		top: 8px;
		left: -50px;
		display: block;
		width: 36px;
		height: 36px;
		font-size: 32px;
		line-height: 30px;
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		border: 2px solid #7595a0;
		color: #7595a0;
	}
	
/***********************************************************************************
 *	- BLOG
 ***********************************************************************************/
 	
	/* BLOG ARTICLE */
	.blog-article {
		margin-bottom: 50px;
	}
	
	.blog-article-thumbnail {
		position: relative;
		margin-bottom: 0px;  
	}

        .blog-article-thumbnail .attachment-post-thumbnail {
		display: none;
	}

        .single-post .blog-article-details h6 {
                display: none;
        }

	.single-post .blog-article-details {
                padding-top: 0 !important;
        }
	
	.blog-article-thumbnail .embed-responsive {
		margin-bottom: 0;
	}
	
	.blog-article-thumbnail .social-media {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: 0;
	}
	
	.blog-article-thumbnail .social-media a {
		position: relative;
		display: block;
		width: 64px;
		height: 64px;
		line-height: 64px;
		text-align: center;
		background-color: #fff;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.blog-article-thumbnail .social-media a:last-child {
		border-bottom: none;
	}
	
	.blog-article-thumbnail .social-media a:after {
		content: "\e90c";
		font-family: "mt-icons";
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		width: 0;
		height: 63px;
		font-size: 12px;
		line-height: 64px;
		opacity: 0;
		background-color: #7595a0;
		color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.blog-article-thumbnail .social-media a:last-child:after {
		height: 64px;
	}
	
	.blog-article-thumbnail .social-media a:before {
		content: "|";
		position: absolute;
		z-index: 2;
		top: -2px;
		right: -5px;
		opacity: 0;
		color: #fff;
	}
	
	.blog-article-thumbnail .social-media a:hover {
		background-color: #7595a0;
		color: #fff !important;
	}
	
	.blog-article-thumbnail .social-media a:hover:after {
		right: -64px;
		width: 64px;
		opacity: 1;
	}
	
	.blog-article-thumbnail .social-media a:hover:before {
		opacity: 1;
	}
	
	.blog-article-thumbnail img {}
	
	.blog-article-details {
		position: relative;
	/*	padding-top: 20px; */
        height: auto !important;
    	min-height: 73px !important;
	}
	
.blog-article-details h3 {
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
  min-height: 45px !important;
  
      display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  
}
	
	.blog-article-details h6 {
		margin-bottom: 20px;
		font-size: 13px;
		font-weight: 700;
		text-transform: none;
	}
	
	.blog-article-details h6 a {
		color: #7595a0;
	}
	
	.blog-article-details h6 a:hover {
		color: #383838;
	}
	
	.blog-article.style-2 {
		margin-bottom: 20px;
	}
	
	.blog-article.style-2 .blog-article-details .read-more {
		position: relative;
		bottom: 0;
        font-size: 14px;
     	line-height: 10px;
	}
        
        .blog-article-thumbnail .zoom-action {
		display: block;
		width: 36px;
		height: 36px;
		font-size: 32px;
		line-height: 30px;
		text-align: center;
		text-decoration: none;
		border: 2px solid #7595a0;
		color: #7595a0;
	}
        
        .blog-article-thumbnail .zoom-action {		
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -18px;
		margin-left: -18px;
		border-color: #fff;
		color: #fff;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0);
		-webkit-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
			-ms-transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
				transition: transform 0.3s 0.1s, border-color 0.3s, color 0.3s;
	}
        
        .blog-article-thumbnail .portfolio-item-hover {
                background-color: rgba(0, 0, 0, 0.75);
                color: #fff;
		display: none;
        }
        
        .blog-article:hover .blog-article-thumbnail .portfolio-item-hover,
        .blog-article:hover .blog-article-thumbnail .portfolio-item-hover .zoom-action {
            -webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
        }
        
        .concept-featured-post.sticky {
                display: inline-block;
                background-color: #383838;
                padding: 4px 22px;
                color: #fff;
                font-size: 15px;
                font-weight: 700;
                letter-spacing: 1px;
        }
        
        .blog-article-thumbnail .concept-featured-post.sticky {
                bottom: 0;
                right: 0;
                position: absolute;
        }
        
        .blog-article.style-2 .blog-article-thumbnail .concept-featured-post.sticky {
                top: 0;
                bottom: auto;
                position: absolute;
        }
        .recent-posts-container-2 { 
                margin-left: -15px;
                margin-right: -15px;
        }
        .recent-posts-container-2 .col-sm-4 {
                vertical-align: top; 
                display: inline-block; 
                float: none;
        }
	
	
	/* BLOG ARTICLE AUTHOR */
	.blog-article-author {
		margin: 100px 0;
	}
	
	.blog-article-author > img {
		float: left;
		display: block;
		margin-bottom: 10px;
	}
	
	.blog-article-author h4 {
		line-height: 32px;
		margin-bottom: 30px;
	}
	
	.blog-article-author h4 small {
		display: block;
		font-size: 14px;
		font-weight: 700;
		color: #7595a0;
	}
	
	.blog-article-author-details {
		margin-left: 200px;
	}
	
	.blog-article-author-details > *:last-child {
		margin-bottom: 0;
	}
	
	
	/* BLOG POST COMMENT */
	.commentlist-title {}
	
	.commentlist,
	.commentlist ul {
		list-style: none;
	}
	
	.commentlist {
		margin: 80px 0 60px;
	}
	
	.commentlist ul {}
	
	.commentlist li {}
	
	.commentlist li > ul.children {
		margin-left: 100px;
	}
	
	.comment-body {
		position: relative;
		padding-left: 165px;
		margin-bottom: 40px;
	}
	
	.comment-meta {}
	
	.comment-author {
		margin-bottom: 15px;
	}
	
	.comment-author .avatar {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.comment-author .fn {
		font-size: 18px;
		font-weight: 700;
		color: #383838;
	}
	
	.comment-author .says {
		display: none;
	}
	
	.comment-metadata {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.comment-metadata a {
		font-size: 16px;
		font-weight: 700;
		color: #a1a1a1;
	}
	
	.comment-content {}
        
        .comments-nav.navigation { margin-bottom: 70px; }
        
        .comments-nav.navigation .nav-previous,
        .comments-nav.navigation .nav-previous {
                margin-right: 20px;
                float: left;
        }
	
	.reply {
		margin-top: -5px;
	}
	
	.reply a {
		font-size: 16px;
		font-weight: 700;
	}
	
	.reply a:hover {}
	
	
	/* BLOG POST COMMENT FORM */
	.commentform-title {}
	
	#commentform {
		margin: 50px 0;
	}
	
	#commentform label {}
	
	#commentform textarea,
	#commentform input[type="url"],
	#commentform input[type="text"],
	#commentform input[type="email"] {
		margin-bottom: 10px;
		border: none;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#commentform input[type="submit"] {
		margin-top: 20px;
		display: inline-block;
	}
	
/***********************************************************************************
 *	- SHOP
 ***********************************************************************************/

	.products {
		list-style: none;
		margin: -15px -15px 70px -15px;
	}
	
	.products .product {
		position: relative;
		float: left;
		width: 25%;
		padding: 15px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
        
        li.product a h3 {
                max-width: 230px;
                text-transform: initial;
                color: #383838;
                font: 16px/24px "Maven Pro", Arial, sans-serif
        }
        
        .products li.product a .price {
                margin-top: 12px;
        }
        
        #page-content .product .price .amount {
                font-size: 24px;
                line-height: 32px;
                font-weight: 500;
                color: #383838;
                font-family: "Maven Pro", Arial, sans-serif;
        }
        
        .woocommerce .widget_price_filter .price_slider_amount .button,
        #page-content .product .summary button.single_add_to_cart_button,
        #page-content .product a.add_to_cart_button {
                margin-top: 9px;
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 20px;
		padding: 0;
		border-radius: 0;
		border: none;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
        
        .woocommerce .widget_price_filter .price_slider_amount .button:after,
        #page-content .product .summary button.single_add_to_cart_button:after,
	#page-content .product a.add_to_cart_button:after {
		content: "+";
		display: inline-block;
		position: relative;
		top: 3px;
		width: 32px;
		height: 32px;
                text-align: center;
		margin-left: 15px;
		font-size: 30px;
		line-height: 24px;
		font-weight: 400;
		border: 2px solid #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
        .woocommerce .widget_price_filter .price_slider_amount .button,
        .woocommerce .widget_price_filter .price_slider_amount .button:hover,
        .woocommerce .widget_price_filter .price_slider_amount .button:focus,
        .woocommerce .widget_price_filter .price_slider_amount .button:active,
        .woocommerce .widget_price_filter .price_slider_amount .button:active:hover,
        .woocommerce .widget_price_filter .price_slider_amount .button:active:focus,
        #page-content .product .summary button.single_add_to_cart_button,
        #page-content .product .summary button.single_add_to_cart_button:hover,
        #page-content .product .summary button.single_add_to_cart_button:focus,
        #page-content .product .summary button.single_add_to_cart_button:active,
        #page-content .product .summary button.single_add_to_cart_button:active:hover,
        #page-content .product .summary button.single_add_to_cart_button:active:focus,
        #page-content .product a.add_to_cart_button,
        #page-content .product a.add_to_cart_button:hover,
        #page-content .product a.add_to_cart_button:focus,
        #page-content .product a.add_to_cart_button:active,
        #page-content .product a.add_to_cart_button:active:hover,
        #page-content .product a.add_to_cart_button:active:focus {
		outline: 0 !important;
		box-shadow: none;
		background-color: transparent;
	}
	
        .woocommerce .widget_price_filter .price_slider_amount .button:hover:after,
        #page-content .product .summary button.single_add_to_cart_button:hover:after,
        #page-content .product a.add_to_cart_button:hover:after {
		-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	
	#page-content .product .summary button.single_add_to_cart_button:hover,
        #page-content .product a.add_to_cart_button:hover {
		color: #7595a0;
	}
	
        #page-content .product .summary button.single_add_to_cart_button:hover:after,
        #page-content .product a.add_to_cart_button:hover:after {
		border-color: #7595a0;
	}
        
        .woocommerce .widget_price_filter .price_slider_amount .button:after,
        .woocommerce .widget_price_filter .price_slider_amount .button {
                color: #7595a0;
                border-color: #7595a0;
        }
        
        .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #383838; }
        
        .woocommerce .widget_price_filter .price_slider_amount .button:hover:after { 
            color: #383838;
            border-color: #383838; 
        }
        
        #page-content .product .summary div.quantity {
                margin-top: 5px;
                margin-right: 25px;
        }
        
        #page-content .product .related.products h2 {
                font-size: 36px;
                line-height: 42px;
                margin-bottom: 70px;
        }
	
	.products.col-3 .product {
		width: 33.33333%;
	}
	
	.products.col-4 .product {
		width: 25%;
	}
	
	.products .product .product-name {
		text-decoration: none;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.products .product .product-name:hover {
		color: #7595a0;
	}
	
	.products .product .product-name img {
		display: block;
		margin-bottom: 25px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.products .product .product-name:hover img {
		opacity: 0.7;
	}
	
        .concept-gallery .product .price,
	.products .product .price {
		float: left;
		font-weight: 500;
	}
	
        .concept-gallery .gallery-poduct-button,
	.products .product .add_to_cart_button {
		float: right;
	}
        
        .concept-gallery .gallery-poduct-title { max-width: 230px; }
        
        #container .concept-woocommerce-3products ul.products li.product,
        #container ul.products li.product.products-3-cols {
                width: 30.8%;
        }
	
	.product .images,
	.product .summary {
		position: relative;
		float: left;
		width: 50%;
		margin-bottom: 50px;
	}
        
        #page-content .product .summary { min-width: 50%; }
        
        
        @media (min-width: 585px) {
            #page-content .product #product-images-slider.images { min-width: 555px; }
        }
        
	.product .summary {
		padding: 130px 0 0 130px;
	}
	
        #page-content .product .summary h1.product_title {
                font-size: 18px;
                line-height: 26px;
        }
        
        #page-content .product .summary .variations .label label {
                margin-top: 10px;
                color: #7595a0;
                font-size: 16px;
                line-height: 24px;
                font-weight: 900;
                text-transform: uppercase;
        }
        
	.product .summary h4 {
		margin-bottom: 0;
	}
	
	.product .summary h6 {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 20px;
		color: #7595a0;
	}
	
	.product .summary .price {
		position: relative;
		font-weight: 500;
		margin: 40px 0;
	}
	
	.product .summary .price:before {
		content: "";
		display: inline-block;
		width: 200px;
		position: absolute;
		top: 18px;
		left: -220px;
		border-top: 2px solid #383838;
	}
	
	.product .summary .size-list {
		list-style: none;
		margin-bottom: 20px;
	}
	
	.product .summary .size-list li {
		display: inline-block;
		margin-top: 10px;
	}
	
	.product .summary .size-list li a {
		display: block;
		width: 32px;
		height: 32px;
		line-height: 28px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		border: 2px solid #383838;
		color: #383838;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.product .summary .size-list li a:hover {
		border-color: #7595a0;
		color: #7595a0;
	}
        
        /* PRODUCT TABS */
        
        .woocommerce div.product .woocommerce-tabs ul.tabs {
                margin: 0;
        }
        
        .woocommerce div.product .woocommerce-tabs ul.tabs li,
        .woocommerce div.product .woocommerce-tabs ul.tabs {
                padding: 0;
                border: none;
        }
        
        .woocommerce div.product .woocommerce-tabs ul.tabs li{
                margin-left: 0;
                margin-right: 1px;
        }
        
        .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
        .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
                border:none;
                left:0;
                box-shadow:none;
        }
        
        #page-content div.product .woocommerce-tabs ul.tabs li a {
		font-size: 14px; 
		font-weight: 900;
		text-transform: uppercase;
		padding: 15px 20px;
		border: none;
		border-width: 2px;
		border-radius: 0;
		border-color: transparent;
                background-color: transparent;
		color: #383838;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
	}
        
        #page-content div.product .woocommerce-tabs ul.tabs li { background-color: transparent; }
        
        ul.tabs.wc-tabs > li > a:hover,
	ul.tabs.wc-tabs > li > a:focus,
        #page-content  div.product .woocommerce-tabs ul.tabs.wc-tabs > li.active > a {
                border: 2px solid #e0e0e0;
		border-bottom-color: #fff;
                
	}
        
        #page-content div.product .woocommerce-tabs .tabs.wc-tabs { margin-bottom:45px; }
        
        #page-content div.product .woocommerce-tabs .panel{box-shadow:none;}
        
        #page-content div.product .woocommerce-tabs.wc-tabs-wrapper { margin-bottom:75px; }
         
        .woocommerce-tabs .panel > h2,
        .woocommerce-tabs .panel #comments > h2 {
                display: none;
        }
        
        #page-content div.product .woocommerce-tabs ul.tabs:before {
                border-bottom: 2px solid #e0e0e0 !important;
        }
        
        #page-content div.product .woocommerce-tabs ul.tabs li a:before {
                position: relative;
                top: -2px;
                margin-right: 10px;
                font-size: 26px;
                font-weight: 300;
                vertical-align: middle;
                color: #7595a0;
                font-family: 'mt-icons';
        }
        
        #page-content div.product .woocommerce-tabs ul.tabs li.description_tab a:before { content: "\e990"; }
        #page-content div.product .woocommerce-tabs ul.tabs li.reviews_tab a:before { content: "\e97c"; }
        #page-content div.product .woocommerce-tabs ul.tabs li.additional_information_tab a:before { content: "\e9c2"; }
       
        /* WOOCOMMERCE WIDGETS */
        
        .widget.woocommerce.widget_products ul.product_list_widget li {
             padding: 0;
             margin-bottom: 40px;
        }
        
        .widget.woocommerce.widget_products ul.product_list_widget li:last-child { margin-bottom: 0; }
        
        .widget.woocommerce.widget_products ul.product_list_widget li img {
                float: left;
                margin: 0 10px 0 0;
                width: 80px;
        }
        
        .widget.woocommerce.widget_products ul.product_list_widget li .product-title { color: #383838; }
        
        .widget.woocommerce.widget_products ul.product_list_widget li .product-title:hover {
                color: #7595a0;
                text-decoration: none;
        }
        

/***********************************************************************************
 *	- CONTACT
 ***********************************************************************************/ 	
 	
	#contact-form {
		margin-bottom: 50px;
	}
	
	#contact-form label {
		display: block;
	}
	
	#contact-form textarea,
	#contact-form input[type="text"],
	#contact-form input[type="email"] {
		margin-bottom: 10px;
		border: none;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#contact-form input[type="submit"] {
		margin-top: 20px;
		display: inline-block;
	}
	
	#contact-form label.error {
		color: #ff3333;
	}
        
        .wpcf7-list-item input {
                display: inline-block;
        }
        
        .wpcf7-list-item {
                display: block;
                margin-bottom: 10px;
        }
	
/***********************************************************************************
 *	- SHORTCODES
 ***********************************************************************************/
	
	.icons-list {
		list-style: none;
	}
	
	.icons-list li {
		text-align: center;
		display: inline-block;
		padding: 10px;
		width: 19%;
		min-height: 100px;
		vertical-align: top;
	}
	
	.icons-list li i,
	.icons-list li .glyphicon {
		font-size: 20px;
	}
	
	.icons-list li .icon-name {
		display: block;
	} 
	
/***********************************************************************************
 *	+ RESPONSIVE
 ***********************************************************************************/
/***********************************************************************************
 *	- LARGE DISPALY (>1200px)
 ***********************************************************************************/
 	
	@media (min-width: 1200px) {
		
		.menu > li > a {
			margin-right: 0px;
		}
		
	}
 
 
/***********************************************************************************
 *	- SMALL DISPLAY (TABLETS)
 ***********************************************************************************/
 
 	@media (min-width: 768px) and (max-width: 991px) {
		
		#fullscreen #header {
			position: relative;
		}
	
		.menu {
			display: none;
		}
		
		#search-form-container {
			position: relative;
			z-index: 1;
			padding: 15px 20px;
			text-align: left;
			background: transparent;
			-webkit-transform: scale(1);
				-ms-transform: scale(1);
					transform: scale(1);
		}
		
		#search-form-container .searchform {
			position: relative;
			top: 0;
			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
		}
		
		#search-form-container .searchform .search-field {
			width: 100%;
			height: 40px;
		}
		
		#search-form-container .searchform .search-submit {
			position: absolute;
			top: 0;
			right: 15px;
		}
		
		#search-form-container a.search-form-close {
			display: none;
		}
		
		#mobile-menu li.cart {
			border-top: 1px solid #fff;
		}
		
		#mobile-menu li.cart i {
			display: none;
		}
		
		#mobile-menu li .cart_list .product_item a {
			padding: 0;
			border-bottom: none;
		}
		
		#mobile-menu li .widget_shopping_cart .buttons a {
			display: inline-block;
			padding: 4px 12px;
			border: 2px solid #fff;
		}
		
		#mobile-menu li .widget_shopping_cart .buttons a:hover {
			border-color: #7595a0;
		}
		
		#mobile-menu li.cart ul {
			display: block;
		}
		
		#mobile-menu-button {
			display: block;
		}
		
		#header-sticky {
			visibility: hidden;
		}
		
		.portfolio-item.portfolio-creative .portfolio-item-thumbnail {
			margin-bottom: 0;
		}
		
		.portfolio-item.portfolio-creative .portfolio-item-details {
			top: 60px;
		}
		
		.blog-article-thumbnail .social-media a {
			width: 48px;
			height: 48px;
			font-size: 16px;
			line-height: 48px;
		}
		
		.blog-article-thumbnail .social-media a:after {
			height: 47px;
			line-height: 48px;
		}
		
		.blog-article-thumbnail .social-media a:last-child:after {
			height: 48px;
		}
		
		.products.col-3 .product {
			width: 50%;
		}
		
		.products.col-4 .product {
			width: 33.33333%;
		}
		
		.product .summary {
			padding: 50px 0 0 50px;
		}
		
		.icons-list li {
			width: 24%;
		}
		
	}
 
/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES)
 ***********************************************************************************/
	
	@media (max-width: 767px) {
		
		#fullscreen #header {
			position: relative;
		}
		
		.menu {
			display: none;
		}
		
		#search-form-container {
			position: relative;
			z-index: 1;
			padding: 15px 20px;
			text-align: left;
			background: transparent;
			-webkit-transform: scale(1);
				-ms-transform: scale(1);
					transform: scale(1);
		}
		
		#search-form-container .searchform {
			position: relative;
			top: 0;
			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
		}
		
		#search-form-container .searchform .search-field {
			width: 100%;
			height: 40px;
		}
		
		#search-form-container .searchform .search-submit {
			position: absolute;
			top: 0;
			right: 15px;
		}
		
		#search-form-container a.search-form-close {
			display: none;
		}
		
		#mobile-menu li.cart {
			border-top: 1px solid #fff;
		}
		
		#mobile-menu li.cart i {
			display: none;
		}
		
		.widget_shopping_cart {
			position: relative;
			width: 100%;
			border: none;
		}
		
		#mobile-menu li .cart_list .product_item a {
			padding: 0;
			border-bottom: none;
		}
		
		#mobile-menu li .widget_shopping_cart .buttons a {
			display: inline-block;
			padding: 4px 12px;
			border: 2px solid #fff;
		}
		
		#mobile-menu li .widget_shopping_cart .buttons a:hover {
			border-color: #7595a0;
		}
		
		#mobile-menu li.cart ul {
			display: block;
		}
		
		#mobile-menu-button {
			position: absolute;
			top: 21px;
			right: 15px;
			display: block;
		}

		#header-sticky {
			visibility: hidden;
		}
		
		#page-header h2 {
			text-align: left;
		}
		
		#page-header .page-header-simbol {
			display: none;
		}
		
		.portfolio-item.portfolio-creative + .portfolio-creative {
			margin-top: 30px;
		}
		
		.portfolio-item.portfolio-creative .portfolio-item-thumbnail {
			border: none;
			margin-bottom: 20px;
		}
		
		.portfolio-item.portfolio-creative .portfolio-item-details {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
		}
		
		.portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details, 
		.portfolio-item.portfolio-creative.thumbnail-right .portfolio-item-details {
			padding-left: 0;
			left: 0;
		}
		
		.portfolio-item.portfolio-classic .portfolio-item-details,
		.portfolio-item.portfolio-classic .portfolio-item-thumbnail {
			float: none;
			width: 100%;
		}
		
		.portfolio-item.portfolio-classic .portfolio-item-details {
			padding: 0;
		}
		
		.blog-article-thumbnail .social-media {
			position: relative;
		}
		
		.blog-article-thumbnail .social-media a {
			display: inline-block;
			margin-right: 0;
			border-bottom: none;
		}
		
		.blog-article-thumbnail .social-media a:after,
		.blog-article-thumbnail .social-media a:before { display: none; }
		
		.blog-article.style-2 {
			margin-bottom: 40px;
		}
		
		.blog-article.style-2 .blog-article-details .read-more {
			position: relative;
			bottom: 0;
		}
		
		.blog-article-author > img {
			float: none;
		}
		
		.blog-article-author-details {
			margin-left: 0;
		}
		
		.comment-author {
			margin-bottom: 0;
		}
		
		.comment-author .avatar {
			position: relative;
			display: block;
			margin-bottom: 20px;
		}
		
		.comment-metadata {
			position: relative;
			margin-bottom: 20px;
		}
		
		.comment-body {
			padding-left: 0;
		}
		
		.commentlist li > ul.children {
			margin-left: 20px;
		}
		
		.products .product {
			float: none;
			width: 100%;
		}
		
		.products.col-3 .product,
		.products.col-4 .product {
			width: 100%;
		}
		
		.product .images,
		.product .summary {
			float: none;
			width: 100%;
		}
		
		.product .summary {
			padding: 0;
		}
		
		.product .summary .price::before {
			display: none;
		}
		
		.icons-list li {
			width: 49%;
		}
		
		#footer-bottom .widget-text .copyright {
			text-align: center;
		}
		
		#footer-bottom .widget-pages ul {
			text-align: center;
		}
		
	}
	
/***********************************************************************************
 *	- EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 ***********************************************************************************/
 
 	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.products .product {
			float: left;
			width: 50%;
		}
		
		.products.col-3 .product,
		.products.col-4 .product {
			width: 50%;
		}
		.page-id-9012 .portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details {
    			left: 0 !important;
   			padding-left: 0;
		}
		
	}
/***********************************************************************************
 *	- WORDPRESS
 ***********************************************************************************/ 

        .wp-caption {}
        .wp-caption-text {}
        .gallery-caption {}
        .bypostauthor {}
        
        .alignright {text-align: right;}
        .alignleft {text-align: left;}
        .aligncenter {text-align: center;}
        
        .screen-reader-text {
                clip: rect(1px, 1px, 1px, 1px);
                height: 1px;
                overflow: hidden;
                position: absolute !important;
                width: 1px;
        }
        
/***********************************************************************************
 *	- VISUAL COMPOSER MODIFIERS
 ***********************************************************************************/ 

        .vc_row-o-content-middle>.container-inner {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
        }
        
        .vc_row-o-content-bottom>.container-inner {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
        }
        
        .vc_row .wpb_content_element {
            margin-bottom: 0;
        }
        
        .vc_row .wpb_content_element {
            margin-bottom: 0;
        }
        
        .vc_row { position:relative; }
        
/***********************************************************************************
 *	- HELPERS
 ***********************************************************************************/        
        
        .utility-container {
                background: no-repeat center center;
                
                margin-left: auto;
                margin-right: auto;
        }
        
        .utility-container>.utility-container-middle-h {
                position: absolute;
                left: 50%;
                transform: translate(-50%, 0);
        }
        
        .utility-container>.utility-container-middle-v {
                width: 100%;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
        }
        
        .utility-container>.utility-container-middle {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
        }
        .utility-container>.utility-container-bottom {
                position: absolute;
                width: 100%;
                bottom: 0;
                transform: translate(0, 0);
        }
        
        .utility-container>.utility-container-bottom-h {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
        }

        .concept_loader_gif {
                display: none;
                margin: 0 auto;
        }

        .concept-thinner,
        .concept-thinner h1,
        .concept-thinner h2,
        .concept-thinner h3,
        .concept-thinner h4,
        .concept-thinner h5,
        .concept-thinner h6 {
                font-weight: 400;
        }

        .full-section .container-inner > .row,
        .full-section.vc_row,
        .container-inner .vc_row {
            margin-left: 0;
            margin-right: 0;
        }
        
        .recent-posts-container {
            margin-left: -15px;
            margin-right: -15px;
        }

        /* Container mlp helpers */
        
        .vc_row.wpb_row.container-inner {
                margin-right: auto;
                margin-left: auto;
        }
        
        .container-inner {
                margin-right: auto;
                margin-left: auto;
        }
        
        @media (min-width: 768px){
            .container-inner {
                max-width: 750px;
            }
        }
        
        @media (min-width: 992px){
            .container-inner {
                max-width: 970px;
            }
        }
        
        @media (min-width: 1200px){
            .container-inner {
                max-width: 1170px;
            }
        }
        
        /* DEX mlp helpers */
        
        .concept-dex-10 .dex-container { top: 10%; }
        
        .concept-dex-20 .dex-container { top: 20%; }
        
        .concept-dex-30 .dex-container { top: 30%; }
        
        .concept-dex-40 .dex-container { top: 40%; }
        
        .concept-dex-60 .dex-container { top: 60%; }
        
        .concept-dex-70 .dex-container { top: 70%; }
        
        .concept-dex-80 .dex-container { top: 80%; }
        
        .concept-dex-90 .dex-container { top: 90%; }
        
        .row-font-color h1,
	.row-font-color h2,
	.row-font-color h3,
	.row-font-color h4,
	.row-font-color h5,
	.row-font-color h6,
        .row-font-color a,
        .row-font-color input[type="reset"],
	.row-font-color input[type="submit"],
	.row-font-color input[type="button"],
        .row-font-color .alert,
        .row-font-color .panel-title a[aria-expanded="true"],
        .row-font-color .testimonial blockquote .testimonial-author,
        .row-font-color .service-box.style-1:hover > i,
        .row-font-color .service-box.style-2 .service-box-content > a:hover,
        .row-font-color .widget_calendar table caption,
        .row-font-color .widget-recent-posts ul li .post-title,
        .row-font-color .widget_concept_links_widget .social-media-links a,
        .row-font-color .filter li a,
        .row-font-color .pagination li a,
        .row-font-color .products .product .product-name,
        .row-font-color .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a,
        .row-font-color .theme-accordion.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a:focus {
                color: inherit;
        }
        
	.row-font-color input[type="reset"],
	.row-font-color input[type="submit"],
	.row-font-color input[type="button"],
        .row-font-color .alert.alert-info,
        .row-font-color .disc-list li::before,
	.row-font-color .bullet-list li::before,
        .row-font-color .btn:after,
        .row-font-color .step-details h4::after,
        .row-font-color .price-plan,
	.row-font-color .price-plan:after,
	.row-font-color .price-plan:before,
        .row-font-color .pagination li a,
        .row-font-color .service-box.style-2 .service-box-content > a:hover,
        .row-font-color .widget_calendar table th, 
	.row-font-color .widget_calendar table td,
        .row-font-color .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon,
        .row-font-color .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon:before,
        .row-font-color .theme-accordion.vc_tta-color-grey.vc_tta-style-outline.vc_tta .vc_tta-controls-icon:after {
		border-color: inherit;
	}
        
	.row-font-color .step-details > a,
        .row-font-color .price-plan-heading h2,
        .row-font-color .price-plan a.btn:hover,
        .row-font-color a:hover,
        .row-font-color .filter li a.active,
        .row-font-color .filter li a:hover,
        .row-font-color .pagination li.active a,
        .row-font-color .pagination li a:hover,
        .row-font-color .headline h6 {
		color: #7595a0;
	}
        
        .utility-container.row-font-color .headline h6 {
		color: inherit;
	}
        
	.row-font-color .price-plan:hover,
	.row-font-color .price-plan:hover:after,
	.row-font-color .price-plan:hover:before,
        .row-font-color a.btn:hover:after,
        .row-font-color .pagination li a:hover,
	.row-font-color .pagination li.active a,
	.row-font-color .pagination li.active a:hover {
		border-color: #7595a0;
	}
	
	.row-font-color .about-me .social-media a {
		color: #a1a1a1;
	}
	
	.row-font-color .portfolio-item.portfolio-creative .portfolio-item-thumbnail {
		border: none;
	}
	
	.row-font-color .blog-article-thumbnail .social-media a {
		color: #a1a1a1;
	}
	
	.row-font-color .widget_search input[type="submit"] {
		background-image: url(././layouts/images/search-white.png);
	}
        
        
	.row-font-color .widget_calendar table td#today {
		background-color: #fff;
		color: #383838;
	}
	
	.row-font-color .widget_tag_cloud a:hover {
		color: #fff;
	}
	
	.row-font-color .widget_concept_links_widget .social-media-links a:hover {
		color: #7595a0;
	}
	
	.row-font-color .products .product .product-name:hover {
		color: #7595a0;
	}
	
	.row-font-color .noUi-connect {
		background-color: #7595a0;
	}
        
        .full-section .dex-container,
        .container-fluid .dex-container,
        .container-inner .dex-container {
            max-width: 1170px;
        }
        
        @media (min-width: 1200px) {
            
            .img-170 img {
                margin-top: -170px;
            }
        
        }
        
        @media (max-width: 480px) {
            .concept-post-col {
                padding-left: 0;
                padding-right: 0;
            }
        }
        
        
		
		
		
		
		
		
		
/***********************************************************************************
 *	- Woocommerce new style fix
 ***********************************************************************************/  
 
.dispNone {
	display: none;
}

#page-content ul.products li.first {clear:none;}
#page-content ul.products li.last,#page-content ul.products li:nth-child(2n) {margin-right: 3.8%;}
#page-content ul.products li:nth-child(3n) {margin-right: 0;}

#page-content .related.products ul.products li:nth-child(3n) {margin-right: 3.8%;}
#page-content .related.products ul.products li:nth-child(4n) {margin-right: 0;}

#page-content {
    padding-bottom: 0;
}



.vc_custom_1458928184054 .vc_tta-tabs-list:last-child a span {
    display: block !important;
    margin-top: -25px !important;
    transform: translateY(25px) !important;
}

.vc_custom_1458928184054 .vc_tta-tab:last-child > a {
    padding: 10px 35px !important;
}
.vc_custom_1487848339350 .container-inner {
    display: none;
}
.vc_custom_1487935989026 .container-inner {
    display: none;
}

#recent-posts-2 span.post-date {
    display: block;
    font-size: 0.7em;
    font-weight: 500;
    margin: -6px 0 8px 15px;
}



/***********************************************************************************
 *	- Ikonice heder
 ***********************************************************************************/  
.home .vc_tta-tabs-list {
	display: flex !important;
}
#ikonice-heder .vc_tta-icon {
    font-size: 0 !important;
    height: 76px;
    position: relative;
    width: 88px;
	margin: 0 auto;
}
#ikonice-heder .vc_tta-icon::before {
    background: transparent url("/wp-content/uploads/2024/08/ikonice-fsu.png.png") repeat scroll 0 0;
    height: 70px;
    left: 0;
    margin: 10px 18px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 63px;
}
#ikonice-heder .vc_tta-icon.fa.fa-crop::before {
    background-position: -14px 0;
}
#ikonice-heder .vc_tta-icon.fa.fa-briefcase::before {
    background-position: -125px 0;
}
#ikonice-heder .vc_tta-icon.fa.fa-television::before {
    background-position: -245px 0;
}
#ikonice-heder .vc_tta-icon.typcn-cog-outline::before {
    background-position: -360px 0;
}
#ikonice-heder .vc_tta-icon.typcn-heart-full-outline::before {
    background-position: -470px 0;
}
#ikonice-heder .vc_tta-icon.fa-adjust::before {
   /* background-position: -1110px 0; */ /*580px 0;*/
    background-position: -1867px  0;
}
.page-id-11409 #ikonice-heder .vc_tta-icon.fa-adjust::before {
   background-position: -1757px  0;
}
#ikonice-heder .vc_tta-icon.fa-times::before {
    background-position: -467px -67px;
}
#ikonice-heder .vc_tta-icon.fa-plane::before {
    background-position: -358px -67px;
}
#ikonice-heder .vc_tta-icon.fa-cc::before {
    background-position: -581px -67px;
}
#ikonice-heder .vc_tta-icon.fa-glass::before {
  background-position: -357px -136px;
}


/* Sta dobijate */
.dobijate-wrap .service-box i {
    font-size: 0 !important;
    height: 71px;
    margin: 0 auto;
    position: relative;
    width: 70px;
}
.dobijate-wrap .service-box i::before {
    background: transparent url("/wp-content/uploads/2017/02/ikonice-alum.png") repeat scroll 0 -70px;
    height: 50px;
    left: 0;
    margin: 10px 18px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 35px;
}

.dobijate-wrap > div:nth-child(1) .service-box i::before { background-position: 0 -80px; }
.dobijate-wrap > div:nth-child(2) .service-box i::before { background-position: -87px -80px; }
.dobijate-wrap > div:nth-child(3) .service-box i::before { background-position: -177px -80px; }

.dobijate-wrap.vc_custom_1487952290398 > div:nth-child(1) .service-box i::before { background-position: 0px -170px; }
.dobijate-wrap.vc_custom_1487952290398 > div:nth-child(2) .service-box i::before { background-position: -87px -170px; }
.dobijate-wrap.vc_custom_1487952290398 > div:nth-child(3) .service-box i::before { background-position: -177px -170px; }



/***********************************************************************************
 *	- Profesori
 ***********************************************************************************/  
.utility-container > .utility-container-middle-v {
    top: 80%;
}
.page-id-215 .vc_custom_1458948125203 {
    margin-bottom: 20px !important;
}



/***********************************************************************************
 *	- Radovi
 ***********************************************************************************/  
.isotope.small-gutter {
    margin: -5px -5px 0;
}



/***********************************************************************************
 *	- Vesti hack
 ***********************************************************************************/  
.home .portfolio-item-hover {
    display: none;
}

.home .blog-article-details h6 {
    display: initial !important;
    visibility: hidden;
}

.home .blog-article-details h6 a:last-child {   
    visibility: visible;
    display: none;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
}

.home .blog-article-details {
    height: auto !important;
    min-height: 160px;
    padding-top: 0;
}

.home .blog-article-details h3 {
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0;
}

.home .blog-article-details h3 a {
    font-size: 30px;
    line-height: 30px;
}

@media screen and (max-width: 1199px) {
.home .blog-article-details h3 a {
    font-size: 25px;
    line-height: 27px;
}
}

@media screen and (max-width: 991px) {
.home .blog-article-details h3 a {
    font-size: 23px;
    line-height: 25px;
}

.blog-article-details {
    padding-top: 5px;
}

.home .blog-article-details {
    min-height: 160px;
}
}

.home .read-more {
    display: none;
}

/***********************************************************************************
 *	- Futer
 ***********************************************************************************/  
#footer-bottom-widget-area-1 {
    width: 100%;
}



/***********************************************************************************
 *	- Sta dobijate strana
 ***********************************************************************************/ 
.page-id-9012 .portfolio-item.portfolio-creative .portfolio-item-details h4 span {
    color: #e0e0e0;
    display: block;
    font-size: 60px;
    font-weight: 900;
    height: 36px;
    left: -4px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    top: -50px;
    width: 36px;
}
.page-id-9012 .portfolio-item.portfolio-creative .portfolio-item-details h4 {
    margin-bottom: 13px;
}
.page-id-9012 .portfolio-item.portfolio-creative .portfolio-item-details h4::before {
    content: none;
}
.page-id-9012 .portfolio-item.portfolio-creative.thumbnail-left .portfolio-item-details {
    left: 30%;
}
.page-id-9012 .portfolio-item.portfolio-creative.thumbnail-right .portfolio-item-details {
    left: 0;
    width: 100%;
}


/***********************************************************************************
 *	- 5 min test
 ***********************************************************************************/  
.page-id-26285 input[type="radio"], .page-id-8962 input[type="radio"] {
    float: left;
    margin-right: 10px;
}

.page-id-26285 #admin-rezultati ul p, .page-id-8962 #admin-rezultati ul p {
    font-weight: 600;
    margin-top: 30px;
}

.page-id-26285 #admin-rezultati ul li, .page-id-8962 #admin-rezultati ul li {
    padding-left: 5%;
}

#frmSS54 table input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}

.page-id-26285 #admin-rezultati p span, .page-id-8962 #admin-rezultati p span {
    font-size: 15px !important;
    margin: 0 0 0 35px !important;
    font-weight: normal !important;
}

.page-id-26285 #dialog-opener, .page-id-8962 #dialog-opener {
    margin-top: 60px;
}

/***********************************************************************************
 *	- Razno
 ***********************************************************************************/  
#page-header h2 {
    text-align: right !important;
}
.bdr-wig {
    border: 2px solid #ececec;
    display: block;
}
.page #page-content {
    padding-bottom: 100px;
}
.widget-title {
    margin-bottom: 15px;
}

/* --------------------------------Prijava------------------------------------ */ 

#myform input {
    display: inline-block;
}

#pozivni {
    height: 100% !important;
}

#cmbDrzava {
    height: 100% !important;
}

input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
    border-color: #7595a0;
    color: #7595a0;
    background-color: white;
}

input[type="reset"], input[type="submit"], input[type="button"] {
    /*background-image: none;*/
    background-color: white;
}


select, textarea {
    display: inline-block;
}

select#cmbDrzava {
    width: 50%;
}

p.labela.standard11 {
    font-size: 20px;
    font-weight: 500;
	margin: 20px 0 50px !important;
	text-transform: initial;
	text-align: center;
}

#myform tr:first-child td {
    padding-bottom: 35px;
	display: none;
}

.plavaforma {
    padding: 0 15px;
}

/* .plavaforma label:first-child {
    width: auto;
    text-transform: none;
    padding: 10px;
} */
/* 
label.najmanjiTekst {
    display: none;
} */

@media screen and (max-width: 533px) {
.plavaforma table tbody tr td {
	display: block;
}
}

@media screen and (max-width: 467px) {
#txtIme,
#txtPrezime,
#txtGrad,
#txtPtt,

#txtEmail {
    width: 100%;
}  

#txtUlica {
    width: 72%;
}

input#subPosalji {
    margin: 30px auto 0;
    display: block;
}
} 

 @media screen and (max-width: 380px) {
    #txtTelefon {
        width: 45%;
}

   #txtPozivniBroj {
        width: 20%;
}

   #pozivni {
        width: 80px !important;
}

 #BrojUlice {
        width: 24%;
}
}
/* --------------------------------endPrijava------------------------------------ */

/* --------------------------------Sidebar------------------------------------ */

@media only screen and (max-width: 767px) and (min-width: 395px) {
div#concept-sidebar {
    display: table;
    margin: 0 auto;
    width: 394px;
}
}

@media screen and (max-width: 394px) {
div#concept-sidebar {
    width: 100%;
}
}

@media screen and (max-width: 767px) {
	div#concept-sidebar {
    		margin-top: 80px;
}
}

/* --------------------------------endSidebar------------------------------------ */

/* --------------------------------Navigacija------------------------------------ */

@media (min-width: 1200px) {
		
.menu > li > a {
	margin-right: 0px;
}	
}

.menu > li > a {
    margin-right: 0;
    padding: 10px 9px 10px;
    font-size: 13px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0px;
}

.menu li a {
    font-weight: 500;
}

.menu li.dropdown ul {
    padding: 10px 2px;
    width: 250px;
    line-height: 20px;
}

/* --------------------------------endNavigacija------------------------------------ */

/* --------------------------------CalltoAction------------------------------------ */

#ctaU {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
}

#ctaP {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

#call-to-action {
    margin: 60px 6px 30px;
}

.below_content {
    margin-top: 80px;
}

#call-to-action img {
    min-width: 80px !important;
    margin-right: 1px;
}

/* --------------------------------endCalltoAction------------------------------------ */


/* --------------------------------TablePress------------------------------------ */

.tablepress {
    border: 1px solid #ddd !important;
    overflow-x: auto;
}

.tablepress td {
    border: 1px solid #ddd !important;
}

.tablepress thead th {
    background-color: #7595a0 !important;
    font-weight: 500 !important;
    color: #fff !important;
}

.tablepress .column-2,
.tablepress .column-3,
.tablepress .column-4,
.tablepress .column-5,
.tablepress .column-6,
.tablepress .column-7,
.tablepress .column-8,
.tablepress .column-9 {
    text-align: center;
}

#tablepress-1 td.column-3,
#tablepress-7 td.column-3,
#tablepress-9 td.column-3 {
    color: #a11515;
/*     text-decoration: line-through; */
    font-weight: 500;
}

#tablepress-1 td.column-2,
#tablepress-7 td.column-2,
#tablepress-9 td.column-2 {
    color: #7595a0;
    font-weight: 500;
}

#tablepress-2 td.column-4 {
    color: #7595a0;
    font-weight: 500;
}

/* --------------------------------endTablePress------------------------------------ */

/* --------------------------------half image------------------------------------ */

@media screen and (max-width: 767px) {
    .half-image {
          display: none;
}
}

/* --------------------------------end half image------------------------------------ */

@media screen and (max-width: 767px) {
	.page #main-container #page-content .container .row .col-sm-9 {
		padding: 0 !important;
}
}

/*================================Šta dobijate?===============================*/

.page-id-9012 .portfolio-item-thumbnail {
    margin-bottom: 0 !important;
}

.page-id-9012 h1 {
	margin-bottom: 50px !important;
}

.page-id-9012 h3 {
	margin-bottom: 20px !important;
}

.page-id-9012 h4 {
	margin-bottom: 15px !important;
}

.page-id-9012 .btn.btn-default {
    margin-top: 20px !important;
}

.page-id-9012 .portfolio-item-hover {
    display: none !important;
}

.page-id-9012 .topMargin04 {
    margin-top: -50px;
}

.page-id-9012 .topMargin06 {
    margin-top: -15px;
}

.page-id-9012 .topMargin07 {
    margin-top: -20px;
}

.page-id-9012 .topMargin12 {
    margin-top: -50px;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
.page-id-9012 .btn-default {
    display: none;
}

.page-id-9012 .topMargin01 {
    margin-top: -25px;
}

.page-id-9012 .topMargin02 {
    margin-top: -45px;
}

.page-id-9012 .topMargin03 {
    margin-top: -62px;
}

.page-id-9012 .topMargin04 {
    margin-top: -80px;
}

.page-id-9012 .topMargin05 {
    margin-top: -30px;
}

.page-id-9012 .topMargin06 {
    margin-top: -45px;
}

.page-id-9012 .topMargin07 {
    margin-top: -50px;
}

.page-id-9012 .topMargin08 {
    margin-top: -40px;
}

.page-id-9012 .topMargin09 {
    margin-top: -10px;
}

.page-id-9012 .topMargin10 {
    margin-top: -40px;
}

.page-id-9012 .topMargin11 {
    margin-top: -30px;
}

.page-id-9012 .topMargin12 {
    margin-top: -78px;
}

.page-id-9012 .topMargin13 {
    margin-top: -40px;
}

.page-id-9012 .topMargin14 {
    margin-top: -35px;
}

.page-id-9012 .topMargin15 {
    margin-top: -40px;
}

.page-id-9012 .topMargin16 {
    margin-top: -40px;
}

.page-id-9012 .topMargin17 {
    margin-top: -37px;
}

.page-id-9012 .topMargin18 {
    margin-top: -40px;
}

.page-id-9012 .topMargin19 {
    margin-top: -35px;
}

.page-id-9012 .topMargin20 {
    margin-top: -80px;
}

}

@media screen and (max-width: 767px) {
.page-id-9012 .portfolio-item-thumbnail img {
    margin: 30px auto !important;
}

.page-id-9012 .topMargin04 {
    margin-top: 0;
}

.page-id-9012 .topMargin06 {
    margin-top: 0;
}

.page-id-9012 .topMargin07 {
    margin-top: 0;
}

.page-id-9012 .topMargin12 {
    margin-top: 0;
}
}

.page-id-9012 .headlineLevi {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

.page-id-9012 .padZero {
    padding: 0 !important;
}

/*================================Top-Bar===============================*/

#top_bar #dls {
    font-size: 11px;
    float: right;
    text-transform: uppercase;
    font-weight: 500;
}

#top_bar #dls a {
    color: #7E4C65;
}
#top_bar img {
    width: 19px !important;
    height: 14px !important;
  	margin: -7px 3px 0 0;
}
section#top_bar {
    background: #e0e0e0;
}

@media screen and (max-width: 499px) {
#top_bar #dls {
    font-size: 10px;
    float: none;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    margin: 0 auto;
    text-align: center;
}
}

/*================================end_Top-Bar===============================*/

/*================================Kategorije===============================*/

.category-blog_ h1.text-center {
    display: none;
}

.category-konkursi h1.text-center {
    display: none;
}

/*================================Vesti_===============================*/

.category-blog_ h1.text-center,
.category-konkursi h1.text-center,
.category-vesti_ h1.text-center {
    display: none;
}

.category-blog_ .blog-article-details h6,
.category-konkursi .blog-article-details h6,
.category-vesti_ .blog-article-details h6 {
    visibility: hidden;
}

.category-blog_ h6 a:last-child,
.category-konkursi h6 a:last-child,
.category-vesti_ h6 a:last-child {
    visibility: visible;
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.category-blog_ h3,
.category-konkursi h3,
.category-vesti_ h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
}

.category-blog_ .read-more,
.category-konkursi .read-more,
.category-vesti_ .read-more {
    display: none;
}

.category-blog_ .blog-article-details,
.category-konkursi .blog-article-details,
.category-vesti_ .blog-article-details {
    padding-top: 15px !important;
    max-height: 230px;
}

@media screen and (max-width: 1199px) {
.category-blog_ h3, 
.category-konkursi h3,   
.category-vesti_ h3 {
        font-size: 20px;
        line-height: 25px;
}

.category-blog_ h6 a:last-child,
.category-konkursi h6 a:last-child,
.category-vesti_ h6 a:last-child {
    font-size: 15px;
}

.category-blog_ .blog-article-details,
.category-konkursi .blog-article-details,
.category-vesti_ .blog-article-details {
    padding-top: 10px !important;
    max-height: 195px;
}
}

@media screen and (max-width: 991px) {
.category-blog_ h6 a:last-child,
.category-konkursi h6 a:last-child,
.category-vesti_ h6 a:last-child {
    font-size: 14px;
}

.category-blog_ .blog-article-details,
.category-konkursi .blog-article-details,
.category-vesti_ .blog-article-details {
    padding-top: 0 !important;
    max-height: 145px;
}
}

@media screen and (max-width: 767px) {
  
  
  	.blog-article-details {
    	min-height: auto !important;
	}
    .blog-article-details h3 {
    	min-height: auto !important;
	}
  
.category-blog_ h3,
.category-konkursi h3,
.category-vesti_ h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 35px;
    text-align: center;
}

.category-blog_ h6 a:last-child,
.category-konkursi h6 a:last-child,
.category-vesti_ h6 a:last-child {
    font-size: 16px;
    text-align: center;
}

.category-blog_ #page-content,
.category-konkursi #page-content,
.category-vesti_ #page-content {
    padding: 0 15px;
}

.category-blog_ img,
.category-konkursi img,
.category-vesti_ img {
    display: block;
    margin: 0 auto;
}
}

@media screen and (max-width: 599px) {
.category-blog_ h3,
.category-konkursi h3,
.category-vesti_ h3 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 20px;
}
}

@media screen and (max-width: 399px) {
.category-blog_ h3,
.category-konkursi h3,
.category-vesti_ h3 {
    font-size: 23px;
    line-height: 25px;
}
}

/*================================endVesti===============================*/

.home .portfolio-item-details {
    display: none;
}

/*================================#NextgenGallery===============================*/

.ngg-gallery-thumbnail {
    border: none !important;
    margin: 0 0 5px 0 !important;
}

.ngg-album-compact {
    min-height: 350px;
    width: 33%;
}

.ngg-album-compact h4 {
    font-weight: 500 !important;
}

@media screen and (max-width: 1199px) {
.ngg-album-compact {
    min-height: 290px;
    width: 33%;
}
}

@media screen and (max-width: 991px) {
.ngg-album-compact {
    min-height: 230px;
    width: 33%;
}
}

@media screen and (max-width: 767px) {
.ngg-album-compact {
    min-height: 300px;
    width: 50%;
}
}

@media screen and (max-width: 599px) {
.ngg-album-compact {
    min-height: 260px;
    width: 50%;
}
}

@media screen and (max-width: 499px) {
.ngg-album-compact {
    min-height: 330px;
    width: 100%;
}
.ngg-album-desc {
    max-width: 100% !important;
}
}

/*================================end#NextgenGallery===============================*/

/* ============================ FUSNOTE =========================== */
.fusnote {
    font-size: 13px;
    color: #606060;
    border-top: 1px solid #606060;
    border-bottom: 1px solid #606060;
    padding-top: 15px;
    margin-bottom: 30px;
}
/* ============================ endFUSNOTE =========================== */

/*================================#Selection===============================*/

::-moz-selection {
    color: #fff;
    background: #7e4c65;
}

::selection {
    color: #fff;
    background: #7e4c65;
}

/*================================end#Selection===============================*/

/*================================ u procesu akreditacije ===============================*/
/*dizajn-kostima*/
/*.page-id-18633 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*master-dizajn
.page-id-19415 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*master-dizajn-enterijera
.page-id-19530 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*master-vizuelne-komunikacije
.page-id-19589 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*master-art-direkcija
.page-id-19638 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*master-produkt-dizajn
.page-id-19651 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}*/

/*doktorske-dizajn*/
.page-id-19664 #page-header h2::after {
   /* content: " (u procesu akreditacije)";*/
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
}

/*doktorske-dizajn*/
/* .page-id-25231 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
} */

/*doktorske-dizajn*/
/* .page-id-25248 #page-header h2::after {
    content: " (u procesu akreditacije)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
} */


/* .page-id-26049 #page-header h2::after {
    content: " (ACCREDITATION IS UNDERWAY)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
} 

 .page-id-25959 #page-header h2::after {
    content: " (ACCREDITATION IS UNDERWAY)";
font-size: 12px;
color: rgba(0,0,0,.3);
display: block;
} 
*/
/*plan-i-programi*/
/* .page-id-19635 h4::after,
.page-id-19659 h4::after,
.page-id-19647 h4::after,
.page-id-19626 h4::after,
.page-id-19676 h4::after,
.page-id-18662 h4::after {
    content: ' | u procesu akreditacije';
    font-weight: normal;
    font-size: 14px;
    vertical-align: bottom;
} */


/*================================ post pages ===============================*/
.single-post {
    text-align: justify;
}

.single-post h4 {
    margin: 35px 0 15px;
    font-weight: 500;
}

.single-post h3 {
    font-weight: 500;
}

.single-post img.aligncenter {
    margin: 45px auto;
}

.single-post .alignright {
    float: right;
    margin: 10px 0 10px 20px;
} 

.single-post .alignleft {
    float: left;
    margin: 10px 20px 10px 0;
}

.single-post .aligncenter {
    float: none; 
    display: block;
}

.single-post figcaption {
    font-size: 13px;
    font-style: italic;
}

/*================================ slider strelice ===============================*/
.home .tparrows {
    display: none;
}
/*================================ slider strelice ===============================*/

/*================================ menu width sub-menu ===============================*/

#menu-item-388 .sub-menu {
    width: 180px;
}

#menu-item-393 .sub-menu {
    width: 240px;
}

#menu-item-449 .sub-menu {
    width: 240px;
}

#menu-item-11412 .sub-menu {
    width: 230px;
}

@media (max-width: 991px) {
	#menu-item-388 .sub-menu,
	#menu-item-393 .sub-menu,
	#menu-item-449 .sub-menu,
	#menu-item-11412 .sub-menu {
    width: 100%;
}
}

@media (max-width: 767px) {
.sub-menu {
    background: #7f4d66 !important;
}
}

/*================================ menu column2 šta dobijate ===============================*/
#menu-item-9051 .sub-menu {
    width: 670px;
}

#menu-item-14649,
#menu-item-11401,
#menu-item-12533,
#menu-item-10765,
#menu-item-10759,
#menu-item-15088,
#menu-item-15074,
#menu-item-10756,
#menu-item-12027,
#menu-item-10752,
#menu-item-11498,
#menu-item-12540,
#menu-item-10753,
#menu-item-12549,
#menu-item-14920,
#menu-item-12568,
#menu-item-10751,
#menu-item-10750,
#menu-item-15062,
#menu-item-12519,
#menu-item-10758,
#menu-item-20295,
#menu-item-23412,
#menu-item-23918,
#menu-item-27290,
#menu-item-27642,
#menu-item-28384,
#menu-item-28882,
#menu-item-28391,
#menu-item-28887,
#menu-item-35849,
#menu-item-39487,
#menu-item-47762,
#menu-item-47763,
#menu-item-39486,
#menu-item-40610,
#menu-item-39603,
#menu-item-40665,
#menu-item-45365,
#menu-item-47350,
#menu-item-47764,
#menu-item-47954
{
    float: left;
    width: 50% !important;
}

@media (max-width: 991px) {
	##menu-item-47764, #menu-item-47763, #menu-item-47762,  #menu-item-14649, #menu-item-40665, #menu-item-45365, #menu-item-11401, #menu-item-40610, #menu-item-12533, #menu-item-10765, #menu-item-10759, #menu-item-15088, #menu-item-15074, #menu-item-10756, #menu-item-12027, #menu-item-10752, #menu-item-11498, #menu-item-12540, #menu-item-10753, #menu-item-12549, #menu-item-14920, #menu-item-12568, #menu-item-10751, #menu-item-10750, #menu-item-15062, #menu-item-12519, #menu-item-10758, #menu-item-20295, #menu-item-23412, #menu-item-23918,#menu-item-28384,#menu-item-27290,#menu-item-27642,#menu-item-20295, #menu-item-39487, #menu-item-47954 {
        float: none;
        width: 100% !important;
    }
}



/*================================ home page, slider btn and bullets ===============================*/

@media screen and (max-width: 767px) {
	.home .tp-bullets {
		display: none;
	}
	
	.tp-mask-wrap .btn {
		display: none;
	}
}

/*================================ home page, tabs ===============================*/
.home .vc_tta-tab a {
    border: none !important;
    color: #383838 !important;
    padding: 0 15px !important;
	font-size: 16px !important;
}

.home .vc_tta-tab a:hover {
	background-color: transparent !important;
	color: #7595a0 !important;
	transition: 1s all ease;
}

.home .vc_tta-tab a::before {
    border: none !important;
}

.home .vc_tta-tab a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: #7595a0;
    transition: width .3s;
	margin-top: 10px;
}

.home .vc_tta-tab a:hover::after {
    width: 100%;
}
/*================================ end of: home page, tabs ===============================*/

.theme-accordion .vc_tta-panel .vc_tta-panel-title > a {
	color: #383838 !important;
	font-weight: 600 !important;
}

.theme-accordion .vc_tta-panel .vc_tta-panel-heading:hover {
	background: transparent !important;
}

.theme-accordion .vc_tta-panel .vc_tta-panel-heading a:hover {
	color: #7595a0 !important;
}

/*================================ VESTI, BLOG, KONKURSI ===============================*/
.category-49 h3, .category-34 h3, .category-50 h3 {
	margin-bottom: -15px;
	font-weight: 500;
}

.category-49 .btn::after, .category-34 .btn::after, .category-50 .btn::after {
	display: none;
}

.category-49 .btn, .category-34 .btn, .category-50 .btn {
    margin-top: 10px;
	font-weight: 600;
	color: #7595a0;
}

.category-49 .btn:hover, .category-34 .btn:hover, .category-50 .btn:hover {
	color: #383838;
}

.category-49 .blog-article-details, .category-34 .blog-article-details, .category-34 .blog-article-details {
	max-height: 250px;
	padding-top: 0 !important;
}
/*================================ end of: VESTI, BLOG, KONKURSI ===============================*/
/*================================ BLOCKQUOTE ===============================*/
blockquote p {
    font-style: italic;
}
/*================================ end#BLOCKQUOTE ===============================*/
.plan_i_program .btn.btn-black {
    font-size: 20px;
    background: rgba(117,149,160,0.2);
    padding: 10px 20px 15px;
}

.plan_i_program .btn.btn-black:hover {
    background: rgba(117,149,160,0.0);
}

/*================================ CONTENT-BLOCK ===============================*/
.content_block #call-to-action {
    display: none !important;
}

.slideshowlink {
    display: none;
}

/*================================ POZORIŠTE PORTAL ===============================*/
.page-id-20414 {
    font-family: 'Rubik', sans-serif;
}

.page-id-20414 .sf-arrows .sf-with-ul::after {
    position: absolute;
    top: 9px;
    left: -4px;
    content: "+";
    font-size: 19px;
    font-weight: 500;
    color: #e0e0e0;
}

.page-id-20414 #page-content {
    padding-bottom: 50px !important;
}

.page-id-20414 .menu li a {
    font-weight: 400;
}

.page-id-20414 h4 {
    font-size: 2rem !important;
	font-weight: 400;
}

.page-id-20414 h3 {
	font-weight: 400;
	font-size: 27px;
	line-height: 29px;
}

/* o nama */
@media (max-width: 767px) {
	#about h3.margin {
    	margin-top: 30px;
	}
}
/* o nama */

/* ====================== galerija ======================= */
#ngg-gallery-e1870d813b552f80f6afab948f372422-1 {
    text-align: center !important;
}

#ngg-gallery-e1870d813b552f80f6afab948f372422-1 .ngg-gallery-thumbnail-box {
    display: inline-block !important;
}

#ngg-gallery-e1870d813b552f80f6afab948f372422-1 .ngg-gallery-thumbnail {
    background-color: transparent !important;
}

#galerija .ngg-gallery-thumbnail {
	width: 138px;
	background-color: #000;
}

@media (max-width: 1199px) and (min-width: 992px) {
	#galerija .ngg-gallery-thumbnail {
		width: 113px;
}
}

@media (max-width: 991px) and (min-width: 768px) {
	#galerija .ngg-gallery-thumbnail {
		width: 172px;
}
}

@media (max-width: 767px) {
	#galerija .ngg-gallery-thumbnail {
		display: none;
}
}
/* ====================== galerija ======================= */
/* repertoar */
#repertoar .poster {
    max-width: 150px !important;
    display: block !important;
    margin: 20px auto;
}

#repertoar .date {
/*  text-align: center; */
	margin-bottom: 2px;
}

#repertoar .place {
    margin-bottom: 15px;
/* 	text-align: center; */
}

#repertoar .headline {
    text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	margin: 6px 0;
	letter-spacing: 1px;
/* 	text-align: center; */
	color: #41a1ba;
}

#repertoar .genre {
    margin-bottom: 15px;
/* 	text-align: center; */
}

#repertoar .author {
    margin-bottom: 2px;
/* 	text-align: center; */
}

#repertoar .director {
/* 	text-align: center; */
}

#repertoar .text {
/* 	text-align: center; */
	margin-bottom: 2px;
}

/* repertoar */

/* ansambl */
/* #ensemble p {
	text-shadow: 0px 5px 3px #41a1ba;
} */
/* ansambl */

/* besplatne karte */
#free-tickets {
    margin: 36px 0;
}

#free-tickets .form-control {
    font-size: 16px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    border: 1px solid #fff;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
}

#free-tickets .btn-tickets.tiket {
    padding: 4px 0;
    background-color: rgba(0,0,0,.6);
    min-width: 180px;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #fff;
    border-radius: 4px;
    letter-spacing: 1px;
    display: block;
    margin: 0 auto;
}

#free-tickets .btn-tickets.tiket:hover {
    background-color: rgba(255,255,255,.7);
    border: 1px solid #fff;
    color: rgba(0,0,0,.8);
    transition: .35s all;
}

@media (max-width: 991px) and (min-width: 768px) {
	#free-tickets {
    	margin: 36px -120px 36px 100px;
	}
}

@media (min-width: 992px) {
	#portal-ticket {
    	background-image: url(https://www.fsu.edu.rs/wp-content/uploads/2018/07/karta.jpg) !important;
    	background-position: 0 0 !important;
    	background-repeat: no-repeat !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#portal-ticket {
    	background-image: url(https://www.fsu.edu.rs/wp-content/uploads/2018/07/karta_md-1.jpg) !important;
    	background-position: 0 0 !important;
    	background-repeat: no-repeat !important;
	}
}

@media (max-width: 767px) {
	#portal-ticket {
    	background-image: url(https://www.fsu.edu.rs/wp-content/uploads/2018/07/karta_sm-1.jpg) !important;
    	background-position: 0 0 !important;
    	background-repeat: no-repeat !important;
	}
}
/* besplatne karte */

/* vesti */
#news .rt-detail {
    background-color: transparent !important;
}

#news .read-more a {
    background-color: transparent !important;
    font-size: 16px !important;
}

#news .read-more a:hover {
	text-decoration: none;
	transition: .35s all;
	color: #fff !important;
}

#news .entry-title {
    font-size: 18px !important;
}

#news .entry-title > a:hover {
    color: #41a1ba; 
}
/* vesti */

#utisciPortal .utisak-naslov {
    color: #fff;
	background: url("/wp-content/uploads/2018/07/quotes.png") no-repeat scroll left center transparent;
	padding-left: 40px;
	font-size: 22px;
	margin-bottom: 30px;
	text-transform: uppercase;
	line-height: 24px;
}

#utisciPortal .utisak-img {
    width: 120px;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #fff;
}

#utisciPortal .utisak-ime {
    color: #41a1ba;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

#utisciPortal .utisak-text {
    color: #fff;
}

@media (max-width: 575px) {
	#utisciPortal .utisak-naslov {
		background: none;
		padding-left: 0;
		text-align: center;
	}
	
	#utisciPortal .utisak-naslov:before {
		content: url('/wp-content/uploads/2018/07/quotes.png');
		display: block;
		margin-bottom: 10px;
	}
	
	#utisciPortal .utisak-img {
    	width: 150px;
    	float: none;
    	margin: 0 auto;
		display: block;
	}
	
	#utisciPortal .utisak-ime {
		text-align: center;
		margin-top: 30px;
	}
	
	#utisciPortal .utisak-text {
		text-align: center;
	}
}

#glumaFsu a {
    color: #41a1ba;
	text-decoration: none;
}

#glumaFsu a:hover {
    color: #fff;
}

.asvc-flip-container .back .des {
    padding: 0px 0px !important;
}

.asvc-flip-container .back .des p {
    margin-bottom: 0px !important;
}

.asvc-flip-container .front, .asvc-flip-container .back {
    height: auto !important;
}

.front-content h3,
.front-content p {
	text-align: left;
}
/*================================ end #POZORIŠTE PORTAL ===============================*/

/*================================ BTN-WHITE ===============================*/
.btn.btn-white {
    color: #fff;
}

.btn.btn-white:after {
    border: 2px solid #fff;
}

/* ====================== VIDEO ======================= */
.videoWrapper {
	position: relative;
	padding-bottom: 52%; /* 16:9 */
	padding-top: 23px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ====================== end#VIDEO ======================= */

.strong-view.default .testimonial {
	border: none !important;
}

.strong-view.default .testimonial-image img {
    background: none !important;
    border: none !important;
    padding: 1px !important;
}

.strong-view.default .testimonial-inner {
	padding: 0 20px !important;
	border: none !important;
}

.wpmslider-prev {
    margin-right: 30px;
}

.testimonial-heading {
    font-size: 22px;
}

@media screen and (max-width: 767px) {
	.vc_single_image-wrapper.vc_box_border_grey {
    	margin-bottom: 40px;
	}
}

/* ====================== PROGRAMI GALERIJE ======================= */
#ngg-gallery-36604c925b34ce0c231f2fa0c6a0a14c-1 {
    text-align: center !important;
}

#ngg-gallery-36604c925b34ce0c231f2fa0c6a0a14c-1 .ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float: none !important;
}

#ngg-gallery-659cd90725f9de29e5940045b575bccc-1 {
    text-align: center !important;
}

#ngg-gallery-659cd90725f9de29e5940045b575bccc-1 .ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float: none !important;
}

#ngg-gallery-d65fd1699a5bc973da98c6dd21a8a0f8-1 {
    text-align: center !important;
}

#ngg-gallery-d65fd1699a5bc973da98c6dd21a8a0f8-1 .ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float: none !important;
}

#ngg-gallery-516373df65a86915c135f675891b9616-1 {
    text-align: center !important;
}

#ngg-gallery-516373df65a86915c135f675891b9616-1 .ngg-gallery-thumbnail-box {
    display: inline-block !important;
    float: none !important;
}
/* ====================== end#PROGRAMI GALERIJE ======================= */

/* ====================== ZAVIRITE NA FSU ======================= */
@media screen and (min-width: 1200px) {
	.fsu-box-02,
	.fsu-box-03,
	.fsu-box-04,
	.fsu-box-05,
	.fsu-box-06,
	.fsu-box-07,
	.fsu-box-08,
	.fsu-box-09,
	.fsu-box-10,
	.fsu-box-11,
	.fsu-box-12,
	.fsu-box-13,
	.fsu-box-14,
	.fsu-box-15,
	.fsu-box-16 {
    	margin-top: -120px !important;
	}
	
	.fsu-tex-01 {
		margin-top: -100px !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.fsu-box-02,
	.fsu-box-03,
	.fsu-box-04,
	.fsu-box-05,
	.fsu-box-06,
	.fsu-box-07,
	.fsu-box-08,
	.fsu-box-09,
	.fsu-box-10,
	.fsu-box-11,
	.fsu-box-12,
	.fsu-box-13,
	.fsu-box-14,
	.fsu-box-15,
	.fsu-box-16 {
    	margin-top: -80px !important;
	}
	
	.fsu-tex-01 {
		margin-top: -80px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px)  {
	.fsu-box-02,
	.fsu-box-03,
	.fsu-box-04,
	.fsu-box-05,
	.fsu-box-06,
	.fsu-box-07,
	.fsu-box-08,
	.fsu-box-09,
	.fsu-box-10,
	.fsu-box-11,
	.fsu-box-12,
	.fsu-box-13,
	.fsu-box-14,
	.fsu-box-15,
	.fsu-box-16 {
    	margin-top: -10px !important;
	}
	
	.fsu-tex-01 {
		margin-top: -10px !important;
	}
}

@media screen and (max-width: 767px) {	
  	.baner-desktop{
      display:none
}
	.baner-mobile{
      display:block
}
  
  .error404 textarea {

     margin-bottom: -20px;

}


  .page-id-29973 #page-header {
    background-position: 28% !important;
}
  .page-id-29982 #page-header {
 
   background-position: 28% !important;
}
	.fsu-tex-03,
	.fsu-tex-07,
	.fsu-tex-11,
	.fsu-tex-15 {
		margin-top: 25px !important;
	}
}

#horizontalscrolling-2 marquee {
    font-size: 18px;
    background: #7a5a76;
    padding: 10px 25px;
    color: #fff;
    font-weight: 500;
}

#horizontalscrolling-2 {
    margin-bottom: 0;
	position: fixed;
	bottom: -1px;
	z-index: 100;
}

#horizontalscrolling-2 a {
    color: #fff;
    text-decoration: none;
}

#footer-top + #footer {
    padding-top: 30px;
}

#footer-mid-widget-area-1 {
    width: 100%;
}

#footer-mid-widget-area-1 #text-8 {
    margin-bottom: 15px !important;
}

.textwidget, .widget-title {
    text-align: center;
}
@media (min-width: 768px) { /* Adjust the breakpoint as needed */
    #footer-top-widget-area-2 {
        width: 30%; /* Example: Set to 50% for larger screens */
    }
  #footer-top-widget-area-3 {
    width: 30%;}
}
@media (max-width: 767px) {
    #footer-top-widget-area-3 {
      width: auto; /* or 100%, depending on your layout */
    }
  }
#footer-top-widget-area-2 {

      display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 140px;
    padding-bottom: 140px;
  border-right: solid 1px white;
}
#footer-top-widget-area-4 .social-media {
    justify-content: center;
    display: flex;
}

.sgdp {
	text-transform: uppercase;
}

.vestiBlog {
    margin-bottom: 30px !important;
    margin-top: -15px;
}

.vestiBlog a {
    color: #7595a0;
}

#slide-19-layer-5 a {
    color: white;
    text-decoration: none;
    font-weight: 500 !important;
}

@media (max-width: 469px) {
.home .utility-container.row-font-color {
    margin-bottom: -50px;
}
}

#menu-item-24012,
#menu-item-29124,
#menu-item-29127,
#menu-item-29123,
#menu-item-29126 {
/*    margin-left: 20px !important; */
}

/* ====================== stranica#PRIJAVA ======================= */

.page-id-11258 .smerovi, .page-id-25844 .smerovi{
    width: 100%;
}

.page-id-11258 .smerovi td, .page-id-25844 .smerovi td {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
	font-size: 19px;
}

.page-id-11258 input[type="radio"], .page-id-25844 input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #7595a066;
	color: #666;
	top: auto;
	height: 20px;
	width: 20px;
	border: 0;
/* 	border-radius: 50%; */
	cursor: pointer;
	margin-right: 8px;
	outline: none;
	box-shadow: inset 0px -1px 1px #7595a085, 0px 2px 2px #7595a0;
}

.page-id-11258 input[type="radio"]:checked::before, .page-id-25844 input[type="radio"]:checked::before {
	position: absolute;
	font: 15px/1 "Open Sans", sans-serif;
	left: 6px;
	top: 1px;
	content: "\02143";
	transform: rotate(40deg);
	color: #fff;
}

.page-id-11258 input[type="radio"]:hover, .page-id-25844 input[type="radio"]:hover {
	background-color: #7595a0;
	box-shadow: inset 0px -1px 1px #4b707d, 0px 2px 2px #568797;
}

.page-id-11258 input[type="radio"]:checked, .page-id-25844 input[type="radio"]:checked {
	background-color: #7e4c65;
	box-shadow: inset 0px -1px 1px #593446, 0px 2px 2px #562f43;
}

.plavaforma .studije {
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: initial;
    font-size: 20px;
    font-weight: 500;
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}

#myform #subPosalji {
  	text-transform: uppercase;
	letter-spacing: 1px;
  	color: #fff;
  	text-align: center;
  	background: #7595a0;
  	animation: shadow-pulse 1s infinite;
	border: none;
	font-size: 19px;
	font-weight: 500;
	margin-top: 20px;
}

#myform #subPosalji:hover {
  	background: #7e4c65;
	transition: all 500ms;
}

/* .lang-item {
    display: none;
} */

.blog-article-details h6 {
    display: none !important;
}

#menu-item-27734 .sub-menu {
	width: 47px;
}
 /*engleska verzija meni*/

.menu > li > a {
    margin-right: 0;
    padding: 10px 9px 10px;
    font-size: 12px;
    line-height: 26px;
}
#menu-item-27844, #menu-item-27845, #menu-item-40616, #menu-item-27846, #menu-item-27847, #menu-item-27848, #menu-item-27849, #menu-item-29923, #menu-item-29923, #menu-item-27850, #menu-item-27851, #menu-item-27852, #menu-item-27853, #menu-item-27854, #menu-item-27855, #menu-item-27856, #menu-item-27857, #menu-item-27858, #menu-item-27859, #menu-item-27860, #menu-item-27861, #menu-item-27862, #menu-item-27863, #menu-item-27864, #menu-item-27865, #menu-item-27866, #menu-item-27867 {
   float: left;
   width: 50% !important;
}

@media (max-width: 991px) {
  #menu-item-27844, #menu-item-27868, #menu-item-40616, #menu-item-29923, #menu-item-28391, #menu-item-28882, #menu-item-27845, #menu-item-27846, #menu-item-27847, #menu-item-27848, #menu-item-27849, #menu-item-27850, #menu-item-27851, #menu-item-27852, #menu-item-27853, #menu-item-27854, #menu-item-27855, #menu-item-27856, #menu-item-27857, #menu-item-27858, #menu-item-27859, #menu-item-27860, #menu-item-27861, #menu-item-27862, #menu-item-27863, #menu-item-27864, #menu-item-27865, #menu-item-27866, #menu-item-27867 {
    float: left;
    width: 100% !important;
}
}
#menu-item-27843 .sub-menu{
	width: 630px;
}

#footerLogos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}

#footerLogos .lea-log {

    opacity: 0.7;
    margin-top: 8px;
}

#footerLogos .its-log {
    width: 110px;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px;
}

#footerLogos .com-log {
    margin-left: 15px;
    margin-right: 15px;
}

/* FLOAT IMAGES klase - Klasa se dodaje na element u kome se slika nalazi, a ne na samoj slici*/

.img-right img{
    float:right;
    margin: 0 0 10px 10px!important;
    vertical-align:bottom;
}

.img-left img{
    float:left;
    margin: 0 5px 10px 0px!important;
    vertical-align:bottom;
}

@media (max-width: 469px) {

.img-right img{
    float:none!important;
 	margin: 10px auto!important;   
	display:block;
}

.img-left img{
    float:none!important;
    margin: 10px auto!important;
	display:block;
}
}

html[lang='en-US'] #logo a img {
    content: url("https://www.fsu.edu.rs/wp-content/uploads/2020/08/fca_black.png") !important;
}
html[lang='auto'] #dls #eng {
    display: none !important;
}
html[lang='sr'] #dls #eng {
    display: none !important;
}
@-moz-document url-prefix() {
:lang("en-US") #logo a {
    content: url("https://www.fsu.edu.rs/wp-content/uploads/2020/08/fca_black.png") !important;
}	
:lang(en-US) #logo {
    margin: 40px 0 40px;
}	
}


:lang(sr-RS) #eng {
	display: none !important;
}
:lang(en-US) #srb {
	display: none !important;
}

#mobile-menu ul ul ul li a {
    padding-left: 90px;
}
.grecaptcha-badge { visibility: hidden; }








.vc_row .wpb_content_element {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .dugmeinformator{
  display:table;
  
  }
  .modal-row.flex-nl {
	
	display: block;

}
  #flags li:first-of-type {
    margin: 0 5px 0 8px;
}

  .cp-modal-body .first {
    width: 100%;
 
}
.cp-modal-body .second {
    width: 100%;
}
  .cp_id_c3413 .cp-modal .cp-modal-body {
    padding: 3% 0 1% !important;
    text-align: left !important;
}
  .cp_id_c3413 .cp-modal {
    position: fixed;
    left: 0 !important;
    top: 0 !important;
    text-align: left !important;
    right: 0 !important;
    width: 100% !important;
    transform: translate(0) !important;
    box-shadow: 0 2px 4px rgba(64,64,64,.3);
    padding-bottom: 0 !important;
}
  .cp_id_c3413 .cp-overlay {
    background-color: rgba(0,0,0,0) !important;
    height: 200px;
    overflow: hidden;
}
  .vc_single_image-wrapper.vc_box_border_grey {
      margin-bottom: 0px;
  }
  .vc_row .wpb_content_element {
	margin-bottom: 30px;
  }
  .hide-mobile {
    display: none;
}

}

.smile-3DRotateBottom{
transform-style:none !important;
}
.cp-affilate-link.cp-responsive.cp-afl-for-smallscreen {
    display: none;
}
@media only screen and (max-width: 600px) {

html {
    overflow: scroll !important;
}

.smerovi_ .wpb_column.vc_column_container.vc_col-sm-12 {
    display: none;
}
.hide-desktop {
    display: block;
}
.hide-mobile {
    display: none;
}

.hide-inline-mobile {
    display: none;
}

#button-click-overlay .ult_modal {
    top: 0;
    transform: translate(0px) !important;
    width: 100%;
}
#button-click-overlay .ult_modal .ult_modal-content {
    border: 0 none !important;
}
#button-click-overlay .ult-overlay-close {
    background-color: rgba(64, 64, 64, 0.2) !important;
    background-size: 60% auto !important;
    padding: 15px !important;
}
#frmSS11 table, #frmSS11 tbody, #frmSS11 td, #frmSS11 tr, #frmSS11 input {
    width: 100% !important;
    
}
#button-click-overlay .ult_modal-body.ult-responsive.ult-html {
    padding: 2%;
}
#button-click-overlay .ult_modal-body.ult-responsive.ult-html > p {
    display: none;
}
#button-click-overlay .ult_modal p {
    margin-bottom: 3px;
}
#button-click-overlay .ult_modal form tr:first-child td {
    font-size: 0.9em;
    font-weight: 600;
}
h3.ult_modal-title {
    font-size: 1em !important;
    padding: 2% !important;
    text-transform: uppercase;
}
#frmSS11 tr td:first-of-type {
    padding-right: 0px !important;
    font-size: 0.8em;
}

.cp_id_c3413 .cp-modal {
    position: fixed;
    left: 0 !important;
    top: 0!important;
    text-align: left !important;
    right: 0 !important;
    width: 100% !important;
    transform: translate(0) !important;
    box-shadow: 0 2px 4px rgba(64,64,64,.3);
	padding-bottom:0!important;
}
	.cp_id_c3413 .cp-modal h3{
		font-size:16px!important;
	}
.cp_id_c3413 .cp-modal .cp-modal-body {
    padding: 3% 0 1% !important;
    text-align: left !important;
}

.cp_id_c3413 .cp-modal-window-size .cp_id_c3413 .cp-overlay-close.cp-inside-close, .cp_id_c3413 .cp-modal-window-size+.cp-overlay-close, .cp_id_c3413 .cp-overlay-close.cp-inside-close {
    top: 5px;
    right: 5px;
}
.cp_id_c3413 .cp-overlay-close.cp-adjacent-close .cp-default-close, .cp_id_c3413 .cp-overlay-close.cp-inside-close .cp-default-close {
    background: rgba(0,0,0,.2);
}
.cp_id_c3413 .cp-modal p {
    font-size: 1.3em;
    line-height: 1.3;
    padding-right: 17px;
    color: #444;
    margin-bottom: 6px;
}
.cp_id_c3413 li {
    margin: 1% 0 !important;
}
.cp_id_c3413 .cp-overlay {
    background-color: rgba(0,0,0,0) !important;
    height: 200px;
    overflow: hidden;
}
.cp_id_c3413 .cp-modal-body-overlay {
    background: #f2f2f2 !important;
}

}

@media only screen and (max-width: 401px) {
    .cp_id_c3413 .cp-modal p {
    font-size: 1.1em;
    }
}


@media only screen and (max-width: 359px) {
.cp_id_c3413 .cp-modal p {
    font-size: 1em;
    }
}






}

a.crniLink, .crniLink {
  color:#383838 !important;
  text-decoration:none;
}

a.crniLink:link,a.crniLink:visited {
  color:#383838 !important;
  text-decoration:none;
}

a.crniLink:hover {
  color:#7595a0 !important;
  text-decoration:none;
}
a.crniLink:active {
  color:#383838 !important;
  text-decoration:none;
}



.page-id-29539 #call-to-action {
    display: none;
}

.page-id-29539 #page-content {
    padding-bottom: 0px;
}
.page-id-215 span.wpcf7-list-item {
 margin: 10px 0 0 0px !important;
}
#footer-top-widget-area-4 #text-11, #footer-top-widget-area-4 #text-12 {
  margin-bottom: 0;
}
#footer-top-widget-area-4 #text-11 .textwidget {
  display: none;
}
#menu {
  float: left;
}

.menu-item-31424-en img {
	width: 18px !important;
    height: 12px !important;
}

@media only screen and (max-width: 502px) {
    #top_bar img[alt*="English"] {
          margin-left: 40% !important;
  }
  #top_bar img[alt*="Srpski"] {
      margin: -8px 0 0 45% !important;
}
}
#top_bar ul {
  display: inline-block;
  margin: 0;
}
.lang-item {
  display: inline-block;
}
.d-none {
  display: none;
}
.page-id-45070 textarea, .page-id-45114 textarea, .page-id-45089 textarea {
  border: 1px solid #e0e0e0 !important;
}
.vc_grid-item-mini h3{
	color: #fff !important;
}
/* TEKST ISPOD LOGOA U HEADERU */
#header>.container>p, #header-sticky>.container>p {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #000 !important;
}
footer [title^='Tiktok'] svg use{
  display: none !important;
} footer [title^='YouTube_Shorts'] svg use{
  display: none !important;
}
footer [title^='Pinterest'] svg use{
  display: none !important;
}
footer [title^='YouTube_Shorts'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/10/shorts-test.svg');  
}
footer [title^='Pinterest'] svg{
  background-image: url('https://www.fsu.edu.rs/wp-content/uploads/2024/10/social-media-1.svg');  
}
footer [title^='Tiktok'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/02/tik-tok.svg');
}
.mt-icon-twitter:before{
    margin: 0px 0px 6px 0px !important;
}
#footer-top-widget-area-2 {
  padding-left: 0px !important;
}
footer [title^='Viber'] svg use{
  display: none !important;
}
footer [title^='Vimeo'] svg use{
  display: none !important;
}
footer [title^='WhatsApp'] svg use{
  display: none !important;
}footer [title^='WhatsApp'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/10/2.svg');
}
footer [title^='Vimeo'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/11/vimeo1.svg');
}
footer [title^='Viber'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/10/viber-2.svg');
  background-repeat: no-repeat;
}
/* Container for sticky icons */
.sticky-icons-side {
    position: fixed;
    right: 0;
    bottom: 45%; /* 20% from bottom of the screen */
    display: flex;
    flex-direction: column;
    z-index: 9999;
}
 @media (max-width: 768px) {
.sticky-icons-side {
  bottom: 50%;
   }
}
/* Style for each icon background */
.sticky-icons-side a {
    width: 40px; /* Set width of each icon background */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px; /* Small gap between icons */
    overflow: hidden;
    transition: transform 0.3s ease;
    
}

/* Viber icon specific background color */
.icon-viber {
    background-color: black; /* Purple for Viber */
  
}

/* Messenger icon specific background color */
.icon-whatsapp {
    background-color: black; /* Blue for Messenger */
  
}
.icon-messenger {
background-color: #323232;
}

/* Icon image styling */
.sticky-icons-side img {
    width: 24px; /* Icon size for better fit */
    height: auto;
}
footer [title^='Threads'] svg use{
  display: none !important;
}
footer [title^='Threads'] svg{
  background-image: url('https://www.its.edu.rs/wp-content/uploads/2024/12/threads.svg');
}
.awrd-div {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 95px;
    z-index: 9900 !important;
}
/*brainfitiny-img*/
.brainfitiny-img {
	opacity: 0.9;
}
/*award div*/
.awrd-div2 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 190px;
    z-index: 9900 !important;
}
.awrd-div3 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 285px;
    z-index: 9900 !important;
}
.awrd-div4 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 380px;
    z-index: 9900 !important;
}
.awrd-div5 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 475px;
    z-index: 9900 !important;
}
.awrd-div6 {
    background-position: center center;
    position: fixed;
    left: 0px;
    bottom: 570px;
    z-index: 9900 !important;
}
@media screen and (max-width: 480px) {
  .awrd-div  {
    display: none;
  }
  .awrd-div2  {
    display: none;
  }
  .awrd-div3  {
    display: none;
  }
   .awrd-div4  {
    display: none;
  }
  .awrd-div5  {
    display: none;
  }
  .awrd-div6  {
    display: none;
  }
  
}

/*brainfitiny-img*/
.ministarstvo-img {
	opacity: 0.9;
}
.nat-img {
	opacity: 0.9;
}
.uclan-img {
  opacity: 0.9;
}
.neb-img {
  opacity: 0.9;
}
.GIDE-img {
  opacity: 0.9;
}

<div id="cta-container">
  <div class="cta-inner">
    <div class="cta-header">
      <div class="cta-text-wrapper">
        <p class="cta-name" id="cta-name"></p>
        <div class="cta-divider"></div>
        <p class="cta-info" id="enrollment-info"></p>
      </div>
    </div>
    <div class="cta-button-wrapper">
      <a href="tel:+3810114011217" id="cta-call" class="cta-button green">POZOVI</a>
      <a href="https://www.fsu.edu.rs/prijava/" class="cta-button blue">PRIJAVI SE</a>
    </div>
  </div>
  <img id="cta-img" src="" alt="Representative" />
  <button id="close-cta" onclick="closeCTA()">×</button>
</div>

<style>
  .cta-divider {
    height: 3px;
    background-color: #7e4c65;
    margin: 20px 0;
    width: 100%;
    border-radius: 2px;
  }

  #cta-container {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 18px;
    width: 340px;
    background: white;
    border: 1px solid #7e4c65;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    overflow: visible;
    transform: translateY(40px);
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 9999;
    font-family: 'Inter', sans-serif;
  }

  .cta-inner {
    padding: 20px;
    padding-right: 20px;
    position: relative;
  }

  .cta-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
  }

  #cta-img {
    position: absolute;
    top: -25px;
    right: -10px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    background: white;
    z-index: 2;
  }

  .cta-text-wrapper {
    flex: 1;
  }

  .cta-name {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #333;
  }

  .cta-info {
    font-size: 14px;
    color: #555;
    margin:10px 0;
  }

  .cta-button-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
  }

  .cta-button {
    flex: 1;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    color: white;
    text-decoration: none;
    font-size: 16px;
  }

  .cta-button.green {
    border: 3px solid #7e4c65;
      color: #7e4c65;

  }
  .cta-button.blue {
    background-color:#7e4c65;
  }
.cta-button.green:hover {
  border: 3px solid #3a222e;
      color: #3a222e;
}

.cta-button.blue:hover {
  background-color: #4e565e;
  color: white;
}

  #close-cta {
    position: absolute;
    top: -25px;
    right: -10px;
    background: #fff;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    cursor: pointer;
    z-index: 3;
    transition: color 0.3s ease;
  }

  #close-cta:hover {
    color: #ff5a5a;
  }

  @media (max-width: 768px) {
    #cta-container {
      width: 90%;
      right: 5%;
      bottom: 15px;
      border-radius: 10px;
    }

    .cta-inner {
      padding: 16px;
    }

    .cta-button-wrapper {
      flex-direction: column;
      gap: 10px;
    }

    #cta-img {
      width: 56px;
      height: 56px;
      top: -20px;
      right: -16px;
    }

    .cta-name {
      font-size: 18px;
    }

    .cta-info {
      font-size: 13px;
    }

    #close-cta {
      top: -25px;
      right: -12px;
      width: 20px;
      height: 20px;
      font-size: 14px;
    }
  }

  @media (max-width: 400px) {
    .cta-name {
      font-size: 16px;
    }

    .cta-info {
      font-size: 12px;
    }

    .cta-button {
      font-size: 14px;
      padding: 8px 0;
    }
  }
</style>

<script>
  const FORCE_SHOW = false; // Set to true for testing, false for production

  const people = [
    {
      name: "Jovana Jelić",
      image: "https://www.fsu.edu.rs/wp-content/uploads/2025/05/jovana2.png",
      info: "Razgovaraj sa Isidorom Katanić o IT karijeri!"
    },
    {
      name: "Jovana Jelić",
      image: "https://www.fsu.edu.rs/wp-content/uploads/2025/05/jovana2.png",
      info: "Razgovaraj sa Isidorom Katanić o IT karijeri!"
    }
  ];

  function closeCTA() {
    document.getElementById('cta-container').style.display = 'none';
  }

  function showCTA() {
    const cta = document.getElementById('cta-container');
    cta.style.display = 'block';
    setTimeout(() => {
      cta.style.opacity = '1';
      cta.style.transform = 'translateY(0)';
    }, 200);
  }

  function togglePozoviButton() {
    const callButton = document.getElementById('cta-call');

    if (FORCE_SHOW) {
      callButton.style.display = 'inline-block';
      return;
    }

    const now = new Date();
    const belgradeTime = new Intl.DateTimeFormat('en-US', {
      timeZone: 'Europe/Belgrade',
      hour: 'numeric',
      hour12: false,
      weekday: 'short'
    }).formatToParts(now);

    const hourPart = belgradeTime.find(part => part.type === 'hour');
    const weekdayPart = belgradeTime.find(part => part.type === 'weekday');

    const hour = parseInt(hourPart.value, 10);
    const day = weekdayPart.value.toLowerCase();

    const isWeekday = ['mon', 'tue', 'wed', 'thu', 'fri'].includes(day);
    const isWorkingHour = hour >= 8 && hour < 20;

    callButton.style.display = (isWeekday && isWorkingHour) ? 'inline-block' : 'none';
  }

  function init() {
    if (window.location.pathname === '/registration') return;

    const person = people[Math.floor(Math.random() * people.length)];
    document.getElementById("cta-name").innerText = person.name;
    document.getElementById("enrollment-info").innerText = person.info;
    document.getElementById("cta-img").src = person.image;

    showCTA();
    togglePozoviButton();
  }

  document.addEventListener('DOMContentLoaded', init);
</script>