/*



	Theme Name: IN-MOTION



	Theme URI: http://www.trendis.si/wp-themes/in-motion/



	Description: Business Theme / Web Studio / Agency / Personal Portfolio



	Author: PEGO



	Author URI: http://www.themeforest.com



	Version: 1.1	



	License: GNU General Public License



	License URI: license.txt











	font-family: Georgia, "Times New Roman", Times, serif;



*/







* { margin: 0; padding: 0; }







/************** START CUSTOM CLASSES *****************************/
.portfolio-post { font-family: 'Lato', arial, serif; color: #1b1b1b; line-height: 1.6; font-size: 14px; font-style: normal; text-align: justify; }



.fl { float: left; }



.fr { float: right; }



.pr { position: relative; }



.pa { position: absolute; }



.i { font-style: italic; }



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 



.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 



.clearfix { display: block; } /* End hide from IE Mac */ 



.none { display: none; } /* End Clearfix */



a { 

	color: black;
	
	text-decoration: underline;


    font-style: italic;



}



a:hover { 



	outline: none; 



	color: #666666;



	text-decoration: none;



    font-style: italic;



	text-decoration: underline;



}



a.ot-warning:hover { color: #fff;  }



a.readmore  {



    width: 40px;



    height: 40px;



    border:none;



    display:block;



    float:right;



    background-color:#91a4ac;



    font-family: Lato, "Times New Roman", Times, serif;



    font-style: italic;
    

    font-weight:bold;



    font-size: 12px;



    text-align:center;  



    -moz-border-radius: 20px;



    -webkit-border-radius: 20px;



    -o-border-radius: 20px;



    border-radius: 20px;



    text-decoration: none;



    color: #fff;



}







a.readmore:hover {   



    text-decoration: none;



    color: #1b1b1b;



}







a.readmore span {



    position: relative;



    top: 9px;



}



img { border: none; }



ul { list-style-type: none;}



.line { 



	border-bottom: 1px solid #c8c6c6; 



	margin: 30px 0;



}







p {



	font-family: 'Lato', arial, serif;



	color: #1b1b1b; 



	line-height: 1.6;



	font-size: 14px;











}







p strong { font-weight: bold;}







/* start default */







.alignleft {



	float:left;



	margin: 10px 20px 10px 0;



}



.alignright {



	float:right;



	margin: 10px 0 10px 20px;



}



.aligncenter {



	display: block;



	margin: 10px auto 10px auto;



}







.wp-caption {



    background: #fff;



    max-width: 96%; /* Image does not overflow the content area */



    padding: 5px 3px 10px;



    text-align: center;



}



.wp-caption-text{



	font-family: Georgia, "Times New Roman", Times, serif;



	color: #1b1b1b; 



	line-height: 1.9;



	font-size: 12px;



}







.gallery-caption{



	



}







.sticky{



	



}











/* end default */







/*********** START TEXT MARKER *****************/



::selection {



       background: #91a4ac; /* Safari */



       color:#ffffff;



       }



::-moz-selection {



       background: #91a4ac; /* Firefox */



       color:#ffffff;



}



/*********** END TEXT MARKER *****************/











@font-face {



    font-family: 'BebasNeueRegular';



    src: url('BebasNeue/BebasNeue-webfont.eot');



    src: url('BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),



         url('BebasNeue/BebasNeue-webfont.woff') format('woff'),



         url('BebasNeue/BebasNeue-webfont.ttf') format('truetype'),



         url('BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'DesyrelRegular';



    src: url('desyrel/desyrel-webfont.eot');



    src: url('desyrel/desyrel-webfont.eot?#iefix') format('embedded-opentype'),



         url('desyrel/desyrel-webfont.woff') format('woff'),



         url('desyrel/desyrel-webfont.ttf') format('truetype'),



         url('desyrel/desyrel-webfont.svg#DesyrelRegular') format('svg');



    font-weight: normal;



    font-style: normal;



}







h1 {



	font: 48px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	color: #fff;



}



h2 {



	font: 38px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	color: #1b1b1b;



}



h3 {



	font: 22px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	color: #1b1b1b;



}



h4 {



	font-family: 'BebasNeueRegular', sans-serif;



	font-size: 18px;



	color: #1b1b1b;



	font-weight: 400;



} 







h3 {margin-bottom: 12px;}







.fontface {



	font: 30px/34px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



}







h1.fontface {



	font: 30px/34px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



}







html {



	height: 100%;	



}







body {



	background: #fff url(../images/bg.png) repeat fixed;



	font-family: Georgia, "Times New Roman", Times, serif;



	color: #1b1b1b; 



	line-height: 1.9;



	font-size: 12px;



	height: 100%;	



}







#all-wrapper {



	min-height:100%;



	position:relative;



		



}







#logo{ 



	margin-left:20px;



	margin-top: 0px;



}







#container {	



	width: 960px;



	margin: 0 auto;



	height: 100%;



}







#left-sidebar {



	position:fixed;



	height: 100%;



	top:20px;



	width:230px;



}







#main-menu {



	margin-top: 200px;	



	display: block;	



	margin-bottom: 150px;



}



#main-menu a {



	text-decoration: none;



	text-transform: uppercase;



	color: #000000;



	font: 26px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	background-color: #FFFFFF;



	padding: 4px 20px 2px;



	line-height: 37px;



	border: 1px;



}







#main-menu .current a {



  background-color: #FFFFFF;	



  color:#000000;



}







#main-menu a:hover{



	color:#FFFFFF;



	background-color: #000000;	



}











#main-menu ul {



	list-style: none;	



	margin-left: 0px;



}











.sectionWrapper {



	padding-top: 35px; 



	padding-bottom: 450px;



}











/* Lightbox image */



.lightbox-image{position:relative;display:inline-block;}



.lightbox-image img{position:relative;}



.lightbox-image span{position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url("images/magnify.png") 50% 50% no-repeat #fff;}











/************** START LEFT SIDEBAR *****************************/







.tipsy { 



	padding: 5px; 



	font-size: 10px; 



	opacity: 0.8; 



	filter: alpha(opacity=80); 



	background-repeat: no-repeat;  



	background-image: url(images/tipsy.gif); 



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 11px;



}







.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }



.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }



.tipsy-north { background-position: top center; }



.tipsy-south { background-position: bottom center; }



.tipsy-east { background-position: right center; }



.tipsy-west { background-position: left center; }







/* SOCIALS */



.tt-wrapper{



	padding: 0;



	width: 235px;



	height: 70px;



	margin: 80px auto 30px 40px;



}



.tt-wrapper li{



	float: left;



}



.tt-wrapper li a{



    display: block;



    width: 24px;



    height: 24px;



    margin: 0 10px 0 0;



    outline: none;



	position: relative;



	z-index: 2;



    text-indent: -9000px;



	text-decoration: none;



}







.tt-wrapper li a span{



	width: 50px;



	height: 50px;



	line-height: 50px;



	padding: 10px;



	left: 50%;



	margin-left: -40px;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 12px;



	color: #464545;



	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);



	text-align: center;



	border: 5px solid #fff;



	background: rgba(255,255,255,0.5);



	text-indent: 0px;



	position: absolute;



	pointer-events: none;



	border-radius: 50%;



	bottom: -40px;



	opacity: 0;



	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);



	-webkit-transform: scale(0.2);



	-moz-transform: scale(0.2);



	-o-transform: scale(0.2);



	-ms-transform: scale(0.2);



	transform: scale(0.2);



	-webkit-transition: all 0.3s ease-in-out;



	-moz-transition: all 0.3s ease-in-out;



	-o-transition: all 0.3s ease-in-out;



	-ms-transition: all 0.3s ease-in-out;



	transition: all 0.3s ease-in-out;text-decoration: none;



}



.tt-wrapper li a:hover span{



	opacity: 0.9;



	bottom: 20px;



	-webkit-transform: scale(1);



	-moz-transform: scale(1);



	-o-transform: scale(1);



	-ms-transform: scale(1);



	transform: scale(1);



	text-decoration: none;



}















/************** END LEFT SIDEBAR *****************************/











/************** START  HOME PAGE *****************************/



#slides, #slides1 {



	margin: 0 auto; 



	width: 960px; 



	position:relative; 



	height: 410px; 







}







.slides_container {



	width:960px;



	height:410px;



   z-index: 1;



}



.slides_container div.slide {



	width:960px;



	height: 410px; 



	display:block;



}



.slides_container div.slide img { 



	max-width:100%; 



	height: 410px;



}







.col-570 #slides1 {



	width:570px; height:auto;



	margin: 0 auto; 



	position:relative; 



}







.col-570 .slides_container {



	width:570px;



	height:auto;



   z-index: -1;



}



.col-570 .slides_container div.slide {



	width:570px;



	height:320px; 



	z-index: 10000;



	display:block;



}



.col-570 .slides_container div.slide img { 



	max-width:100%; 



	height: auto;



}























/* Control Nav */



.caption { 



	width:555px; 



	height:93px; 



	background: url(images/banner.png) 0 0 repeat; 



	position:absolute; 



	left:-5px; 



	bottom:20px;



}



.text1 { 



	font:300 30px/36px 'BebasNeueRegular', Arial, sans-serif;



	color:#fff; 



	padding:16px 0 0 27px;



}



.text2 {



	color:#fff; 



	font:14px/17px Georgia, "Times New Roman", Times, serif;



	padding:0 0 0 30px;



	font-style: italic;



}



.next,.prev { 



	display:block; 



	width:60px; 



	height:60px; 



	position:absolute; 



	bottom:27px; 



	line-height:0; 



	font-size:0; 



	z-index:99;



}



.next { 



	background:url(images/button-next.png) 0 0 no-repeat; 



	right:44px;



}



.prev { 



	background:url(images/button-prev.png) 0 0 no-repeat; 



	right:115px;



}



.next:hover, .prev:hover { background-position:0 -60px; }



	



.quote {



	text-align: center;



	background: #91a4ac url(images/bg-lines-big.png) repeat-x;



	padding: 6px 0 12px;



	margin-top: 0px;



}



.quote p {



	font-family: lato, "Times New Roman", Times, serif;



	color: #fff;



	font-size: 14px;



	line-height: 18px;



	font-style: italic;



}







#circles { margin-top: 0px; }



.circle {



	background: url(images/circles-services.png) no-repeat;



	background-color: #cccccc;



	width: 235px;



	height: 235px;



	margin-left: -2px;



	text-align: center;	



}



.circle.last {



	margin: 0;



}



.circle-content {



	text-align: center;



	width: 167px;



	margin: 20px 0 0 35px;



}



.circle-content h3 { margin-top: 12px;}



.circle-content p {



	font-family: Lato, "Times New Roman", Times, serif;



	font-size: 14px;



	line-height: 1.6;



	color: #707070;



}











