@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'BonvenoCFLight';
    src: url('fonts/bonveno-webkit/bonvenocf-light-webfont.eot');
    src: url('fonts/bonveno-webkit/bonvenocf-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bonveno-webkit/bonvenocf-light-webfont.woff') format('woff'),
         url('fonts/bonveno-webkit/bonvenocf-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AkzidenzGroteskBQRegular';
    src: url('fonts/akzidenz/akzidenzgrotesk-regular-webfont.eot');
    src: url('fonts/akzidenz/akzidenzgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidenz/akzidenzgrotesk-regular-webfont.woff') format('woff'),
         url('fonts/akzidenz/akzidenzgrotesk-regular-webfont.ttf') format('truetype'),
         url('fonts/akzidenz/akzidenzgrotesk-regular-webfont.svg#AkzidenzGroteskBQRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{
	margin: 0 auto;
	text-align: center;
	height:100%;
}

html 
{
	font-family:'AkzidenzGroteskBQRegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	height:100%;
}

p
{
	margin: 0;
	padding: 0;
}

a
{
	outline:none;
	transition: color .20s ease-in-out;
   	-moz-transition: color .20s ease-in-out;
   	-webkit-transition: color .20s ease-in-out;

}

a:hover
{
	color:#d2232a;
}

img
{
	border: none;
}


::selection{
	background: #d2232a;
	color:#fff;
}

::-moz-selection {
	background: #d2232a;
	color:#fff;
}

webkit::-webkit-selection {
	background: #d2232a;
	color:#fff;
}


.Inside
{
	position:relative;
	margin:0 auto;
	width:940px;
	padding:0 10px 0 10px;
}


#MainWrapper
{
	position:relative;
	min-height:100%;
}


/* HEADER */

#Header
{
	position:relative;
	float:left;
	width:100%;
	min-width:960px;
	height:150px;
	background:#202020;
}


#Header .Logo
{
	position:relative;
	float:left;
	width:390px;
	height:30px;
	margin-top:75px;
}

#Header .NavWrap
{
	position:absolute;
	float:right;
	width:550px;
	height:150px;
	top:0;
	right:0;
}

#Header .NavWrap .LanguageBox
{
	position:absolute;
	float:right;
	top:15px;
	right:5px;
	font-size:14px;
	color:#666;
}

#Header .NavWrap .LanguageBox a
{
	color:#666;
	text-decoration:none;
	transition: color .20s ease-in-out;
   	-moz-transition: color .20s ease-in-out;
   	-webkit-transition: color .20s ease-in-out;
}

#Header .NavWrap .LanguageBox a:hover
{
	color:#d2232a;
	text-decoration:none;
}

#Header .NavWrap .HeaderNav
{
	position:relative;
	float:right;
	height:62px;
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	margin-top:60px;
	font-family: 'BonvenoCFLight';
}

#Header .NavWrap .HeaderNav li
{
	position:relative;
	height:62px;
	display:inline-block;
	padding-right:30px;
	background:url(images/nav-divider.png) no-repeat top right;
}

#Header .NavWrap .HeaderNav li.Last
{
	position:relative;
	height:62px;
	display:inline-block;
	padding-right:20px;
	background:none;
}


#Header .NavWrap .HeaderNav li a
{
	padding:0 5px 0 5px;
	line-height:62px;
	color:#999;
	text-decoration:none;
	font-size:14px;
	font-family: 'BonvenoCFLight';
	transition: color .25s ease-in-out;
   	-moz-transition: color .25s ease-in-out;
   	-webkit-transition: color .25s ease-in-out;
}

#Header .NavWrap .HeaderNav li a:hover
{
	color:#d2232a;
}

#Header .NavWrap .HeaderNav a.Active
{
	color:#d2232a;
}



/* CONTENT */

#Content
{
	position:relative;
	float:left;
	width:100%;
	min-width:960px;
	padding-top:50px;
}

#Content .SliderWrap
{
	position:relative;
	float:left;
	width:940px;
	height:310px;
	overflow:hidden;
	background: url(images/sizis-design.png) no-repeat bottom right;
}

#Content .SliderWrap .SliderMark
{
	position:relative;
	float:left;
}

#Content .SliderWrap .HomeSliderBox
{
	position:relative;
	float:right;
	width:860px;
	height:170px;
}

#Content .SliderWrap .HomeSliderBox h2
{
	position:relative;
	float:right;
	width:860px;
	margin:0;
	padding:0;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	color:#000;
	font-size:32px;
	line-height:38px;
	text-transform:uppercase;
	text-align:left;
	font-weight:normal;
}

#Content .SliderWrap .HomeSliderBox p
{
	position:relative;
	float:right;
	width:860px;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:left;
}


#Content .SliderWrap .HomeSliderBox .bx-controls
{
	position:absolute;
	float:left;
	bottom:0;
	left:0;
}

#Content .SliderWrap .HomeSliderBox .bx-controls .bx-pager-item
{
	position:relative;
	float:left;
	margin-right:4px;
}

#Content .SliderWrap .HomeSliderBox .bx-controls .bx-pager-item .bx-pager-link
{
	position:relative;
	float:left;
	width:11px;
	height:11px;
	text-indent:999999px;
	background:url(images/slider-pagination.png) no-repeat top left;
	transition: background .70s ease-in-out;
   	-moz-transition: background .70s ease-in-out;
   	-webkit-transition: background .70s ease-in-out;
}

#Content .SliderWrap .HomeSliderBox .bx-controls .bx-pager-item .active
{
	background-position: top right;
}


#Content h3
{
	position:relative;
	float:left;
	width:940px;
	margin:0;
	padding:0;
	text-align:left;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	color:#d2232a;
	padding-bottom:13px;
	border-bottom:1px solid #ededed;

}

#Content .NajboljiWrap
{
	position:relative;
	float:left;
	width:940px;
	margin-bottom:45px;
}

#Content .NajboljiWrap .Box4
{
	position:relative;
	float:left;
	width:234px;
	border-left:1px solid #ededed;
	margin-top: 15px;
	padding-bottom:5px;
	text-align:center;
}

#Content .NajboljiWrap .Box4 h4
{
	position:relative;
	float:left;
	width:204px;
	padding: 15px;
	margin:0;
	text-align: center;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	font-size: 18px;
	font-weight: normal;
	text-transform:uppercase;
	color:#000;
}

#Content .NajboljiWrap .Box4 p
{
	position:relative;
	float:left;
	width:204px;
	text-align:center;
	padding: 0 15px 10px 15px;
}

#Content .NajboljiWrap .Box4 a
{
	position:relative;
	text-align:center;
	color:#d2232a;
	text-decoration:none;
}

#Content .NajboljiWrap .Box4 a:hover
{
	color:#000;
}


#Content .SliderKlijentiWrap
{
	position:relative;
	float:left;
	width:740px;
	height:100px;
	margin:40px 0 40px 0;
	padding:0 100px;
	overflow:hidden;
}


/* KLIJENTI */

#Content .KlijentiWrap
{
	position:relative;
	float:left;
	width:940px;
	font-size:12px
}

#Content .KlijentiWrap p
{
	position:relative;
	float:left;
	width:940px;
	text-align:left;
	margin-top:20px;
}

#Content .KlijentiWrap p span
{
	color:#000;
	text-transform:uppercase;
}

#Content .KlijentiWrap p img
{
	position:relative;
	float:left;
	margin:0 20px 20px 0;
}


#Content .KlijentiWrap .KlijentiImg
{
	position:relative;
	float:left;
	margin: 20px 20px 20px 0;
}

#Content .KlijentiWrap .Links
{
	position:relative;
	float:left;
	width: 520px;
	margin-top: 40px;
}

#Content .KlijentiWrap .Links p
{
	position:relative;
	float:left;
	width: 200px;
	padding: 0 0 5px 20px;
	margin: 0;
}


#Content .KlijentiWrap .Links p a
{
	color: #999;
	text-decoration: none;
}

#Content .KlijentiWrap .Links p a:hover
{
	color:#d2232a;
}


/* KONTAKT */

#Content .KontaktWrap
{
	position:relative;
	float:left;
	width:940px;
}

#Content .KontaktWrap .Left
{
	position:relative;
	float:left;
	width:400px;
}

#Content .KontaktWrap .Left h3
{
	width:400px;
}

#Content .KontaktWrap .Left p
{
	position:relative;
	float:left;
	width:400px;
	text-align:left;
	line-height:20px;
	margin-top:20px;
	margin-bottom:30px;
}

#Content .KontaktWrap .Left p a
{
	color:#999;
	text-decoration:none;
}

#Content .KontaktWrap .Left p a:hover
{
	color:#d2232a;
}

#Content .KontaktWrap .Left p span
{
	color:#000;
}

#Content .KontaktWrap .Left input
{
	position:relative;
	float:left;
	padding:5px;
	border:1px solid #ededed;
	outline:none;
	color:#999;
	font-size:12px;
	font-family: 'AkzidenzGroteskBQRegular', Arial, Helvetica, sans-serif;

}

#Content .KontaktWrap .Left input:focus
{
	border:1px solid #d2232a;
	color:#000;
	transition: border .40s ease-in-out;
   	-moz-transition: border .40s ease-in-out;
   	-webkit-transition: border .40s ease-in-out;
}

#Content .KontaktWrap .Left .InputIme
{
	width:180px;
	margin:20px 16px 0 0;
}

#Content .KontaktWrap .Left .InputEmail
{
	width:180px;
	margin:20px 0 0 0;
}


#Content .KontaktWrap .Left textarea
{
	position:relative;
	float:left;
	width:388px;
	padding:5px;
	border:1px solid #ededed;
	outline:none;
	color:#999;
	margin-top:10px;
	height:70px;
	resize:none;
	font-size:12px;
	font-family: 'AkzidenzGroteskBQRegular', Arial, Helvetica, sans-serif;
}

#Content .KontaktWrap .Left textarea:focus
{
	border:1px solid #d2232a;
	color:#000;
	transition: border .40s ease-in-out;
   	-moz-transition: border .40s ease-in-out;
   	-webkit-transition: border .40s ease-in-out;
}

#Content .KontaktWrap .Left .KontaktBtn
{
	position:relative;
	float:right;
	margin:0;
	padding:0;
	background:none;
	border:none;
	margin-top:10px;
	color:#000;
	cursor:pointer;
	transition: color .20s ease-in-out;
   	-moz-transition: color .20s ease-in-out;
   	-webkit-transition: color .20s ease-in-out;
	font-size:14px;
}

#Content .KontaktWrap .Left .KontaktBtn:hover
{
	color:#d2232a;
}

#Content .KontaktWrap .Left .Separator
{
	position:relative;
	float:right;
	font-size:16px;
	margin:9px 10px 0 10px;
	color:#000;
}


#Content .KontaktWrap .Right
{
	position:relative;
	float:left;
	width:540px;
	height:400px;
	background:url(images/sizis-kontakt-map-bg.jpg) no-repeat top right;
	margin-top:10px;
}

#Content .KontaktWrap .Right .Map
{
	position:absolute;
	float:right;
	width:381px;
	height:249px;
	right:54px;
	top:44px;
}





/* O NAMA */

#Content .OnamaWrap
{
	position:relative;
	float:left;
	width:940px;
	font-size:12px
}

#Content .OnamaWrap p
{
	position:relative;
	float:left;
	width:940px;
	text-align:left;
	margin-top:20px;
}

#Content .OnamaWrap p span
{
	color:#000;
	text-transform:uppercase;
}

#Content .OnamaWrap p img
{
	position:relative;
	float:right;
	margin:0;
}


#Content .SliderTkoSmoWrap
{
	position:relative;
	float:left;
	width:738px;
	height:150px;
	margin:40px 0 40px 0;
	padding:0 101px;
	overflow:hidden;
}

#Content .SliderTkoSmoWrap .Slide
{
	position:relative;
	float:left;
	width:245px;
	height:150px;
	border-right:1px solid #ededed;
}

#Content .SliderTkoSmoWrap .Slide h4
{
	position:relative;
	float:left;
	width:185px;
	padding:0 30px 0 30px;
	font-size:14px;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	color: #d2232a;
	font-weight:normal;
	margin:0;
	line-height:20px;
	text-align:left;
}

#Content .SliderTkoSmoWrap .Slide h4 span
{
	color:#000;
	font-family: 'AkzidenzGroteskBQRegular', Arial, Helvetica, sans-serif;
}

#Content .SliderTkoSmoWrap .Slide p
{
	position:relative;
	float:left;
	width:185px;
	padding:0 30px 0 30px;
	text-align:left;
	margin:8px 0 8px 0;
}

#Content .SliderTkoSmoWrap .Slide a
{
	position:relative;
	float:left;
	color:#d2232a;
	margin-left:30px;
}

#Content .SliderTkoSmoWrap .Slide a:hover
{
	color:#000;
}



/* U ČEMU SMO NAJBOLJI */

#Content .UcsnWrap
{
	position:relative;
	float:left;
	width:940px;
	font-size:12px
}

#Content .UcsnWrap p
{
	position:relative;
	float:left;
	width:940px;
	text-align:left;
	margin-top:20px;
}

#Content .UcsnWrap p span
{
	color:#000;
	text-transform:uppercase;
}

#Content .UcsnWrap p img
{
	position:relative;
	float:right;
	margin:-85px 0 0 20px;
}

#Content .UcsnWrap p .Natrag
{
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}

#Content .UcsnWrap p .Natrag:hover
{
	color: #d2232a;
}


#Content .UcsnWrap .Box
{
	position:relative;
	float:left;
	width:940px;
	padding:25px 0 25px 0;
	border-top:1px solid #ededed;
}

#Content .UcsnWrap .Box .Left
{
	position:relative;
	float:left;
	width:429px;
	border-right:1px solid #ededed;
	padding-right: 40px;
}

#Content .UcsnWrap .Box .Right
{
	position:relative;
	float:left;
	width:430px;
	padding-left: 40px;
}

#Content .UcsnWrap .Box h4
{
	position:relative;
	float:left;
	width:429px;
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	color:#333;
	text-transform:uppercase;
	font-weight:normal;
}

#Content .UcsnWrap .Box p
{
	position:relative;
	float:left;
	width:429px;
	margin:10px 0 0 0;
	padding:0;
}

#Content .UcsnWrap .Box p a
{
	position:relative;
	float:right;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}

#Content .UcsnWrap .Box p a:hover
{
	color: #d2232a;
}







/* PORTFOLIO */

#Content .PortfolioWrap
{
	position:relative;
	float:left;
	width:940px;
	font-size:12px
}

#Content .PortfolioWrap .SubHeading
{
	position:relative;
	float:left;
	width:940px;
	text-align:left;
	margin-top:20px;
	padding-bottom: 30px;
	background: url(images/separator.png) no-repeat bottom center;
	color: #000;
}

#Content .PortfolioWrap .ProjektBox
{
	position:relative;
	float:left;
	width:940px;
	text-align:left;
	padding: 25px 0 25px 0;
	border-bottom: 1px solid #ededed;
}

#Content .PortfolioWrap .ProjektBox h2 
{
	position: relative;
	float: left;
	width: 940px;
	padding: 0;
	margin: 0 0 20px 0;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #d2232a;
}

#Content .PortfolioWrap .ProjektBox p
{
	position: relative;
	float: left;
	width: 940px;
}

#Content .PortfolioWrap .ProjektBox p img
{
	position: relative;
	float: left;
	width: 140px;
	margin: 0 20px 20px 0;
}

#Content .PortfolioWrap .Natrag
{
	position: relative;
	float: left;
	margin: 20px 0 20px 0;
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

#Content .PortfolioWrap .Natrag:hover
{
	color: #d2232a;
}








.bx-prev
{
	position:absolute;
	width:75px;
	height:81px;
	top:50%;
	left:0;
	margin-top:-41px;
	background: url(images/arrows.png) no-repeat top left;
	text-indent:999999px;
}

.bx-next
{
	position:absolute;
	width:75px;
	height:81px;
	top:50%;
	right:0;
	margin-top:-41px;
	background: url(images/arrows.png) no-repeat top right;
	text-indent:999999px;
}


/* FOOTER */

#Footer
{
	width:100%;
	min-width:960px;
	height:220px;
	position:relative;
	margin-top:-220px;
	clear:both;
}

#Footer .FooterContent
{
	position:relative;
	float:left;
	width:100%;
	min-width:960px;
	height:175px;
	background:#f3f3f3;
	margin-top:7px;
}

#Footer .FooterContent .FooterBox
{
	position: relative;
	float: left;
	width: 235px;
	margin-top:10px;
	padding-bottom: 5px;
	text-align: left;
}

#Footer .FooterContent .FooterBox h4 
{
	position: relative;
	float: left;
	width: 235px;
	padding:15px 0;
	margin: 0;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}

#Footer .FooterContent .FooterBox p 
{
	position: relative;
	float: left;
	line-height:20px;
}

#Footer .FooterContent .FooterBox p a
{
	color:#999;
	text-decoration:none;
}

#Footer .FooterContent .FooterBox p a:hover
{
	color:#d2232a;
}

#Footer .FooterContent .FooterTestimonials
{
	position: relative;
	float: right;
	width: 365px;
	margin-top:10px;
	padding-bottom: 5px;
	text-align: left;
}

#Footer .FooterContent .FooterTestimonials h4 
{
	position: relative;
	float: left;
	width: 365px;
	padding:15px 0;
	margin: 0;
	font-family: 'BonvenoCFLight', "Century Gothic", "Tw Cen MT", Arial;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}

#Footer .FooterContent .FooterTestimonials .QuoteMark 
{
	position: relative;
	float: left;
}

#Footer .FooterContent .FooterTestimonials .TestimonialsSliderBox 
{
	position: relative;
	float: right;
	width:300px;
	height:100px;
	margin-right:15px;
	line-height: 20px;
}

#Footer .FooterContent .FooterTestimonials .TestimonialsSliderBox  span
{
	color:#d2232a;
}



#Footer .FooterBottom
{
	position:relative;
	float:left;
	width:100%;
	min-width:960px;
	height:30px;
	background:#d2232a;
	line-height:30px;
	color:#fff;
}

#Footer .FooterBottom a
{
	color:#fff;
	text-decoration:none;
}

#Footer .FooterBottom a:hover
{
	color:#000;
	text-decoration:none;
}


 








/* U IZRADI */

.landing
{
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	position: relative;
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 50px 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.landing .download-item
{
	position: relative;
	float: left;
	width: 100%;
}

.landing .file
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 70px;
}

.landing .file .ico
{
	max-width: 80px;
}

.landing .file p
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	padding: 30px 0;
	color: #d2232a;
}

.landing .download
{
	position: relative;
	float: left;
	width: 100%;
}

.landing .download .download-btn
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding: 0 20px;
	transition: all .20s ease-in-out;
  	-moz-transition: all .20s ease-in-out;
  	-webkit-transition: all .20s ease-in-out;
	background:#000 url(images/download-icon.png) no-repeat 158px 14px;
}

.landing .download .download-btn:hover
{
	color: #d2232a;
}


.clearfix {
	clear: both;
}