/*
	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.0	
	License: GNU General Public License
	License URI: license.txt
*/

* { margin: 0; padding: 0; }

/************** START CUSTOM CLASSES *****************************/
.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 { 
	outline: none; 	
	text-decoration: underline;
}
a:hover { 
	outline: none; 
	color: #1f1f1f;
	text-decoration: none;
}

a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008000; text-decoration: underline; }

a.ot-warning:hover { color: #fff;  }
a.readmore  {
    width: 40px;
    height: 40px;
    border:none;
    display:block;
    float:right;
    background-color:#7DB6D5;
    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;
}

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: Georgia, "Times New Roman", Times, serif;
	color: #1b1b1b; 
	line-height: 1.9;
	font-size: 12px;
}

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: #7DB6D5; /* Safari */
       color:#ffffff;
       }
::-moz-selection {
       background: #7DB6D5; /* 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: 'Droid Sans', 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: #7DB6D5 url(images/bg-titleOld.png) repeat;
	padding: 4px 20px 2px;
	line-height: 37px;
}

#main-menu .current a {
  background-color: #1b1b1b;	
  color:#f6f6f6;
}

#main-menu a:hover{
	color:#f6f6f6;
	background-color: #1b1b1b;	
}


#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: #7DB6D5 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: 14px;
	line-height: 18px;
	font-style: italic;
}

#circles { margin-top: 0px; }
.circle {
	background: url(images/circles-services.png) no-repeat;
	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: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.9;
	color: #707070;
}


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

/************** START ABOUT US PAGE *****************************/
#about-us {}
.page-title {
	width: 100%;
	height: 54px;
	overflow:hidden;
	margin-bottom: 40px;
	background: #7DB6D5 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%;	
}

.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: 20px;
}

.last-column {
	margin-right: 0px;
}

.hl-main{
	background-color: #7DB6D5;
	color:#FFF;
}

.hl.black{
	background-color: #000000;
	color:#FFF;
}

.button a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-align: right;
	font-size: 14px;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 7px 3px 7px;
	margin-bottom: 10px;
	text-decoration: none;
	background: #7DB6D5 url(images/bg-titleOld.png) repeat;
}

.button 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: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 7px 3px 7px;
	margin-bottom: 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: #7DB6D5;
	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:#7DB6D5; 
	text-decoration: none;
	padding: 6px 10px 4px 10px;
}

#portfolio-filter li.active a { color: #7DB6D5; }
.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: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1b1b1b; 
	text-align: center;
	margin-top: 170px;
	padding-top: 8px;
	height: 24px;
}

#portfolio .col-570 {
	width: 570px;
	margin-left: 60px;
	height:auto;
}
#portfolio .col-570 img{
	max-width:570px; 
	height:auto;
}

#portfolio .item-desc {
	width: 330px;
}
#portfolio .item-desc h2 {
	font-size: 30px;
	text-align: right;
	line-height: 30px;
}
#portfolio .item-desc p {
	text-align: right;
	font-size: 18px;
	color: #7DB6D5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 18px;
	margin-bottom: 8px;
	text-decoration: none;
}
.dotted-line { border-bottom: 2px dashed #7DB6D5; margin-bottom: 20px; }

#portfolio .item-desc p.item-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1b1b1b; 
	line-height: 1.9;
	font-size: 12px;
	text-align: left;
	font-style: normal;
}

#portfolio a.ajax-back {
	width: 40px;
	height: 40px;
	border:none;
	display:block;
	float:left;
	background-color:#7DB6D5;
	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;
}
#portfolio a.ajax-back:hover {	
	text-decoration: none;
	color: #1b1b1b;
}
#portfolio a.ajax-back span {
	position: relative;
	top: 8px;
}
#portfolio .client-stuff { margin-top: 20px; }
#portfolio .client-stuff h3 { text-align: left; margin-bottom: 3px; }
#portfolio .client-stuff p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-align: left;
	font-size: 14px;
	color: #fff;
	background-color:#7DB6D5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 7px 3px 7px;
	margin-bottom: 10px;
}

