/*
Template: Hallooou HTML5 Responsive template
Author: Mauritius D'Silva
Theme URI: http://www.mauritiusdsilva.com/themes/hallooou
Version: 1.0
*/
/* ----------------------------------------------
CSS TABLE OF CONTENTS
------------------------------------------------- */
/*
1: Body and paragraph text color
2: Primary color
3: Hover color - Lighter or darker shade of Primary color for hover
4: Secondary color
5: Slider (Hero unit) overlay color (optional)
6: Colors with opacity
7: Dark color/Footer color
8: Text selection color
/*
----------------------------------------------------- */
/* COLOR STYLES
/* ---------------------------------------------- */
/* 1: Body and paragraph text color */
/* ---------------------------------------------- */
body,
.services-item p {
color: #333333;
}
.scroll-style::-webkit-scrollbar-thumb {
width: 2px;
background: #6ba01f;
}
/* 2: Primary color */
/* ---------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
a:hover,
a:focus,
.highlight,
.navbar-custom a,
.services-item i,
.client-info h4,
blockquote {
color: #6ba01f;
/* Primary color */
}
.pace .pace-progress,
.overlay,
.products-container span.icon,
.full-project,
.project-navigation a:hover,
.cta-two-section,
.full-project,
.btn-default,
.btn-overcolor,
.client-testimonials.owl-theme .owl-controls .owl-page span,
.recent-project-carousel.owl-theme .owl-controls .owl-page span,
.scroll-top a:link,
.scroll-top a:visited,
.modal .modal-back a {
background: #6ba01f;
/* Primary color */
}
/*��������*/
.our-clients {
background: #fff;
}
.our-clients h2 {
color: #6ba01f
}
.recent-project h4.title {
border-left: solid 0px #6ba01f;
}
.recent-project .title-second li {
color: #6ba01f;
}
.services-item:before {
border-bottom-color: #6ba01f;
/* Primary color */
border-left-color: #6ba01f;
/* Primary color */
}
.modal .close:before {
border-bottom-color: #6ba01f;
border-left-color: #6ba01f;
/* Primary color */
}
.nav .button {
color: #fff;
cursor: pointer;
}
.testimonials p.speech,
.btn-default,
.scroll-top a:link,
.scroll-top a:visited,
.modal .modal-back a,
blockquote {
border-color: #6ba01f;
/* Primary color */
}
.testimonials p.speech:before {
border-top-color: #6ba01f;
/* Primary color */
border-left-color: #6ba01f;
/* Primary color */
}
/* 3: Hover color - Lighter or darker shade of Primary color for hover */
/* ---------------------------------------------- */
.btn-default:hover,
.btn-default:focus,
.btn-overcolor:hover,
.btn-overcolor:focus,
.scroll-top a:hover,
.modal .modal-back a:hover {
border: 1px solid #dc9530;
/* Hover color */
background: #dc9530;
/* Hover color */
}
.full-project:hover {
background: #dc9530;
/* Hover color */
}
.btn-overcolor:hover {
border: 1px solid #fff;
/* Optional Hover border color */
}
/*/!* ��Ƹ *!/*/
/*.table.table-bordered td {*/
/*border-color: #1c1e2b;*/
/*color: #fff;*/
/*cursor: pointer;*/
/*width: 20%;*/
/*}*/
.table.table-bordered td.p10:hover,
.table.table-bordered td.p10:active,
.table.table-bordered td.p05:hover,
.table.table-bordered td.p05:active {
background: #dc9530;
color: #fff;
}
/*news*/
.news-content li[data-content]:hover {
color: #dc9530;
}
/* 4: Secondary color */
/* ---------------------------------------------- */
/*.our-clients {*/
/*background: #2d2d37; /!* Secondary color *!/*/
/*}*/
.btn-outlined {
border: 1px solid #2d2d37;
/* Secondary color */
background-color: #2d2d37;
/* Secondary color */
}
.btn-outlined:hover,
.btn-outlined:focus {
color: #2d2d37;
/* Secondary color */
border: 1px solid #2d2d37;
/* Secondary color */
}
/* 5: Slider (Hero unit) overlay color (optional) */
/* ---------------------------------------------- */
.overlay-detail {
background: #000;
/* optional color for overlay */
}
/* 6: Colors with opacity - Set RGBA by generating values here http://hex2rgba.devoth.com/ */
/* ---------------------------------------------- */
/* RGBA of Primary color */
.carousel-control.left:hover,
.carousel-control.right:hover,
.team-member figure:hover figcaption,
.services-item:hover {
background-color: rgba(220, 149, 48, 0.9);
/* RGBA of Primary color - opacity .9 */
}
.navbar-custom.top-nav-collapse {
background: rgba(0, 0, 0, 0.6);
}
#cd-zoom-in,
#cd-zoom-out {
background-color: rgba(255, 90, 0, 0.9);
/* RGBA of Primary color - opacity .9 */
}
/* Modal
*/
.modal-container .line-left {
border-color: #6ba01f;
}
.modal-services-content a {
color: #6ba01f;
}
.modal-services-content a:hover {
color: #dc9530;
}
/* 7: Dark color/Footer color */
/* ---------------------------------------------- */
footer {
background-image: url("../images/4.jpg");
background-size:cover;
background-position:center top;
background-repeat:no-repeat;
}
/*--------------------------------------------*/
/* 11.1 Contact Form
/*--------------------------------------------*/
.footer-area h3 {
color: #ffffff;
font-size: 28px;
font-weight: 800;
line-height: 20px;
text-transform: uppercase;
}
form#contact-form {
margin-right: 21px;
margin-top: 46px;
}
.form-control {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ffffff;
border-radius: 8px;
box-shadow: none;
color: #cccccc;
height: 42px;
margin-bottom: 3px;
padding: 8px 17px;
}
textarea.form-control {
height: 99px;
resize: none;
}
.submit-form .button {
background-color: #6ba01f;
border-radius: 7px;
color: #ffffff;
font-family: "latomedium";
height: 44px;
margin-top: 21px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
border: 0
}
.submit-form .button:hover, .footer-blue .submit-form .button:hover, .footer-yellow .submit-form .button:hover {
background-color: #fff;
color: #6ba01f;
}
.contact-icon {
background-color: #6ba01f;
border-radius: 21px 21px 0;
color: #ffffff;
display: inline-table;
float: left;
height: 54px;
margin: 17px 20px 17px 0;
text-align: center;
width: 54px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}
.single-contact-info:hover .contact-icon {background-color: #fff; color: #6ba01f}
.contact-icon i {
display: table-cell;
font-size: 30px;
vertical-align: middle;
}
.contact-text > span {
color: #eeeeee;
font-size: 16px;
font-weight: 300;
line-height: 20px;
}
.single-contact-info {
margin-bottom: 26px;
overflow: hidden;
float: left;
}
.single-contact-info .contact-text {
padding-top: 22px
}
.contact-text {display: inline-block}
.conatct-info {
margin-top: 32px
}
footer .copynote {
color: #4c5359;
background: #1f2123;
/*rgba(45,45,55, .97); Dark color/Footer color */
}
footer .row ul li a {
line-height:220%
}
footer .row ul li a:hover {
color: #dc9530;
}
footer .btn-lang.active {
color: #dc9530;
}
/* 8: Text selection color */
/* ---------------------------------------------- */
::-moz-selection {
background: rgba(255, 90, 0, 0.7);
/* RGBA of Primary color - opacity .7 */
}
::selection {
background: rgba(255, 90, 0, 0.7);
/* RGBA of Primary color - opacity .7 */
}
body {
webkit-tap-highlight-color: rgba(255, 90, 0, 0.7);
/* RGBA of Primary color - opacity .7 */
}