/************** END  HOME PAGE *****************************/







/************** START ABOUT US PAGE *****************************/



#about-us {}



.page-title {



	width: 100%;



	height: 54px;



	overflow:hidden;



	margin-bottom: 40px;



	background: #91a4ac url(images/bg-title.png) repeat;



}



.page-title h2 {



	margin: 7px 0 0 20px;



	color: #fff;



}



.page-title img {



	position: absolute; 



	margin: -1px 0 0 17px;



	z-index: -1000;



}



.news {



	margin-left: -30px;



}



.col-300 {



	width: 300px;



	margin-left: 30px;



	float:left;



	min-height: 180px;



	margin-bottom: 20px;







}







.col-300 h3 {



	/*margin-bottom: 15px; */



}



.col-300 p {



	/*font-family: 'Droid Sans', sans-serif;



	font-size: 12px; */











}







/************** END ABOUT US PAGE *****************************/















/************** START FOOTER ANIMATION *****************************/



#footerSlideContainer {	



	position: fixed;



	left: 0; 



	bottom:0;



	z-index: 100; 



	width: 100%;



	padding: 0px 0 42px; 



	background: transparent url("images/footer_background-1.png") repeat-x 50% 0; 



	



}







#footerSlideButton {	



	position: relative;



	margin: 0 auto;



	border: none;



	cursor: pointer;



	background: url(images/btn-open-footer.png) no-repeat 50% 0;



	width: 60px;



	height: 21px;



	top: 34px;



}



#footerSlideButton span {	



	position: relative;



	top: 7px;



	color:#6e6e6e;



	margin: 0 0 0 17px;



	border: none;



	cursor: pointer;



	width: 60px;



	height: 21px;



	font:300 16px 'BebasNeueRegular', Arial, sans-serif;



}



#footerSlideButton span:hover {	



	position: relative;



	top: 7px;



	color:#fff;



	margin: 0 0 0 17px;



	border: none;



	cursor: pointer;.next,.prev { 



	display:block; 



	width:60px; 



	height:60px; 



	position:absolute; 



	bottom:27px; 



	line-height:0; 



	font-size:0; 



	z-index:99;



}



.next { 



	background:url(images/button-next.png) 0 0 no-repeat; 



	right:44px;



}



.prev { 



	background:url(images/button-prev.png) 0 0 no-repeat; 



	right:115px;



}



	width: 60px;



	height: 21px;



	font:300 16px 'BebasNeueRegular', Arial, sans-serif;



}







#footerSlideContent {	



	height: 0px;



	color: #CCCCCC;



	border: none;



	position: relative;



	top: 50px;



	overflow: hidden; 



	width: 100%; 



	margin: 0 auto; 



	max-width: 960px; 



}



/************** END FOOTER ANIMATION *****************************/







/************** START SHORTCODES *****************************/







.one-half{ 



	width: 48.5%;



}







.one-third {



	width:31.3%;



	font-family: 'Lato', arial, serif;



	line-height: 1.6;



	font-size: 14px;



}







.one-fourth {



	width:22.8%;	



}







.one-fifth {



	width:17.65%;



}



.one-sixth {



	width:14.2%;



}



.two-third {  



	width:65%;



}



.two-third-last {  



	width:32.0%;



}



.three-fourth {  



	width:73.0%;



}



.three-fourth-last {  



	width:24.1%;



}



.one-third-search {



	margin-right: 20px;



	width: 208px;



}



.two-third-search {  



	width: 380px;



}



.one-half,



.one-third,



.one-fourth,



.one-fifth,



.one-sixth,



.two-third,



.three-fourth,



.two-third-last,



.three-fourth-last {



	float: left;



	margin-right: 2.9%;



	margin-bottom: 10px;



}







.last-column {



	margin-right: 0px;



}







.hl-main{



	background-color: #91a4ac;



	color:#FFF;



}







.hl.black{



	background-color: #000000;



	color:#FFF;



}







.button a {



	font-family: Lato, "Times New Roman", Times, serif;



	font-style: normal;



	text-align: right;



	font-size: 14px;



	color: #333333;



	background-color:#696969;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	-o-border-radius: 3px;



	border-radius: 3px;



	padding: 4px 7px 4px 7px;
	

	margin-bottom: 10px;
	


	margin-top: 10px;
	

	text-decoration: none;
	


	background: url(images/bg-titleOld.png) repeat;



}







.button a:hover {



	font-family: Lato, "Times New Roman", Times, serif;



	font-style: normal;



	text-align: right;



	font-size: 14px;



	color: #fff;



	background-color:#696969; 



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	-o-border-radius: 3px;



	border-radius: 3px;



	padding: 4px 7px 4px 7px;
	

	
	margin-bottom: 10px;
	


	margin-top: 10px;
	


	text-decoration: none;



	background-color: #1b1b1b;



}







.button .medium  {



	padding: 4px 12px 6px 12px;



	font-size: 18px;



}







.button .medium:hover{



	padding: 4px 12px 6px 12px;



	font-size: 18px;



}







.button .large  {



	padding: 6px 15px 8px 15px;



	font-size: 24px;



	



}







.button .large:hover{



	padding: 6px 15px 8px 15px;



	font-size: 24px;



}







.seperator { 



	border-bottom: 1px solid #c8c6c6; 



	width: 100%;



}







.single-testimonial p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	text-align: left;



	font-size: 18px;



	display: block; 



	font-style: italic; 



	padding-top: 7px; 



	margin-top: -20px;



	margin-left: 10px;



	line-height: 1.5;



}







/************** END SHORTCODES *****************************/











/************** START PORTFOLIO PAGE *****************************/



.160 { width: 160px; }







.circle-p{



	width: 160px;



	height:160px;



	overflow: hidden;



	text-align: center;



	background-repeat: no-repeat;



	background-position:  0px 0px;



	font-size: 26px;



	line-height: 26px;



	float: left;



	margin-right: 40px;



	-moz-border-radius: 80px;



	-webkit-border-radius: 80px;



	-o-border-radius: 80px;



	border-radius: 80px;



	



}







.circle-p1 {



	background: #91a4ac;



	width: 160px;



	height:160px;



	overflow: hidden;



	text-align: center;



	background-repeat: no-repeat;



	font-size: 26px;



	line-height: 26px;



	float: left;



	margin-right: 40px;



	-moz-border-radius: 80px;



	-webkit-border-radius: 80px;



	-o-border-radius: 80px;



	border-radius: 80px;



	position: absolute;



	z-index: -9999;



	



}








#portfolio-filter { }







#portfolio-filter ul  {



	margin-left: 10px;



	height: auto;



}







#portfolio-filter ul li {



	position: relative;



	float: left;



	margin-right: 10px;	



	margin-bottom: 7px;



}











#portfolio-filter ul li span{



	font:300 42px 'BebasNeueRegular', Arial, sans-serif;



	color:#c8c8c8; 



	float: left;



	margin-top: 9px;



	width: 4px;



	height: 4px;



	background-color: #c8c8c8;



	-moz-border-radius: 2px;



	-webkit-border-radius: 2px;



	-o-border-radius: 2px;



	border-radius: 2px;



	



}







#portfolio-filter ul li a{



	position: relative;



	font:300 20px 'BebasNeueRegular', Arial, sans-serif;



	color:#1b1b1b; 



	text-decoration: none;



	padding: 6px 10px 4px 10px;



}







#portfolio-filter ul li a:hover{



	font:300 20px 'BebasNeueRegular', Arial, sans-serif;



	color:#91a4ac; 



	text-decoration: none;



	padding: 6px 10px 4px 10px;



}







#portfolio-filter li.active a { color: #91a4ac; }



.line-filter {



	border-bottom: #b9baba 1px dashed;



	margin-bottom: 7px;



}







#portfolio-content ul.portfolio-circles {



	margin-left: -40px;



	margin-top: 20px;



}







#portfolio-content ul.portfolio-circles a{



	text-decoration: none;	



}







#portfolio-content ul.portfolio-circles li {



	width: 160px;



	float: left;



	margin-left: 40px;



	margin-bottom: 50px;



}











#portfolio-content ul.portfolio-circles li p {



	font-family: Lato, "arial", Times, serif;



	font-size: 14px;



	color: #1b1b1b; 



	text-align: center;



	margin-top: 170px;



	padding-top: 8px;



	height: 24px;



}







#eden .col-570 {



	width: 570px;



	margin-left: 60px;



	height:auto;



}



#eden .col-570 img{



	max-width:570px; 



	height:auto;



}







#eden .item-desc {



	width: 330px;



}



#eden .item-desc h2 {



	font-size: 30px;



	text-align: right;



	line-height: 30px;



}



#eden .item-desc p {



	text-align: right;



	font-size: 18px;



	color: #91a4ac;



	font-family: Lato, "Times New Roman", Times, serif;



	font-style: italic;



	line-height: 18px;



	margin-bottom: 8px;



	text-decoration: none;



}



.dotted-line { border-bottom: 2px dashed #91a4ac; margin-bottom: 20px; }







#eden .item-desc p.item-text {



	font-family: Lato, "Times New Roman", Times, serif;



	color: #1b1b1b; 



	line-height: 1.6;



	font-size: 14px;



	text-align:justify;



	font-style: normal;



}







#eden a.ajax-back {



	width: 40px;



	height: 40px;



	border:none;



	display:block;



	float:left;



	background-color:#91a4ac;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 12px;



	text-align:center;	



	



	-moz-border-radius: 20px;



	-webkit-border-radius: 20px;



	-o-border-radius: 20px;



	border-radius: 20px;



	



	text-decoration: none;



	color: #fff;



}



#eden a.ajax-back:hover {	



	text-decoration: none;



	color: #1b1b1b;



}



#eden a.ajax-back span {



	position: relative;



	top: 8px;



}



#eden .client-stuff { margin-top: 20px; }



#eden .client-stuff h3 { text-align: left; margin-bottom: 3px; }



#eden .client-stuff p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: normal;



	text-align: left;



	font-size: 14px;



	color: #fff;



	background-color:#91a4ac;



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	-o-border-radius: 8px;



	border-radius: 8px;



	padding: 2px 7px 3px 7px;



	margin-bottom: 10px;



}







#eden .url-stuff { margin-top: 20px; }



#eden .url-stuff h3 { text-align: right; margin-bottom: 1px;  }



#eden .url-stuff a {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: normal;



	text-align: right;



	font-size: 14px;



	color: #fff;



	background-color:#91a4ac;



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	-o-border-radius: 8px;



	border-radius: 8px;



	padding: 2px 7px 4px 7px;



	margin-bottom: 10px;



	text-decoration: none;



}



