﻿a, .top-search a, .main-color, .hr-style4:after, .hr-style4:before, .block-head, .widget-head, footer a:hover, .title-2 .breadcrumbs a, .title-3 .breadcrumbs a, .title-4 .breadcrumbs a, .nav-3 .top-nav > ul > li.current > a,.nav-3 .top-nav > ul > li.current > a i,.nav-3 .top-nav > ul > li.selected > a i,.nav-3 .top-nav > ul > li > a:hover i, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a, .nav-3 .top-nav > ul > li.selected > a i, .footer-top a:hover:before, .list.prim li:before, #filters li a, .team-box-2 .t-position, .team-box-2 .team-socials a, .head-style3 .top-bar li a, .author-name, .add-items i.fa, .copyrights b, .dark-bg .btn-large:before, .box-top .more-btn, .service-box-1:hover a, .box-top i.fa, .box-topi i.fa, .item-box:hover .item-tools i, .item-cart a:hover, .main-border, .fun-title, .staff-1 .fun-icon, .top-bar ul.social-list li a:hover span, .nav-2 .top-nav > ul > li > a:hover i, .nav-2 .top-nav > ul > li.current > a i, .nav-2 .top-nav > ul > li.selected > a i, .nav-2 .top-nav > ul > li.selected > a i, .project-name, .slick-dots li.slick-active button:before, .title-1 h1,
.list.alt li:before,.product-price, .title-2 h1,.main-title, .accordion li.active a, .accordion li > h3 i.fa, .post-info h2 a:hover, .siteMap-nav ul ul li a:hover, .head2-lft-links li i, .head-style3 .top-bar li i, .item-tools i, .product-specs a.btn.selected,.widget-content a:hover,
.service-box-4 h3 span,.service-box-5 h3 span,.service-box-5 h3,.block-head-News a span,.block-head-News:hover  {
	color: #000000;
}
.sticky .top-nav > ul > li.selected > a, .sticky .top-nav > ul > li.current > a{
	color: #2877bc !important;
}
.main-bg, .top-nav > ul li a:hover, .top-nav > ul > li.selected > a, .top-search.selected a, .top-nav li.current > a, .plan-year:after, .team-boxes-2 .cell-3:hover .team-box-2, .head-style3 .top-search a,  .top-nav-style3, .sticky .top-nav > ul > li > a:hover, .item-box:hover .item-title, .tp-bullets.simplebullets.round .bullet, .top-nav li li a, .fixedHead .top-nav > ul > li > a:hover, .fixedHead .top-nav > ul > li.selected > a, .fixedHead .top-nav > ul > li.current > a, .top-search a:hover, .service-box-2:hover a.r-more, .service-box-3:hover a.r-more, .pager ul li.selected, .slick-prev:hover, .slick-next:hover, .hr-style1:before, .hr-style1:after, .social-list li a:hover, .footer-top .tags a:hover, hr:before, hr:after, .tp-arr-allwrapper:hover, .level-in, .tabs-vertical .tabs-pane .tab-panel:before, .table-style2 th, .menuBtn,  .portfolio-item:hover:after, #filters li:hover, #filters li.active, .head-style2 .top-search a, .team-box .team-details, .title-4 h1, .tabs > ul li:hover, .tabs > ul li.active, .steps li.selected span, .icon-cont, .view-all-projects a:hover,
.accordion-horizontal > li.active a, .list-grid a.selected, .testimonials-2 .slick-prev:hover, .testimonials-2 .slick-next:hover, .comment-reply:hover, .service-box-2:hover .fa, .service-box-3:hover .icon, .share-post ul li a:hover, .item-price, .accordion li.active h3 u, .pager ul li:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, footer .NL .NL-btn:hover,
.search-w .btn,.cart-icon,.sale,.flex-control-paging li a.flex-active,.responsive-one ul,.menuBtnOne,.service-box-4 a,.service-box-5 a,.block-head-News:hover .icon {
	background-color: #2877bc;
	color: #fff;
}

