/* Color:
light blue:N #338cec (51, 140, 236)
darkest blue: T #004f80 (0, 79, 128)
dark blue: L #1275b2 (18, 117, 178)
dark green: T #006862 (0, 104, 98)

*/
.brand-text{
    color: #338cec !important;
}

.brand-text i {
    color: #338CEC !important;
}


.sweet-alert button {
    background-color: #338CEC !important;
}
.brand-bg{
	background-color: rgba(51, 140, 236, 0.70) !important;
}

.waves-effect.waves-brand  {
    background-color: rgba(51, 140, 236, 0.66);
}

.p-overlay {
    background-color: rgba(51, 140, 236, 0.9);
}


.circle-loader .path {
    stroke: #338cec;
}


.side-nav  li.current a,
.side-nav  li a:hover {
    border-bottom-color: #338cec;
}

.static-menu li i:hover,
.static-menu li a:hover,
.submenu-ul li a:hover,
.about-subtitle,
.person-about > a.btn-large,
.about-social ul li a i,
.skill-title,
.skill-count,
.single-widget ul li a,
.single-post-content a,
.share-post li a:hover,
.com-title a,
span.num {
    color: #006862;
}

.title{
	color: #006862;
}
.home-title span {
    color: #338cec !important;
}

.singel-hr-inner,
.hr-wrap,
.hrc:after,
.thumb-slides-container.owl-theme .owl-controls .owl-page.active span,
.blog-inner .card-content a.right:hover,
.blog-inner .card-content a.right:focus,
.contact-form .submit-btn:hover,
.contact-form .submit-btn:focus,
a.tags,
.blog-inner .card-content a.right:active {
    background-color: #338cec;
}

.contact-form .materialize-textarea:focus,
.contact-form .input-box:focus {
    border-color: #338CEC;
    box-shadow: 0px 1px 0px #338CEC;
}


.single-post-content blockquote {
    border-left: 5px solid #338cec;
}

@-webkit-keyframes color {
    0%   {stroke: #71ACD1;}
    20%  {stroke: #71ACD1;}
    25%  {stroke: #006882;}
    45%  {stroke: #006882;}
    50%  {stroke: #006882;}
    70%  {stroke: #004F80;}
    75%  {stroke: #004F80;}
    95%  {stroke: #004F80;}
}

@keyframes color {
    0%   {stroke: #71ACD1;}
    20%  {stroke: #71ACD1;}
    25%  {stroke: #006882;}
    45%  {stroke: #006882;}
    50%  {stroke: #006882;}
    70%  {stroke: #004F80;}
    75%  {stroke: #004F80;}
    95%  {stroke: #004F80;}
}


/* Add your CSS below */


.white-title{
	color:#ffffff;
}


.menu-select [type="radio"]:checked + label:after {
    border-color: #338CEC;
    background-color: #338CEC;
}