#eden .url-stuff a:hover {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: normal;



	text-align: right;



	font-size: 14px;



	color: #fff;



	background-color:#2c2c2c;



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	-o-border-radius: 8px;



	border-radius: 8px;



	padding: 2px 7px 4px 7px;



	margin-bottom: 10px;



	text-decoration: none;



}







/************** END PORTFOLIO PAGE *****************************/















/************** START CONTACT FORM *****************************/



#contact-form {



	width:630px;



	position:relative;



	margin: 0px 30px 30px 0;



}







#contact-form h3 {



	margin-bottom:30px;



}







.contact-col-300 {



	width: 300px;



	margin:0;



}











#contact-form input, 



#contact-form select, 



#contact-form textarea {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 13px;



}



#contact-form label {



	margin-bottom:2px;



	font:300 18px 'BebasNeueRegular', Arial, sans-serif;



}







#contact-form input, 



#contact-form select{



	width:280px;



	border: none;



	height: 40px;



	color: #8a8888;



	padding: 0 10px;



}







#contact-form textarea {



	width:610px;



	border: none;



	color: #8a8888;



	padding: 10px 10px 10px 10px;



	height:150px;



	resize: none;



	z-index: -1;



}







#contact-form input:focus, 



#contact-form select:focus, 



#contact-form textarea:focus {



	background-color: #fff;



	color: #8a8888;



}







#contact-form label {



	display:block;



}







#contact-form .required {



	font-weight:bold;



	color:#F00;	



}







#contact-form #submit-button {



	width: 70px;



	height: 70px;



	border:none;



	display:block;



	float:right;



	background-color:#8FB5C1;



	color:#FFF;



	margin-top: -35px;



	z-index: 5;



	position: relative;



	display: overlay;



	-moz-border-radius: 35px;



	-webkit-border-radius: 35px;



	-o-border-radius: 35px;



	border-radius: 35px;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 12px;



	text-decoration: none;



}







#contact-form #submit-button:hover {



	/*background-color: #A6CFDD;  */



	color: #1b1b1b;



}







#contact-form #submit-button:active {



	position:relative;



	top:1px;



}







#contact-form #loading {



	width:32px;



	height:32px;



	background-image:url(images/loading.gif);



	display:block;



	position:absolute;



	right:130px;



	bottom:16px;



	display:none;



}







p.error {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 12px;



	color: red;



	font-style:italic;



}



p.tick {



	text-align:center;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 12px;



	color: #1B1B1B;



	font-style:italic;



}



p.tick span {



	font:300 20px 'BebasNeueRegular', Arial, sans-serif; 



	color: #91A4AC;



	text-align:center;



}











#req-field-desc {



	font-style:italic;



}







/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */



input:required, textarea:required {



	-moz-box-shadow:none;



	-webkit-box-shadow:none;



	-o-box-shadow:none;



	box-shadow:none;



}







/* Normalize placeholder styles */







/* chrome, safari */



::-webkit-input-placeholder {



	color:#CCC;



	font-style:italic;



}







/* mozilla */



input:-moz-placeholder, textarea:-moz-placeholder {



	color:#CCC;



	font-style:italic;



}







/* ie (faux placeholder) */



input.placeholder-text, textarea.placeholder-text  { 



	color:#CCC;



	font-style:italic;



}











p.contact-paragraph {



	margin-top: 28px; font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 22px;



}



p.contact-paragraph span{



	font:300 20px 'BebasNeueRegular', Arial, sans-serif; color: #1b1b1b;



}



p.contact-paragraph  a{



	font-family: 'Droid Sans', sans-serif; color: #666666; line-height: 22px;



	text-decoration: none;



	margin: 0;



}



p.contact-paragraph  a:hover{



	font-family: 'Droid Sans', sans-serif; color: #333333; line-height: 22px;



	text-decoration: none;



}



p.contact-paragraph-call{



	font:300 20px 'BebasNeueRegular', Arial, sans-serif; color: #1b1b1b;



}



p.contact-paragraph-call span{



	font:300 24px 'BebasNeueRegular', Arial, sans-serif; color: #91a4ac;



	margin-left: 5px;



}



/************** END CONTACT FORM *****************************/











/************** START FOOTER *****************************/







#foot-col1 {



	width: 22.72%;



	height: 100%;



	margin-right:4%;



	margin-top: 10px;



}







#foot-col2 {



	width: 22.72%;



	height: auto;



	margin-right:4%;



	margin-top: 10px;



}







#foot-col3 {



	width: 22.72%;



	height: 100%;



	margin-right:1%;



	margin-top: 10px;



}







#foot-col4 {



	width: 22.72%;



	height: 100%;



	margin-top: 10px;



}







/************** END FOOTER *****************************/







/************** start BIG CIRCLES HOVER ***********************/



/*Sliding Text and Icon Menu Style*/



.sti-menu{



	width:960px;



	position:relative;



	margin:15px auto 0 auto;



	margin-left:-2px;



}



.sti-menu li{



	float:left;



	width:235px;



	height:235px;



	margin:1px;



	margin-left: 4px;



}



.sti-menu li a{



	display:block;



	overflow:hidden;



	background:#fff;



	text-align:center;



	height:100%;



	width:100%;



	position:relative;



	-moz-box-shadow:1px 1px 2px #ddd;



	-webkit-box-shadow:1px 1px 2px #ddd;



	box-shadow:1px 1px 2px #ddd;



	-moz-border-radius: 50%;



	-webkit-border-radius: 50%;



	border-radius: 50%;



	text-decoration: none;



}



.sti-menu li a h2{



	font: 22px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	color: #3a3939;



	text-transform:uppercase;



	position:absolute;



	width:167px;



	top:60px;



	left:34px;



	text-align: center;



	margin-top: 10px;



}







.sti-menu li a p{



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 12px;



	line-height: 20px;



	color: #3a3939;



	letter-spacing: 0;



	position:absolute;



	top:92px;



	left:25px;



	width:167px;



	padding:10px;



	text-align:center;



}







.sti-icon {



	position:absolute;



	background-position:top left;



	background-repeat:no-repeat;



	background-color:transparent;



	left:100px;



	top:20px;



}



.sti-icon-circle1{



	width:40px;



	height:40px;



}







/************** end BIG CIRCLES HOVER ***********************/







/************** START BLOG PAGE *****************************/



.post { margin: 0 30px 30px 0;}



.post.last { margin: 0 0px 30px 0; }



.post-date {



	display: block;



	width: 48px;



	height: 48px;



	background: #91a4ac;



	-moz-border-radius: 24px;



	-webkit-border-radius: 24px;



	border-radius: 24px;



	text-align:center;



	position: absolute;



	font-weight: bold;



	margin-left: 424px;



	margin-top: -7px;



}











.post-date p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 20px;



	color:#fff;



	line-height: 20px;



	margin-top: 7px;



}



.post-date p span{



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 11px;



	color:#fff;



	display: block;



	margin-top: -3px;



	text-transform: lowercase;



}







.post-title {



	position: absolute;



	background: #91a4ac url(images/bg-title-blog.png) repeat;



	padding: 8px 30px 5px 30px;



	margin-top: 130px;



}







.post-title h3 {margin-bottom: 0px;}







.post-title h3 a {



	font: 22px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	color: #1b1b1b;



	text-decoration: none;



	



}



.post-title h3 a:hover {



	text-decoration: none;



}



/************** END BLOG PAGE *****************************/







/************** START NEWS PAGE *****************************/



.news-date {



	display: block;



	width: 60px;



	height: 60px;



	background: #91a4ac;



	-moz-border-radius: 40px;



	-webkit-border-radius: 40px;



	border-radius: 40px;



	text-align:center;



	font-weight: bold;



	margin-right: 20px;



}



.news-date p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 24px;



	color:#fff;



	line-height: 20px;



	margin-top: 10px;



}



.news-date p span{



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 14px;



	color:#fff;



	display: block;



}



.news-content {



	width: 220px;



}



.news-content h3 {



	text-align: left;



}



.news-content p {



/*	font-family: 'Droid Sans', sans-serif;  



	font-size: 12px; 



	color: #787878; 



	line-height: 18px; 



	margin-top: -10px; */



}



.news-content a {



	margin-left: 150px;



}







/************** END NEWS PAGE *****************************/







/************** START LIST *****************************/



.some-list { 



	width: 100%;



	 /*font-family: 'Droid Sans', sans-serif; line-height: 20px; */



	 font-size: 12px;



	 line-height: 1.5;



	 margin-top: 4px;



}



.margin-bot{margin-bottom:35px !important;}



.list-1 li{padding:0px 0 6px;}



.list-1 li a{font-family: Georgia, "Times New Roman", Times, serif;	color: #1b1b1b; 	line-height: 1.9;	font-size: 12px;text-decoration:none;display:inline-block;padding:0px 0 0 27px;position:relative;}



.list-1 li a:hover{color:#91a4ac}



.list-1 li a>span{position:absolute;width:14px;height:14px;left:0;top:2px;border:1px solid #afadac;border-radius:10px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;



	background-color: #d9d8d7;



	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d8d7), to(#cdcccb)); /* Saf4+, Chrome */



	background-image: -webkit-linear-gradient(top, #d9d8d7, #cdcccb); /* Chrome 10+, Saf5.1+, iOS 5+ */



	background-image:    -moz-linear-gradient(top, #d9d8d7, #cdcccb); /* FF3.6 */



	background-image:     -ms-linear-gradient(top, #d9d8d7, #cdcccb); /* IE10 */



	background-image:      -o-linear-gradient(top, #d9d8d7, #cdcccb); /* Opera 11.10+ */



	background-image:         linear-gradient(top, #d9d8d7, #cdcccb);



	box-shadow:0 0 1px rgba(0,0,0,.19);



}



.list-1 li a>span span{width:100%;height:100%;display:block;overflow:hidden;line-height:0;font-size:0;background:url("images/list1-marker.png") 60% 50% no-repeat;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}



.list-1 li a:hover>span{width:18px;height:18px;top:0;left:-2px;}



.list-1 li a:hover>span span{background:url("images/list1-marker.png") 55% 50% no-repeat;}







/************** END LIST *****************************/







/************** START OUR TEAM *****************************/







#team {}



.team-title{



	margin-top: 65px;



	margin-right: 55px;



}











#team ul.ul-team li {



	float: left;



	width: 144px;



	height: 163px;



	margin-left: 34px;



	margin-bottom: 34px;	



	font: 14px 'DesyrelRegular', Arial, sans-serif;



	text-align: center;



	color: #6b6c6b;



}



#team ul.ul-team li a {



	text-decoration:none;



	font: 14px 'DesyrelRegular', Arial, sans-serif;



	text-align: center;



	color: #6b6c6b;



}



.team-imgs {



	float: left;



 	width: 712px; 



 	margin-left: -27px;



 }



#team ul.ul-team li.last {



	



}



#team ul.ul-team li img {



	margin: 6px 11px 0px 11px;



	width: 123px;



}







.horiz {



	display: none;	



}







/************** END OUR TEAM *****************************/







/****************** START PORFOLIO SLIDER ****************/







#portfolio-item-wrapper{



	margin-bottom: 15px;	



}







.slides_container, #portfolio-slider {



	



	overflow:hidden;



	position:relative;



	background-repeat: no-repeat;



	background-position: center center;



	background-image: url(../images/loading-dark.gif);



	height: auto;



}







.pagination {



 	display: none;



}







#portfolio-slider  .next,#portfolio-slider .prev { 



	display:block; 



	width:60px; 



	height:60px; 



	position:absolute; 



	bottom:27px; 



	line-height:0; 



	font-size:0; 



	z-index:99;



	position: absolute;



	top:45%;



}



