/*
CTC Separate Stylesheet
Updated: 2019-01-19 20:01:07
Theme Name: Dete tema
Theme URI: https://www.sktthemes.net/shop/free-interior-wordpress-theme/
Template: interior-lite
Author: SKT Themes
Author URI: https://www.sktthemes.net
Description: Interior lite is an interior design WordPress theme which can be used as responsive multipurpose WordPress theme that is simple and adaptable and flexible, and is fully translation ready with po file available. Can be used for construction, food and drink, recipes, bakery, business, corporate, cafe and restaurant, personal, portfolio, Ecommerce, agency, consulting, real estate, photography, architect, carpet, cleaning, hotel, furniture, carpenter, home decor, design. It is also compatible with various other contact form, SEO and Ecommerce plugins like WooCommerce and NextGen gallery. Check demo at: http://sktthemesdemo.net/interior/
Tags: one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,translation-ready,custom-logo,editor-style,custom-header,blog,holiday,news,featured-images 
Version: 2.6.1547928067
*/

/* developed by section one font size*/
.copyright-wrapper p {
    font-size: 10px;
}
/* Pozadinska slika futera drvo*/
#footer-wrapper{ background:none;position:relative;  text-align:center;}
.copyright-wrapper{background:url("https://namestaj4sobe.rs/wp-content/uploads/2019/01/providan-header.png");}
#footer-wrapper h2 { color:#f99d1c; font-family: "Open Sans"; }
#footer-wrapper h2:after {background-color:#f99d1c!important;height:2.5px!important;}
/*heder slika za ful wide template... heder('about') */
.hederslika {
	height:300px;
	position:relative;
	top:-153px;
	width:100%;
	max-width:none;
}
.hederslika img {height:300px; width:100%;}


/* scroll to top*/
#topbutton {
  position: fixed;
  display: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
  right: 40px;
  bottom: 40px;
  z-index: 1;
  background: #000000;
 
  border-radius: 30px;
  text-decoration: none;
  color: #ffffff;
  
  text-align: center;
}

#topbutton:after {
	content: "\2191";}
#topbutton:hover {
	background:#f99d1c;
}