.byz-bg {background-color: rgba(255,255,255,0.7);padding:15px;}
.byz {color: #ffffff!impportant;}
.service-box-1:hover .box-top,.box-topi, .service-box-1:hover:after {
	background-color: #2877bc;
	color: #fff!important;
}
.sale:before{
	border-color: transparent #2877bc transparent transparent;
}
.footer-menu-inline li a:hover,.footer-menu-center li a:hover {
    color: #2877bc;
    border-bottom:2px solid #2877bc
}
.item-box:hover:after, .item-box:hover .item-price, .team-box:hover:after, .team-box-2:hover:after, .responsive-nav, .search-box:before, .block-head:before, .block-head:after, .widget-head:before, .widget-head:after, .details-img:after, .post-image:after,
.team-box:after, .team-box-2:after, .item-box:after, .team-box .team-socials li a:hover, .service-box-1:after, .portfolio-item:after {
	background-color: #2877bc;
}
.main-border {
	border: 1px #2877bc solid !important;
}
.Newsslider {
	border-bottom:6px #2877bc solid;
}
.nav-3 .top-nav > ul > li.hasChildren > a:after {
	border-color: transparent transparent #2877bc transparent;
}
.head-style3 .login-btn .tri{
	border-color: #2877bc transparent transparent transparent;
}
.alter-border {
	border: 1px #e1e1e1 solid !important;
	color: #2467ad;
}
.nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a,.pageWrapper.fixedPage,.footer-top-2,
.sub-menu-white .div-mega,.sub-menu-dark .div-mega,.sub-menu-white.top-nav > ul li ul li:first-child, .sub-menu-dark.top-nav > ul li ul li:first-child {
	border-top-color: #2877bc;
}
.item-box:hover .item-title {
	border-top: 1px #2877bc solid;
}
.tabs-pane {
	border-top: 2px #2877bc solid;
}
blockquote {
	background: #f9f9f9;
	border-left: 2px #2877bc solid;
}
.level-out .tr {
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #2877bc;
	border-bottom: 6px solid #2877bc;
}
.service-box-1:hover h3, .clients > div a:hover,.sticky {
	border-bottom-color: #2877bc !important;
}
.icon-middle, .product-img li a.active img {
	border: 2px #2877bc solid;
}
.title-3 {
	background-color: #41a1b7;
}
.tri-col, .icon-cont:after {
	border-color: #2877bc transparent transparent transparent;
}
.head-style3 .top-bar {
	border-top: 5px #2877bc solid;
}
.steps li.selected span:after {
	border-left: 16px solid #2877bc;
}
.item-title {
	border-top: 1px #2467ad solid;
}
.product-specs a.btn.selected {
	border: 1px #2467ad solid !important;
}
header.top-head .logo a {
	background: transparent url('../../gimg/logo.png') no-repeat 50% 50%;
}
.foot-logo {
	background: transparent url('../../gimg/logo-2.png') no-repeat 50% 50%;
}

.footer-top-2 .foot-logo {
    background: transparent url('../../gimg/logo.png') no-repeat;
}
.head-style2 .top-head .logo a, .head-style3 .logo a {
	background: transparent url('../../gimg/logo-white.png') no-repeat 50% 0 !important;
}
.head-style2 .logo a, .head-style3 .logo a {
	background-position: 50% 50% !important;
}
.accordion li.active h3 u,.accordion li.active h3 a {
	border-color: #2877bc;
}
.post-image a .mask {
	background: rgba(232,82,74,0.5);
}
.pricing-table.selected,.cart-popup {
	border-color: #2877bc;
}
.list-grid a.selected:after {
	border-color: #2877bc transparent transparent transparent;
}
.continue-btn .btn.right:after {
	border-left: 15px solid #2877bc;
}
.continue-btn .btn.right:hover:after {
	border-left: 15px solid #oaoaoa;
}
.continue-btn .btn.left:after {
	border-right: 15px solid #2467ad;
}
.continue-btn .btn.left:hover:after {
	border-right: 15px solid #000009;
}
.accordion-horizontal li.active > h3 i.fa, .item-box:hover .item-title a, .breadcrumbs .line-separate {
	color: #fff;
}
.top-nav li li {
	border-bottom: 1px #2467ad solid;
}
.top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current > a, .responsive-nav ul li a:hover, .top-nav > ul > li:hover:after, .top-nav > ul > li.current:after {
	background: #151515 !important;
	color: #fcfcf9;
}
.btn.main-bg:hover, .team-box .team-socials li a {
	background-color: #oaoaoa !important;
	color: #fff;
}
.btn.main-border:hover {
	border-color: #333 !important;
	color: #333;
	background:transparent
}
.flickr-stream-w .img-overlay {
	background: rgba(232,82,47,.8);
}
.service-box-1:hover p, .service-box-1:hover i.fa {
	color: #fff;
}
.contact-form input[type=text]:focus, .contact-form input[type=password]:focus, .contact-form input[type=email]:focus, .contact-form textarea:focus {
	border: 1px #2877bc solid;
}
.img-over a.link, .block-bg-1:before, .block-bg-2:before, .block-bg-3:before, .block-bg-4:before, .block-bg-5:before {
	background-color: rgba(31,173,78,0.7);
}
.img-over a.zoom {
	background-color: rgba(119,119,119,0.7);
}
.level-in:before {
	border-color: transparent transparent transparent #2877bc;
}
.btn.main-bg.btn-3d {
	-webkit-box-shadow: 0 5px 0 #d23c1a;
	box-shadow: 0 5px 0 #d23c1a;
	margin-bottom: 5px;
}

@media (min--moz-device-pixel-ratio: 1.5),
   (-o-min-device-pixel-ratio: 3/2),
   (-webkit-min-device-pixel-ratio: 1.5),
   (min-device-pixel-ratio: 1.5),
   (min-resolution: 144dpi),
   (min-resolution: 1.5dppx) {

	header.top-head .logo a {
		background: transparent url('../../gimg/logo.png') no-repeat;
		background-size: 300px 90px;
		background-position: 5px 0px;
	}
	.foot-logo {
		background: transparent url('../../gimg/logo-2.png') no-repeat;
		background-size: 180px 70px;
		background-position: 5px 0px;
	}
	
	.footer-top-2 .foot-logo {
	    background: transparent url('../../gimg/logo-2.png') no-repeat;
	    background-size: 180px 70px;
	}
}

.hexagon {
  position: relative;
  width: 86.6%;
  height: 50%;
  left: 6.7%;
  top: 25%;
  z-index: 2; }
  .hexagon:after, .hexagon:before {
    position: absolute;
    content: "";
    display: block;
    width: 70.71%;
    height: 122.46%;
    transform-origin: 0 0;
    z-index: 1; }
  .hexagon:before {
    transform: scale(1, 0.579) translate(70.71136%, -70.71136%) rotate(45deg); }
  .hexagon:after {
    transform: scale(1, 0.579) translate(70.71136%, 70.71136%) rotate(45deg); }
  .hexagon.shadow {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3); }
  .hexagon.shadow:before {
    box-shadow: -9px -9px 10px 3px rgba(0, 0, 0, 0.3); }
  .hexagon.shadow:after {
    box-shadow: 9px 9px 10px 3px rgba(0, 0, 0, 0.3); }
  .hexagon.white, .hexagon.white:after, .hexagon.white:before {
    background-color: #fff; }
  .hexagon.red, .hexagon.red:after, .hexagon.red:before {
    background-color: #f00; }
  .hexagon .content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center; }
    .hexagon .content-wrapper .content {
      padding: 1em;
      text-align: center; }
  .hexagon .hexawrp {
    width: 100%;
    height: 173.2%;
    z-index: 3;
    position: absolute;
    left: 0%;
    top: -36%; }
  .hexagon .big-hexa {
    width: 80%;
    height: 138.56%;
    z-index: 3;
    position: absolute;
    left: 10%;
    top: -36%; }
.hexagon-wrapper {
  position: relative;
  width: 10em;
  height: 10em; }
  .hexagon-wrapper.small {
    width: 5em;
    height: 5em; }
  .hexagon-wrapper.big {
    width: 20em;
    height: 20em; }
  .hexagon-wrapper.marha {
    width: 60em;
    height: 60em; }
  @media screen and (min-width: 35.5em) {
    .hexagon-wrapper.responsive {
      width: 20em;
      height: 20em; } }
  @media screen and (min-width: 48em) {
    .hexagon-wrapper.responsive {
      width: 30em;
      height: 30em; } }
  @media screen and (min-width: 64em) {
    .hexagon-wrapper.responsive {
      width: 40em;
      height: 40em; } }
  @media screen and (min-width: 80em) {
    .hexagon-wrapper.responsive {
      width: 50em;
      height: 50em; } }
.as-kb {color:white;}  
.box-topi h3{font-size:15px!important;font-weight:bold!important;}
.box-top h3{color:#616161;}
.box-topi {background:rgba(1,115,213,.8) !important;margin-bottom:20px;}
.box-topi:hover {background:rgba(3,105,193,.8) !important;margin-bottom:20px;}
.box-topi .katby {overflow:hidden;height:40px;margin-bottom:-5px;   display:flex;
  justify-content:center;
  align-items: center;}
.box-top .katby {overflow:hidden;height:40px;margin-bottom:-5px;   display:flex;
  justify-content:center;
  align-items: center;}
.box-top .katby2 {overflow:hidden;height:40px;margin-bottom:-5px;}

.m-bg:before {background:rgba(3,85,157,.8) !important;}
.b-bg:before {background:rgba(0,159,228,.8) !important;}
.t-bg:before {background:rgba(1,115,213,.8) !important;}
.s-bg:before {background:rgba(0,0,0,.8) !important;}
.k-bg:before {background:rgba(156,16,6,.8) !important;}

.bsl-bg {background-color: rgba(1,115,213,0.6);color: #fff;}