#portfolio-slider .next { 



	background:url(images/button-next.png) 0 0 no-repeat; 



	right:10px;



	



}



#portfolio-slider .prev { 



	background:url(images/button-prev.png) 0 0 no-repeat; 



	left:10px;



}



#portfolio-slider .next:hover,#portfolio-slider  .prev:hover { background-position:0 -60px; }







/****************** END PORFOLIO SLIDER ****************/







/************** START BLOG *****************************/



#main-left { width: 640px; margin-right: 60px; }







#main-left #slides {



	width:640px; 



	height:320px;



	margin: 0 auto; 



	position:relative; 



}







#main-left .slides_container {



	width:640px; 



	height:320px;



   z-index: -1;



}



#main-left .slides_container div.slide {



	width:640px; 



	height:320px;



	z-index: 10000;



	display:block;



}



#main-left  .slides_container div.slide img { 



	width:640px; 



	height:auto;



}







#main-left img {



	max-width:640px;



	height: auto;



}	











.blog-post-details {



	width: 640px;



}



h3.blog-post-title {



	font-size: 32px;



	margin-bottom: 12px;



	margin-left: 20px;



}







h3.blog-post-title a{



	color: #1f1f1f;



}











p.blog-post-date {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #91a4ac;



	font-size: 14px;



}







.blog-details {



	width: 640px;



	margin-bottom: 5px;



	height: 20px;



}



.blog-line { 



	border-top: 1px solid #d5d1d1; 



	margin: 4px 0 5px 0;



	width: 640px;



}



.blog-details ul {



	margin-left: 20px;



	width: 640px;



}



.blog-details ul li {



	float: left;



	margin-right: 5px;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #686868;



	font-size: 12px;



}



.blog-details ul li a {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #91a4ac;



	font-size: 12px;



	text-decoration: none;



}



.blog-details ul li a:hover{



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #686868;



	font-size: 12px;



	text-decoration: none;



}







.blog-post-content {



	width:640px;	



}







.blog-post-content p { 



/*	font-family: 'Droid Sans', sans-serif; 



	line-height: 20px;



	color: #2c2c2c;



	font-size: 12px;  */



}







.blog-post-tags {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #2c2c2c;



	font-size: 12px;



	margin-top: 30px;



}



.blog-post-tags a {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #91a4ac;



	font-size: 12px;



	text-decoration: none;



}



.blog-post-tags a:hover {



	border-bottom: 1px dashed #91a4ac;



}







.share-socials { margin-top: 55px; margin-right: -39px;}



.share-socials p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #2c2c2c;



	font-size: 12px;



	position: relative;



	top: 5px;



	margin-right: 5px;



}



.share-socials ul{ width: 130px; margin-top: 5px; }



.share-socials ul li { float: left; margin-right: 5px; }







#respond h3 { 



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #91a4ac;



	font-size: 14px;



	margin-top: -20px;



	margin-bottom: 30px;



}







a.blog-titles {



	color: #333333;



	margin-bottom: 20px;



	text-decoration: none;



	margin-left: 0px;



}







.blog-content {



	width: 640px;



	background-color: #e7e7e7;



	padding: 20px;



}











.pagination {



	clear:both;



	padding:20px 0;



	position:relative;



	font-size:11px;



	line-height:13px;



	margin-left: auto; 



	margin-right: auto; 



	max width:300px;



}







.pagination span, .pagination a {



	display:block;



	float:left;



	margin: 2px 2px 2px 0;



	padding:6px 9px 5px 9px;



	text-decoration:none;



	width:auto;



	color:#fff;



	background: #555;



}







.pagination a:hover{



color:#fff;



}







.pagination .current{



padding:6px 9px 5px 9px;



color:#fff;



}











/************** START COMMENTS *****************************/



/*



	BUBBLES



*/



h3#comments { 



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	color: #91a4ac;



	font-size: 14px;



	margin-top: -20px;



	margin-bottom: 30px;



}



.reply a { color: #91a4ac; font-size:11px; font-family: 'Droid Sans', sans-serif; margin-bottom: 20px;}



#respond a { color: #91a4ac; font-size:11px; font-family: 'Droid Sans', sans-serif; margin-bottom: 20px; } /* ************************ ODSTRANI  */



.comment-awaiting-moderation { color: #747474; font-size:11px; font-family: 'Droid Sans', sans-serif;  font-style:normal;}



.says { display: none; }



.comment-author a{ font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #333333; font-weight: bold; text-decoration: none;}



span.date-and-time a{ display: block; font-size:11px; font-family: 'Droid Sans', sans-serif; margin-bottom: 24px; color:#91a4ac; text-decoration: none; font-weight: normal;  }



.comment-content { width: 640px; }



p.comment-notes { font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #333333; }







#commentform label { margin-bottom:2px; font:300 18px 'BebasNeueRegular', Arial, sans-serif; }



p.comment-form-author span.required { margin-right: 20px; font-weight:bold; color:#F00; }



#blog-post-form-allow { 



	font-family: Georgia, "Times New Roman", Times, serif;



	color: #5f5e5e;



	font-size: 10px; 



	width: 640px;



	letter-spacing: 1px;



}











ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }



ol.commentlist li { }



ol.commentlist li.alt { }



ol.commentlist li.bypostauthor {}



ol.commentlist li.byuser {}



ol.commentlist li.comment-author-admin {}



ol.commentlist li.comment { /*border-bottom:1px dotted #666;*/ color:#333333; }



ol.commentlist li div.comment-author { margin-top: 5px; }



ol.commentlist li div.vcard { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #333333; font-weight: bold;   }



ol.commentlist li div.vcard cite.fn { font-style:normal; }



ol.commentlist li div.vcard cite.fn a.url {}



ol.commentlist li div.vcard img.avatar { border:3px solid #ccc; float:left; margin-right: 30px; }



ol.commentlist li div.vcard img.avatar-32 {}



ol.commentlist li div.vcard img.photo {}



ol.commentlist li div.vcard span.says {}



ol.commentlist li div.commentmetadata {}



ol.commentlist li div.comment-meta { font-size:11px; font-family: 'Droid Sans', sans-serif; margin-bottom: 20px; } /*datum pod imenom kdo je napisal komentar*/



ol.commentlist li div.comment-meta a { color:#91a4ac; text-decoration: none; }



ol.commentlist li p { font-size:11px; margin:0 0 1em; }



ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }



ol.commentlist li div.reply { font-size:11px; margin: 20px 0 60px 0;}



/*



ol.commentlist li div.reply a { color: #fff; font-size: 12px; font-family: Arial, 'Droid Sans', sans-serif; background-color: #333333; padding: 10px;  text-decoration: none; font-weight: bold; }



*/



ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }



ol.commentlist li ul.children li {}



ol.commentlist li ul.children li.alt {}



ol.commentlist li ul.children li.bypostauthor {}



ol.commentlist li ul.children li.byuser {}



ol.commentlist li ul.children li.comment {}



ol.commentlist li ul.children li.comment-author-admin {}



ol.commentlist li ul.children li.depth-2 { margin: 0 0 30px 30px; }



ol.commentlist li ul.children li.depth-3 { margin: 0 0 30px 30px; }



ol.commentlist li ul.children li.depth-4 { margin: 0 0 30px 30px; }



ol.commentlist li ul.children li.depth-5 { margin: 0 0 30px 30px; }



ol.commentlist li ul.children li.odd {}



ol.commentlist li.even { /*background:#fff; */}



ol.commentlist li.odd { /*background:#f6f6f6; */}



ol.commentlist li.parent { /*border-left:5px solid #111;*/ }



ol.commentlist li.pingback { /*border-bottom:1px dotted #666;*/  }



ol.commentlist li.thread-alt { }



ol.commentlist li.thread-even {}



ol.commentlist li.thread-odd {}



input#submit {



	float: right;



	cursor: pointer;



	border: none;



	background-color: #91a4ac;



	color: #fff;



	padding: 7px 10px 6px 10px;



	font: 18px 'BebasNeueRegular', Arial, sans-serif;



	margin: 12px 58px 50px 0;



}



#commentform input#author,



#commentform input#email,



#commentform input#url {



	font-size: 12px; 



	font-family: 'Droid Sans', sans-serif; 



	line-height: 22px;



	width: 280px;



	height: 30px;



	color: #727474;



	margin-bottom: 15px;



	margin-right: 15px;



	border: 1px solid #d5d1d1;



	padding: 0 10px;



}







#commentform input#author:focus,



#commentform input#email:focus,



#commentform input#url:focus {



	color: #8a8888;



	



	-moz-box-shadow: 1px 1px 1px #d5d1d1;



	-webkit-box-shadow: 1px 1px1px #d5d1d1;



	box-shadow:1px 1px 1px #d5d1d1;



	/* For IE 8 */



	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";



	/* For IE 5.5 - 7 */



	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');



	



}











textarea#comment {



	color: #727474; 



	font-size: 12px; 



	font-family: 'Droid Sans', sans-serif; 



	line-height: 22px;



	width: 620px;



	resize: none;



	border: 1px solid #d5d1d1;



	padding: 10px 10px;



}



textarea#comment:focus {



	color: #727474; 



	-moz-box-shadow: 1px 1px 1px #d5d1d1;



	-webkit-box-shadow: 1px 1px1px #d5d1d1;



	box-shadow:1px 1px 1px #d5d1d1;



	/* For IE 8 */



	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";



	/* For IE 5.5 - 7 */



	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');



}



#main-left label { font-size: 14px; font-family: 'Droid Sans', sans-serif;  }











/* ***************** sidebar  */



/* ***************** sidebar  */



#sidebar-right { width: 260px;  } 



.video_description {



	color: #1b1b1b; 



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



}



figure { display: block;  padding: 10px; }



#sidebar-right h3 { font-size: 18px; margin-bottom: 15px; margin-top: 32px; } 



label.screen-reader-text { display: none; }



#sidebar-right input#s { 



	color: #1b1b1b; 



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



	width: 238px;



	height: 30px;



	margin-bottom: 15px;



	border: 1px solid #d5d1d1;



	padding: 0 10px;



} 



