/* --------------------------------------
=========================================
COLOR : BLUE MUNSELL

MAIN COLOR CODE: #0a5c9e

DEEP COLOR CODE: #006f7c
=========================================
----------------------------------------- */

.color-overlay {
    background: rgba(22, 22, 22, 0.55);
}

.solid-color {
    background: rgba(1, 150, 167, 1);
}

.transparent-color .color-overlay {
    background: rgba(1, 150, 167, 0.9);
}

.standard-button {
    background: #0a5c9e;
}

.solid-color .standard-button,
.transparent-color .standard-button {
    background: #006f7c;
}

.solid-color .standard-button:hover,
.transparent-color .standard-button:hover {
    background: #ebebeb;
}

.standard-button2 {
    background: #0a5c9e;
}

.standard-button2:hover {
    background: #006f7c;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background: #006f7c;
    border-color: inherit;
}

.colored-line,
.colored-line-left {
    background: #c09b57;
}

.main-color {
    font-weight: bold;
    color: #c09b57;
    font-size: 1.2rem;
    letter-spacing: .01rem;
}

.color-bg {
	background: #0a5c9e;
	color: #FFFFFF;
}

.features .feature:hover .icon-container .icon {
    background: #fff;
    color: #ffffff;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px #0a5c9e;
            box-shadow: 0px 0px 0px 2px #0a5c9e;
}

.features .feature .icon-container .icon {
    border: 1px solid #fff /*0a5c9e*/;
    color: #fff;
}


/* 布丁增加icon */

.features .feature .icon-container .icon .icon_01{ display:block;width:70%; height:70%; background: url(../../images/icon_01.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_02{ display:block;width:70%; height:70%; background: url(../../images/icon_02.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_03{ display:block;width:70%; height:70%; background: url(../../images/icon_03.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_04{ display:block;width:70%; height:70%; background: url(../../images/icon_04.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_05{ display:block;width:70%; height:70%; background: url(../../images/icon_05.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_06{ display:block;width:70%; height:70%; background: url(../../images/icon_06.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_07{ display:block;width:70%; height:70%; background: url(../../images/icon_07.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_08{ display:block;width:70%; height:70%; background: url(../../images/icon_08.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_09{ display:block;width:70%; height:70%; background: url(../../images/icon_09.png) left top; background-size: Contain; margin:15%;}
.features .feature .icon-container .icon .icon_10{ display:block;width:70%; height:70%; background: url(../../images/icon_10.png) left top; background-size: Contain; margin:15%;}


.feature-list li i {
    color: #c09b57;
}

.services .single-service .service-icon,
.services .single-service h3 {
    color: #0a5c9e;
}

.screenshots .owl-theme .owl-controls .owl-page span {
    background: #0a5c9e;
}

footer .contact-button {
    border: 2px solid #c09b57;
    color: #c09b57;
}

footer .contact-button:hover {
    background: #fff !important;
}

footer .contact-box .expanded-contact-form .input-box:active,
footer .contact-box .expanded-contact-form .textarea-box:active,
footer .contact-box .expanded-contact-form .input-box:focus,
footer .contact-box .expanded-contact-form .textarea-box:focus {
    border: 1px solid #0a5c9e;
}

footer .social-icons li a:hover {
    color: #0a5c9e;
}