/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/



/* Body and structure
-------------------------------------------------- */

html, body 							{ height:  100%; width: 100%; }
html 								{ font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; 
										-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

@font-face 							{	font-family: 'Museo500';
										src: url('Museo500/museo500regular.eot');
										src: url('Museo500/museo500regular.eot?#iefix') format('embedded-opentype'),
											 url('Museo500/museo500regular.woff') format('woff'),
											 url('Museo500/museo500regular.ttf') format('truetype'),
											 url('Museo500/museo500regular.svg#Museo500') format('svg');
										font-weight: normal;
										font-style: normal; }
										
h1, h2, h3, h4, h5, h6				{ font-family: 'Sorts Mill Goudy', serif; }
h1									{ font-size:48px; line-height:60px; }
h2									{ font-size:22px; font-weight:400; }
p, a								{ font-family: 'Open Sans', sans-serif; font-size:13px; }
p									{ color:#5e5e5e; }

strong								{ color:#000; font-weight:400; }

a:hover, a, a:focus					{ outline:none; }
.clear								{ clear:both; }
.relative							{ position:relative; }
.stroke								{ border-top:1px solid #edecec; height:1px; }
.quote								{ font-family: 'Sorts Mill Goudy', serif; font-style:italic; font-weight:400; 
										font-size:18px; color:#007e42; margin-top:30px; 
										line-height:24px; }
.text-violet						{ color:#312360; }
/* General layout structure */

#navbar							{ background: #fff; }
#westt-background				{ width:100%; height:100%; background: url(../img/west_background.jpg) no-repeat; background-size:cover; overflow:hidden; }
#philosophy						{ width:100%; background:#00924d;  }
#next-generation				{ width:100%; background:#fff; padding-bottom:150px;  }
#services						{ width:100%; background:#312360; padding-bottom:150px; }
#library						{ width:100%; height:1300px; background:#fff; }
#contact						{ width:100%; min-height:1000px; }



/* menu */

.nav > li.active > a			{ color:#00924d !important; }

.menu							{ position:fixed; left:0; right:0; background:#fff; border-bottom:1px solid #edecec; padding:70px 0 10px 0; top:0; z-index:2000; }
.navbar 						{ margin-bottom: 0px; }
.navbar .nav					{ margin:0 0 0 0px;} 
.nav li							{ height:30px; padding:0; margin:0 10px; }
.nav li:first-child				{ margin-left:0; }
.nav li:last-child				{ margin-right:0; }

.navbar .nav > li > a 			{ padding:0; font-family: 'Museo500'; font-size:16px; color:#413276; padding:8px 15px; display:block;
									-webkit-border-radius: 10px;
									-moz-border-radius: 10px;
									border-radius: 10px; }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
								  -webkit-box-shadow: none;
									 -moz-box-shadow: none;
										  box-shadow: none;
								}

.navbar-inner 					{
									background-color: #fff;
									border:none;
									border-radius: none;
									background-image: none;
									background-repeat: no-repeat;
									box-shadow: none; padding:0; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
									  color: #555555;
									  text-decoration: none;
									  background-color: #fff;
									  -webkit-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.3);
										 -moz-box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.3);
										  box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.3); }
.brand	 							{	position: absolute;
										left: 50%; top:-75px;
										text-align: center;
										margin-left:-80px !important; }
.logo-space							{ width:150px; }


/* WEST Section */

#westt-background h1, 
#westt-background h2,
#westt-background p				{ color:#fff; text-align:center; text-shadow:1px 1px 0px #000;  }

#westt-background h1			{ font-size:140px; line-height:140px; margin-top:70px;}
#westt-background h2			{ font-size:34px; font-weight:400; font-style:italic; margin-top:30px; }
#westt-background p				{ font-size:16px; line-height:26px; margin-top:20px; }

#westt-background .inner		{ padding-left:10px; padding-right:10px; }




/* Philosophy Section */

.top							{  }
#philosophy .bottom				{ background: url(../img/westt_philosophy.jpg) repeat-y; }

#philosophy h1					{ text-align:center; color:#fff; margin-top:20px; }
#philosophy h2					{ color:#00924d; }

.westt-stroke					{ background:url(../img/westt_stroke.png) center top no-repeat; height:14px; margin:30px 0;}
#philosophy .westt-stroke		{ padding-bottom:90px; }
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus	{ color: #555555;
								  cursor: default;
								  background-color: #ffffff;
								  border:none;
								  border-bottom-color: transparent;}

#myTab							{ border:none; width:670px; margin:-67px auto 0 auto; }
#myTab li 						{	width:220px;
									height: 65px;
									margin: 0 3px 0 0;
									padding: 0;}
#myTab li.active a				{ background:#f8f8f8; margin:0; border:1px solid #f8f8f8; }
#myTab li a						{ background:#0da85f; height:65px; border-radius:0px; margin:0; padding:0; text-align:center;
									line-height:65px; font-family: 'Sorts Mill Goudy', serif; font-size:20px; color:#fff;
									-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }									
#myTab li a:hover				{ border-color:#006f3b; background:#006f3b; }
.tab-pane						{ padding:40px 0 40px 0; min-height:650px; }




.scroll							{ margin:0 auto; height:50px; width:50px;  display:block; text-align:center; color:#fff ;
									line-height:40px; 
									-webkit-border-radius: 50px;
									-moz-border-radius: 50px;
									border-radius: 50px;
									border:3px solid #fff;
									font-family: 'Sorts Mill Goudy', serif; font-weight:400; font-style:italic; font-size:16px; 
									-moz-box-shadow:1px 1px 1px rgba(0,0,0, 0.2);
									-webkit-box-shadow:1px 1px 1px rgba(0,0,0, 0.2);
									box-shadow:1px 1px 1px rgba(0,0,0, 0.2); 
									-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
									background:#cbc9c9 url(../img/scroll_arrow_01.png) center 30px no-repeat;
									position:absolute; left:50%; margin-left:-25px; bottom:50px; z-index:200;}
.scroll:hover,
.scroll:focus					{ text-decoration:none; color:#fff;
									-moz-box-shadow:1px 1px 1px rgba(0,0,0, 0.7);
									-webkit-box-shadow:1px 1px 1px rgba(0,0,0, 0.7);
									box-shadow:1px 1px 1px rgba(0,0,0, 0.7); 
									background-color:#666; }
.scroll.green					{ background-color:#00924d; }
.scroll.green:hover, 
.scroll.green:focus				{ background-color:#312360; background-position:center 34px; }

.scroll.grey					{ background:#fff url(../img/scroll_arrow_03.png) center 30px no-repeat; border-color:#cbc9c9; color:#aeaeae; }
.scroll.grey:hover				{ background:url(../img/scroll_arrow_04.png) center 30px no-repeat; border-color:#312360; color:#312360; }

.scroll.violet					{ background-color:#312360; }
.scroll.violet:hover			{ background-color:#00924d; }


/* Next Generation Section */
#next-generation h1				{ color:#413276; text-align:center; margin-top:50px; }
#next-generation h3 span		{ font-size:18px; }
#next-generation h3				{ font-family: 'Sorts Mill Goudy', serif; font-weight:400; font-style:italic; font-size:22px; color:#413276; text-align:center; line-height:26px; }
#next-generation .westt-stroke	{ background:url(../img/westt_stroke02.png) center top no-repeat; height:14px; margin:30px 0; }
.westt-list						{ list-style:none; padding:0; margin:0; }
.westt-list	li					{ color:#5e5e5e; background:url(../img/westt_list_arrow.png) left 6px no-repeat; 
									padding-left:20px; margin-left:20px; font-family: 'Open Sans', sans-serif; font-size:13px; }
#next-generation .bottom .inner	{ padding:0 10px;}




/* Services Section */

#services h1					{ color:#fff; text-align:center; margin-top:50px; }
#services h3					{ font-family: 'Sorts Mill Goudy', serif; font-weight:400; font-style:italic; 
									font-size:22px; color:#fff; text-align:center; line-height:26px; }
.services-box					{ background:#372a65; min-height:445px; padding:10px; margin-bottom:10px; }
.services-box ul				{  }
.services-box ul li				{ color:#fff; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:17px; margin-left:20px; }
.westt-icons					{ text-align:center; padding:20px 0 30px 0; }
.services-box h3				{ text-transform:uppercase; font-style:normal !important; }



/* Contact Section */

#contact h1				 		{ color:#413276; text-align:center; margin-top:50px; }
#contact p.adresa				{ font-family: 'Sorts Mill Goudy', serif; font-weight:400; font-style:italic; font-size:17px; line-height:22px; text-align:center; margin:50px 0; }
#contact p.adresa a				{ font-family: 'Sorts Mill Goudy', serif; font-weight:400; font-style:italic; font-size:17px; line-height:22px; color:#00924d; }
#contact .westt-stroke			{ background:url(../img/westt_stroke02.png) center top no-repeat; height:14px; margin:30px 0; }

.social							{ height:28px; width:28px; display:block; background:url(../img/social_sprite.png) 0 0 no-repeat; line-height:28px; float:left; margin:0px 5px; }
.tw								{ background-position:0 0; }
.tw:hover						{ background-position:0 -28px; }
.gp								{ background-position:0 -56px; }
.gp:hover						{ background-position:0 -84px; }
.fb								{ background-position:0 -112px; }
.fb:hover						{ background-position:0 -140px; }
.social-container				{ margin:0 auto; width:210px; height:28px;  }


/*** TEST ONLY ***/
.test-rezolution {
	background: #c72a0a; color: #fff; display: inline-block; padding: 0 10px; font-size: 11px;
	position: fixed; right: 0; bottom: 0;  z-index:9999; display:none;		
}
/*** END TEST ONLY ***/

@media (min-width: 1200px) {
	.test-rezolution:after 			{ content: "min-width: 1200px" !important;}
	.brand .logo-01					{}
	.brand .logo-02					{ display:none; }
	.inner							{ padding-top:170px; }
	}
@media (min-width: 980px) {
	.test-rezolution:after 			{ content: "min-width: 980px"; }
	.brand .logo-01					{}
	.brand .logo-02					{ display:none; }
	.inner							{ padding-top:170px; }
	
	}
@media (max-width: 979px) {			.navbar-fixed-top,
  									.navbar-fixed-bottom 			{ position: fixed; }
	}
@media (min-width: 768px) and (max-width: 979px) {
	.test-rezolution:after 			{ content: "min-width: 768px and max-width: 979px";}
	.menu							{ padding:5px 0px; }
	.brand .logo-01					{ display:none; }
	.brand .logo-02					{ display:block; }
	.brand							{ left:-5px; top:-10px; margin-left:0px !important;}
	.nav-collapse.in.collapse		{ margin-top:45px; }
	.nav li							{ height:30px; padding:0; margin:10px 14px; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a	{ font-weight:normal; }
	.nav li:first-child				{ margin-left:14px; }
	.nav li:last-child				{ margin-right:14px; }
	.logo-space						{ display:none; }
	#philosophy .inner				{ padding-top:60px; }
	.services-box					{ min-height:520px; }
	
	}
@media (max-width: 767px) {
	.test-rezolution:after 			{ content: "max-width: 767px";}
	body 							{ padding-right: 0px; padding-left: 0px;  }
	.menu							{ padding:5px 0px; }
	.brand .logo-01					{ display:none; }
	.brand .logo-02					{ display:block; }
	.brand							{ left:-5px; top:-10px; margin-left:0px !important;}
	.logo-space						{ display:none; }
	.nav-collapse.in.collapse		{ margin-top:45px; }
	.nav li							{ height:30px; padding:0; margin:10px 14px; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a	{ font-weight:normal; }
	.nav li:first-child				{ margin-left:14px; }
	.nav li:last-child				{ margin-right:14px; }
	.inner							{ padding-top:70px; }
	#philosophy .inner				{ padding:60px 10px 20px 10px; }
	.top							{ }
	.tab-content					{ padding:0 10px;}
	#myTab							{ border:none; width:460px; margin:-67px auto 0 auto; }
	#myTab li 						{	width:150px;
										height: 65px;
										margin: 0 3px 0 0;
										padding: 0; }
	#philosophy .westt-stroke		{ padding-bottom:60px; }
	}
@media (max-width: 480px) 			{
	.test-rezolution:after 			{ content: "max-width: 480px" !important;}
	.logo-space						{ display:none; }
	.nav-collapse.in.collapse		{ margin-top:45px; }
	.nav li							{ height:30px; padding:0; margin:10px 14px; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a	{ font-weight:normal; }
	.nav li:first-child				{ margin-left:14px; }
	.nav li:last-child				{ margin-right:14px; }
	#westt-background h1			{ font-size:70px; line-height:50px; }
	#westt-background				{ width:100%; min-height:650px }
	.scroll							{ bottom:10px; }
	#myTab							{ border:none; width:100%; margin:-67px auto 0 auto; }
	#myTab li 						{	width:100%; float:none;
										height: 40px;
										margin: 0 3px 0 0;
										padding: 0; }
	#myTab li a						{ height:40px; border-radius:0px; margin:0; padding:0; text-align:center;
										line-height:40px; background:#0da85f url(../img/scroll_arrow_01.png) 90% center no-repeat; }
	#myTab li.active a				{ background:#fff url(../img/scroll_arrow_02.png) 90% center no-repeat; margin:0; border:1px solid #fff; }	
	#myTab li a:hover				{ border-color:#006f3b; background:#006f3b url(../img/scroll_arrow_01.png) 90% center no-repeat; }
	
}