#sidebar-right input#s:focus {



	color: #8a8888;



	-moz-box-shadow: 1px 1px 1px #d5d1d1;



	-webkit-box-shadow: 1px 1px1px #d5d1d1;



	box-shadow:1px 1px 1px #d5d1d1;



	/* For IE 8 */



	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";



	/* For IE 5.5 - 7 */



	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');



	



}



#sidebar-right input#searchsubmit {



	cursor: pointer;



	border: none;



	background-color: #91a4ac;



	color: #fff;



	padding: 7px 10px 6px 10px;



	font: 14px 'BebasNeueRegular', Arial, sans-serif;



	margin-left: 200px;



	margin-top: -10px;



	



}







/************** START WIDGETS *****************************/



#sidebar-right { color: #1b1b1b; }



#sidebar-right p { color: #1b1b1b;  }



#sidebar-right .widget a {



	color: #1b1b1b; 



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



	text-decoration: none;



}



#sidebar-right .widget ul {	



	margin-bottom: 30px;



}



#sidebar-right .widget ul li a {



	color: #1b1b1b; 



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



	text-decoration: none;



	list-style-type: none;



}



#sidebar-right .widget ul li a:hover {



	color: #1b1b1b; 



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



	text-decoration: none;



	list-style-type: none;



}



















.flickr_badge_image img{



	border: 2px solid #333333;



	width: 50px;



	height: 50px;



}











.flickr_badge_image img:hover{



	border: 2px solid #434343;



	width: 50px;



	height: 50px;



}











.widget-title{



	margin-bottom: 10px;



}







.flickr_badge_image {



	float: left;



	margin: 0 13px 13px 0;



   width: 50px;



	height: 50px;



}







#twitter_update_list {



	color: #e3e4e5;



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.9;



	font-size: 12px;



}







#twitter_update_list a{



	color: #ffffff;



}







h4.widget-title {



	color: #91a4ac;



	font-family: 'LatoRegular','BebasNeueRegular', sans-serif; 



	line-height: 22px;



	font-size: 14px;



	font-weight: bold;



	margin-bottom: 20px;



}







#foot-col1, #foot-col2, #foot-col3, #foot-col4 { color: #7a7b7b; }



#foot-col1 a, #foot-col2 a, #foot-col3 a, #foot-col4 a { color: #91a4ac; text-decoration: none; }



#foot-col1 a:hover, #foot-col2 a:hover, #foot-col3 a:hover, #foot-col4 a:hover { color: #91a4ac; text-decoration: underline; }







.widget p{ color: #fff; }











/************** END BLOG *****************************/











/************** START TRANSFORM ************************/



/*



@media screen and ( max-width:1485px ){







	#container {



		position: relative;



	   width: 960px;



		float:left;



		margin-left: 250px !important;



		height: auto;



	}	



}



*/















@media screen and ( max-height:800px ){	



	.tt-wrapper{



		margin-top: 0px;	



	}



	



	#main-menu{



		margin-top: 150px;



		margin-bottom: 100px;	



	}



} 











@media screen and ( max-height:650px ){



	



	#main-menu{



		margin-top: 130px;



		margin-bottom: 75px;	



	}



}











/*



.menu11 {



    width: auto;



    height: auto;



    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);



    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);



    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);



}



.menu11 > li > a {



    background-color: #616975;



    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));



    background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));



    background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));



    background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));



    background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));



    background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));



    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');



    border-bottom: 1px solid #33373d;



    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;



    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;



    box-shadow: inset 0px 1px 0px 0px #878e98;



    width: 100%;



    height: 2.75em;



    line-height: 2.75em;



    text-indent: 2.75em;



    display: block;



    position: relative;



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



    font-weight: 600;



    color: #fff;



    text-shadow: 0px 1px 0px rgba(0,0,0,.5);



}



*/











/* added on valentines */







.search-nothing {



	width:640px;



	margin-right: 60px;



}







.search-nothing-news {



	width:640px;



	margin-right: 60px;



}



/*.search-nothing-news*/







#logo2{



	float: left;



	margin: 15px 0;	



}











#main-menu2 .current a{



  background-color: #1b1b1b;	



  color:#f6f6f6;



}







#top-header{



	position:relative;



	top: 0px;



	margin: 0 auto;



	width: 960px;



	height:auto;



	display: none; 



}







#main-menu2{



	margin-top: 45px;



	float:right;



	display: block;



	width:auto;



	list-style: none;	



	



	



}







#main-menu2 li{



	width: auto;



	position: relative;



	float: left;



	border:none;



}







#main-menu2 a {



	text-decoration: none;



	text-transform: uppercase;



	color: #000000;



	font: 20px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



	padding: 45px 15px 2px;



	border: 1px solid grey;



}



	



#main-menu2 a:hover{



	color:#f6f6f6;



	background-color: #1b1b1b;	



}







/**menu inside**/



.menu-inside{



	width: 960px;



	margin-top: 5px;



	



	display: none;



	list-style: none;



	text-align: center;



	margin-bottom: 10px;



}







.menu-inside li{



	display:inline;



	padding:20px;



	margin-bottom: 8px;



}







.menu-inside li a {



	text-decoration: none;



	text-transform: uppercase;



	color: #000000;



	font: 20px 'BebasNeueRegular', Arial, sans-serif;



	letter-spacing: 0;



/*	padding: 5px 15px 2px; */



	border:none;



	text-align: center;



/*	background: #91a4ac url(images/bg-titleOld.png) repeat; */



}



	



.menu-inside a:hover, .menu-inside .current a{



	/*color:#f6f6f6;



	background-color: #1b1b1b;	*/



	color:#91a4ac;







}	







@media only screen and (max-width: 1485px) {



	#container {



		position: relative;



	   width: 960px;



		float:left;



		margin-left: 250px;



		height: auto;



	}







	



	







	



}







/* iPad lezeci */



@media screen and ( max-width:1240px ){







	#container {



		position: relative;



	    width: 960px;



		margin: 0 auto;



		height: auto;



		float: none;



	}	



	



	#left-sidebar {



		position: absolute;



		display: none;	



	}



	



	



	.sectionWrapper {



		 padding-top: 30px;



	}



	



	#blog-post {



		margin-top: 30px;	



	}	



	.menu-inside{



		display: block;	



		margin-top: 10px;



	}



	



	#top-header {



		display: block;	



	}



	



	



	



	



	.tt-wrapper2{



		padding: 0;



		float:right;



		width: auto;



		height: 70px;



		margin-top: 40px;



	}



	.tt-wrapper2 li{



		float: right;



	}



	.tt-wrapper2 li a{



	    display: block;



	    width: 24px;



	    height: 24px;



	    margin: 0 10px 0 0;



	    outline: none;



		 position: relative;



		 z-index: 2;



	    text-indent: -9000px;



		 text-decoration: none;



	}



	



	.tt-wrapper2 li a span{



		width: 50px;



		height: 50px;



		line-height: 50px;



		padding: 10px;



		left: 50%;



		margin-left: -40px;



		font-family: Georgia, "Times New Roman", Times, serif;



		font-style: italic;



		font-size: 12px;



		color: #464545;



		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);



		text-align: center;



		border: 5px solid #fff;



		background: rgba(255,255,255,0.5);



		text-indent: 0px;



		position: absolute;



		pointer-events: none;



		border-radius: 50%;



		bottom: -40px;



		opacity: 0;



		box-shadow: 0px 3px 8px rgba(0,0,0,0.1);



		-webkit-transform: scale(0.2);



		-moz-transform: scale(0.2);



		-o-transform: scale(0.2);



		-ms-transform: scale(0.2);



		transform: scale(0.2);



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



		transition: all 0.3s ease-in-out;text-decoration: none;



	}



	.tt-wrapper2 li a:hover span{



		opacity: 0.9;



		bottom: 20px;



		-webkit-transform: scale(1);



		-moz-transform: scale(1);



		-o-transform: scale(1);



		-ms-transform: scale(1);



		transform: scale(1);



		text-decoration: none;



	}



	



	.firstPage{



		padding-top: 0px;	



	}



	



	



#footerSlideContainer {	



		position:relative;



		margin-top: 10px;



		width:100%;



		height:auto;	



		background:  transparent url("images/footer_small.png") repeat; 



}







#footerSlideButton {	



	display: none;







}



















#footerSlideContent {	



	color: #CCCCCC;



	border: none;



	position: relative;



	overflow: hidden; 



	width: 960px;



	margin: 0 auto; 



	height: auto;



	padding-bottom: 15px;



	padding-top: 15px;



}



	



	



	



}







/* iPad pokoncn */



