/home/desid573/cf.desidrivers.com.au/site/css
Edit: /home/desid573/cf.desidrivers.com.au/site/css/style.css (39894B)
/** General Styles **/
h1,h2,h3,h4,h5,h6 {font-weight:900; text-transform:uppercase;}
a {color:#c8584c; text-decoration:none;}
a:hover {color:#f17e71; text-decoration:none;}
body {
font-family: 'Lato', sans-serif;
background: #efeeea url(../img/grayBg.png) repeat 0 0;
color: #575757;
}
ul {margin-top:10px;}
#aboutUsRow2 li {
font-size: 16px;
font-style: italic;
line-height: 20px;
line-height:24px;}
/** Forms **/
input, button, select, textarea {font-family: 'Lato', sans-serif;}
input.search-query {border:0; height:24px; box-shadow:none; border-radius:50px; }
input.search-query[type=text]:focus {border:none; box-shadow:none;}
.form-search .input-append .search-query {border-bottom-left-radius:50px; border-top-left-radius:50px;}
textarea {border-radius:20px; border:0; width:97%; padding-left:15px; box-shadow:none; resize: none;}
textarea:focus {box-shadow:none;}
/** social icons **/
ul.social {margin:0 0 30px 0;}
ul.social li {display:inline-block;}
ul.social li a {width: 63px; height: 56px; display: block; margin: 0 2px;}
.facebook {background: transparent url(../img/social.png) no-repeat 0 0;}
.facebook:hover {background-position: 0 -56px;}
.twitter {background: transparent url(../img/social.png) no-repeat -63px 0;}
.twitter:hover {background-position: -63px -56px;}
.googleplus {background: transparent url(../img/social.png) no-repeat -92px 0;}
.googleplus:hover {background-position: -92px -37px;}
.linkedin {background: transparent url(../img/social.png) no-repeat -138px 0;}
.linkedin:hover {background-position: -138px -37px;}
/**
.pinterest {background: transparent url(../img/social.png) no-repeat -184px 0;}
.pinterest:hover {background-position: -184px -37px;}
**/
.instagram{background: transparent url(../img/instagram_icon.png) no-repeat; background-size:contain}
.pinterest{background: transparent url(../img/pinterest_icon.png) no-repeat; background-size:contain}
/** custom Headers **/
h2 {background:transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#b6a892; white-space:nowrap; margin:64px 0 40px 0;}
h2 span.lft {background:transparent url(../img/hdr2-bg-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
h2 span.rt {background:transparent url(../img/hdr2-bg-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
h2 span.mid {background: transparent url(../img/hdr2-bg-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
.green-row h2 {background:transparent url(../img/hdr2-line-grn-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#fff; margin:0 0 30px 0;}
.green-row h2 span.lft {background:transparent url(../img/hdr2-bg-grn-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
.green-row h2 span.rt {background:transparent url(../img/hdr2-bg-grn-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
.green-row h2 span.mid {background: transparent url(../img/hdr2-bg-grn-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
/** trick - fill spans in headers **/
.lft:before, .rt:before {content: "\00a0";}
/** custom buttons */
.btn-green { text-transform: uppercase; color: #fff; background: transparent; box-shadow: none; border-radius: 50px; border: 2px solid #d3cbba; font-weight: 900; text-shadow:none; }
.btn-green:active {box-shadow:none; border:2px solid #fff; background:transparent; color:#c8584c; }
.btn-green:hover {border:2px solid #fff; background:transparent; color:#c8584c; }
.red-btn {background: transparent url(../img/btn-red-bg.png) repeat-x; height:32px; border:0; border-radius:50px; line-height:32px; padding:0 18px; color:#fff; text-transform:uppercase; font-weight:900; text-shadow:none; box-shadow:none;}
.red-btn:hover {background: transparent url(../img/btn-red-hov-bg.png) repeat-x; color:#fff;}
.red-btn:active {background: transparent url(../img/btn-red-hov-bg.png) repeat-x; color:#fff; border:0; text-shadow:none; box-shadow:none; }
.green-row .red-btn:hover {background: #fff; color:#c8584c; border:0; text-shadow:none; box-shadow:none; color:#c8584c; }
.green-row .red-btn:active {background: #fff; color:#c8584c; border:0; text-shadow:none; box-shadow:none; }
a.twitterBtn {width:102px; height:32px; line-height:32px; border:0; text-shadow:none; background:transparent url(../img/twitter-btn-bg.png) no-repeat -1px -34px; box-shadow:none; margin:0; padding:0 0 0 48px; text-align:left; color:#fff; text-transform:uppercase; font-weight:900; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; margin-bottom:20px; }
a.twitterBtn:active {width:148px; height:32px; line-height:32px; border:0; text-shadow:none; background:transparent url(../img/twitter-btn-bg.png) no-repeat -1px -34px; box-shadow:none; margin:0; padding:0 18px; color:#fff; text-transform:uppercase; font-weight:900; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; margin-bottom:10px; }
a.twitterBtn:hover {background-position: -1px -1px; background-color: transparent; color:#c8584c; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
/** main menu **/
.navbar-inner { background: url(../img/navbarBg.jpg) repeat-x 0 0; box-shadow: none; line-height: 50px; filter:none; }
.navbar a.brand {color: #bcd2c5; font-weight: 700; text-shadow: none; text-transform: uppercase; font-size: 18px; padding: 0 0 0 10px; background: none; margin-left:0; font-weight:900; white-space:nowrap; margin-bottom:30px; margin-top:8px;}
.navbar a.brand.active {background: transparent url(../img/tip-active-menu.png) no-repeat 68% bottom; box-shadow: none; color:#fff;}
.navbar a.brand:hover {color:#fff;}
.navbar a.brand img {margin-right:10px;}
.navbar .nav {margin:0;}
.navbar-static-top {}
.navbar .nav li {line-height: 100px; font-weight:normal;}
.navbar .navbar-inner .nav li.dropdown.open a {color:#fff; background: transparent url(../img/tip-dropdown.png) no-repeat center bottom;}
.navbar .navbar-inner .nav li.dropdown:hover a {color:#fff; background: transparent url(../img/tip-dropdown.png) no-repeat center bottom;}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu {border:none; text-align:center; border-radius:20px; box-shadow:none; margin:0; }
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a {color:#c8584c; padding:5px 3px; }
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a:hover {color:#f17e71; }
.navbar .pull-right > li > .dropdown-menu::after, .navbar .nav > li > .dropdown-menu.pull-right::after {border:none;}
.navbar .pull-right > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu.pull-right::before {border:none;}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {left:-26px; right:auto;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {box-shadow:none;}
.navbar .navbar-inner .container .nav li a {padding: 0 10px; font-size: 17px; color: #e5ded2; text-shadow: none; font-weight: normal; text-transform: uppercase;}
.navbar .navbar-inner .container .nav li.active > a {background: transparent url(../img/tip-active-menu.png) no-repeat center bottom; box-shadow:none; color:#fff; font-weight:900;}
.navbar .nav li.dropdown > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {color: #bcd2c5;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {background:transparent; color:#fff; }
.navbar .navbar-inner .container .nav li a:hover {color: #fff;}
.navbar .nav-collapse.collapse {background: url(../img/navbarBg.jpg) repeat 0 0; border-radius:5px; text-align:left; margin-bottom:20px; }
.navbar .nav-collapse.collapse li a:hover { background: transparent; filter:none;}
.navbar .nav-collapse .nav.pull-right {padding-bottom:10px;}
.navbar .btn-navbar {background-color:#eae9e5; padding: 10px; box-shadow: none; border: none; text-shadow: none; text-transform: uppercase; margin: 28px 0 0; color: #726A5D; font-weight:900;}
.navbar .btn-navbar:hover {background-color:#726A5D; color: #fff; background-image:none;}
.navbar .btn-navbar .caret {margin: 9px 0 0 5px; border-top:4px solid #bcd2c5;}
.navbar .btn-navbar:hover .caret {border-top:4px solid #fff;}
.navbar-inner > .container {margin-bottom:0;}
ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
}
/** Style Images with borders **/
.thumbnail.corner { box-shadow:none; border:5px solid #d7d4c7; padding:0; position:relative; display:inline-block; box-shadow:none;}
.thumbnail.corner:hover {border-color: #d7d4c7; box-shadow:none;} /* jquery + less opacity + background new + add class and remove class */
.thumbnail span.topCorner {width:25px; height:25px; background: transparent url(../img/pt-corner-tp.png) no-repeat top center; position:absolute; left:-6px; top:-6px; z-index: 5;}
.thumbnail span.bottomCorner {width:25px; height:25px; background: transparent url(../img/pt-corner-bt.png) no-repeat top center; position:absolute; right:-6px; bottom:-6px; z-index: 5;}
a.thumbnail { box-shadow:none; border:5px solid #d7d4c7; padding:0; position:relative; display:inline-block; box-shadow:none;} /* inline-block to fit border */
a.thumbnail:hover {border-color: #c8584c; box-shadow:none;}
.ch_hover {background: #c8584c url(../img/hover-arrow-bg.png) no-repeat 48% 50% !important;}
div.nolink { box-shadow:none; border:5px solid #d7d4c7; padding:0; position:relative; display:inline-block; box-shadow:none; position:relative;}
/** sliders **/
.smallSlider {min-height:200px;}
.smallSlider div.item {}
.smallSlider .box {background:#bcd2c5; border-radius:14px; padding:10px; height:auto; margin:25px 10px 0 10px; text-align:center; font-size:18px; line-height:25px; position:relative;}
.smallSlider .box span.tip {display:block; width:20px; height:10px; background: transparent url(../img/tip-small-slider.png) no-repeat top center; position:absolute; top:-10px; right:48%;}
.smallSlider .aut1 {top:-68px; bottom:auto; background:transparent; text-align:center; font-size:16px; text-transform: uppercase; font-weight:900; color:#fff; padding-left:60px; padding-right:60px;}
.smallSlider .aut1 span {display:block; font-size:12px; padding:5px 0; font-weight:normal; text-transform: none;}
.carousel-control {top:15px; width:52px; height:52px; border:none; border-radius:0; opacity:1;}
.carousel-control.left {background: transparent url(../img/slider-small-sprite.png) -1px -55px;}
.carousel-control.right {background: transparent url(../img/slider-small-sprite.png) -55px -55px;}
.carousel-control.left:hover {background: transparent url(../img/slider-small-sprite.png) -1px 0;}
.carousel-control.right:hover {background: transparent url(../img/slider-small-sprite.png) -55px 0;}
.slider {border: 1px solid #CCCCCC;}
.slider .carousel-control {top:22px; }
.slider .carousel-control.left {background: transparent url(../img/slider-small-sprite.png) -110px -1px; left:5px;}
.slider .carousel-control.right {background: transparent url(../img/slider-small-sprite.png) -165px -2px; right:5px;}
.slider .carousel-control.left:hover {background-position:-271px -55px;}
.slider .carousel-control.right:hover {background-position:-219px -55px;}
.slider .controlContainer {background:none; border-radius:50px; margin:0 20px 20px 20px; position:absolute; top:40%; width:96%; height:58px;}
.slider .carousel-caption{ z-index:2; background:none; bottom:20px; margin:0 95px;}
.slider .carousel-caption span.title {display:block; font-size:20px; text-transform: uppercase; font-weight:900;}
.slider .carousel-caption a span.title {color:#404040;}
.slider .carousel-caption span.description {display:block; padding-top:3px;}
.slider .carousel-caption a.red-btn {font-size:20px; float:right; margin-top:5px;}
.slider .carousel-caption .w1 {width:70%;}
.slider .carousel-caption .w2 {width:30%;}
#slider5 {}
.fullSlider {position:relative;}
.fullSlider .nivo-directionNav { height:100px; width:350px; position:absolute; left:50%; bottom:10px; }
.fullSlider .nivo-directionNav a.nivo-prevNav {width:52px; height:52px; background: transparent url(../img/slider-small-sprite.png) no-repeat -111px -55px; text-indent:-9999px;}
.fullSlider .nivo-directionNav a.nivo-nextNav {width:52px; height:52px; background: transparent url(../img/slider-small-sprite.png) no-repeat -165px -55px; text-indent:-9999px;}
.fullSlider .nivo-directionNav a.nivo-prevNav:hover {background-position:-272px -55px;}
.fullSlider .nivo-directionNav a.nivo-nextNav:hover {background-position:-219px -55px;}
.fullSlider h1 {display:inline-block; background: transparent url(../img/logoBig.png) no-repeat 0 0; padding: 15px 10px 10px 150px; min-height: 120px; text-transform: uppercase; font-weight: 900; font-size:50px; line-height:50px; }
.fullSlider .nivo-caption { top:0; bottom:auto; background:transparent; left:50%; }
.fullSlider .nivo-controlNav {background:#fff; border-radius:20px; padding:0 5px; min-width:100px; display:block; position:absolute; bottom:22px; left:50%; z-index: 99; }
.fullSlider .nivo-controlNav a.nivo-control {width:20px; height:30px; background:transparent url(../img/dot1-bg.png) no-repeat 50% 50%; display:inline-block; text-indent: -9999px;}
.fullSlider .nivo-controlNav a.nivo-control.active {background:transparent url(../img/dot2-bg.png) no-repeat 50% 50%;}
.logosSlider {text-align:center; margin-top:30px;}
.logosSlider .carousel .item > img {display:inline-block;}
.logosSlider .carousel-control.left {background: transparent url(../img/slider-small-sprite.png) -1px 0; left:0;}
.logosSlider .carousel-control.right {background: transparent url(../img/slider-small-sprite.png) -55px 0; right:0;}
.logosSlider .carousel-control.left:hover {background: transparent url(../img/slider-small-sprite.png) -1px -55px;}
.logosSlider .carousel-control.right:hover {background: transparent url(../img/slider-small-sprite.png) -55px -55px;}
.logosSlider .carousel-control {top:40px;}
.logosSlider .box {margin:0 55px;}
/** styles for specific rows **/
.green-row {background: transparent url(../img/greenBg.jpg) repeat 0 0; padding: 15px 0 30px 0; }
.container {margin-bottom:40px;}
.green-row .container {margin-bottom:0;}
#titleRow {padding: 0; margin-top:15px;}
#titleRow h1 {background:transparent url(../img/hdr-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:50px; line-height:50px; white-space:nowrap;}
#titleRow h1 span.lft {background:transparent url(../img/hdr-line2-bg.png) no-repeat 2px 50%; width:49px; height:50px; display:inline-block;}
#titleRow h1 span.rt {background:transparent url(../img/hdr-line2-bg.png) no-repeat -2px 50%; width:49px; height:50px; display:inline-block;}
#titleRow h1 span.mid {background: #efeeea url(../img/grayBg.png) repeat 0 0; padding:0 8px;}
.workTogether {margin:40px 0;}
.workTogether .box {background:#fff; border-radius:50px; padding:13px 0 10px 0; margin:0;}
#aboutUsRow2 .box, #workGallery .box {background:#fff; border-radius:50px; padding:13px 0 10px 0; margin:0;}
.workTogether .box a:link, .workTogether .box a:visited {color:#575757;}
.workTogether .box a:hover {color:#76472e;}
.workTogether p {font-size:20px; text-transform: uppercase; font-weight:900; padding-top:6px; margin-bottom:9px; text-align:right;}
.workTogether a.btn.red-btn {font-size:20px; text-align:left; margin-left:20px;}
.workTogether .container {margin-bottom:0;}
#contactUsRow {color: #fff; padding-top:30px;}
#contactUsRow h4 { text-transform: uppercase; margin:0 0 10px 0;}
#contactUsRow address strong {color: #FFFFFF; text-transform: uppercase; font-weight: 700;}
#contactUsRow p {margin:0 0 10px 0;}
#contactUsRow a.red-btn {margin-bottom:15px;}
#newsletter .newsletterSubmit {background: transparent url(../img/newsletter-submit-bg.png) no-repeat top center; width: 57px; height: 32px; border: 0; text-shadow:none; box-shadow:none;}
#newsletter .newsletterSubmit:active { border:0; text-shadow:none; box-shadow:none; }
#footText {padding: 15px 0; background:url(../img/footerbg.jpeg);}
#footText a.toTop {background: transparent url(../img/logo-red.png) no-repeat 0 -3px; width:133px; height:33px; display:block; color:transparent; padding-left:44px; font-weight:900; font-size:16px; line-height:33px;}
#footText a.toTop:hover {background-position: 0 -42px; color:#f5f9fb;}
#footText p {font-size:12px; color:#a6a088;}
#footText .container {margin-bottom:0;}
.menudl {padding-left:15px!important;}
.menudl2 {padding-left:0px!important;}
.menudl h3 {font-size:18px;line-height:21px;}
.menudl .span3, .menudl .spanl {margin-left:15px; padding-top:10px;}
/** PAGE 1 - index **/
#sloganRow {padding: 29px 0 5px 0;}
#sloganRow h1 {background: transparent url(../img/logoBig.png) no-repeat 0 0; padding: 15px 10px 10px 150px; min-height: 120px; text-transform: uppercase; font-weight: 900; font-size:50px; line-height:50px; }
#sliderRow {margin: 0 0 60px 0;}
#whatWeDoRow {}
#whatWeDoRow img {max-width: none;}
#whatWeDoRow p {margin-bottom:12px;}
#whatWeDoRow h3 {margin-bottom:10px; margin-top:12px; line-height:25px;}
#whatWeDoRow .moveMe {padding-left:0; margin-bottom:10px;}
#whatWeDoRow .span2 {margin-left:20px;}
#whatWeDoRow h2 {margin-top:15px;}
#recentWorksRow {}
#recentWorksRow .thumbnails li {text-align:center;}
#recentWorksRow h3 {text-transform: uppercase; text-align: center; font-size:16px; line-height:30px; margin:0;}
#recentWorksRow h3 a {color:#404040;}
#recentWorksRow h3 a:hover {color:#c8584c;}
#recentWorksRow p {text-align: center; font-size: 12px; line-height:17px;}
#aboutUsRow {}
#aboutUsRow p {font-size: 16px; line-height:24px;}
#aboutUsRow .box p {font-size:18px; line-height:25px; font-style:italic;}
#stayTunedRow {}
#stayTunedRow .postShowcase {}
#stayTunedRow .postShowcase h3 {text-transform: uppercase; color: #c8584c; font-size: 20px; line-height: 20px; margin: 0 0 10px 0;}
#stayTunedRow .postShowcase h3 a{color: #726a5d; }
#stayTunedRow .postShowcase h3 a:hover {color:#b0a38f;}
#stayTunedRow .postShowcase p {margin: 0}
#stayTunedRow p.summary {margin: 0; color: #a6a088; font-size:12px;}
#stayTunedRow p.summary a {color: #c8584c; font-size: 12px;}
#stayTunedRow p.summary a:hover {color:#f67d70;}
#stayTunedRow .newsData {}
#stayTunedRow .newsData .datetime a {color: #a6a088; font-size: 12px;}
#stayTunedRow .newsData .tweet .datetime a:hover {color:#c8584c;}
#stayTunedRow .newsData .tweet {margin: 0 0 15px 0;}
#stayTunedRow .newsData .tweet a:hover {color:#a6c3b2;}
#stayTunedRow .newsData p {margin: 0; font-size:14px;}
#stayTunedRow .newsData p.datetime {color: #a6a088; font-size: 12px;}
/** PAGE 3 - About **/
#aboutUsRow2 {}
#aboutUsRow2 h3 {font-size:20px; margin-bottom:0; }
#aboutUsRow2 p {font-size: 16px; line-height:24px;}
#ourClients h2 {margin-bottom:0;}
#ourStatistics { }
#ourStatistics .project span {font-size:60px; font-weight:900; margin-top:10px; display:block; line-height:60px;}
#ourStatistics .project p {}
#meetTheTeam { }
#meetTheTeam .person h3 {margin:0; font-size:20px; line-height:23px;}
#meetTheTeam .person span {display:block; color:#a6a088; }
#meetTheTeam .person a {word-break:break-all;}
#meetTheTeam .person a:hover {color:#a6c3b2;}
#aboutUsRow2 h3 {font-style:italic; font-weight:400; font-size:26px; line-height:35px; margin:0 0 30px 0; text-transform: none; text-align:center;}
.margin-bottom-15 {margin-bottom:15px!important;}
.margin-top-0 {margin-top:0!important;}
.margin-left-15 {margin-left:15px!important;}
/** PAGE 4 - Services **/
#servicesText {margin-bottom:40px;}
#servicesText h3 {font-style:italic; font-weight:400; font-size:30px; line-height:35px; margin:0 0 30px 0; text-transform: none;}
#whatWeDoRow2 {text-align:center;}
#whatWeDoRow2 h2 {margin: 0 0 30px 0;}
#whatWeDoRow2 h3, h4 {text-transform: uppercase; margin-bottom:2px;}
#whatWeDoRow2 p {margin-bottom:20px;}
#whatWeDoRow2 .description {background:#bcd2c5; border-radius:14px; padding: 5px 10px; margin: 10px 5px 5px 5px;}
/** PAGE 5 - Work **/
.filterMenu {}
.filterMenu ul {background: transparent url(../img/filter-menu-bg1.png) repeat-x 0 50%; list-style:none; text-align:center; margin:3px 0;}
.filterMenu ul li {display:inline-block; margin:3px 0;}
.filterMenu ul li a {color:#c8584c; font-size:18px; text-decoration:none; margin:0; font-weight:normal; text-transform: uppercase; line-height:33px;}
.filterMenu ul li a span.lft {background: transparent url(../img/filter-menu-bg-lft.png) no-repeat 90% 0; height:33px; width:26px; display:inline-block;}
.filterMenu ul li a span.mid {background: transparent url(../img/filter-menu-bg-mid.png) repeat-x 0 0; height:33px; display:inline-block; padding:0 5px;}
.filterMenu ul li a span.rt {background: transparent url(../img/filter-menu-bg-rt.png) no-repeat 0 0; height:33px; width:26px; display:inline-block;}
.filterMenu ul li a:hover, .filterMenu ul li.active a { color:#f67d70; font-weight:900;}
#workGallery {text-align:center; margin:40px 0;}
#workGallery h3 {text-transform: uppercase; text-align: center; font-size:16px; margin:0; line-height: 18px; padding: 7px 0; }
#workGallery h3 a {color:#404040;}
#workGallery h3 a:hover {color:#c8584c;}
#workGallery p {text-align: center; font-size: 12px; line-height:17px;}
#workGallery .thumbnails > li {margin-bottom:50px;}
/** PAGE 6 - Project Work **/
.projectNavig h2 {background: transparent url(../img/proj-nav-bg2.png) repeat-x 0 50%; color: #fff; font-weight: 900; font-size: 18px; color: #93b2a0; margin:10px 0 35px 0; }
.projectNavig h2 a.lft {background: transparent url(../img/proj-nav-lft-bg.png) no-repeat 0 -37px; display:inline-block; width:74px; height:33px;}
.projectNavig h2 a.lft:hover {background-position: 0 0;}
.projectNavig h2 span.mid {background: transparent url(../img/proj-nav-bg1.png) repeat-x 0 0; height:33px; display:inline-block;}
.projectNavig h2 a.rt {background: transparent url(../img/proj-nav-rt-bg.png) no-repeat 0 -37px; display:inline-block; width:74px; height:33px;}
.projectNavig h2 a.rt:hover {background-position:0 0;}
.projectNavig .container {margin-bottom:0;}
.singleProject {margin:0 5px;}
.singleProject span {color:#a6a088;}
.singleProject span strong {font-size:20px; color:#404040; text-transform: uppercase; font-weight:900; padding-top:3px; display:block;}
.singleProject p {font-size:16px; line-height:24px;}
.singleProject .projDescription {padding-left:20px;}
.singleProject .container {margin-bottom:0;}
/** PAGE 7 - Blog **/
#ourBlog {}
.blogPost {margin-bottom:50px; padding:0;}
.blogPost a:hover {color:#a6c3b2;}
.blogPost h5 {background:transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#93b2a0; white-space:nowrap; margin-bottom:40px;}
.blogPost h5 span.lft {background:transparent url(../img/hdr2-bg-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
.blogPost h5 span.rt {background:transparent url(../img/hdr2-bg-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
.blogPost h5 span.mid {background: transparent url(../img/hdr2-bg-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
.blogPost h2 {text-transform: uppercase; color: #c8584c; font-size: 24px; line-height: 26px; margin: 15px 0 5px 0; text-align:center; background:none; white-space:normal;}
.blogPost h2 + p {font-size:16px; line-height:24px;}
.blogPost p.summary {color: #a6a088; text-align:center; margin:10px 0 0 0;}
span.dividers {color:#d7d4c7;}
.blogPost p.summary a {}
.blogPost ul.thumbnails {margin:0;}
.blogPost ul.thumbnails li {width:100%; text-align:center; margin:0; padding:0}
.blogSidebar {padding-left:20px;}
.blogSidebar a:hover {color:#a6c3b2;}
.blogSidebar h4 {margin-bottom:5px;}
.blogSidebar h5 {margin-bottom:5px;}
.blogSidebar h4 {color:#93b2a0; font-size:20px; margin-bottom:10px;}
.blogSidebar ul.categories {}
.blogSidebar ul.categories li {padding:3px 0;}
.blogSidebar ul.categories li a {text-transform: uppercase; font-weight:900; display:inline-block; width:65%;}
.blogSidebar ul.categories li span{display:inline-block; width:30%; color:#000; text-align:right; font-weight:900;}
.blogSidebar ul.months {}
.blogSidebar ul.months li {padding:3px 0;}
.blogSidebar ul.months li a {text-transform: uppercase; font-weight:900; padding-left:5%; padding-right:5%; }
/** pager **/
.pager {margin:70px 0 25px 0;}
.pager ul li {display:inline-block;}
.pager ul li.previous a {float:none; display:block; background: transparent url(../img/prev-arrow-ac-bg.png) no-repeat 10% 5px; padding:1px 20px 1px 50px; border-radius:50px; width:auto; margin-right:10px;}
.pager ul li.previous a:hover {background-position:10% -58px;}
.pager ul li.next a {float:none; display:block; background: transparent url(../img/next-arrow-ac-bg.png) no-repeat 90% 5px; padding:1px 50px 1px 20px; border-radius:50px; width:auto; margin-left:10px;}
.pager ul li.next a:hover {background-position:90% -58px;}
.pager ul li.previous span {float:none; display:block; background: transparent url(../img/prev-arrow-bg.png) no-repeat 10% 50%; padding:1px 20px 1px 50px; border:2px solid #d7d4c7; border-radius:50px; width:auto; color:#a6a088; margin-right:10px;}
.pager ul li.next span {float:none; display:block; background: transparent url(../img/next-arrow-bg.png) no-repeat 90% 50%; padding:1px 50px 1px 20px; border:2px solid #d7d4c7; border-radius:50px; width:auto; color:#a6a088; margin-left:10px;}
.pager ul li a, .pager ul li span {width:26px; height:26px; padding:1px; line-height:26px; border-radius:50px; display:inline-block; font-weight:900; color:#c8584c; background:transparent; border:2px solid #fff; text-transform: uppercase; margin:2px;}
.pager ul li.active a {border-color:#bcd2c5; color:#93b2a0;}
.pager ul li a:hover {border-color:#bcd2c5; color:#93b2a0; background-color:transparent;}
/* tabs style : recent/popular on 07blog.html */
.tabs1 .tab-content {border:4px solid #fff; border-radius:5px; padding:10px; border-top-left-radius:0;}
.tabs1 .nav-tabs {margin:0; border:none; position:absolute; margin-top:-36px;}
.tabs1 .nav-tabs > .active > a, .nav-tabs > .active > a:hover { background: #efeeea url(../img/grayBg.png) repeat 0 0; border: 4px solid white; border-bottom: 0; font-weight:900; text-transform: uppercase; border-radius:5px; border-bottom-right-radius:0; border-bottom-left-radius: 0;}
.tabs1 .nav-tabs > li > a {text-transform: uppercase; font-weight:900; border:0; background:none;}
.tabs1 .tab-pane span {display:block; padding:5px 0; color:#a6a088; font-size:12px;}
.tabs1 .nav-tabs > li {padding-top:4px;}
.tabs1 .nav-tabs > li.active {padding-top:0;}
/* accordion style : on 07blog.html */
.acc1 {margin-bottom:40px;}
.acc1 a.accordion-toggle, .acc1 a.accordion-toggle.collapsed {font-weight:900; text-transform: uppercase; background: transparent url(../img/acc-plus.png) no-repeat 0 50%; padding:10px 30px 10px 30px; border:none; color:#404040;}
.acc1 a.accordion-toggle:hover {color:#C8584C;}
.acc1 a.accordion-toggle.active {background: transparent url(../img/acc-minus.png) no-repeat 0 50%; color:#c8584c;}
.acc1 .accordion-heading {border:0; }
.acc1 .accordion-group {border:0; border-bottom:3px solid #fff; border-radius:0;}
.acc1 .accordion-inner {border:0; padding: 0 0 15px 30px;}
.acc1 .collapse {overflow: hidden !important;} /** IE fix **/
/** PAGE 8 - Blog Single Post **/
.singlePost {margin-bottom:50px; padding:0;}
.singlePost a:hover {color:#a6c3b2;}
.singlePost h5 {background:transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#93b2a0; white-space:nowrap; margin-bottom:40px;}
.singlePost h5 span.lft {background:transparent url(../img/hdr2-bg-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
.singlePost h5 span.rt {background:transparent url(../img/hdr2-bg-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
.singlePost h5 span.mid {background: transparent url(../img/hdr2-bg-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
.singlePost ul.thumbnails {margin:0;}
.singlePost ul.thumbnails li {width:100%; text-align:center; background:none; padding:0; margin:0; padding:0;}
.singlePost h2 {font-size:24px; text-align:center; text-transform: uppercase; background:none; color:#404040; margin:10px 0 5px 0; white-space:normal;}
.singlePost h3 {font-size:20px; text-align:center; text-transform: uppercase; margin:15px 0 0 0;}
.singlePost h4 {font-size:16px; text-align:center; text-transform: uppercase; margin:20px 0 5px 0;}
.singlePost blockquote p {border:4px solid #fff; border-right:none; border-left:none; font-size:22px; font-style:italic; padding:10px 20px; font-weight:400; line-height:27px; margin:10px 20px; text-align:center;}
.singlePost blockquote {border:0;}
.singlePost ul {margin:10px 0;}
.singlePost ul li {background: transparent url(../img/list-dot.png) no-repeat 0 50%; padding-left:15px; list-style:none; margin:3px 50px; font-size:16px; line-height:24px;}
.singlePost p.summary {color: #a6a088; text-align:center; margin:5px 0 35px 0; font-size:14px;}
.singlePost p {font-size:16px; line-height: 24px;}
.socialNumbers { border-radius: 50px; margin: 30px 0; padding: 10px 0 8px 0; text-align: center; }
.socialNumbers ul {margin:0;}
.socialNumbers ul li {display:inline-block; margin:2px 20px;}
.socialNumbers ul li span {width:72px; height:34px; background: transparent url(../img/cloud-bg.png) no-repeat top center; display:inline-block; line-height:33px; text-align:center; margin-left:5px;}
.socialNumbers ul li a.btn {margin-bottom:3px; white-space: nowrap;}
.socialNumbers ul li a.btn:hover {background: transparent url(../img/btn-red-bg.png) repeat-x; color:#fff;}
.comments h5 {background:transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#93b2a0; white-space:nowrap; margin-bottom:40px;}
.comments h5 span.lft {background:transparent url(../img/hdr2-bg-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
.comments h5 span.rt {background:transparent url(../img/hdr2-bg-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
.comments h5 span.mid {background: transparent url(../img/hdr2-bg-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
.comments {margin:15px 0;}
.comments a:hover {color:#a6c3b2;}
.comments ul ol {margin-left:13%;}
.comments ul li {display:inline-block;}
.comments .comment-content .comment-author span {color:#c8584c; font-weight:900; font-size:20px; text-transform: uppercase; display:block; padding:0 0 10px 80px;}
.comments .comment-content p {padding-left:80px; margin-bottom:5px;}
.comments .comment-content {width:100%; margin-bottom:30px;}
.comments .comment-content img {float:left; margin:0 5px 5px 0;}
.comments .comment-content p.summary {color: #a6a088; font-size:12px;}
.leaveComment {margin:20px 0 50px 0;}
.leaveComment h5 {background:transparent url(../img/hdr2-line-bg.png) repeat-x 0 50%; text-align:center; padding: 0; text-transform: uppercase; font-size:18px; line-height:33px; color:#93b2a0; white-space:nowrap; margin-bottom:40px;}
.leaveComment h5 span.lft {background:transparent url(../img/hdr2-bg-left.png) no-repeat 3px 79%; width:18px; height:33px; display:inline-block;}
.leaveComment h5 span.rt {background:transparent url(../img/hdr2-bg-right.png) no-repeat -3px 79%; width:18px; height:33px; display:inline-block;}
.leaveComment h5 span.mid {background: transparent url(../img/hdr2-bg-mid.png) repeat 0 0; padding:0 8px; display:inline-block; height:33px;}
.leaveComment input {width:92%;}
.leaveComment .half {width:48%; margin-bottom:20px;}
.leaveComment .btn {margin-top:20px;}
.leaveComment .btn:hover {background: #fff; color:#c8584c; border:0; text-shadow:none; box-shadow:none; color:#c8584c; }
.leaveComment .btn:active {background: #fff; color:#c8584c; border:0; text-shadow:none; box-shadow:none; }
/** PAGE 9 Contact us **/
#contactInfo {margin-bottom:40px;}
#contactInfo address {font-size:20px; font-weight:900; line-height:20px; text-transform: uppercase; margin-left:20px;}
#contactInfo address span {color:#a6a088; font-size:14px; font-weight:normal; display:inline-block; padding-bottom:2px; text-transform: none;}
#contactInfo a:hover {color:#a6c3b2;}
#request h2 {margin-bottom:40px;}
#request input.search-query {margin:0 0 12px 0; width:90%;}
#request input.search-query.error {background: #fff url(../img/error-input-bg.png) no-repeat 96% 50%; border:3px solid #c8584c; width:88%; }
#request textarea {width:97%;}
#request textarea.error {border: 3px solid #C8584C}
#request .btn {margin-top:20px;}
.homenews {margin-left:0px!important;}
.margin-bottom-30 {margin-bottom:30px;}
#recentWorksRow .ch_element.ch_wrapper,
#recentWorksRow .ch_element.ch_wrapper .ch_normal,
#recentWorksRow .ch_element.ch_wrapper .ch_hover {
height: 260px !important; width: 260px !important;
}
#recentWorksRow .ch_element.ch_wrapper .ch_normal img{width:100%;height:100% !important; object-fit:cover; object-position:center;}
.workTogether .menudl{text-align:center}
.workTogether .menudl .span3{float:none; display:inline-block; vertical-align:top;}
.eapps-instagram-feed-title{padding-top:0px !important;}
/** media queries, adjustments **/
@media (max-width: 1200px) {
.fullSlider .nivo-caption {left:61%;}
}
@media (min-width: 980px) and (max-width: 1200px) {
.homenews {margin-left:15px!important;}
.navbar .navbar-inner .container .nav li a {
font-size: 15px!important;
}
.menudl .span3 {
margin-left: 15px;
padding-top: 6px!important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.menudl .span3 {
margin-left: 15px;
padding-top: 0px!important;
}
.homenews {margin-left:15px!important;}
#whatWeDoRow .span2 {
width: 166px;
}
.navbar .navbar-inner .container .nav li.dropdown a {
background:none;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu {
text-align:left;
margin-left:25px;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a {
color:#BCD2C5;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a:hover {
color:#fff;
}
.navbar .navbar-inner .container .nav li.active a {
background:none;
color:#fff;
}
.navbar .nav li {line-height:30px;}
.navbar .navbar-inner .container .nav li a {margin:5px 20px;}
.slider .carousel-caption .w1 {width:100%; color:#c8584c;}
.slider .carousel-caption .w1 .description {display:none;}
.slider .carousel-caption .w2 {display:none;}
.slider .carousel-caption {bottom:27px;}
.slider .carousel-caption span.title {text-align:center;}
.slider .carousel-caption a span.title {color:#c8584c;}
.blogPost a.thumbnail.corner {display:block;}
.singlePost a.thumbnail.corner {display:block;}
.fullSlider .nivo-caption {left:68%;}
#whatWeDoRow .moveMe {padding:0; text-align:center;}
#whatWeDoRow .span1 {width:100%;text-align:center;}
#whatWeDoRow .span1 img {margin-bottom:15px;}
#whatWeDoRow h3 {margin-top:3px;}
}
@media (max-width: 767px) {
.menudl .span3 {
margin-bottom:20px;
}
#whatWeDoRow .span2 {
margin-left:0;
width:auto;
}
.container {text-align:center; padding:0 20px;}
body {padding-left:0; padding-right:0;}
input.search-query {min-height: 32px;}
#request textarea {width:90%;}
.navbar .navbar-inner .container .nav li.dropdown a {
background:none;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu {
margin-left:25px;
text-align:left;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a {
color:#BCD2C5;
}
.navbar .navbar-inner .container .nav li.dropdown ul.dropdown-menu a:hover {
color:#fff;
}
.navbar .navbar-inner .container .nav li.active a {
background:none;
color:#fff;
}
.navbar .nav li {line-height:30px;}
.navbar .navbar-inner .container .nav li a {margin:5px 20px;}
.workTogether p {text-align:center; padding:0 10px;}
.workTogether a.btn.red-btn {margin-left:0;}
.workTogether .box {border-radius:20px;}
.slider .carousel-caption {display:none;}
.slider .controlContainer {background: transparent; height:100%; width:100%; margin:0;}
.slider .carousel-control {top:50%; margin-top:-25px;}
.filterMenu ul {background:none;}
.blogPost {padding-right:0; padding-left:0;}
.singlePost {padding-right:0; padding-left:0;}
.blogPost a.thumbnail.corner {display:block;}
.singlePost a.thumbnail.corner {display:block;}
.fullSlider .nivo-caption {margin-left:-50% !important; left:50%;}
#titleRow h1 {background:none; font-size:30px;}
#titleRow h1 span.lft, #titleRow h1 span.rt {background:none; width:0;}
#whatWeDoRow .moveMe {padding:0 0 30px 0;}
.fullSlider h1 {
font-size:33px;
line-height:33px;
}
.blogSidebar {padding:0;}
.blogSidebar ul.categories li span {text-align:center;}
.filterMenu ul li a span.lft, .filterMenu ul li a span.mid, .filterMenu ul li a span.rt {background:none;}
.singleProject .projDescription {padding-left:0;}
#contactInfo address {margin-left:0;}
#ourStatistics .project .span2 {padding-bottom:30px;}
#ourStatistics .project span {margin-top:0;}
#ourStatistics p {text-align:center;}
.person p {margin-top:20px; margin-bottom:30px;}
#contactUsRow p {text-align:center;}
#getInTouch {margin-top:20px;}
p {text-align:left;}
.smallSlider {margin-top:30px;}
.smallSlider p {text-align:center;}
#stayTunedRow .newsData .tweet {margin:30px 0;}
a.twitterBtn {margin:0 0 40px 0;}
#whatWeDoRow2 .description {margin-bottom:20px;}
.projectNavig h2 {background:none;}
.projectNavig h2 span.mid {background:none;}
.projectNavig h2 a.lft, .projectNavig h2 a.rt {display:none;}
}
@media (max-width: 480px) {
#aboutUsRow2 h3 {
font-size: 22px;}
.navbar a.brand {
width: 60%;
}
.container {text-align:center;}
.smallSlider .box {
margin-top:15px;
}
.slider .description {
display:none;
}
#sloganRow {
padding-top:5px;
}
#sloganRow h1 {
font-size:33px;
line-height:33px;
padding:0;
background:none;
min-height:auto;
}
.fullSlider .nivo-caption {
display:none !important;
}
.blogSidebar ul.categories li span {text-align:center;}
.filterMenu ul li a span.lft, .filterMenu ul li a span.mid, .filterMenu ul li a span.rt {background:none;}
.singleProject .projDescription {padding-left:0;}
#fb-root {
display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
}