/*
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;}