@media only screen and (max-width: 959px) {



	



	#container {



		position: relative;



		width: 736px;



		height: auto;



	}	



	#top-header {



		width:736px;	



	}		



	.menu-inside {



		width: 736px;	



	}	



	h1 {



		font-size: 38px;



	}



	



	#main-menu2 a {



		font: 16px 'BebasNeueRegular', Arial, sans-serif;



	}	







	#slides, #slides1 {



		margin: 0 auto; 



		width: 736px;



		position:relative; 



		height: 328px; 



	}



	



	.slides_container {



		width: 736px;



		height: 328px; 



	}



	.slides_container div.slide {



		width: 736px;



		height: 328px;	



		display:block;



	}



	



	.search-nothing, .search-nothing-news {



		 width:508px;



		 margin-right:60px;



	} 



	.slides_container div.slide img { 



		max-width:100%; 



		height: 328px; 



	}







	.caption { 



		width:455px; 



		height:93px; 



		background: url(images/banner.png) 0 0 repeat; 



		position:absolute; 



		left:-5px; 



		bottom:20px;



	}



	.text1 { 



		font:300 30px/36px 'BebasNeueRegular', Arial, sans-serif;



		color:#fff; 



		padding:16px 0 0 27px;



	}



	.text2 {



		color:#fff; 



		font:14px/17px Georgia, "Times New Roman", Times, serif;



		padding:0 0 0 30px;



		font-style: italic;



	}



	.next,.prev { 



		display:block; 



		width:60px; 



		height:60px; 



		position:absolute; 



		bottom:27px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	.next { 



		background:url(images/button-next.png) 0 0 no-repeat; 



		right:44px;



	}



	.prev { 



		background:url(images/button-prev.png) 0 0 no-repeat; 



		right:115px;



	}



	.next:hover, .prev:hover { background-position:0 -60px; }



		



	.quote {



		text-align: center;



		background: #91a4ac url(images/bg-lines-big.png) repeat-x;



		padding: 6px 0 12px;



		margin-top: 0px;



	}



	.quote p {



		font-family: Lato, "Times New Roman", Times, serif;



		color: #fff;



		font-size: 14px;



		line-height: 18px;



		



	}







	



	.col-300 {



		width: 353px;



		margin-left: 30px;



		margin-bottom: 35px;



		min-height: 150px;



	}



	



	.news-content {



		width: 268px;



	}



	



	



	.sti-menu{



		width:736px;



		height: auto;



		position:relative;



		margin:0 auto;



		margin-left: -5px;



	}



	.sti-menu li{



		float:left;



		width:235px;



		height:235px;



		margin-top: 10px;



		margin-left: 9px;







	}



	.sti-menu li a{



		display:block;



		overflow:hidden;



		background:#fff;



		text-align:center;



		height:100%;



		width:100%;



		position:relative;



		-moz-box-shadow:1px 1px 2px #ddd;



		-webkit-box-shadow:1px 1px 2px #ddd;



		box-shadow:1px 1px 2px #ddd;



		-moz-border-radius: 50%;



		-webkit-border-radius: 50%;



		border-radius: 50%;



		text-decoration: none;



	}



	.sti-menu li a h2{



		font: 22px 'BebasNeueRegular', Arial, sans-serif;



		letter-spacing: 0;



		color: #3a3939;



		text-transform:uppercase;



		position:absolute;



		width:167px;



		top:60px;



		left:34px;



		text-align: center;



		margin-top: 10px;



	}



	



	.sti-menu li a p{



		font-family: Georgia, "Times New Roman", Times, serif;



		font-size: 12px;



		line-height: 20px;



		color: #3a3939;



		letter-spacing: 0;



		position:absolute;



		top:92px;



		left:25px;



		width:167px;



		padding:10px;



		text-align:center;



	}







	.sti-icon {



		left:100px;



		top:20px;



	}



	



	/* blog template start */



	.blog-template{



		



	}



	



	.post { margin: 0 0 30px 0px;}



	



	.post.last { margin: 0 0 30px 30px; }



	



	.post-date {



		margin-left: 315px;



		margin-top: -7px;	



	}







	.post-image img {



		width:353px;



		height:auto;	



	}



	



	.post-title {



		margin-top: 90px;



	}



	



	.post-title h3 {margin-bottom: 0px;}



	.two-third-search { width: 280px; margin-right: 60px; }



	



	/*blog template end*/



	



	/*team start*/



	.team-title{



		margin-top: 65px;



		margin-right: 55px;



	}



	



	#team ul.ul-team li {



		width: 144px;



		height: 163px;



		margin-left: 22px;



		margin-bottom: 22px;



	}



	.team-imgs {



		margin-left: -40px;



		float: left;



	 	width: 498px; 



	 }



	/* team end */



	



	/* sidebar start */



	



	#main-left { width: 508px; }



	



	#main-left #slides {



		width:508px; 



		height:254px;



		margin: 0 auto; 



		position:relative; 



	}



	



	#main-left .slides_container {



		width:508px; 



		height:254px;



	   z-index: -1;



	}



	#main-left .slides_container div.slide {



		width:508px; 



		height:254px;



		z-index: 10000;



		display:block;



	}



	#main-left  .slides_container div.slide img { 



		width:508px; 



		height:auto;



	}



		



	#main-left #slides .next,#main-left #slides .prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:27px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	



	#main-left #slides .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:44px;



	}



	#main-left #slides .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:85px;



	}



	



	#main-left #slides .next:hover, #main-left #slides .prev:hover { background-position:0 -30px; }







	



	



	



	#main-left img {



		max-width:508px;



		height: auto;



	}	



	.blog-post-details {



		width:508px;	



	}	



	



	.blog-details {



		width:508px;	



	}



	.blog-line { 



		width:508px;	



	}



	.blog-details ul {



		margin-left: 20px;



		width:508px;	



	}	



	



	.blog-post-content {



		width:100%;	



	}



	



	.blog-post-tags a:hover {



		border-bottom: 1px dashed #91a4ac;



	}



	.share-socials {  margin-right: -10px;}



	



	input#submit  { float: left; margin-left: 343px; }



	



	#sidebar-right { 



		width: 168px;  



	} 



	



	#sidebar-right input#s { 



		width: 146px;



	} 



	



	#sidebar-right input#searchsubmit {



		margin-left: 110px;



	}



	



	.comment-content { width: 508px; }



	



	#blog-post-form-allow { 



		width: 508px;



	}



	



	textarea#comment {



		width: 486px;



	}



	



	/*sidebar end*/



	



	/*porfolio*/



	



	#portfolio-content ul.portfolio-circles {



		margin-left: -31px;



	}



	#portfolio-content ul.portfolio-circles li {



	



		margin-left: 31px;



	}



	



	#eden .col-570 {



		max-width: 458px;



		margin-left: 60px;



		height:auto;



	}



	#eden .col-570  img{



		max-width: 458px;



		height:auto;



	}



	#eden .item-desc {



		width: 218px;



	}



	



	.col-570 #slides1 {



		width:458px; 



		height:257px;



		margin: 0 auto; 



		position:relative; 



	}



	



	.col-570 .slides_container {



		width:458px;



		height:257px;







	}



	.col-570 .slides_container div.slide {



		width:458px;



		height:257px; 



		z-index: 10000;



		display:block;



	}



	



	.col-570 #slides1 .next,.col-570 #slides1 .prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:27px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	



	.col-570 #slides1 .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:44px;



	}



	.col-570 #slides1 .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:85px;



	}



	



	.col-570 #slides1 .next:hover, .col-570 #slides1 .prev:hover { background-position:0 -30px; }







	







/************** START CONTACT FORM *****************************/



#contact-form {



	width:406px;



	margin: 0px 50px 30px 0;



}







.contact-col-300 {



	width: 280px;



	margin:0;



}







#contact-form input, 



#contact-form select{



	width:168px;



	border: none;



	height: 40px;



	color: #8a8888;



	padding: 0 10px;



}







#contact-form textarea {



	width:353px;



	border: none;



	color: #8a8888;



	padding: 10px 10px 10px 10px;



	height:150px;



	resize: none;



	z-index: -1;



}















#contact-form #submit-button {



	width: 70px;



	height: 70px;



	border:none;



	display:block;



	float:right;



	background-color:#8FB5C1;



	color:#FFF;



	margin-top: -35px;



	z-index: 5;



	position: relative;



	display: overlay;



	-moz-border-radius: 35px;



	-webkit-border-radius: 35px;



	-o-border-radius: 35px;



	border-radius: 35px;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-style: italic;



	font-size: 12px;



	text-decoration: none;



}























/************** END CONTACT FORM *****************************/



	



	.search-nothing, .search-nothing-news {



		 width:508px;



		 margin-right:60px;



	}



	



	#footerSlideContent {	



		width: 736px;	



		



	}



	



}







/*



@media only screen and  (max-width: 1025px) {



	







	#container {



		float:none;



	   position: relative;



	   width: 736px;



		margin: 0 auto;



		height: auto;



		background-color: green;



	}	



	



	







	



	



	#left-sidebar {



		position: absolute;



		display: none;	



	}



	



	.menu-inside{



		display: block;	



		margin-top: 10px;



	}



	



	#top-header {



		display: block;	



	}



	



	



	.tt-wrapper2{



		padding: 0;



		float:right;



		width: auto;



		height: 70px;



		margin-top: 40px;



	}



	.tt-wrapper2 li{



		float: right;



	}



	.tt-wrapper2 li a{



	    display: block;



	    width: 24px;



	    height: 24px;



	    margin: 0 10px 0 0;



	    outline: none;



		 position: relative;



		 z-index: 2;



	    text-indent: -9000px;



		 text-decoration: none;



	}



	



	.tt-wrapper2 li a span{



		width: 50px;



		height: 50px;



		line-height: 50px;



		padding: 10px;



		left: 50%;



		margin-left: -40px;



		font-family: Georgia, "Times New Roman", Times, serif;



		font-style: italic;



		font-size: 12px;



		color: #464545;



		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);



		text-align: center;



		border: 5px solid #fff;



		background: rgba(255,255,255,0.5);



		text-indent: 0px;



		position: absolute;



		pointer-events: none;



		border-radius: 50%;



		bottom: -40px;



		opacity: 0;



		box-shadow: 0px 3px 8px rgba(0,0,0,0.1);



		-webkit-transform: scale(0.2);



		-moz-transform: scale(0.2);



		-o-transform: scale(0.2);



		-ms-transform: scale(0.2);



		transform: scale(0.2);



		-webkit-transition: all 0.3s ease-in-out;



		-moz-transition: all 0.3s ease-in-out;



		-o-transition: all 0.3s ease-in-out;



		-ms-transition: all 0.3s ease-in-out;



		transition: all 0.3s ease-in-out;text-decoration: none;



	}



	.tt-wrapper2 li a:hover span{



		opacity: 0.9;



		bottom: 20px;



		-webkit-transform: scale(1);



		-moz-transform: scale(1);



		-o-transform: scale(1);



		-ms-transform: scale(1);



		transform: scale(1);



		text-decoration: none;



	}



	



	.firstPage{



		padding-top: 0px;	



	}



	



	



	



	







}



*/















/**under 768**/