/*Header Contact Top Bar CSS*/
.phoneemail{ font:600 14px/20px 'Open Sans'; background-color:rgba(129,44,25,0.3); display:inline-block; padding:10px 15px; color:#e7cdaa;}

#amail{ color:#fff;background:url("https://namestaj4sobe.rs/wp-content/themes/interior-lite/images/icon-email.png") no-repeat left 4px; padding:0 0 0 20px; }
#atel{  color:#fff;background:url("https://namestaj4sobe.rs/wp-content/themes/interior-lite/images/icon-phone.png") no-repeat 15px 4px; padding:0 0 0 40px; }
#amail:hover, #atel:hover {
	color:#ffae00;
}
/* HEDER*/
.header { background-repeat: repeat-x;  height:9em!important;}
/*LOGO*/
.logo{ padding:0px;}
/*NAV*/
.sitenav ul li a {font-size:16px; color:#000;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ font-size: 16px;
	color: #f99d1c;  }
/*submeni*/ /*BRISE SE U TEMI*/
.sub-menu { border:none; top:78px;}
.sub-menu a { background-color: rgba(231, 205, 170,0.2) ; border:0px;}
.sitenav ul li ul li {border-bottom:none;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ border:1px solid #fff; color:#fff; width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 3px; padding:0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#f99d1c!important; background-color:#f99d1c!important;}
.social-icons .fb{ 
 background-color:#4267b2; border-radius:5px;}
.social-icons .tw{ 
  border-radius:5px;}
.social-icons .gp{ background-color: #cd486b !important; border-radius:5px; background:url("https://namestaj4sobe.rs/wp-content/uploads/2019/01/insta24x24.png") center center no-repeat;}
.social-icons .in{ background-color:#0077B5; border-radius:5px;}


/*KONTAKT*/
.contact-column { width: 50%; float:left;margin-bottom:30px; padding:10px;}
.row:after{display:table; clear:both;}
.wpcf7{ margin:30px 0 0; padding:0; }
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ border-radius:5px;width:98%; font:16px 'Open Sans';}
.wpcf7 textarea{width:100%; font:16px 'Open Sans'; border-radius:5px; }
.wpcf7 input[type="submit"]{ width:auto; border:none; cursor:pointer; font:18px 'Open Sans',san-serif; color:#fff;background-color:#f99d1c !important; padding:10px 40px; border-radius:5px;}
.wpcf7 input[type="submit"]:hover{color:#fff; background-color:#f16022 !important;}
.wpcf7-response-output { color:whitesmoke;}
/*FOOTER MENU*/


.footermenu ul li a{color:#000; font-size: 1.3em;}
.footermenu ul li a:hover, .footermenu ul li.current_page_item a{ font-size: 1.3em;
	 }
/*RE-CAPCHA*/
.grecaptcha-badge { 
    visibility: hidden;
}
/*popupovi*/
/*kursor na slikama popupa*/ 
#slidza1:hover, #slidza2:hover, #slidza3:hover, #slidza11:hover, #slidza22:hover, #slidza33:hover, #faza1:hover,  #faza2:hover,  #faza3:hover {
  cursor:pointer;}

/* modal i ANIMATION isto za sve */
 /* The Modal (background) */
		.modal {
			display: none;
			/* Hidden by default */
			position: fixed;
			/* Stay in place */
			z-index: 1;
			/* Sit on top */
			padding-top: 50px;
			/* Location of the box */
			left: 0;
			top: 0;
			width: 100%;
			/* Full width */
			height: 100%;
			/* Full height */
			overflow: auto;
			/* Enable scroll if needed */
			background-color: rgb(0, 0, 0);
			/* Fallback color */
			background-color: rgba(0, 0, 0, 0.6);
			/* Black w/ opacity */
		}

		/* Modal Content */
		.modal-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			border: 1px solid #888;
			width: 80%;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			-webkit-animation-name: zoomIn;
			-webkit-animation-duration: 0.8s;
			animation-name: zoomIn;
			animation-duration: 0.8s
		}

		/* Add Animation */
		@-webkit-keyframes zoomIn {
			from {
				opacity: 0;
				-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
			}

			50% {
				opacity: 1;
			}
		}

		@keyframes zoomIn {
			from {
				opacity: 0;
				-webkit-transform: scale3d(0.3, 0.3, 0.3);
				transform: scale3d(0.3, 0.3, 0.3);
			}

			50% {
				opacity: 1;
			}
		}

/*dugme za gasenje isto za sve*/
/* The Close Button */
		.zatvori, .zatvoriN, .zatvoriE {
			color: white;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}

		.zatvori:hover,
		.zatvori:focus, .zatvoriN:hover, .zatvoriN:focus, .zatvoriE:hover, .zatvoriE:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		}
/*kursor na naslovima popupa*/ 
#textic1:hover, #textic2:hover, #textic3:hover, #textic11:hover, #textic22:hover, #textic33:hover, #faza1T:hover, #faza2T:hover, #faza3T:hover { cursor:pointer;}
/* STIL ZA SVAKI POSEBNO MODAL*/
/*popup 1*/
.modal1-header {
			text-align: center;
			padding: 20px 16px;
			background-color: #f99d1c;
			color: #e7cdaa;
		}
.modal1-header h2 {
  padding-top:25px; 
}

.modal1-body {
  background-color:beige;
padding: 2px 16px;
  font-family:"Open Sans";
  font-size:16px;
}

.modal1-bodyFlex {
			display: flex;
			justify-content: space-around;
  			align-items:center;
  			
		}

.modal1-bodyimg {
			text-align: center;
			height:300px;
			width: 45%;
		}

.modal1-bpdyp {
  text-align: justify;
			height: 400px;
			width: 45%;
			padding-top: 50px;
		}

		.modal1-body img {
			
			width: 400px;
			
		}

		.modal1-body p {
			padding-top: 15px;
       
          line-height:1.5em;
		}
.modal1-bpdyp a {  color: #f99d1c;}  
.modal1-bpdyp a:hover {  color: #812c19;}  
/*rewsponcive*/
/* Tablet View */
@media screen and (max-width:1023px) { 
  .sub-menu { top:0px!important;}
  .toggle a {background-color: #f99d1c !important; }
  .phoneemail a, .phoneemail span {padding-bottom:4px !important;}
  .sitenav {background-color:#e7cdaa!important; position:absolute!important; width:437px!important; top:85px!important;}
  /*popapovi tablet*/
  .modal {padding-top: 49px !important;}
  .modal-content{overflow: scroll; height:36em!important;}
  .modal1-header{padding:1px !important;}
  .modal1-header h2{padding:3px !important;font-size:18px!important;margin:0px!important;}
  .modal1-bodyFlex {display:block!important;}
  .modal1-body {padding:3px!important;}
  .modal1-bodyimg {width:100% !important; height:268px !important; padding:10px !important;}
  .modal1-bpdyp {width:100% !important;  padding:0 !important;padding-top:0px!important;text-align:center !important;}
  .modal1-bpdyp p {padding-top:0px!important;font-size:14px !important;}
}
/*popapovi*/
@media screen and (max-width: 767px) {
  .modal {padding-top: 30px !important;}
  .modal-content{overflow: scroll; height:34em!important;}
  .modal1-header{padding:0px!important }
   .modal1-header h2{padding:3px !important;font-size:16px!important;margin:0px!important;}
  .modal1-bodyFlex {display:block!important;}
  .modal1-body {padding:3px!important;}
  .modal1-bodyimg {width:100% !important; height:150px !important; padding:10px !important;}
  .modal1-bpdyp {width:100% !important;  padding:0 !important;padding-top:10px!important;text-align:center !important;}
  .modal1-bpdyp p {padding-top:50px!important;font-size:14px !important;}
  
}
/* Mobile Landscape View */
@media screen and (min-width:481px) and (max-width: 767px){	
.modal {padding-top: 49px !important;}
  .modal-content{overflow: scroll; height:36em!important;}
  .modal1-header{padding:1px !important;}
  .modal1-header h2{padding:1px !important;font-size:18px!important;margin:0px!important;}
  .modal1-bodyFlex {display:block!important;}
  .modal1-body {padding:3px!important;}
  .modal1-bodyimg {width:100% !important; height:268px !important; padding:10px !important;}
  .modal1-bpdyp {width:100% !important;  padding:0 !important;padding-top:0px!important;text-align:center !important;}
  .modal1-bpdyp p {padding-top:0px!important;font-size:14px !important;}
  .sub-menu { top:0px!important;}
}

/*background za mobilni*/
@media screen and (max-width: 767px) {
	body.custom-background {
	
    background-attachment: scroll!important;
	background-repeat:repeat-y!important;
	}
	body {max-height:1024px!important;}
  .hederslika {visibility:hidden;}
  .copyright-wrapper {padding:20px!important;padding-bottom:9px!important;}
  #footer-wrapper h2 {font-size:20px!important;}
  .phoneemail a {display:block!important;}
  #amail {padding-right: 11px;}
  #atel {padding:0px!important;}
}
  
/*SLider */
@media screen and (max-width: 767px) {
  #home_slider {display:none;}
}

/*MENI*/
@media screen and (max-width: 767px) {
.toggle a {background-color:#f99d1c!important;}
  .phoneemail a, .phoneemail span {padding-bottom:4px !important;}
  .sitenav {background-color:#e7cdaa; width:auto!important; position:relative!important; top:0!important;}
  .sub-menu { top:0px!important;}
}

/*Mali laptop*/
@media screen and (max-width:1439px) and (min-width:1024px) { 
  .modal1-bpdyp{padding-top:30px!important;}
  .modal1-bpdyp p {padding-top: 30px!important;}
  }
  
  /*KRUGOVI NA FRONTU*/
.krug {width:240px!important;height:240px;border-radius:100%;}
		
/*BORDERI NA GALERIJAMA*/
.gallery-item img {
border: 1.5px solid #f99d1c !important;
}