diff -r 000000000000 -r d970ebf37754 wp/wp-content/themes/IN-MOTION-package-u1/in-motion/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wp/wp-content/themes/IN-MOTION-package-u1/in-motion/style.css Wed Nov 06 03:21:17 2013 +0000 @@ -0,0 +1,16213 @@ +/* + + + + 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 *****************************/ + + + +.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;} \ No newline at end of file