@media only screen and (max-width: 767px)  {







	#container {



	   width: 404px;



	}	



	



	#top-header{



		width: 404px;	



	}



	



	.menu-inside {



		width: 404px;	



	}



	



	.tt-wrapper2{



		padding: 0;



		float:right;



		width: auto;



		height: 40px;



		margin-top: 40px;



		position:relative;



		left:-50%;



		text-align:left;



	}



	



	.all-socials {



		position:relative;



		left:50%;



		float:left;



		clear:both;



		text-align:left;	



	}



	.tt-wrapper2 li{



		float: right;



	}



	.tt-wrapper2 li a{



	    display: block;



	    width: 24px;



	    height: 24px;



	    margin: 0 10px 0 0;



	    outline: none;



		 position: relative;



		 z-index: 2;



	    text-indent: -9000px;



		 text-decoration: none;



	}



	



	h1 {



		font-size: 20px;



	}



	



	.sectionWrapper {



		padding-top:20.5px; 



	}



	



	#top-header {



	   width: 404px;                                            



	   height: auto;



	



	}



	



	#main-menu2 a {



		font: 16px 'BebasNeueRegular', Arial, sans-serif; 



	}



	







	.menu-inside {



		display: block;



		width: 100%;



	}



	



	.menu-inside li {



	



	}



		



		



	



	#logo2{



		width: 404px; text-align: center; margin: 15px 0 15px 0;  



	}







	#slides, #slides1 {



		width: 404px;



		height: 200px; 



	}



	



	.slides_container {



		width: 404px;



		height: 200px; 



	}



	.slides_container div.slide {



		width: 404px;



		height: 200px; 



	}



	.slides_container div.slide img { 



		max-width:100%; 



		height: 200px; 



	}



	



	.caption { 



		width:300px; 



		height:50px; 



		background: url(images/banner.png) 0 0 repeat; 



		position:absolute; 



		left:-5px; 



		bottom:10px;



	}



	.text1 { 



		font:300 15px/18px 'BebasNeueRegular', Arial, sans-serif;



		padding:6px 0 0 27px;



	}



	.text2 { 



		font:12px/13px Georgia, "Times New Roman", Times, serif;



		padding:0 0 0 30px;



	}



	.next,.prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:15px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	.next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:14px;



	}



	.prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:55px;



	}



	.next:hover, .prev:hover { background-position:0 -30px; }



		



	.quote {



		text-align: center;



		background: #91a4ac url(images/bg-lines-big.png) repeat-x;



		padding: 6px 0 12px;



		margin-top: 0px;



	}



	.quote p {



		font-family: Georgia, "Times New Roman", Times, serif;



		color: #fff;



		font-size: 12px;



		line-height: 18px;



		font-style: italic;



	}







	



	.col-300 {



		width: 404px;



		margin-left: 30px;



		margin-bottom: 35px;



		min-height: 10px;



		height: auto;



	}



	



	.news-content {



		width: 324px;



	}



	



	



	.sti-menu{



		width:235px;



		height: auto;



		position:relative;



		margin:0 auto;



	



	}



	.sti-menu li{



		float:left;



		width:235px;



		height:235px;



		margin-top: 20px;







	}



	.sti-menu li a{



		display:block;



		overflow:hidden;



		background:#fff;



		text-align:center;



		height:100%;



		width:100%;



		position:relative;



		-moz-box-shadow:1px 1px 2px #ddd;



		-webkit-box-shadow:1px 1px 2px #ddd;



		box-shadow:1px 1px 2px #ddd;



		-moz-border-radius: 50%;



		-webkit-border-radius: 50%;



		border-radius: 50%;



		text-decoration: none;



	}



	.sti-menu li a h2{



		font: 22px 'BebasNeueRegular', Arial, sans-serif;



		letter-spacing: 0;



		color: #3a3939;



		text-transform:uppercase;



		position:absolute;



		width:167px;



		top:60px;



		left:34px;



		text-align: center;



		margin-top: 10px;



	}



	



	.sti-menu li a p{



		font-family: Georgia, "Times New Roman", Times, serif;



		font-size: 12px;



		line-height: 20px;



		color: #3a3939;



		letter-spacing: 0;



		position:absolute;



		top:92px;



		left:25px;



		width:167px;



		padding:10px;



		text-align:center;



	}







	.sti-icon {



		left:100px;



		top:20px;



	}



	



	/* blog template start */



		



		



		



	



	.blog-template{



		margin-left: 0px;	



	}



	



	.post { margin: 0 0 30px 0px;}



	



	.post.last { margin: 0 0 30px 0px; }



	



	.post-date {



		margin-left: 366px;



		margin-top: -7px;



	}







	.post-image img {



		width:404px;



		height:auto;	



	}



	



	.post-title {



		margin-top: 90px;



	}



	



	.post-title h3 {margin-bottom: 0px;}



	



	



	



	



	/*team start*/



	.team-title{



		margin: 0;



		margin-bottom: 20px;



		margin-top: -25px;



		width: 404px;



		text-align: center;



		display: block;	



	}



	



	.horiz img {



		margin-left: 125px;



		margin-top: -7px;



		margin-bottom: 7px;



			



	}



	



	#team ul.ul-team li {



		width: 144px;



		height: 163px;



		margin-left: 22px;



		margin-bottom: 22px;



	}



	.team-imgs {



	 	width: 334px; 



	 	margin-left: 25px;



	 	margin-top: 20px;



	 	



	 }



	 



	 .verti {



	 	display: none;	



	 	



	 }



	 



	 .horiz {



	 	display: block;	



	 	margin: 0 auto; 



	 	text-align: center;



	 }



	/* team end */



	



	/* sidebar start */



	



	#main-left { width: 404px; margin: 0px; float: left;  }



	



	#main-left #slides {



		width:404px; 



		height:202px;



		margin: 0 auto; 



		position:relative; 



	}



	



	#main-left .slides_container {



		width:404px; 



		height:202px;



	   z-index: 98;



	}



	#main-left .slides_container div.slide {



		width:404px; 



		height:202px;



		z-index: 10000;



		display:block;



	}



	#main-left  .slides_container div.slide img { 



		width:404px; 



		height:auto;



	}



	



	#main-left #slides .next,#main-left #slides .prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:20px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	



	#main-left #slides .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:24px;



	}



	#main-left #slides .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:65px;



	}



	



	#main-left #slides .next:hover, #main-left #slides .prev:hover { background-position:0 -30px; }







	



	



	#main-left img {



		max-width:404px; 



		height: auto;



	}



	



	#blog-post {



			margin-top:20.5px; 	



	}



	



	.blog-post-details {



		width:404px;	



	}



	



	



	.blog-details {



		width:404px;	



	}



	.blog-line { 



		width:404px;	



	}



	.blog-details ul {



		margin-left: 20px;



		width:404px;	



	}



	



	



	.blog-post-content {



		width:100%;	



	}



	



	.blog-post-tags a:hover {



		border-bottom: 1px dashed #91a4ac;



	}



	



	#sidebar-right { 



		width: 260px;  



	} 



	



	#sidebar-right input#s { 



		width: 238px;



	} 



	



	#sidebar-right input#searchsubmit {



		margin-left: 200px;



	}



	



	.comment-content { width: 404px; }



	



	#blog-post-form-allow { 



		width: 404px;



	}



	



	input#submit  { float: left; margin-left: 308px; }



	



	#commentform input#author,



	#commentform input#email,



	#commentform input#url {



		width: 200px;



		height: 30px;



	}



	



	textarea#comment {



		width: 382px;



	}



	







	/*sidebar end*/



	



	/*porfolio*/



	



	#portfolio-content ul.portfolio-circles {



		margin-left: -31px;



	}



	#portfolio-content ul.portfolio-circles li {



	



		margin-left: 50px;



	}



	



	#eden .col-570 {



		max-width: 404px;



		height:auto;



		margin-left: 0;



	}



	#eden .col-570  img{



		max-width: 404px;



		height:auto;



	}



	#eden .item-desc {



		width: 404px;



	}



	



	.col-570 #slides1 {



		width:404px; 



		height:202px;



		margin: 0 auto; 



		position:relative; 



	}



	



	.col-570 .slides_container {



		width:402px;



		height:202px;







	}



	.col-570 .slides_container div.slide {



		width:402px;



		height:202px; 



		z-index: 10000;



		display:block;



	}



	



	



	.col-570 #slides1 .next,.col-570 #slides1 .prev { 



		bottom:20px; 



	}



	



	.col-570 #slides1 .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:44px;



	}



	.col-570 #slides1 .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:85px;



	}



	



	.dot {



		display: none;	



	}



	



	.line-filter {



	}



	



	#portfolio-filter { }







	#portfolio-filter ul  {



		margin-left: 0px;



		height: auto;



		width: 100%;



	}



	#portfolio-filter ul li {



		position: relative;



		float: left;



		margin-bottom: 10px;



		width: 45%;



		text-align: center;



	}



	



	



	#portfolio-filter ul li span{



		font:300 42px 'BebasNeueRegular', Arial, sans-serif;



		color:#c8c8c8; 



		float: left;



		margin-top: 9px;



		width: 4px;



		height: 4px;



		background-color: #c8c8c8;



		-moz-border-radius: 2px;



		-webkit-border-radius: 2px;



		-o-border-radius: 2px;



		border-radius: 2px;



		



	}



	



	#portfolio-filter ul li a{



		position: relative;



		font:300 20px 'BebasNeueRegular', Arial, sans-serif;



		color:#1b1b1b; 



		text-decoration: none;



		padding: 6px 10px 4px 10px;



	}



	



	#portfolio-filter ul li a:hover{



		font:300 20px 'BebasNeueRegular', Arial, sans-serif;



		color:#91a4ac; 



		text-decoration: none;



		padding: 6px 10px 4px 10px;



	}



	



	#portfolio-filter li.active a { color: #91a4ac; }



	.line-filter {



		border-bottom: #b9baba 1px dashed;



		margin-bottom: 7px;



	}



	



	



	/************** START CONTACT FORM *****************************/



	#contact-form {



		width:404px;







	}



	



	#contact-form h3 {



		margin-bottom:30px;



	}







	



	#contact-form textarea {



		width:404px;



	}



	



	#contact-form input, 



	#contact-form select{



		width:404px;



	}











	/************** END CONTACT FORM *****************************/



	



	.one-third-search {



		margin-right: 20px;



		width: 208px;



		display: none;



	}



	.two-third-search {  



		width: 100%;



	}	



	



	



	#footerSlideContent {	



		width: 404px;	



	}



	



	#foot-col1 {



		width: 404px;



		height: 100%;



		margin-right:0;



		margin-top: 10px;



	}



	



	#foot-col2 {



		width: 404px;



		height: 100%;



		margin-right:0;



		margin-top: 10px;



	}



	



	#foot-col3 {



		width: 404px;



		height: 100%;



		margin-right:0;



		margin-top: 10px;



	}



	



	#foot-col4 {



		width: 404px;



		height: 100%;



		margin-right:0;



		margin-top: 10px;



	}



	



	.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth,



	.two-third, .two-third-last, .three-fourth, .three-fourth-last  { 



		width: 100%;



	}



	.one-half,



	.one-third,



	.one-fourth,



	.one-fifth,



	.one-sixth,



	.two-third,



	.three-fourth,



	.two-third-last,



	.three-fourth-last {



		float: left;



		margin-right: 0;



		margin-bottom: 20px;



	}



	



}







































































