/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700|Roboto+Condensed:400,300,700|Montserrat:400,500,300,700); */

html { -webkit-text-size-adjust: none; overflow-y: scroll; } /* Prevent font scaling in landscape -webkit-text-size-adjust: none; */
body, img, div, p, h1, h2, h3, h4, h5, form { margin: 0; padding: 0; }
body { background-color:#fff; }
body, h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; font-size:13px; line-height:normal; font-weight:normal; color:#333; white-space: normal; text-align:left;  }
img { border:0px; }
a { text-decoration:none; color:#4682C4; }
ul { margin:0; padding-left:20px; padding-bottom:17px; }
p { padding-bottom:16px; padding-top:0px; }
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom:20px; }
.rounded {border-radius: 4px; }
.cent { margin-left:auto; margin-right:auto; width:86px; }

/* NAMED COLORS */
.rouge { color:#C41230 !important; } .rougef { color:#C4122F !important; } .blanc { color:#fff !important; } .grey_bg { background-color:#EDEDED !important; } .green_bg { background-color:#15C288 !important; } .rouge_bg { background-color:#C41230 !important; }

/* TITLES */
h1 { position:relative; font-weight:300; font-size:34px; line-height:44px; padding-top:20px;  padding-right:2.5%; }
h2 { font-weight:normal; font-size:30px; font-family: 'Montserrat'; font-weight:400; padding-bottom:20px; color:#eb0029; }
/* h3 { font-family: 'Roboto Condensed'; font-weight:700; font-size:23px; line-height:110%;  }
h4 { font-family: 'Roboto Condensed'; font-size:28px; line-height:25px; } */

/* .large_section_title { position:relative; font-family: 'Roboto Condensed'; font-weight:700; font-size:42px; line-height:42px; } */
.tri { position:relative; background:url(images/tri_72_34.png) 0px 0; left:15px; top:-17px; width:72px; height:17px; background-size:72px 34px; float:left; z-index:100; }

/* MENUBAR AND DROPDOWNS */
#bar2 { list-style-type: none; margin:0; padding:0; display:inline-block; cursor:pointer; }
#bar2 li { display:block; width: 279px; height: 253px; float:left; }
#bar2 li:nth-child(3) {clear:left; }
.copyhover, .selecthover { font-weight:700; }
.subm { font-weight:normal !important; padding-bottom:0 !important;}
#mobile_menub { position:absolute; display:block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -308px -5px; width:69px; height:69px; right:33px; top:19px;  z-index:100; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#modalmenu {position:fixed; width: 100%; height: 100%; background-color: #eb0029; z-index: 100; display: none;}
#bar2 {position: absolute; left: 20%; top: 20%;}
#closemodal { position:absolute; display:block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -382px -5px; width:69px; height:69px; right:33px; top:19px;  z-index:100; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.mar_item { font-size: 22px; color:#fff; display: block; }
.menuitem {font-size: 18px; color:#fff; line-height: 30px; font-weight: 300; display: block;}

#page_top { margin:0 auto; position:fixed; max-width:100%; background-color:#fff; z-index:100; -webkit-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); -moz-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:105px; }
#undertop { }

#magni { position:absolute; background:url(images/mag20x2b.png); right:30px; top:27px; width:20px; height:20px; background-size:20px 20px; z-index:100; cursor:pointer; }
#lock { position:absolute; background:url(images/lock_20_30.png); width:10px; height:15px; background-size:10px 15px; right:10px; top:10px;  }

#pushup { height:105px; } 
#pushup2 { height:48px; }

/* bifem ALL shared page elements */
#logo { float:left; position:relative; display:block; background:url(images/bifem_logo.png); background-size:326px 34px; background-position: 0px 0px; width:326px; height:34px; top:36px; left:2.9%; z-index:100; }
#blogo { position:relative; display:block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -5px -10px; width:298px; height:30px;  margin-top:30px;  }

#social-links { padding-top:40px; }
#facebook-link { position:relative; display:inline-block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -5px -50px; width:30px; height:30px; margin-right:20px; }
#instagram-link { position:relative; display:inline-block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -45px -50px; width:30px; height:30px; margin-right:20px; }
#linkedin-link { position:relative; display:inline-block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -94px -50px; width:30px; height:30px; margin-right:20px; }
#youtube-link { position:relative; display:inline-block; background:url(images/bifem_sprite2.png); background-size:455px 79px; background-position: -138px -50px; width:33px; height:30px; margin-right:20px; }

.inverted-link { background-image:url(images/bifem_sprite2_inv.png) !important; }

#locations { color:#fff; margin-top:0px; float:left; width:66%; }
#lcol { width:690px; margin-top:30px; margin-bottom:30px;  }
#lcol1 { float:left; width:50%; }
#lcol2 { float:left; width:50%; }
#side-links { color:#fff; width:33%; float:left; }
#side-links a { color:#fff;  }
#lcontainer { clear:both; }

#copys { color:#fff; margin-top:20px;  }
.header_arrow { position:absolute; top:30px; right:20px; background: url(images/smallarrow_15_40x2.png); width:15px; height:40px; background-size: 15px 40px; }

/* PAGES */
.wide_body { position:relative; background-color:#e6e6e6; overflow:hidden;}
.page_body, #top_sp, #white_page, #black_page, #page_bottom { margin:0 auto; position:relative;  max-width:100%; overflow:hidden; text-align:left; }
#top_sp { height:48px;}
#white_page, .white_page { background-color:#fff;  }
#page_bottom { background-color:#fff; padding-top:20px; color:#555; border-top: solid 1px #ddd; }

/* left style */
/* 
#section_nm { font-family: 'Roboto Condensed'; padding-top:13px; padding-left:2.9%; font-weight:700; font-size:28px; color:#C41230; }
.ptitle { position:relative; font-family: 'Roboto'; font-weight:700; padding-top:10px; font-size:47px; line-height:45px; padding-bottom:7px; margin-left:-1px;}
.psub { position:relative; font-family: 'Roboto'; font-weight:700; font-size:17px; line-height:22px; padding-bottom:20px; } */

.ptitle2 { position:relative; font-family: 'Montserrat'; font-weight:400;  padding-top:10px; font-size:35px; line-height:45px; padding-bottom:7px; margin-left:-1px;}
.shortline2 { width:60px; height:3px; background-color: #eb0029; margin-top:15px; margin-bottom:20px; }
.shortline3 { width:60px; height:3px; background-color: #333; margin-top:10px; margin-bottom:10px; }
.shortline4 { width:35px; height:3px; background-color: #fff; margin-top:14px; margin-bottom:25px; }
.sline { position:absolute; width:60px; height:3px; background-color: #eb0029; bottom:80px; left:22px; z-index: 11; }

.ppage {  position:relative; text-align:left; width: 1100px; margin: 0 auto; background-color:#fff; padding:3%; font-weight:300; font-size:13px; line-height:18px; overflow:hidden; }
.psub { font-size:20px; line-height:28px; }
.pspecs { position:relative; float:left; width:370px; margin-right:30px; padding-top:0px; margin-bottom:30px; }
.pstory { position:relative; float:left; width:700px; margin-bottom:30px; }
.npage {  position:relative; text-align:left; max-width: 1200px; margin: 0 auto; background-color:#fff; padding:3%; font-weight:300; font-size:13px; line-height:18px; overflow:hidden; }
.npage img { padding-bottom:1.6%; width:100%; }


/* bifem about elements */
.bifem-button { display:inline-block; padding: 17px 37px 17px 37px; border: solid #eb0029 2px; color: #333; margin-top: 30px; -webkit-tap-highlight-color: transparent;}
.bifem-button:hover { border: solid #eb0029 2px; background-color: #eb0029; color: #fff; margin-top: 30px;}
#veritas { float:left; position:relative; display:block; background:url(images/veritas.png); background-size: 97px 150px; background-position: 0px 0px; width: 97px; height: 150px; margin-top: 20px; }

#hppost { position:absolute;  color:#fff; padding:20px 30px 20px 30px; background-color: #eb0029;  bottom:60px; left:5%; font-size: 36px; line-height:43px; font-weight: 300;}
#buttontxt { font-size: 18px; }

/* curtain walling */
.bproduct { display:inline-block; vertical-align:top; position: relative; width:29%; margin-right:2%; margin-bottom:60px; }	
.ptit { color:#333; font-size: 18px; font-weight: 400; }
.pextract { color:#333; font-size: 18px; font-weight: 300; margin-top:18px; line-height: 1.5em; min-height:120px; margin-bottom:4px; }
.download-link { color:#5f5f5f; font-size: 15px; font-weight: 300; margin-left:-3px;  }
.download-icon { display:inline-block; background: url(images/download_iconc.png); width:26px; height:28px; background-size: 26px 28px; margin-right:3px; }

.htit { color:#fff; position: absolute; bottom:0px; height: 70px; width:94%; z-index: 10; font-family: 'Montserrat'; font-weight:300; font-size:20px; line-height:26px; margin-left:22px; }
.broj { float:left; position: relative; transition: all 400ms;  }

.broj3 { width:33%; transition: all .2s ease-in-out; z-index:0; overflow: hidden;}

.broj3 img { transition: all .3s ease-in-out;}
.broj3:hover img { transform: scale(1.05); }

.broj4 { width:25%; }
.gradn { background: url("/images/pictograd3.png"); width:100%; position: absolute; bottom:0px; height: 434px; z-index: 9; }
.grey { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); filter: gray; transition: all 400ms; }
#projcarousel_prev { float:left; position:absolute; top:0px; height:100%; left:-2%; width:51px; background-color:rgba(243, 243, 243, 0.4); z-index: 15; cursor: pointer;}
#projcarousel_next { float:left; position:absolute; top:0px; height:100%; right:-2%; margin-right:0px; width:51px; background-color:rgba(243, 243, 243, 0.4); z-index: 15; cursor: pointer;}
#rar { position: absolute; background: url(images/arrrr.png); width:51px; height:155px; background-size: 51px 155px; top:calc(50%); right:0px; }
#lar { position: absolute; background: url(images/arrrr.png); width:51px; height:155px; background-size: 51px 155px; top:calc(50%); left:0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

#title-group { width:35%; float:left;  }
#title-group #description { font-size: 28px; line-height: 34px; }
#image-group { width:55%; float:left; }
#intro-text { width:55%; font-size: 18px; display: inline-block; line-height: 28px; }

.trick {float:left; margin-left:-170px; color: #eb0028; }
.bullet-left { display:none; font-size: 60px; line-height: 14px; float:left; margin-right:10px; }
.bullet-right { display:block; font-size: 60px; line-height: 14px; float:right; margin-left:10px;  }
#description2 { height: 764px; border-right:#eb0028 solid 2px; margin-right: 37px; margin-top: 30px;}

.vjs-big-play-button { display: none !important; -webkit-tap-highlight-color: transparent;}

/* bifem partner logos homepage */
.partners {display:block; background:url(images/logos.png); background-size:712px 85px;  margin:20px; margin-right:40px; }
#partner1 {background-position: -6px -6px; width:140px; height:77px; display: inline-block;  }
#partner2 {background-position: -211px -5px; width:115px; height:77px; display: inline-block; }
#partner3 {background-position: -393px -16px; width:127px; height:77px; display: inline-block; }
#partner4 {background-position: -591px -17px; width:114px; height:77px; display: inline-block; margin-right:0px;}

#partner-logos-page { background-color: #333; min-height:278px; }
.partners-home-container { background-color: #333;  padding-bottom:30px;padding-top:90px; }
#partners-title-block { display: inline-block; width:25%; margin-right:5%; vertical-align: top; }
#partners-logos-block { display: inline-block; width:68%; }

/* projects */
.pics1 div { position:relative; float:left; width:100%; overflow:hidden;}
.pics1, .pics2, .pics3 { overflow:hidden; display:none;  }
.pics2 div {position:relative; float:left; width:48.5%; overflow:hidden; padding-bottom: 16px;  } 
.pics3 div {position:relative; float:left; width:33.33%; overflow:hidden;} 
.pics2 div img, .pics3 div img {position:relative; float:left; width:100%; overflow:hidden; padding-bottom:3.2%;} 

.pics2 div:nth-child(1) {padding-right:3%; } 



.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}




@media screen and (max-width: 1330px) {
	#projcarousel_prev { left:0; }
	#projcarousel_next { right:0; }
}

@media screen and (max-width: 1100px) {
	.ppage { width:94%; line-height:22px;  } 
	.ptitle { font-size:40px; line-height:37px;  }
	.pspecs { float:left; width:100%; }
	.pstory { float:left; width:100%; }
	#pushup { height:53px; } #pushup2 { height:0px; } 
	#hppost { position: absolute; padding: 10px 15px 10px 15px; bottom: 24px; left: 5%; font-size: 17px; line-height: 23px; font-weight: 300;}
	#buttontxt { font-size: 13px; }
	#mobile_menub {background-size: 227px 40px; background-position: -154px -2px;width: 34px;height: 34px;right: 13px;top: 10px;  }
	#page_top { position:fixed; -webkit-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); -moz-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:53px; border-left:0px solid #eee; border-right:0px solid #eee; }
	#modalmenu {position:absolute; width: 100%; height: 850px; background-color: #eb0029; z-index: 100; display: none;}
	.menuitem {font-size: 15px; line-height: 23px; }
	#logo { background:url(images/bifem_logo.png); background-size:163px 17px; background-position: 0px 0px; width:163px; height:17px; top:18px; left:2.9%; z-index:100; }
	#closemodal { position:fixed; display:block; background:url(images/bifem_sprite2.png); background-size: 227px 40px; background-position: -191px -3px; width:34px; height:34px; right:13px; top:10px;  z-index:100; cursor: pointer; }
	.subm { font-weight:normal !important; padding-bottom:8px !important; }
	#bot3 { width:92%;}
	#bar2 {position: absolute; left: 20%; top: 8%;}
	#bar2 li {margin-bottom:20px; height: auto;  }
	.partners-home-container { padding-top:20px; }
	
	.pextract { font-size: 15px; min-height:100px; }
	.pics3 div , .pics2 div {width:100%; }
	.pics2 div img, .pics3 div img {padding-bottom:1.6%;} 
}

@media screen and (max-width: 850px) {
	#title-group { float:left; width:100%; }
	#title-group #description { font-size: 18px; line-height: 26px; margin-bottom: 26px; }
	#image-group { width:100%; float:left; padding-top:20px; }
	#image-group img { width:100%;  }
	#intro-text { width: 100%; font-size: 15px; display: inline-block; line-height: 21px; }
	.poii { width:100%; padding-left: 40px; }
	#description2 { height: 764px; border-right:#000 solid 2px; margin-right: -16px; margin-top: 318px;}
	.bullet-left { display:block; text-indent: -32px;  }
	.bullet-right { margin-left:10px; font-size: 60px; line-height: 14px; float:right; display: none; }
	.trick {float:none; margin-left:0 !important; }
	#rar { width:25px; height:77px; background-size: 25px 77px; top:calc(57%); right:0px; }
	#lar { width:25px; height:77px; background-size: 25px 77px; top:calc(57%); left:0px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
	.broj3 { width:50%; }
	
	.gradn { height: 370px;  }
	.htit:after { content: ">"; padding-left: 10px; color:#eb0029; vertical-align: middle; }
	.broj4 { width:50%; }
	.grey { -webkit-filter: none; filter: none; }
	
	#partners-title-block { display: inline-block; width:95%; margin-right:5%; vertical-align: top; }
#partners-logos-block { display: inline-block; width:100%; }
.bproduct { width:48%; margin-right:2%; margin-bottom:40px; }	

}

@media screen and (max-width: 524px) {
	input[type=text], #upl, .fln > span, .fln > span.u100  { width:100%; }
	.fln > span:nth-child(2) { padding-bottom:2px; padding-top:14px; }
	#privacy:after { content:""; display:block; }
	
	.htit { font-size: 14px; line-height: 18px; margin-left: 13px; font-weight:400;  }
	
	.sline { left: 13px; } 
	.partners {display:block; background:url(images/logos.png); background-size:712px 85px;  margin:20px; margin-right:10px; }
	#partner3 { margin-right:20px; }
	.pextract { font-size: 13px; min-height:100px; }
	 .bproduct { margin-bottom:25px; }
	 
	 #side-links { display: none;}
	 #locations { width:100%; font-size: 14px; }
}