/*Import Google Fonts*/ @import url(https://fonts.googleapis.com/css?family=Varela+Round); @import url(https://fonts.googleapis.com/css?family=Open+Sans); /*Font Awesome*/ @import url(/assets/plugins/font-awesome4/css/font-awesome.css); body { color: #333; font-size: 13px; line-height: 1.6; } p, a, li { color: #555; line-height: 1.6; } .rightSide a { color:#3a8bc2; } a, a:focus, a:hover, a:active { outline: 0 !important; } a:hover { color: #72c02c; text-decoration: underline; } h1, h2, h3, h4, h5 { margin-top: 5px; text-shadow: none; font-weight: normal !important; font-family: 'Open Sans', sans-serif; } h1 i, h2 i, h3 i, h4 i, h5 i { margin-right: 7px; } img.img-circle { border-radius: 50% !important; } .text-justify p { text-align: justify; } /*Tables ------------------------------------*/ /*Basic Tables*/ .table thead > tr > th { border-bottom: none; } /*Forms ------------------------------------*/ .form-control { box-shadow: none; } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; } /*Form Spacing*/ .form-spacing .form-control { margin-bottom: 15px; } /*Navigation ------------------------------------*/ /*Pagination*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #72c02c; border-color: #72c02c; } .pagination li a:hover { color: #fff; background: #5fb611; border-color: #5fb611; } /*Pager*/ .pager li > a:hover, .pager li > a:focus { color: #fff; background: #5fb611; border-color: #5fb611; } /*Button Styles ------------------------------------*/ .btn { box-shadow: none; } .btn-u { border:0; font-size:14px; cursor:pointer; padding:6px 13px; position:relative; background:#72c02c; display:inline-block; color:#fff !important; text-decoration:none !important; } .btn-u:hover { color:#fff; background:#5fb611; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .btn-u-small { padding:3px 12px; } .btn-u-lg { font-size:18px; padding:10px 25px; } a.btn-u { padding:4px 13px; vertical-align:middle; } a.btn-u-small { padding:2px 12px; } a.btn-u-lg { font-size:18px; padding:6px 25px; } /*For FF Only*/ @-moz-document url-prefix() { .footer-subsribe .btn-u { padding-bottom: 5px; } } @media (max-width: 768px) { @-moz-document url-prefix() { .btn-u { padding-bottom: 5px; } } } /*Buttons Color*/ .btn-u-blue { background: #3498db !important; } .btn-u-blue:hover { background: #2980b9 !important; } .btn-u-red { background: #e74c3c !important; } .btn-u-red:hover { background: #c0392b !important; } .btn-u-orange { background: #e67e22 !important; } .btn-u-orange:hover { background: #d35400 !important; } .btn-u-sea { background: #1abc9c !important; } .btn-u-sea:hover { background: #16a085 !important; } .btn-u-green { background: #2ecc71 !important; } .btn-u-green:hover { background: #27ae60 !important; } .btn-u-yellow { background: #f1c40f !important; } .btn-u-yellow:hover { background: #f39c12 !important; } .btn-u-default { background: #95a5a6 !important; } .btn-u-default:hover { background: #7f8c8d !important; } /*Icons ------------------------------------*/ /*Social Icons*/ .social-icons { margin: 0; padding: 0; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li a, a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .social-icons li:hover a { background-position: 0 -38px; } .social-icons-color li a { opacity: 0.7; background-position:0 -38px !important; } .social-icons-color li a:hover { opacity: 1; } .social_amazon {background: url(/assets/img/icons/social/amazon.png) no-repeat;} .social_behance {background: url(/assets/img/icons/social/behance.png) no-repeat;} .social_blogger {background: url(/assets/img/icons/social/blogger.png) no-repeat;} .social_deviantart {background: url(/assets/img/icons/social/deviantart.png) no-repeat;} .social_dribbble {background: url(/assets/img/icons/social/dribbble.png) no-repeat;} .social_dropbox {background: url(/assets/img/icons/social/dropbox.png) no-repeat;} .social_evernote {background: url(/assets/img/icons/social/evernote.png) no-repeat;} .social_facebook {background: url(/assets/img/icons/social/facebook.png) no-repeat;} .social_forrst {background: url(/assets/img/icons/social/forrst.png) no-repeat;} .social_github {background: url(/assets/img/icons/social/github.png) no-repeat;} .social_googleplus {background: url(/assets/img/icons/social/googleplus.png) no-repeat;} .social_jolicloud {background: url(/assets/img/icons/social/jolicloud.png) no-repeat;} .social_last-fm {background: url(/assets/img/icons/social/last-fm.png) no-repeat;} .social_linkedin {background: url(/assets/img/icons/social/linkedin.png) no-repeat;} .social_picasa {background: url(/assets/img/icons/social/picasa.png) no-repeat;} .social_pintrest {background: url(/assets/img/icons/social/pintrest.png) no-repeat;} .social_rss {background: url(/assets/img/icons/social/rss.png) no-repeat;} .social_skype {background: url(/assets/img/icons/social/skype.png) no-repeat;} .social_spotify {background: url(/assets/img/icons/social/spotify.png) no-repeat;} .social_stumbleupon {background: url(/assets/img/icons/social/stumbleupon.png) no-repeat;} .social_tumblr {background: url(/assets/img/icons/social/tumblr.png) no-repeat;} .social_twitter {background: url(/assets/img/icons/social/twitter.png) no-repeat;} .social_vimeo {background: url(/assets/img/icons/social/vimeo.png) no-repeat;} .social_wordpress {background: url(/assets/img/icons/social/wordpress.png) no-repeat;} .social_xing {background: url(/assets/img/icons/social/xing.png) no-repeat;} .social_yahoo {background: url(/assets/img/icons/social/yahoo.png) no-repeat;} .social_youtube {background: url(/assets/img/icons/social/youtube.png) no-repeat;} .social_vk {background: url(/assets/img/icons/social/vk.png) no-repeat;} /*Font Awesome Icon Page*/ .fa-heading .headline, blogHead-h3 { margin-bottom: 20px; } .fa-heading .headline h2 { font-size: 19px; } .fa-icons li { font-size: 11px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; font-family: "Open Sans"; } .fa-icons li:hover { color: #72c02c; } .fa-icons li i { padding: 4px; min-width: 30px; font-size: 18px; background: #eee; margin-right: 5px; } .fa-icons li:hover i { color: #fff; background: #72c02c; } /*Font Awesome Icon Styles*/ .style-icons i { display: inline-block !important; } .style-icons a:hover { text-decoration: none; } i.icon-round { color: #666; padding: 7px 0; min-width: 40px; font-size: 22px; margin-bottom: 5px; display: inline-block; border: solid 1px #ddd; border-radius: 50% !important; } i.icon-round-lg { min-width: 55px; font-size: 35px; padding: 10px 0; line-height: 33px; margin-bottom: 10px; border-radius: 50% !important; } i.icon-round-sm { padding: 5px 0; font-size: 16px; min-width: 30px; } i.icon-color-blue { color: #3498db; background: none; border: solid 1px #3498db; } i.icon-color-red { color: #e74c3c; background: none; border: solid 1px #e74c3c; } i.icon-color-sea { color: #1abc9c; background: none; border: solid 1px #1abc9c; } i.icon-color-green { color: #2ecc71; background: none; border: solid 1px #2ecc71; } i.icon-color-yellow { color: #f1c40f; background: none; border: solid 1px #f1c40f; } i.icon-color-orange { color: #e67e22; background: none; border: solid 1px #e67e22; } i.icon-color-grey { color: #95a5a6; background: none; border: solid 1px #95a5a6; } i.icon-bg-red, i.icon-bg-sea, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-default { color: #fff; border: none; background: #666; } i.icon-bg-blue { background: #3498db; } i.icon-bg-red { background: #e74c3c; } i.icon-bg-sea { background: #1abc9c; } i.icon-bg-green { background: #2ecc71; } i.icon-bg-yellow { background: #f1c40f; } i.icon-bg-orange { background: #e67e22; } i.icon-bg-grey { background: #95a5a6; } i.icon-bg-default { background: #666; } /*GLYPHICONS Icons Special styles for displaying the icons and their classes*/ .bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } .bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 12px; line-height: 1.4; text-align: center; margin: 0 -1px -1px 0; border: 1px solid #ddd; } .bs-glyphicons .glyphicon { display: block; font-size: 24px; margin: 5px auto 10px; } .bs-glyphicons li:hover { color: #72c02c; background-color: #fafafa; } @media (min-width: 768px) { .bs-glyphicons li { width: 12.5%; } } /* Make Font Awesome icons fixed width */ li [class^="icon-"], li [class*=" icon-"] { width: 1.25em; text-align: center; display: inline-block; } li [class^="icon-"].icon-lg, li [class*=" icon-"].icon-lg { /* increased font size for icon-lg */ width: 1.5625em; } /*Others (Global classes) ------------------------------------*/ .color-sea { color:#1abc9c;} .color-red { color:#e74c3c;} .color-blue { color:#3498db;} .color-green { color:#72c02c;} .color-orange { color:#e67e22;} .color-green1 { color:#2ecc71;} .lft-img-margin { margin:0 20px 5px 0;} .rgt-img-margin { margin:0 0 5px 10px;} .overflow-hidden { overflow:hidden;} .padding-left-5 { padding-left:5px;} .img-width-200 { width:200px;} /*Image Border*/ .img-border { border:solid 3px #fff; } /*Background light-style*/ .bg-light { padding:10px 15px; margin-bottom:10px; background:#fcfcfc; border:solid 1px #e5e5e5; } .bg-light:hover { border:solid 1px #bbb; } /*Link read-more*/ a.read-more { font-weight:bold; text-decoration:none; } a.read-more:hover { color:#72c02c; text-decoration:none; } /*Link color-green-style*/ .linked:hover { color:#72c02c; text-decoration:none; } /*Pagination*/ .pagination-no-space .pagination { margin: 0; } /*CSS3 Hover Effects*/ .hover-effect { -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .hover-effect-kenburn { left:10px; margin-left:-10px; position:relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .hover-effect-kenburn:hover { -webkit-transform: scale(2) rotate(5deg); -moz-transform: scale(2) rotate(5deg); -o-transform: scale(2) rotate(5deg); -ms-transform: scale(2) rotate(5deg); transform: scale(2) rotate(5deg); } /*Spaces*/ .margin-bottom-5, .margin-bottom-10, .margin-bottom-20, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-50, .margin-bottom-60 { clear:both; } .margin-bottom-5 { margin-bottom:5px; } .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom-25 { margin-bottom:25px; } .margin-bottom-30 { margin-bottom:30px; } .margin-bottom-35 { margin-bottom:35px; } .margin-bottom-40 { margin-bottom:40px; } .margin-bottom-50 { margin-bottom:50px; } .margin-bottom-60 { margin-bottom:60px; } /*Clients Carousel (Flexslider) ------------------------------------*/ .clients { box-shadow:none !important; margin-bottom: 0 !important; } .clients li { float: left; overflow: hidden; margin-left: 1px; position: relative; background: #fafafa; } .clients li:hover { background: #f6f6f6; } .clients li img.color-img { top: 0; left: 0; display: none; position: absolute; } .clients li:hover img.color-img { display: block; } .clients li img { filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; } .clients li img:hover { filter: none; } .clients, .flexslider.home { border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px; } .flexslider { margin-top: 10px !important; background: none !important; } .flexslider .flex-direction-nav a { margin-top: -10px !important; } /*Fancybox ------------------------------------*/ /*For Topbar*/ .fancybox-overlay.fancybox-overlay-fixed { z-index:9999; } /*FancyBox Hover Effect*/ .zoomer:hover .overlay-zoom .zoom-icon{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:0.4; filter: alpha(opacity = 50); } .overlay-zoom { display: block; cursor: pointer; width: 100%; height: 100%; position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 90; } .overlay-zoom .zoom-icon { background-image:url("assets/img/overlay-icon.png"); background-color: #000; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0; z-index: 100; filter: alpha(opacity = 0); top:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } /*Main Slider (Parallax) ------------------------------------*/ .slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; } /*Revolution Slider ------------------------------------*/ .bg-black-opacity { background: url(assets/img/sliders/revolution/bg-text.png) repeat; padding: 7px; text-shadow: none !important; } .fullwidthbanner-container{ padding:0; overflow:hidden; position:relative; width:100% !important; max-height:500px !important; } /*Layer Slider ------------------------------------*/ .layer_slider { overflow: hidden; } .ls-ct-half, .ls-ct-center { border-radius: 100px !important; } /*Responsive Video ------------------------------------*/ .responsive-video { height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25%; /* 16:9 */ } .responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /*Boxed Layout ------------------------------------*/ .boxed-layout { padding: 0; border-left: solid 1px #f7f7f7; border-right: solid 1px #f7f7f7; } /*Style Switcher ------------------------------------*/ i.style-switcher-btn { right: 0; top: 37px; color: #fff; font-size: 18px; cursor: pointer; z-index: 555555; position: fixed; padding: 7px 9px; background: #585f69; border-radius: 6px 0 0 6px !important; } i.style-switcher-btn:hover { background:#707985; } i.style-switcher-btn-option { top: 38px; background: #9097a0; } i.style-switcher-btn-option:hover { background: #707985; } .style-switcher { right: 0; top: 37px; width: 205px; display: none; z-index: 555555; position: fixed; background: #585f69; border: solid 1px #666d76; padding: 15px 15px 15px 20px; border-radius: 6px 0 0 6px !important; } .style-switcher-inner { background: #9097a0; } .style-switcher .theme-close { top: 10px; right: 6px; position: absolute; } .style-switcher .theme-close i { color: #fff; cursor: pointer; font-size: 18px; padding: 5px 7px; background: #464e5b; } .style-switcher .theme-close i:hover { color: #464e5b; background: #fff; } .style-switcher .theme-heading { color: #fff; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; } .style-switcher-logo { margin-top: 10px; padding-top: 15px; border-top: solid 1px #4c5159; } .style-switcher-logo a { display: block; text-align: center; } .style-switcher ul { margin-bottom: 0; } .style-switcher li { width: 26px; height: 26px; cursor: pointer; background: #c00; margin: 0 5px 5px 0; display: inline-block; } .style-switcher li.last { margin-right: 0; } .style-switcher li:hover, .style-switcher li.theme-active { border: solid 2px #fff; } .style-switcher a.btn-u-green.active-switcher-btn { border: solid 1px #eee; background: #2ecc71 !important; } .style-switcher a.btn-u-sea.active-switcher-btn { border: solid 1px #eee; background: #1abc9c !important; } .style-switcher li.theme-default { background: #72c02c; } .style-switcher li.theme-blue { background: #3498db; } .style-switcher li.theme-orange { background: #e67e22; } .style-switcher li.theme-red { background: #e74c3c; } .style-switcher li.theme-light { background: #ecf0f1; } /*Block Headline*/ .headline, .blogHead { display: block; margin: 25px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .blogHead h3, .headline h2, .headline h3, .headline h4 { color: #585f69; margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c; } .headline h2 { font-size: 23px; } .headline-md h2 { font-size: 21px; } .headline-md { margin-bottom: 15px; } /*Purchase Block*/ .purchase { padding: 30px 0; margin-bottom: 30px; box-shadow: inset 0 0 4px #eee; background: url(/assets/img/breadcrumbs.png) repeat; } .purchase p { margin-bottom: 0; } .purchase span { color: #666; display: block; font-size: 28px; font-weight: 200; line-height: 35px; margin-bottom: 12px; font-family: 'Open Sans', sans-serif; } .purchase a.btn-buy { color: #fff; font-size: 16px; cursor: pointer; font-weight: bold; margin-top:20px; background: #72c02c; display: inline-block; text-decoration: none; padding: 12px 28px 9px; text-transform: uppercase; text-shadow: 0 1px 0 #51a00b; } .purchase a.btn-buy:hover { color: #fff; background: #68af28; text-decoration: none; box-shadow: 0 0 5px #c0c2c1; } /*Service*/ .service { overflow: hidden; margin-bottom: 10px; padding: 15px 15px 10px; } .service:hover { background: #fcfcfc; box-shadow: 0 0 5px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .service:hover i { color: #656565; } .service .desc { padding: 0 15px; overflow: hidden; } .service .desc h4 { font-size: 22px; line-height: 25px; } .service .service-icon { float: left; padding: 10px; color: #72c02c; font-size: 45px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service .service-icon.icon-cogs { font-size: 37px; } .service .service-icon.icon-plane { font-size: 43px; } /* Recent Work */ .recent-work a { text-align: center; background: #fcfcfc; display: inline-block; } .recent-work a:hover { text-decoration: none; } .recent-work a:hover strong { color: #555; } .recent-work em.overflow-hidden { display: block; } .recent-work a span { display: block; padding: 10px; border-bottom: solid 2px #eee; } .recent-work a strong { color: #555; display: block; } .recent-work a i { color: #777; } .recent-work a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .recent-work a:hover img { opacity: 0.8; -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.0) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } .recent-work a:hover span { border-bottom: solid 2px #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } /*Blockquote*/ blockquote p { font-size: 16px; font-weight: 200; } blockquote:hover { border-left-color: #72c02c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hero { padding: 18px; margin: 20px 0; color: #566c8a; font-size: 16px; background: #fcfcfc; border-left: 4px solid #94c564; font-family: 'Open Sans', sans-serif; } .hero h1, .hero p { text-shadow: 1px 1px 0 #fff; } .hero-unify p { font-size: 13px; line-height: 20px; } /* Work */ .work { margin-top: 6px; } .work .details { padding: 10px; } .work .caption { display: block; padding-top: 5px; color: #585f69 !important; font-size: 18px !important; } .work .caption:hover { cursor: pointer; color: #444 !important; text-decoration: underline; } /*Footer*/ .footer { color: #dadada; margin-top: 40px; padding: 20px 0 30px; background: #585f69; } .footer.margin-top-0 { margin-top: 0; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5 { text-shadow: none; font-weight: normal !important; } .footer p, .footer a { font-size: 14px; } .footer p { color: #dadada; } .footer a { color: #72c02c; } .footer a:hover { color: #a8f85f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer h2, .footer h3, .footer h4 { color: #e4e4e4; background: none; text-shadow: none; } /*Footer Subsribe*/ .footer .footer-subsribe { width: 85%; } /*Blog Posts*/ .commentPost { margin-top:40px; margin-bottom:40px; } .commentPost p { margin-bottom: 10px; } .footer .blog-list { margin: 0; padding: 0; color: #dadada; list-style: none; } .footer li { color:#e4e4e4; } .footer .blog-list li { padding: 0 0; margin-bottom: 7px; } .footer .blog-list li span { color: #818488; } .footer .dl-horizontal, .footer .dl-horizontal:hover { border: none !important; background: none !important; } .footer .dl-horizontal a { color: #dadada; } .footer .dl-horizontal a:hover { color: #a8f85f !important; } .footer .dl-horizontal img { border-color: #888 !important; } /*Copyright*/ .copyright { font-size: 12px; padding: 21px 0 7px; margin-top: 60px; background: #3e4753; border-top: solid 1px #777; } .copyright p { color: #dadada; } .copyright p.copyright-space { margin-top: 12px; } .copyright a { margin: 0 5px; color: #72c02c; } .copyright a:hover { color: #a8f85f; } /*Page (Features) ------------------------------------*/ /*Thumbnail*/ a.thumbnail { padding: 0; border: none; margin-bottom: 15px; } .thumbnail-style { padding: 5px; margin-bottom: 20px; } .thumbnail-style:hover { box-shadow: 0 0 8px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; } .thumbnail-style h3 { margin: 5px 0 0 0; } .thumbnail-style h3 a { font-size: 20px; } .thumbnail-style h3 a:hover { color: #72c02c; text-decoration: none; } .thumbnail-style .thumbnail-img { position: relative; margin-bottom: 10px; } .thumbnail-style a.btn-more { right: -10px; bottom: 10px; color: #fff; padding: 1px 6px; position: absolute; background: #72c02c; display: inline-block; } .thumbnail-style a.btn-more:hover { text-decoration: none; box-shadow: 0 0 0 2px #377500; } .thumbnail-style:hover a.btn-more { right: 10px; } .thumbnail-kenburn img { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .thumbnail-kenburn:hover img { -webkit-transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); } /*Servive Blocks*/ .servive-block .servive-block-in { padding: 20px 30px; text-align: center; margin-bottom: 20px; background: #fafafa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .servive-block .servive-block-in:hover { box-shadow: 0 0 8px #ddd; } .servive-block .servive-block-in h4 { line-height: 25px; } .servive-block .servive-block-in h4 a:hover { color: #72c02c; text-decoration: none; } .servive-block .servive-block-in:hover h4, .servive-block .servive-block-in:hover i { color: #72c02c; } .servive-block .servive-block-in i { color: #565656; font-size: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .servive-block .servive-block-red { background: #e74c3c; } .servive-block .servive-block-sea { background: #1abc9c; } .servive-block .servive-block-blue { background: #3498db; } .servive-block .servive-block-grey { background: #95a5a6; } .servive-block .servive-block-yellow { background: #f1c40f; } .servive-block .servive-block-orange { background: #e67e22; } .servive-block .servive-block-green { background: #2ecc71; } .servive-block .servive-block-colored i, .servive-block .servive-block-colored p, .servive-block .servive-block-colored h4, .servive-block .servive-block-colored:hover i, .servive-block .servive-block-colored:hover h4 { color: #fff; } .servive-block .servive-block-colored:hover { opacity: 0.8; box-shadow: none; } /*Service Alternative Block*/ .service-alternative .service:hover { background: #76ca2c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service-alternative .service:hover i, .service-alternative .service:hover p, .service-alternative .service:hover h4 { color: #fff; } /*Servive Block Versions*/ .service-v1 h2 { margin: 15px 0; font-size: 20px; line-height: 28px; } .service-v1 p { text-align: justify; } /*Posts*/ .posts .dl-horizontal { margin-bottom: 0; overflow: hidden; } .posts .dl-horizontal dt { width: 60px; float: left; } .posts .dl-horizontal dt img { width: 60px; height: 60px; padding: 2px; margin-top: 2px; border: solid 1px #ddd; } .posts .dl-horizontal dd { margin-left: 70px; } .posts .dl-horizontal dd p { margin: 0; } .posts .dl-horizontal dd a { font-size: 14px; line-height: 16px !important; } .posts .dl-horizontal dd a:hover { color: #72c02c; text-decoration: none; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*Breadcrumbs*/ .breadcrumbs { padding: 10px 0 6px; box-shadow: inset 0 0 4px #eee; background: url(/assets/img/breadcrumbs.png) repeat; } .breadcrumbs h1 { color: #686868; font-size: 26px; margin-top: 12px; } .breadcrumb { top: 9px; padding-right: 0; background: none; position: relative; } .breadcrumb a { color: #777; } .breadcrumb li.active, .breadcrumb li a:hover { color: #72c02c; text-decoration: none; } /*Pegination*/ .pagination li a { color: #777; padding: 5px 15px; } /* Testimonials */ .testimonials { margin-bottom: 10px; } .testimonials .testimonial-info { color: #72c02c; font-size: 16px; padding: 0 15px; margin-top: 18px; } .testimonials .testimonial-info span { top: 3px; position: relative; } .testimonials .testimonial-info em { color: #777; display: block; font-size: 13px; } .testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 2px; margin-right: 15px; border: solid 1px #ccc; border-radius: 50% !important; } .testimonials .testimonial-author { overflow: hidden; } .testimonials .carousel-arrow { top: -65px; position: relative; } .testimonials .carousel-arrow i { color: #777; font-size: 20px; padding: 2px 8px; background: #fafafa; } .testimonials .carousel-arrow i:hover { color: #fff; background: #72c02c; } .testimonials .carousel-control { opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; } .testimonials .carousel-control.left { right: 27px; left: auto; } .testimonials .carousel-control.right { right: 0px; } .testimonials.testimonials-v1 .item p { padding: 15px; font-size: 14px; font-style: italic; position: relative; background: #fafafa; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v1 .item p:before { width: 0; height: 0; left: 80px; content: " "; bottom: -20px; display: block; position: absolute; } .testimonials.testimonials-v1 .item p:after { border-top: 22px solid #fafafa; border-left: 0 solid transparent; border-right: 22px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .testimonials.testimonials-v2 .testimonial-info { padding: 0 20px; } .testimonials.testimonials-v2 p { padding: 15px; font-size: 14px; font-style: italic; background: #fafafa; padding-bottom: 15px; } .testimonials.testimonials-v2 .carousel-arrow { top: -55px; } .testimonials.testimonials-v2 .item p:after, .testimonials.testimonials-v2 .item p:before { width: 0; height: 0; left: 8%; content: " "; bottom: 45px; display: block; position: absolute; } .testimonials.testimonials-v2 .item p:after { border-top: 20px solid #fafafa; border-left: 25px solid transparent; border-right: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } /*Tabs v1*/ .tab-v1 .nav-tabs { border: none; background: none; border-bottom: solid 2px #72c02c; } .tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { color: #fff; border: none; background: #72c02c; } .tab-v1 .nav-tabs > li > a { border: none; } .tab-v1 .nav-tabs > li > a:hover { color: #fff; background: #72c02c; } .tab-v1 .tab-content { padding: 10px 0; } .tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; } .tab-v1 .tab-content img.img-tab-space { margin-top: 7px; } /*Tabs v2*/ .tab-v2 .nav-tabs { border-bottom: none; } .tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border: none; } .tab-v2 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 2px #72c02c; border-bottom: none !important; } .tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; } /*Tabs v3*/ .tab-v3 .nav-pills li a { color: #777; font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; } .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { color: #fff; background: #72c02c; border: solid 1px #68af28; } .tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; } .tab-v3 .tab-content { padding: 15px; background: #fafafa; border: solid 1px #eee; } /*Accardion v1*/ .acc-v1 .panel-heading { padding: 0; box-shadow: none; } .acc-v1 .panel-heading a { display: block; font-size: 14px; padding: 5px 15px; background: #fefefe; } .acc-icon a.accordion-toggle i { color: #585f69; margin-right: 8px; } .acc-icon a.accordion-toggle:hover i { color: #39414c; } /*Carousel v1*/ .carousel-v1 .carousel-caption { left: 0; right: 0; bottom: 0; padding: 7px 15px; background: rgba(0, 0, 0, 0.7); } .carousel-v1 .carousel-caption p { color: #fff; margin-bottom: 0; } .carousel-v1 .carousel-arrow a.carousel-control { opacity: 1; font-size:30px; height:inherit; width: inherit; background: none; text-shadow: none; position: inherit; } .carousel-v1 .carousel-arrow a i { top: 50%; opacity: 0.6; background: #000; margin-top: -18px; padding: 2px 12px; position: absolute; } .carousel-v1 .carousel-arrow a i:hover { opacity: 0.8; } .carousel-v1 .carousel-arrow a.left i { left: 0; } .carousel-v1 .carousel-arrow a.right i { right: 0; } /*About Page ------------------------------------*/ .team ul.team-socail { text-align: right; } .team ul.team-socail li { padding: 0 !important; margin: 0 !important; } .team ul.team-socail li a, .team ul.team-socail li a:hover { text-decoration: none; } .team ul.team-socail li i { color: #aaa; padding: 3px; min-width: 30px; font-size: 20px; text-align: center; background: #f7f7f7; display: inline-block; } .team ul.team-socail li i:hover { color: #fff; background: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team .thumbnail-style { padding: 12px; } .team .thumbnail-style small { display: block; font-size: 12px; } .team .thumbnail-style h3 { margin-bottom: 10px; } .team .thumbnail-style:hover h3 a { color: #72c02c !important; } /*Gallery Page ------------------------------------*/ .gallery-page .thumbnail, .gallery-page .thumbnail:hover { padding: 0; border: none; box-shadow: none; } .gallery-page .thumbnails { margin-bottom:6px; } /*Privacy Page ------------------------------------*/ .privacy a { text-decoration: underline; } .privacy a:hover { color: #72c02c; text-decoration: none; } /*Portfolio Item Page v1 ------------------------------------*/ .portfolio-item h2 { color: #555; font-size: 24px; margin: 0 0 15px; } .portfolio-item li { padding: 3px 0; } .portfolio-item p a { text-decoration: underline; } .portfolio-item p a:hover { text-decoration: none; } /*Portfolio Item v1*/ .portfolio-item1 ul { margin: 10px 0 20px; } .portfolio-item1 li { font-size: 16px; margin-bottom: 3px; } .portfolio-item1 li i { font-size: 18px; margin-right: 4px; } /*Sidebar Features ------------------------------------*/ /*Blog Tags*/ ul.blog-tags li { display: inline-block; } ul.blog-tags a { font-size :13px; padding: 2px 7px; background: #f7f7f7; margin: 0 3px 6px 0; display: inline-block; } ul.blog-tags a i { color: #666; } ul.blog-tags a:hover { background: #72c02c; } ul.blog-tags a:hover, ul.blog-tags a:hover i { color: #fff !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*Blog Photo Stream*/ .blog-photos li { display: inline; } .blog-photos li img { opacity: 0.6; width: 58px; height: 58px; margin: 0 2px 8px; } .blog-photos li img:hover { opacity: 1; box-shadow: 0 0 0 2px #72c02c; } /*Blog Latest Tweets*/ .blog-twitter .blog-twitter-inner { padding: 10px; position: relative; background: #fafafa; margin-bottom: 15px; border-top: solid 2px #eee; } .blog-twitter .blog-twitter-inner, .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute; } .blog-twitter .blog-twitter-inner:after { border-top: 15px solid #f0f0f0; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ } .blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner span { color: #777; display: block; font-size: 11px; } .blog-twitter .blog-twitter-inner a { color: #72c02c; text-decoration: none; } .blog-twitter .blog-twitter-inner a:hover { text-decoration: underline; } .blog-twitter .blog-twitter-inner i.icon-twitter { top: 2px; color: #bbb; font-size: 18px; position: relative; } /*Choose Block*/ .who li { margin-bottom: 6px; } .who li i { top: 2px; color: #72c02c; font-size: 18px; margin-right: 8px; position: relative; } .who li:hover i, .who li:hover a { color: #777; } .who li:hover a:hover { text-decoration: none; } /*Sidebar Menu ------------------------------------*/ /*Sidebar Menu v1*/ .sidebar-nav-v1 li { padding: 0; } .sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; } .sidebar-nav-v1 li a:hover { text-decoration: none; } .sidebar-nav-v1 li.active, .sidebar-nav-v1 li.active:hover { background: #f5f5f5; border-color: #ddd; } .sidebar-nav-v1 li.active a { color: #555; } .sidebar-nav-v1 span.badge { margin-top: 10px; margin-right: 10px; } .sidebar-nav-v1 span.badge-green { background: #2ecc71; } .sidebar-nav-v1 span.badge-red { background: #e74c3c; } .sidebar-nav-v1 span.badge-blue { background: #3498db; } .sidebar-nav-v1 span.badge-sea { background: #1abc9c; } /*Tag Boxes ------------------------------------*/ .tag-box { padding: 20px; margin-bottom: 30px; } .tag-box h2 { font-size: 20px; line-height: 25px; } .tag-box p { margin-bottom: 0; } /*Tag Boxes v1*/ .tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; } /*Tag Boxes v2*/ .tag-box-v2 { background: #fafafa; border: solid 1px #eee; border-left: solid 2px #72c02c; } /*Tag Boxes v3*/ .tag-box-v3 { border: solid 2px #eee; } /*Tag Boxes v4*/ .tag-box-v4 { border: dashed 1px #bbb; } /*Tag Boxes v5*/ .tag-box-v5 { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .tag-box-v5 span { color: #555; font-size: 28px; margin-bottom: 0; } /*Tag Boxes v6*/ .tag-box-v6 { background: #fafafa; border: solid 1px #eee; } /*Tag Boxes v7*/ .tag-box-v7 { border: solid 1px #eee; border-bottom: solid 2px #72c02c; } /*Panels (Portlets) ------------------------------------*/ /*Panel Table*/ .panel .table { margin-bottom: 0; } /*Panel Blue*/ .panel-blue { border-color: #3498db; } .panel-blue > .panel-heading { color: #fff; background: #3498db; } /*Panel Red*/ .panel-red { border-color: #e74c3c; } .panel-red > .panel-heading { color: #fff; background: #e74c3c; } /*Panel Green*/ .panel-green { border-color: #2ecc71; } .panel-green > .panel-heading { color: #fff; background: #2ecc71; } /*Panel Sea*/ .panel-sea { border-color: #1abc9c; } .panel-sea > .panel-heading { color: #fff; background: #1abc9c; } /*Panel Orange*/ .panel-orange { border-color: #e67e22; } .panel-orange > .panel-heading { color: #fff; background: #e67e22; } /*Panel Yellow*/ .panel-yellow { border-color: #f1c40f; } .panel-yellow > .panel-heading { color: #fff; background: #f1c40f; } /*Panel Grey*/ .panel-grey { border-color: #95a5a6; } .panel-grey > .panel-heading { color: #fff; background: #95a5a6; } /*Promo Page ------------------------------------*/ /*Slider Part*/ .fullwidthbanner-container.slider-promo { max-height: 460px !important; } .slider-promo-info-bg { padding: 25px 20px 20px; background: url(assets/img/bg-black.png) repeat; } .slider-promo-info span.big-size { color: #fff; display: block; font-size: 30px; margin-bottom: 25px; text-shadow: 0 !important; } .slider-promo-info p { color: #fff; font-size: 16px; margin-bottom: 0; } /*Promo Box*/ .promo-box { padding: 20px; margin: 25px 0 20px; text-align: center; } .promo-box i { display: block; font-size: 50px; } .promo-box p { font-size: 14px; margin-bottom: 0; } .promo-box strong, .promo-box strong a { color: #555; font-size: 20px; display: block; margin: 20px 0 15px; font-weight: 200; } .promo-box:hover strong, .promo-box:hover strong a { color: #e74c3c; } /*Promo Service*/ .promo-service { margin-bottom: 20px; } .promo-service a.btn-u { margin: 0 20px 10px 0; } /*Promo Elements*/ .title-box { margin: 20px 0; padding: 40px 0; font-size: 16px; text-align: center; border-bottom: solid 1px #eee; } .title-box .title-box-text { color: #555; display: block; font-size: 35px; font-weight: 200; } .block-blockquote { margin: 20px 0; text-align: center; border: dashed 1px #ccc; } .block-blockquote-inner { padding: 15px; } .block-blockquote p { font-size: 26px; margin-bottom: 0; } /*Info Blocks*/ .info-blocks { margin-bottom: 15px; } .info-blocks:hover i.icon-info-blocks { color: #72c02c; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .info-blocks i.icon-info-blocks { float: left; color: #777; font-size: 40px; margin-top: 5px; min-width: 50px; text-align: center; } .info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; } .info-blocks .info-blocks-in h3 { color: #555; font-size: 20px; line-height: 28px; } .info-blocks .info-blocks-in p { font-size: 12px; } /*One Page ------------------------------------*/ .one-page { padding-left: 0; padding-right: 0; } .one-page h1, .one-page h2 { color: #fff; font-size: 30px; text-shadow: none; margin-bottom: 20px; } .one-page p { color: #fff; } .one-page .one-default p, .one-page .one-default h1, .one-page .one-default h2, .one-page .one-grey p, .one-page .one-grey h1, .one-page .one-grey h2 { color: #555; } .one-page .one-page-inner { padding: 30px 20px; min-height: 300px; } .one-page .one-page-btn { font-size: 20px !important; padding-left: 30px !important; padding-right: 30px !important; margin-bottom: 15px; } .one-page .btn-u { margin-bottom: 15px; } .one-page .one-default { background: #fff; } .one-page .one-grey { background: #fafafa; } .one-page .one-blue { background: #3498db; } .one-page .one-red { background: #e74c3c; } .one-page .one-orange { background: #e67e22; } .one-page .one-green { background: #2ecc71; } /* CSS FOR TOP, HEADER AND MAIN NAV ------------------------------------*/ .top { padding-top: 8px; background-color: #3a8bc2; color: #ffffff; } .top ul.loginbar { margin: 0; padding: 0; z-index: 9999; position: relative; } .top ul.loginbar > li { display: inline; list-style: none; padding-bottom: 15px; } .top ul.loginbar > li > a, .top ul.loginbar > li > a:hover { color: #d0d2d3; font-size: 11px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .top ul.loginbar li.devider { top: -1px; padding: 0; font-size: 8px; position: relative; margin: 0 9px 0 5px; font-family: Tahoma; border-right: solid 1px #bbb; } .top ul.loginbar li i.icon-globe { color: #bbb; } /*Lenguages*/ .top ul.lenguages { top: 25px; left: -5px; display: none; padding: 4px 0; padding-left: 0; list-style: none; min-width: 100px; position: absolute; background: #f0f0f0; } .top li:hover ul.lenguages { display: block; } .top ul.lenguages:after { top: -4px; width: 0; height: 0; left: 8px; content: " "; display: block; position: absolute; border-bottom: 6px solid #f0f0f0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .top ul.lenguages li a { color: #555; display: block; font-size: 10px; padding: 2px 12px; margin-bottom: 1px; text-transform: uppercase; font-family:'Open Sans', sans-serif; } .top ul.lenguages li.active a i { color: #999; float: right; margin-top: 2px; } .top ul.lenguages li a:hover, .top ul.lenguages li.active a { background: #fafafa; } .top ul.lenguages li a:hover { text-decoration: none; } /*Header Default ------------------------------------*/ .header { z-index:999; position:relative; border-bottom:solid 2px #eee; background: #3a8bc2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhOGJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDlkY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3a8bc2 0%, #1d9dcf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a8bc2), color-stop(100%,#1d9dcf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3a8bc2 0%,#1d9dcf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3a8bc2 0%,#1d9dcf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a8bc2 0%,#1d9dcf 100%); /* IE10+ */ background: linear-gradient(to bottom, #3a8bc2 0%,#1d9dcf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8bc2', endColorstr='#1d9dcf',GradientType=0 ); /* IE6-8 */ } .header .navbar { margin: 0; min-height: inherit; } .header .navbar-default { border: none; background: none; } .header .navbar-collapse { position: relative; /*max-height: inherit;*/ } /*Brand*/ .header .navbar-brand { z-index: 2; position: relative; padding: 0 10px 10px; } /*Navbar - CHANGE DEFAULT NAV TEXT COLOR HERE */ .header .navbar-default .navbar-nav > li > a { color: #FFFFFF; font-size: 15px; font-weight:400; padding: 9px 20px; text-transform: lowercase; } .header .navbar-default .navbar-nav > .active > a { color: #72c02c; } /*Dropdown*/ .header .navbar-right .dropdown-menu { right: inherit; } .header .navbar .nav > li > a em.icon-angle-down { top: -1px; left: 1px; font-size: 12px; position: relative; margin: 0 !important; } /*Navber Toggle*/ .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #72c02c; } .navbar-toggle:hover { background: #5fb611 !important; } .navbar-default .navbar-toggle { border-color: #5fb611; } .navbar-default .navbar-toggle .icon-bar { background: #fff; } /*Serach Box*/ .header .navbar .search-open { right: 0; top: 50px; display: none; padding: 14px; position: absolute; background: #fcfcfc; border-top: solid 2px #eee; box-shadow: 0 1px 3px #ddd; } .header .navbar .nav > li > a.search { color: #aaa; cursor: pointer; padding: 8px 8px 10px; border-bottom-color: #aaa; background: #f7f7f7 !important; } .header .navbar .nav > li > a.search:hover { color: #72c02c; border-bottom-color: #72c02c; } .header .navbar .search-open form { margin: 0; } .header .navbar a.search [class^="icon-"], .header .navbar a.search [class*=" icon-"] { width: 1.25em; text-align: center; display: inline-block; } .header .navbar a.search [class^="icon-"].icon-large, .header .navbar a.search [class*=" icon-"].icon-large { /* increased font size for icon-large */ width: 1.5625em; } /*Responsive @Media ------------------------------------*/ @media (min-width: 767px) { /*Navbar Collapse*/ .header .navbar-collapse { padding: 0; } /*Navbar*/ .header .navbar-nav { top: 2px; margin-top: 10px; position: relative; } .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus { border-bottom: solid 2px transparent; } .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { color: #d0d2d3; } .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus { background: none; } .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus { color: #d0d2d3; } /*Dropdown Menu*/ .header .dropdown-menu { padding: 0; border: none; min-width: 200px; border-radius: 0; z-index: 9999 !important; margin-top: -2px !important; } .header .dropdown-menu li a { color: #687074; font-size: 13px; font-weight: 400; padding: 6px 15px; border-bottom: solid 1px #eee; } .header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover { color: #fff; filter: none !important; background: #687074 !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .header .dropdown-menu li > a:focus { background: none; filter: none !important; } /*Search Box*/ .header .navbar .search-open { width: 330px; } } @media (max-width: 767px) { /*Search Box*/ .header .navbar .search-open { left: 20px; top: inherit; bottom: -5px; padding: 15px; border-top: none; box-shadow: none; background: none; } } /* Small devices (tablets, 768px and less) */ @media (max-width: 768px) { /*Purchase Block*/ .purchase span { font-size: 24px; line-height: 32px; } .purchase a.btn-buy { font-size:14px; padding:9px 22px 6px; } /*End Purchase Block*/ /*Table Hidden Class*/ .table th.hidden-sm, .table td.hidden-sm { display: none !important; } /*End Table Hidden Class*/ /*Spaces (Margin Bottom)*/ .mb-margin-bottom-20 { margin-bottom: 20px; } .mb-margin-bottom-30 { margin-bottom: 30px; } .mb-margin-bottom-40 { margin-bottom: 40px; } .mb-margin-bottom-50 { margin-bottom: 50px; } .mb-margin-bottom-60 { margin-bottom: 60px; } /*End Spacea (Margin Bottom)*/ } /* Medium devices (desktops, 992px and up) */ @media (max-width: 992px) { /*Spaces (Margin Bottom)*/ .md-margin-bottom-20 { margin-bottom: 20px; } .md-margin-bottom-30 { margin-bottom: 30px; } .md-margin-bottom-40 { margin-bottom: 40px; } .md-margin-bottom-50 { margin-bottom: 50px; } .md-margin-bottom-60 { margin-bottom: 60px; } /*End Spacea (Margin Bottom)*/ } /*Sliders ------------------------------------*/ @media (max-width: 900px) { /*Slider Sequence*/ #sequence-theme .info { top:80px !important; width:60% !important; margin-right:50px; } /*Slider Parallax*/ .da-slide .da-img { display:none; } } @media (max-width: 450px) { /*Slider Sequence*/ #sequence-theme .info { top:70px !important; width:70% !important; margin-right:25px; } #sequence-theme h2 { font-size:30px !important; } #sequence-theme .info p { font-size:18px !important; } /*Slider Parallax*/ .da-slide p { display:none; } } /* STYLES TO TARGET MAIN COLORS - LINKS, BUTTONS, HOVER STATES*/ a:focus, a:hover, a:active { color: #72c02c; } .color { color: #72c02c; } a.read-more:hover { color:#72c02c; } .linked:hover { color:#72c02c; } /*Sliders ------------------------------------*/ /*Main Parallax Sldier*/ .da-slide h2 i { background:url(assets/plugins/parallax-slider/img/bg-heading.png) repeat; } /*Sequence Parallax Sldier*/ .sequence-inner { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#defce7)); background: -webkit-linear-gradient(#fff, #defce7); background: -moz-linear-gradient(#fff, #defce7); background: -ms-linear-gradient(#fff, #defce7); background: -o-linear-gradient(#fff, #defce7); background: linear-gradient(#fff, #defce7) } #sequence-theme h2 { background:rgba(114, 192, 44, 0.8); } #sequence-theme .info p { background:rgba(114, 192, 44, 0.8); } /*Purchase ------------------------------------*/ .purchase a.btn-buy { background:#72c02c; text-shadow:0 1px 0 #5fb611; } .purchase a.btn-buy:hover { background:#5fb611; } /*Buttons ------------------------------------*/ .btn-u { background: #72c02c; } .btn-u:hover { background: #5fb611; } /*Service ------------------------------------*/ .service .service-icon { color:#72c02c; } /*Service Blocks*/ .service-alternative .service:hover { background:#72c02c; } /*Thumbnail (Recent Work) ------------------------------------*/ .thumbnail-style h3 a:hover { color:#72c02c; } .thumbnail-style a.btn-more { background:#72c02c; } .thumbnail-style a.btn-more:hover { box-shadow:0 0 0 2px #5fb611; } /*Carousel (Recent Work)*/ .recent-work a:hover span { border-bottom:solid 2px #72c02c; } .bx-wrapper .bx-prev { background-image: url(assets/plugins/bxslider/images/controls.png); } .bx-wrapper .bx-next { background-image: url(assets/plugins/bxslider/images/controls.png); } /*Typography ------------------------------------*/ /*Heading*/ .blogHead-h3, .headline h2, .headline h3, .headline h4 { border-bottom:2px solid #72c02c; } /*Blockquote*/ blockquote:hover { border-left-color:#72c02c; } .hero { border-left-color: #72c02c; } /*Carousel ------------------------------------*/ .carousel-arrow a.carousel-control:hover { color: #72c02c; } /*Footer ------------------------------------*/ .footer a, .copyright a, .footer a:hover, .copyright a:hover { color: #72c02c; } /*Footer Blog*/ .footer .dl-horizontal a:hover { color:#72c02c !important; } /*Blog Posts ------------------------------------*/ .posts .dl-horizontal a:hover { color:#72c02c; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; } /*Post Comment*/ .post-comment h3, .blog-item .media h3, .blog-item .media h4.media-heading span a { color: #72c02c; } /*Tabs ------------------------------------*/ /*Tabs v1*/ .tab-v1 .nav-tabs { border-bottom: solid 2px #72c02c; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background: #72c02c; } .tab-v1 .nav-tabs > li > a:hover { background: #72c02c; } /*Tabs v2*/ .tab-v2 .nav-tabs li.active a { border-top: solid 2px #72c02c; } /*Tabs v3*/ .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { background: #72c02c; border: solid 1px #5fb611; } /*Accardion ------------------------------------*/ .acc-home a.active, .acc-home a.accordion-toggle:hover { color:#72c02c; } .acc-home .collapse.in { border-bottom:solid 1px #72c02c; } /*Testimonials ------------------------------------*/ .testimonials .testimonial-info { color: #72c02c; } .testimonials .carousel-arrow i:hover { background: #72c02c; } /*Info Blocks ------------------------------------*/ .info-blocks:hover i.icon-info-blocks { color: #72c02c; } /*Breadcrumb ------------------------------------*/ .breadcrumb li.active, .breadcrumb li a:hover { color:#72c02c; } /*About Page ------------------------------------*/ .team .thumbnail-style:hover h3 a { color:#72c02c !important; } /*Social Icons*/ .team ul.team-socail li i:hover { background: #72c02c; } /*Pricing Page ------------------------------------*/ /*Pricing Head*/ .pricing:hover h4 { color:#55c931; } .pricing-head h3 { background:#55c931; text-shadow:0 1px 0 #32a20f; border-bottom:solid 1px #41b91c; } .pricing-head h4 { color:#999; background:#fbfef2; border-bottom:solid 1px #f5f9e7; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*Pricing Content*/ .pricing-content li { border-bottom:solid 1px #f5f9e7; } .pricing-content li i { color:#72c02c; width: 30px; } /*Pricing Footer*/ .pricing-footer a, .pricing-footer button { background:#72c02c; text-shadow:0 1px 0 #38b312; border-bottom:solid 2px #41b91c; } .pricing-footer a:hover, .pricing-footer button:hover { background:#40ba1a; } /*Priceing Active*/ .price-active h4 { color:#55c931; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color:#55c931; } /*Right Sidebar ------------------------------------*/ /*Right Sidebar*/ .who li i, .who li:hover i, .who li:hover a { color:#72c02c; } /*Privacy Page ------------------------------------*/ .privacy a:hover { color:#72c02c; } /*Portfolio Page ------------------------------------*/ /*Portfolio v1*/ .view a.info:hover { background: #72c02c; } /*Portfolio v2*/ .sorting-block .sorting-nav li.active { color: #72c02c; border-bottom: solid 1px #72c02c; } .sorting-block .sorting-grid li a:hover span.sorting-cover { background: #72c02c; } /*Blog Page ------------------------------------*/ .blog h3 { color:#72c02c; } .blog li a:hover { color:#72c02c; } /*Blog Tags*/ ul.blog-tags a:hover { background: #72c02c; } .blog-post-tags ul.blog-tags a:hover { background: none repeat scroll 0 0 #72c02c; } /*Blog Photos*/ .blog-photos li img:hover { box-shadow: 0 0 0 2px #72c02c; } /*Blog Latest Tweets*/ .blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; } .blog-twitter .blog-twitter-inner a { color: #72c02c; } /*Blog Item Page ------------------------------------*/ .blog-item h4.media-heading span a { color:#72c02c; } /*Coming Soon Page ------------------------------------*/ .coming-soon-border { border-top: solid 3px #72c02c; } /*Search Page ------------------------------------*/ .booking-blocks p a { color: #72c02c; } /*Icons Page ------------------------------------*/ .icon-page li:hover { color:#72c02c; } /*Glyphicons*/ .glyphicons-demo a:hover { color: #72c02c; text-decoration: none; } /*Magazine Page ------------------------------------*/ /*Magazine News*/ .magazine-news .by-author strong { color: #72c02c; } .magazine-news a.read-more { color: #72c02c; } /*Magazine Mini News*/ .magazine-mini-news .post-author strong { color: #72c02c; } .news-read-more i { background: #72c02c; } /*Sidebar Features*/ .magazine-page h3 a:hover { color: #72c02c; } /*Page Features ------------------------------------*/ /*Tag Boxes v1*/ .tag-box-v1 { border-top: solid 2px #72c02c; } /*Tag Boxes v2*/ .tag-box-v2 { border-left: solid 2px #72c02c; } /*Tag Boxes v7*/ .tag-box-v7 { border-bottom: solid 2px #72c02c; } /*Font Awesome Icon Page Style*/ .fa-icons li:hover { color: #72c02c; } .fa-icons li:hover i { background: #72c02c; } /*GLYPHICONS Icons Page Style*/ .bs-glyphicons li:hover { color: #72c02c; } /*Navigation ------------------------------------*/ /*Pagination*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #72c02c; border-color: #72c02c; } .pagination li a:hover { background: #5fb611; border-color: #5fb611; } /*Pager*/ .pager li > a:hover, .pager li > a:focus { background: #5fb611; border-color: #5fb611; } /*Registration and Login Page v2 ------------------------------------*/ .reg-block { border-top: solid 2px #72c02c; } /*STICKY FOOTER ------------------------------------*/ #wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px; } #push, .copyright { min-height: 60px; } /* Lastly, apply responsive CSS fixes as necessary */ @media (max-width: 767px) { .copyright { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } html, body { height: 100%; } /*This is for web change .header .navbar-default { background: #3a8bc2; } */