@media screen and (max-width: 479px) {



	#container {



	   width: 300px;



	}	



	



	#top-header {



	   width: 300px;                                            



	   height: auto;



	



	}



	



	.all-socials {



		width: 404px;	



	}



	



	h1 {



		font-size: 20px;



	}



	



	.sectionWrapper {



		padding-top:20.5px; 



	}



	



	.menu-inside {



		width: 300px;



	}



		



	



	#logo2{



		width: 300px; text-align: center; margin: 15px 0 15px 0;    



	}







	#slides, #slides1 {



		width: 300px;



		height: 150px; 



	}



	



	.slides_container {



		width: 300px;



		height: 150px; 



	}



	.slides_container div.slide {



		width: 300px;



		height: 150px; 



	}



	.slides_container div.slide img { 



		max-width:100%; 



		height: 150px; 



	}



	



	.caption { 



		width:300px; 



		height:50px; 



		background: url(images/banner.png) 0 0 repeat; 



		position:absolute; 



		left:-5px; 



		bottom:10px;



	}



	.text1 { 



		font:300 15px/18px 'BebasNeueRegular', Arial, sans-serif;



		padding:6px 0 0 27px;



	}



	.text2 { 



		font:12px/13px Georgia, "Times New Roman", Times, serif;



		padding:0 0 0 30px;



	}



	.next,.prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:115px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	.next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:5px;



	}



	.prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:40px;



	}



	.next:hover, .prev:hover { background-position:0 -30px; }



		



	.quote {



		text-align: center;



		background: #91a4ac url(images/bg-lines-big.png) repeat-x;



		padding: 6px 0 12px;



		margin-top: 0px;



	}



	.quote p {



		font-family: Georgia, "Times New Roman", Times, serif;



		color: #fff;



		font-size: 12px;



		line-height: 18px;



		font-style: italic;



	}







	



	.col-300 {



		width: 300px;



		margin-left: 30px;



		margin-bottom: 35px;



		min-height: 10px;



		height: auto;



	}



	



	.news-content {



		width: 220px;



	}



	



	



	.sti-menu{



		width:235px;



		height: auto;



		position:relative;



		margin:0 auto;



	



	}



	.sti-menu li{



		float:left;



		width:235px;



		height:235px;



		margin-top: 20px;







	}



	.sti-menu li a{



		display:block;



		overflow:hidden;



		background:#fff;



		text-align:center;



		height:100%;



		width:100%;



		position:relative;



		-moz-box-shadow:1px 1px 2px #ddd;



		-webkit-box-shadow:1px 1px 2px #ddd;



		box-shadow:1px 1px 2px #ddd;



		-moz-border-radius: 50%;



		-webkit-border-radius: 50%;



		border-radius: 50%;



		text-decoration: none;



	}



	.sti-menu li a h2{



		font: 22px 'BebasNeueRegular', Arial, sans-serif;



		letter-spacing: 0;



		color: #3a3939;



		text-transform:uppercase;



		position:absolute;



		width:167px;



		top:60px;



		left:34px;



		text-align: center;



		margin-top: 10px;



	}



	



	.sti-menu li a p{



		font-family: Georgia, "Times New Roman", Times, serif;



		font-size: 12px;



		line-height: 20px;



		color: #3a3939;



		letter-spacing: 0;



		position:absolute;



		top:92px;



		left:25px;



		width:167px;



		padding:10px;



		text-align:center;



	}







	.sti-icon {



		left:100px;



		top:20px;



	}



	



	/* blog template start */



		



	.blog-template{



		margin-left: 0;	



	}



	



	.post { margin: 0 0 30px 0px;}



	



	.post.last { margin: 0 0 30px 0px; }



	



	.post-date {



		margin-left: 262px;



		margin-top: -7px;



	}







	.post-image img {



		width:300px;



		height:auto;	



	}



	



	.post-title {



		margin-top: 70px;



	}



	



	.post-title h3 {margin-bottom: 0px;}



	



	/*blog template start*/



	



	.blog-template{



		margin-left: 0px;	



	}



	/*blog template end*/



	



	/*team start*/



	.team-title{



		margin: 0;



		margin-bottom: 20px;



		margin-top: -25px;



		width: 300px;



		text-align: center;



		display: block;	



	}



	



	.horiz img {



		margin-left: 70px;



		margin-top: -7px;



		margin-bottom: 7px;



			



	}



	



	#team ul.ul-team li {



		width: 144px;



		height: 163px;



		margin-left: 22px;



		margin-bottom: 22px;



	}



	.team-imgs {



	 	width: 300px; 



	 	margin-left: 50px;



	 	margin-top: 20px;



	 	



	 }



	 



	 .verti {



	 	display: none;	



	 	



	 }



	 



	 .horiz {



	 	display: block;	



	 	margin: 0 auto; 



	 	text-align: center;



	 }



	/* team end */



	



	/* sidebar start */



	



	#main-left { width: 300px; margin-right: 0px; }



	



	#main-left #slides {



		width:300px; 



		height:150px;



		margin: 0 auto; 



		position:relative; 



	}



	



	#main-left .slides_container {



		width:404px; 



		height:150px;



	   z-index: -1;



	}



	#main-left .slides_container div.slide {



		width:300px; 



		height:150px;



		z-index: 10000;



		display:block;



	}



	#main-left  .slides_container div.slide img { 



		width:300px; 



		height:auto;



	}



	



	#main-left #slides .next,#main-left #slides .prev { 



		display:block; 



		width:30px; 



		height:30px; 



		position:absolute; 



		bottom:20px; 



		line-height:0; 



		font-size:0; 



		z-index:99;



	}



	



	#main-left #slides .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:24px;



	}



	#main-left #slides .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:65px;



	}



	



	#main-left #slides .next:hover, #main-left #slides .prev:hover { background-position:0 -30px; }







	



	



	



	#main-left img {



		max-width:300px; 



		height: auto;



	}



	



	



	.blog-post-details {



		width:300px;	



	}



	



	



	.blog-details {



		width:300px;	



	}



	.blog-line { 



		width:300px;	



	}



	.blog-details ul {



		margin-left: 20px;



		width:300px;	



	}



	



	



	.blog-post-content {



		width:100%;	



	}



	



	.blog-post-tags a:hover {



		border-bottom: 1px dashed #91a4ac;



	}



	



	#sidebar-right { 



		width: 260px;  



	} 



	



	#sidebar-right input#s { 



		width: 238px;



	} 



	



	#sidebar-right input#searchsubmit {



		margin-left: 200px;



	}



	



	.comment-content { width: 300px; }



	



	#blog-post-form-allow { 



		width: 300px;



	}



	



	textarea#comment {



		width: 300px;



	}



	







	/*sidebar end*/



	



	/*porfolio*/



	



	#portfolio-content ul.portfolio-circles {



		width: 160px;



		margin:  0  auto;



		margin-top: 20px;



		



	}



	#portfolio-content ul.portfolio-circles li {



		width: 160px;



		margin:  0  auto;



		margin-bottom: 20px;



	}



	



	#eden .col-570 {



		max-width: 300px;



		height:auto;



		margin-left: 0;



	}



	#eden .col-570  img{



		max-width: 300px;



		height:auto;



	}



	#eden .item-desc {



		width: 300px;



	}



	



	.col-570 #slides1 {



		width:300px; 



		height:150px;



		margin: 0 auto; 



		position:relative; 



	}



	



	.col-570 .slides_container {



		width:300px; 



		height:150px;







	}



	.col-570 .slides_container div.slide {



		width:300px; 



		height:150px;



		z-index: 10000;



		display:block;



	}



	



	



	.col-570 #slides1 .next,.col-570 #slides1 .prev { 



		bottom:12px; 



	}



	



	.col-570 #slides1 .next { 



		background:url(images/button-next-50.png) 0 0 no-repeat; 



		right:24px;



	}



	.col-570 #slides1 .prev { 



		background:url(images/button-prev-50.png) 0 0 no-repeat; 



		right:65px;



	}



	



	/************** START CONTACT FORM *****************************/



	#contact-form {



		width:300px;







	}



	



	#contact-form h3 {



		margin-bottom:30px;



	}







	



	#contact-form textarea {



		width:280px;



	}



	



	#contact-form input, 



	#contact-form select{



		width:280px;



	}



	



	/************** END CONTACT FORM *****************************/



	



	input#submit  { float: left; margin-left: 204px; }



	



	#commentform input#author,



	#commentform input#email,



	#commentform input#url {



		width: 170px;



		height: 30px;



	}



	



	textarea#comment {



		width: 279px;



	}



	



	.post-title h3 a {



		font: 18px 'BebasNeueRegular', Arial, sans-serif;



		letter-spacing: 0;



		color: #1b1b1b;



		text-decoration: none;



		



	}



	



	#footerSlideContent {	



		width: 300px;	



	}



	



	#foot-col1 {



		width: 300px;



	}



	



	#foot-col2 {



		width: 300px;



	}



	



	#foot-col3 {



		width: 300px;



	}



	



	#foot-col4 {



		width: 300px;



	}



	.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth,



	.two-third, .two-third-last, .three-fourth, .three-fourth-last  { 



		width: 100%;



	}



	.one-half,



	.one-third,



	.one-fourth,



	.one-fifth,



	.one-sixth,



	.two-third,



	.three-fourth,



	.two-third-last,



	.three-fourth-last {



		float: left;



		margin-right: 0;



		margin-bottom: 20px;



	}



}







/*inline to css*/



.h250{	width:100%; height:250px;}



.h260{	width:100%; height:260px;}



.h400{	width:100%; height:400px;}



.mh500 {min-height:500px;}



.mh800 {min-height:800px;}



.titleH2 {float:left; width:auto;}



.shortDesc11 {float: left; color: #fff; font-size: 15px; margin: 12px 0 0 20px; }



.shortDesc12 {float:left; width:auto; font-style: italic; color: #ffffff; margin: 16px 0 0 20px; color: #fff;}



.mb450 { margin-bottom:450px;}



.w160 {width:160px;}



.mapStyleClass { width:100%; height:250px; margin-bottom:30px; margin-top:4px; }



.mr30 {margin-right:30px;}



.mb20 {margin-bottom:20px;}



.mt20 {margin-top:20px;}



.mt37 {margin-top:37px;}



.dinline {display:inline;}



.projectDetailsFix { width: 700px; margin-top: 0px; }



.colorFFF {color:#fff !important;}



.mw570 { max-width:570px;}



.archiveSearchFont { font-size: 26px; margin-bottom: 30px; }



.blogposttitleExtra { font-size: 24px; margin-bottom: -6px; }



.mt10 {margin-top:10px;}



.mt-10 {margin-top:-10px;}



.mt-15 {margin-top:-15px;}



.mt-30 {margin-top:-30px;}



.mb15 {margin-bottom:15px;}



.mr20 {margin-right:20px;}



.mt-3 {margin-bottom:-3px;}



.mb-24 {margin-bottom:-24px;}



.tdn {text-decoration:none;}



.readmoreExtra {color: #fff; position: relative; right: -23px;}



.commentsExtra {color: #333333; letter-spacing: 0px; font-size: 11px;}



.lh15 { line-height: 1.5; }



.seperatorExtra { margin-top:12px; margin-bottom:12px; }



.mr72{margin-right:72px;}