#portfolio .url-stuff { margin-top: 20px; }
#portfolio .url-stuff h3 { text-align: right; margin-bottom: 1px;  }
#portfolio .url-stuff a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-align: right;
	font-size: 14px;
	color: #fff;
	background-color:#7DB6D5;
	-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;
}
#portfolio .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:#7DB6D5;
	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: #7DB6D5;
	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: #1b1b1b; line-height: 22px;
	text-decoration: none;
	margin: 0;
}
p.contact-paragraph  a:hover{
	font-family: 'Droid Sans', sans-serif; color: #1b1b1b; 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: #7DB6D5;
	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%;
	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: #7DB6D5;
	-moz-border-radius: 24px;
	-webkit-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: #7DB6D5 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: #7DB6D5;
	-moz-border-radius: 40px;
	-webkit-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:#7DB6D5}
.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;
	background: url(images/team-img-bg.png) no-repeat;
	width: 144px;
	height: 163px;
	margin-left: 34px;
	margin-bottom: 34px;	
	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;
}

.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: #7DB6D5;
	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: #7DB6D5;
	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: #7DB6D5;
	font-size: 12px;
	text-decoration: none;
}
.blog-post-tags a:hover {
	border-bottom: 1px dashed #7DB6D5;
}

.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: #7DB6D5;
	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: #7DB6D5;
	font-size: 14px;
	margin-top: -20px;
	margin-bottom: 30px;
}
.reply a { color: #7DB6D5; font-size:11px; font-family: 'Droid Sans', sans-serif; margin-bottom: 20px;}
#respond a { color: #7DB6D5; 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:#7DB6D5; 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:#7DB6D5; 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: #7DB6D5;
	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: #7DB6D5;
	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: #7DB6D5;
	font-family: 'Droid Sans', 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: #7DB6D5; text-decoration: none; }
#foot-col1 a:hover, #foot-col2 a:hover, #foot-col3 a:hover, #foot-col4 a:hover { color: #7DB6D5; text-decoration: underline; }

.widget p{ color: #fff; }


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

/**start color sheme**/

#color-sheme{
	position:fixed;
	height:auto;
	top:175px;
	right: 0px;
	width:180px;

	z-index: 999999;
}

.change-colors {
	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);
}
.change-colors > 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);
}
.change-colors ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	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-size: 0.923em;
	font-weight: 400;
	color: #878d95;
}
.change-colors ul li:last-child a {
	border-bottom: 1px solid #33373d;
}
.change-colors > li > a:hover, .change-colors > li > a.active {
	background-color: #35afe3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
	background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
	border-bottom: 1px solid #103c56;
	-webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
	-moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
	box-shadow: inset 0px 1px 0px 0px #6ad2ef;
}
.change-colors > li > a.active {
	border-bottom: 1px solid #1a638f;
}
.change-colors > li > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}
.change-colors > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.change-colors > li > a:hover span, .change-colors > li a.active span {
	background: #2173a1;
}
.change-colors > li > ul li a:before{
	content: '?';
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.change-colors > li > ul li:hover a,
.change-colors > li > ul li:hover a span,
.change-colors > li > ul li:hover a:before {
	color: #32373D;
}


.change-colors ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}
/**end color sheme**/




/************** 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:none;
}
	
#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: #7DB6D5 url(images/bg-titleOld.png) repeat; */
}
	
.menu-inside a:hover, .menu-inside .current a{
	/*color:#f6f6f6;
	background-color: #1b1b1b;	*/
	color:#7DB6D5;

}	

@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: #7DB6D5 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: 14px;
		line-height: 18px;
		font-style: italic;
	}

	
	.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%;
		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 #7DB6D5;
	}
	.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;
	}
	
	#portfolio .col-570 {
		max-width: 458px;
		margin-left: 60px;
		height:auto;
	}
	#portfolio .col-570  img{
		max-width: 458px;
		height:auto;
	}
	#portfolio .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: #7DB6D5 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%;
		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 #7DB6D5;
	}
	
	#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;
	}
	
	#portfolio .col-570 {
		max-width: 404px;
		height:auto;
		margin-left: 0;
	}
	#portfolio .col-570  img{
		max-width: 404px;
		height:auto;
	}
	#portfolio .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:#7DB6D5; 
		text-decoration: none;
		padding: 6px 10px 4px 10px;
	}
	
	#portfolio-filter li.active a { color: #7DB6D5; }
	.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;
	}
		/*shortcodes fix start*/
	.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;
	}
	/*shortcodes fix end*/
	
}

















@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: #7DB6D5 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%;
		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 #7DB6D5;
	}
	
	#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;
	}
	
	#portfolio .col-570 {
		max-width: 300px;
		height:auto;
		margin-left: 0;
	}
	#portfolio .col-570  img{
		max-width: 300px;
		height:auto;
	}
	#portfolio .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;
	}
}

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

.sti-menu li a{
	border-radius: 50%;
}

.post-date {
	border-radius: 24px;
}

.news-date {
	border-radius: 40px;
}