/*-----------------------------------------------------------------------------------*/
/*	Color
/*-----------------------------------------------------------------------------------*/ 
/* color (no-imaportant)*/
a,
.header4 #header a,
.social-list li a:hover,
.header4 #header .social-list li a:hover,
#footer .social-list li a:hover					{color:#7395c6;}




/* color (important) */
.highlight.no-bg,
.pricing-table-column .price,
.ui-tabs .ui-tabs-nav li.ui-tabs-active	a,
.ui-accordion .ui-accordion-header.ui-state-active,
.menu li a:hover,
.menu li a:active,
.menu li a:focus,
#page-d .menu li a:hover,
#page-d .menu li a:active,
#page-d .menu li a:focus,
#navigation .sf-menu li li a:hover,
#navigation .sf-menu li li a:focus, 
#navigation .sf-menu li li a:active,
#m-menu li a:hover,
#fixed-navigation .sf-menu li li a:hover,
#fixed-navigation .sf-menu li li a:focus, 
#fixed-navigation .sf-menu li li a:active,
#fixed-navigation > .wrap > .col-24 > .sf-menu > li:hover, 
#fixed-navigation > .wrap > .col-24 > .sf-menu > li.sfHover,
#fixed-navigation > .wrap > .col-24 > .sf-menu > li.sfHover > a,
#fixed-navigation > .wrap > .col-24 > .sf-menu > li.current-menu-item > a,
#fixed-navigation > .wrap > .col-24 > .sf-menu > li > a:focus, 
#fixed-navigation > .wrap > .col-24 > .sf-menu > li > a:hover, 
#fixed-navigation > .wrap > .col-24 > .sf-menu > li > a:active,
#fixed-navigation > .wrap > .col-24 > .sf-menu > li.selected > a,
#fixed-navigation > .wrap > .col-24 > .current-menu-parent > a,
.footer-menu ul li a:hover,
.footer-menu ul li a:active,
.footer-menu ul li a:focus,
.header4 #navigation > .sf-menu > li:hover, 
.header4 #navigation > .sf-menu > li.sfHover,
.header4 #navigation > .sf-menu > li.sfHover > a,
.header4 #navigation > .sf-menu > li.current-menu-item > a,
.header4 #navigation > .sf-menu > li > a:focus, 
.header4 #navigation > .sf-menu > li > a:hover, 
.header4 #navigation > .sf-menu > li > a:active,
.header4 #navigation > .sf-menu > li.selected > a,
.header4 #navigation > .current-menu-parent > a,
.language-header-list li a:hover		{color:#7395c6!important;}











/*-----------------------------------------------------------------------------------*/
/*	Background color
/*-----------------------------------------------------------------------------------*/ 
/* background color (no-important) */
.button-small,
.button-medium,
.button-big,
.ui-progressbar .ui-progressbar-value,
.box-icon > .icon{background-color:#5279b0;}




/* background color (important) */
#portfolio-wrap .portfolio-item-navigation ul li a:hover,
#portfolio-wrap .portfolio-nav .prev:hover,
#portfolio-wrap .portfolio-nav .next:hover,
#portfolio-wrap .skill-item-inner:hover .skill-item-details,
button,
.button,
.data-table.style2 .row-headings,
.content-img:hover .img-border,
#page-d .content-img:hover .img-border,
.content-img .mark a,
.dropcap-style1,
.highlight.style1,
.pricing-table-column .heading,
.pricing-table-column.feature-1 .pricing-top-extra,
.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon,
.mb2-content-nav .prev:hover,
.mb2-content-nav .next:hover,
.mb2-content-nav .pager a.selected,
#page-d .mb2-content-nav .pager a.selected,
.mb2-portfolio-module-nav .prev:hover,
.mb2-portfolio-module-nav .next:hover,
.mb2-portfolio-module-nav .pager a.selected,
#page-b,
.ui-accordion .accordion-title-icon.ui-state-active	.icon,
.countdown_section{background-color:#5279b0!important;}









/*-----------------------------------------------------------------------------------*/
/*	Border color
/*-----------------------------------------------------------------------------------*/
/* boredr color (no-important) */
#portfolio-wrap .portfolio-item-inner:hover .portfolio-item-details-inner,
.pricing-table-column .heading,
.pricing-table-column.feature-1 .pricing-top-extra,
.quote,
.quote-left,
#page-d .flickr_badge_image img:hover,
.flickr_badge_image img:hover,
.mb2-content .content-img .border:hover,
.mb2-portfolio-module-item-inner:hover .mb2-portfolio-module-item-details-inner,
#navigation > .sf-menu > li.sfHover > a,
#navigation > .sf-menu > li.current-menu-item > a,
#navigation > .sf-menu > li > a:focus, 
#navigation > .sf-menu > li > a:hover, 
#navigation > .sf-menu > li > a:active,
#navigation > .sf-menu > li.selected > a,
#navigation > .sf-menu > li.current-menu-parent > a,
#navigation .sf-menu li ul			{/*border-color:#5279b0;*/ background-color:#50d3ef; color:#FFF;
											-moz-border-radius: 5px;
												-webkit-border-radius: 5px;
												-khtml-border-radius: 5px;
												border-radius: 5px;
}



.ui-tabs .ui-tabs-nav li.ui-tabs-active a span				{border-top:solid 2px #5279b0;}
.tabs-left.ui-tabs .ui-tabs-nav li.ui-tabs-active a span	{border-right:solid 2px #5279b0;}
.tabs-right.ui-tabs .ui-tabs-nav li.ui-tabs-active a span	{border-left:solid 2px #5279b0;}



@media only screen and (max-width:767px){
.ui-tabs .ui-tabs-nav li.ui-tabs-active a span,
.tabs-left.ui-tabs .ui-tabs-nav li.ui-tabs-active a span,
.tabs-right.ui-tabs .ui-tabs-nav li.ui-tabs-active a span	{border-left:solid 2px #5279b0;}
}