@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body{
    padding-top: 80px;
    font-size: 14px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
a{
    cursor: pointer;
}
.btn-primary {
	color: #fff !important;
	background-color: #FFB900 !important;
	border-color: #FFB900 !important;
	line-height: 20px;
	text-transform: uppercase;
	padding: 10px 40px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 3px;
}
	.btn-primary:hover {
		color: #fff !important;
		background-color: #f5be2d !important;
		border-color: #f5be2d !important;
	}
img{
    max-width: 100%;
    width: 100%;
} 
#header{
    height: 80px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: #fff;
    box-shadow: 2px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.logo {
    display: block;
    float: left;
    width: 157px;
    margin-top: 18px;
    transition: all 0.3s ease-out;
}
#banner-home-block{
    height: calc(100vh - 80px);
}
.carousel-inner{
    height: 100%;
}
.carousel-inner > .carousel-item {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.carousel-inner > .carousel-item > img {
    min-width: 100%;
    width: 100%;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #FFB900;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.carousel-caption{
    text-align: left;
    right: 40%;
    bottom: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0 15px;
}
.carousel-caption h5{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 42px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(51,51,51,0.50);
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #fff;
    cursor: pointer;
}
.carousel-indicators .active {
    background-color: #FFB900;
    opacity: 1;
}

.service-item{
    position: relative;
    overflow: hidden;
    border: 1px solid #E5E5E5;
}
.service-item::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: 0.95;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 78%);
    z-index: 6;
}
.info-main-block {
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 40px;
    right: 40px;
    padding-bottom: 30px;
    transform: translateY(80px);
    transition: transform 0.3s ease-out;
    z-index: 7;
}
.title-block{
    max-width: 670px;
    width: 100%;
    margin: 0 auto 45px;
    text-align: center;
}
.title-block h2{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    color: #033368;
    display: inline-block;
    position: relative;
}
.title-block p{
    color: #333333;
}
.info-main-block a:not([href]):not([tabindex]){
    color: #fff;
    width: 100%;
}
.service-item:hover .info-main-block {
    transform: translateY(0px);
}
.main-services {
    margin: 70px auto;
}
.main-news {
    padding: 70px 0;
    background-color: #FAFAFA;
}
.news-item .row{
    margin-bottom: 30px;
}
.info-news-block, .blog-item {
    position: relative;
}
.info-news-block:after, .blog-item:after {
    content: '';
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    background-image: linear-gradient(-180deg, rgba(3,51,104,0.00) 0%, #033368 100%);
    z-index: 1;
}
.info-news-block p, .blog-item div{
    position: absolute;
    bottom: 20px;
    left: 20px;right: 20px;
    z-index: 2;
    margin: 0;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
}
.mini img{
    height: 232px;
}

.main-news .btn-primary{
    margin: 0 auto;
    color: #fff;
    padding: 13px 86px;
}
.main-news .center{
    text-align: center;
}
.description-block h2{
    font-size: 36px;
    margin-bottom: 25px;
}
.rio-item{
    position: relative;
}
.main-projects .rio-item:before, .service-item::before{
    background-image: url(../images/g);
    background-repeat: repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none;
}
.service-item:hover::before{
    display: block;
}
.main-projects .rio-item:after{
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.88) 78%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: -2px;
    z-index: 5;
}
.rio-promos {
    max-width: none;
    margin: 0 auto;
  }
  .slick-slide {
    margin: 0 1px;
  }
  .slick-list {
    margin: 0px -5px 0px -5px;
  }
  button.slick-next, button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: 54px;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
  }
  button.slick-prev, button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: 15px;
    z-index: 1;
    width: 47px;
    height: 75px;
    background-image: url("http://maggiesadler.com/wp-content/uploads/2015/10/left-right-arrow.png");
    background-size: 95px;
        background-position-x: right;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
  }
  
  /* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
  /* Slider */
  .slick-slider
  {
      position: relative;
    
      display: block;
  
      -moz-box-sizing: border-box;
           box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
      outline: none;
      height: 100%;
      min-height: 1px;
      cursor: pointer;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }
 
  /* Slider */
  .slick-loading .slick-list
  {
      background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
  }
  /* Arrows */
  .slick-prev,
  .slick-next
  {
      font-size: 0;
      line-height: 0;
  
      position: absolute;
      top: 50%;
  
      display: block;
  
      width: 20px;
      height: 20px;
      margin-top: -10px;
      padding: 0;
  
      cursor: pointer;
  
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus
  {
      color: transparent;
      outline: none;
      background: transparent;
  }
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before
  {
      opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before
  {
      opacity: .25;
  }
  
  .slick-prev:before,
  .slick-next:before
  {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
  
      opacity: .75;
      color: white;
  
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-prev
  {
      left: -25px;
  }
  [dir='rtl'] .slick-prev
  {
      right: -25px;
      left: auto;
  }
  .slick-prev:before
  {
      content: '';
  }
  [dir='rtl'] .slick-prev:before
  {
      content: '';
      font-weight: bold;
      font-size: 20px;
  }
  
  .slick-next
  {
      right: -25px;
  }
  [dir='rtl'] .slick-next
  {
      right: auto;
      left: -25px;
  }
  .slick-next:before
  {
      content: '';
  }
  [dir='rtl'] .slick-next:before
  {
      content: '';
  }
  
  /* Dots */
  
  .slick-dots
  {
      position: absolute;
      bottom: -45px;
  
      display: block;
  
      width: 100%;
      padding: 0;
  
      list-style: none;
  
      text-align: center;
  }
  .slick-dots li
  {
      position: relative;
  
      display: inline-block;
  
      width: 10px;
      height: 10px;
      margin: 0 5px;
      padding: 0;
  
      cursor: pointer;
  }
  .slick-dots li button
  {
      font-size: 0;
      line-height: 0;
  
      display: block;
  
      width: 10px;
      height: 10px;
      padding: 0px;
  
      cursor: pointer;
  
      color: transparent;
      border: 0;
      outline: none;
      background-color: #999999;
      border-radius: 20px;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus
  {
      outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before
  {
      opacity: 1;
  }
  .slick-dots li.slick-active button
  {
      opacity: .75;
      color: black;
      background-color: #FFB900;
  }
.rio-item-content img{
    width: auto;
}
.rio-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 30px 20px;
    transform: translateY(75px);
    transition: transform 0.3s ease-out;
    z-index: 7;
}
.rio-item-content .btn-primary{
    width: 100%;
}
.rio-item:hover:before{
    display: block;
}
.rio-item:hover .rio-item-content {
    transform: translateY(0px);
}
.rio-item:hover h3, .rio-item:hover p{
    color: #033368;
}
.rio-item-content > img{
    margin-bottom: 10px;
}
.main-customer {
    margin: 90px 0 10px;
}
.customer-block{
    margin-bottom: 50px;
}
.customer-block img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}
.customer-item {
    width: calc(100% - 120px);
    float: right;
}
.main-connect {
	min-height: 380px;
	display: flex;
	align-items: center;
	background-image: url(../images/background/bg-connect.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.contect-block {
    max-width: 45%;
    color: #fff;
}
.contect-block span{
    text-transform: uppercase;
}
.contect-block h2 {
    font-size: 52px;
    text-transform: uppercase;
    /* text-shadow: 4px 1px 2px #1357A1; */
}
.contect-block .btn-primary{
    margin-top: 30px;
}
.footer-block {
	background-image: url(../images/background/bg-footer.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	border-top: 1px solid #eee;
	font-family: 'Open Sans', sans-serif;
}
.logo-footer{
    width: 160px;
    display: block;
    margin-bottom: 15px;
}
.footer-block ul{
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}
.footer-block ul li{
    width: 40%;
    display: block;
    float: left;
}
.footer-block .container{
    padding: 60px 15px 50px;
}
.footer-block .container-fluid{
    background-color: #033368;
    text-align: center;
    overflow: hidden;
}
.footer-block .container-fluid p{
    color: #fff;
    margin: 10px 0;
    font-weight: 300;
}
.footer-block .container-fluid p span{
    text-transform: uppercase;
    font-weight: 600;
}
.footer-block .container-fluid p .color-yl{
    color: #FFB900;
}
.customer-item .name{
    font-weight: 700;
}
.nav a, .footer-block li a{
    color: #333;
}
.footer-block li a{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    padding: 8px 0;
    display: block;
}
/* about page */

.static-banner {
	background-image: url(../images/background/about-us.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 250px;
	display: flex;
	align-items: center;
}
.static-intro {
    max-width: 740px;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
}
.static-intro h1{
    font-size: 36px;
    font-weight: 700;
}
.description-block {
    padding: 50px 0 70px;
}
.description-block ol {
    list-style: none; counter-reset: li;
}
.description-block ol li::before {
    content: counter(li); color: #FFB900;
    display: inline-block; width: 1em;
    margin-left: -1em
}
.description-block ol li {counter-increment: li}
.description-block ul {list-style: none}
.bullet{
    padding-left: 0;
}
.description-block .bullet li::before {
    content: '';
    background-color: #FFB900;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 14px;
}
.description-block ul.bullet li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.description-block ul.row{
    padding-left: 10px;
}
.projects .slick-initialized .slick-slide, .product .slick-initialized .slick-slide{
    height: 70px;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    margin: 0 15px;
    position: relative;
}
.projects button.slick-next,.projects button.slick-next:hover, .product button.slick-next,.product button.slick-next:hover{
    width: 12px;
    height: 20px;
    background-size: 25px;
    background-repeat: no-repeat;
    right: -30px;
}
.projects button.slick-prev,.projects button.slick-prev:hover, .product button.slick-prev,.product button.slick-prev:hover{
    width: 12px;
    height: 20px;
    background-size: 25px;
    background-repeat: no-repeat;
    left: -30px;
}
.description-block h2, .description-block h3, .description-block h1, .description-block h4, .description-block h6{
    color: #033368;
}
#myCarousel .list-inline {
    white-space:nowrap;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: 0;
    margin-right: 0;
    justify-content: flex-start;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
    margin: 1px 1px 10px 0;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 1;
}
#slider-desc .list-inline-item::before, #slider-desc .list-inline-item::after{
    display: none;
}
#slider-desc .carousel-indicators .active{
    background-color: transparent;
}

.menu-side{
    border: 1px solid #DCDCDC;
    border-bottom: none;
}
	.menu-side a {
		display: block;
		color: #333 !important;
		padding: 15px 20px;
		border-bottom: 1px solid #DCDCDC;
		font-weight: 400;
		background-image: url(../images/icons/icon-next-n.png);
		background-repeat: no-repeat;
		background-position-x: 95%;
		background-position-y: center;
		background-size: 6.5px;
	}
	.menu-side .active {
		color: #fff !important;
		background-color: #FFB900;
		background-image: url(../images/icons/icon-next.png);
	}
.img-block{
    margin-bottom: 20px;
}
.product-block{
    padding: 50px 0 70px;
}
.filter-block {
    border: 1px solid #DCDCDC;
}

.filter-header {
    border-bottom: 1px solid #DCDCDC;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}
.filter-header p{
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.filter-item a {
	display: block;
	color: #333;
	padding: 15px 20px 15px 60px;
	border-bottom: 1px solid #DCDCDC;
	background-image: url(../images/icons/icon-filter.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position-x: 20px;
	background-position-y: center;
}
	.filter-item a.select {
		background-image: url(../images/icons/icon-filter-c.png);
		font-weight: 700;
		color: #033368;
	}
a.clear {
    color: #999;
}
.slick-slider {
    margin-bottom: 30px;
}
.description-block .slick-slider {
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.bold-blue{
    font-weight: 600;
    color: #033368;
    font-size: 16px;
    margin-bottom: 10px;
}
.product-item {
    border: 1px solid #DCDCDC;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}
.product-item img{
    width: auto;
    margin: 30px;
}
.rio-item-content h3{
    font-size: 23px;
    text-transform: uppercase;
    margin-top: 30px;
}
.product-item .btn{
    display: block;
    width: 100%;
    border-radius: 0;
    color: #fff;
    position: relative;
    z-index: 4;
}
.customer-item p{
    font-style: italic;
}
.customer-item p.name{
    font-style: inherit;
}
.product-info{
    position: absolute;
    top: 10px;
    transition: all 0.3s ease-out;
    z-index: 2;
}
.product-item:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.fade-text{
    opacity: 0;
    transition: opacity 0.3s ease-out;
    color: #033368;
    font-weight: 600;
}
.product-item:hover:after{
    content: '';
}
.product-item:hover .fade-text{
    opacity: 1;
}
.product-item:hover .product-info{
    top: 50%;
    transform: translateY(-50%);
}
.page-link{
    color: #666666;
}
.page-item.active .page-link{
    background-color: #FFB900;
    border-color: #FFB900;
}
.pagination{
    justify-content: flex-end;
}
.product-detail-block {
    margin-top: 30px;
}
.product-detail-block .description-block {
    border: 1px solid #DCDCDC;
    padding: 20px;
    border-top: none;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: #CCCCCC;
    margin-right: 5px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    font-weight: 700;
}
.product-detail-block .static-banner {
	background-image: url(../images/background/contact-us.jpg);
	margin-top: 50px;
}
.description-block .row{
    margin-bottom: 24px;
}
#header .nav-link {
    padding: 28px 1rem;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
#header a.nav-link.active {
	border-bottom: 3px solid #FFB900;
	background-image: url(../images/icons/menu-active.png);
	background-size: 10px;
	background-position-x: center;
	background-position-y: 103%;
	background-repeat: no-repeat;
	color: #033368;
	font-weight: 700;
}

.logo-active:after, .active-brand:after{
    border: 3px solid #033368 !important;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.date{
    color: #999999;
    font-style: italic;
    margin: 0;
}
.blog-item p{
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}
.blog-item .date{
    color: #FFB900;
    font-style: normal;
    font-weight: 400;
}
.blog-block{
    margin-top: 50px;
    border-bottom: 1px solid #eee;
}
.blog-item{
    margin-bottom: 30px;
}
.popular-block{
    background-color: #F5F5F5;
    padding: 20px;
}
.popular-block h4{
    color: #033368;
    margin: 0px;
}
.popular-item {
    padding-left: 10px;
    border-left: 3px solid #FFB900;
    margin-top: 20px;
}
.popular-item a{
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: #333333;
    font-size: 15px;
    line-height: 20px;
}
.blog-block .description-block{
    padding-top: 0;
    border-bottom: none;
}
.description-block .date{
    margin-bottom: 15px;
}
.contact-block .label{
    margin-top: 10px;
    color: #999999;
    margin-bottom: 5px;
}
.contact-block h6{
    color: #FFB900;
    text-align: center;
    background-color: #033368;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 18px;
}
.contact-item{
    border: 1px solid #033368;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-item p{
    padding: 0 20px;
}
.contact-block{
    margin-top: 50px;
    padding-bottom: 50px;

}
.contact-form {
    max-width: 750px;
    margin: 50px auto 0;
}
.contact-form h2{
    text-align: center;
    color: #033368;
    position: relative;
    display: inline-block;
}
.form-control{
    border: 1px solid #033368;
    border-radius: 0;
    padding: 12px .75rem;
}
.connect-form-control {
	border-radius: 0;
	padding: 4px 0.75rem;
}

.connect-form-control {
	display: block;
	width: 100%;
	line-height: 1.5;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-row>.col, .form-row>[class*=col-]{
    padding-right: 15px;
    padding-left: 15px;
}
.no-resize{
    resize: none;
}
#contact-form button{
    margin-top: 20px;
}
#header .nav-item:hover ul.sub-menu {
    display: block;
}
ul.sub-menu {
    display: none;
    position: absolute;
    padding: 0 20px;
    list-style-type: none;
    background-color: #FFB900;
    min-width: 180px;
}
	ul.sub-menu:after {
		position: absolute;
		top: -7px;
		left: 40px;
		content: '';
		background-image: url(../images/icons/menu-active.png);
		background-size: 10px;
		background-repeat: no-repeat;
		background-position: center;
		width: 10px;
		height: 10px;
	}
#header a.nav-link.active:hover{
    border-bottom: 3px solid transparent;
    background-image: none;
}
.sub-menu a{
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.sub-menu a:hover,.sub-menu a.active{
    color: #333;
    text-decoration: none;
}
.sub-menu li:last-child a{
    border-bottom: none;
}
.search-item img{
    max-width: 262px;
    width: 100%;
    float: left;
    margin-right: 30px;
    display: block;
}
.search-item{
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
.search-item h4{
    color: #033368;
}
.search-block .search-item:last-child{
    border-bottom: none;
    margin-bottom: 50px;
}
.search-item .date{
    margin-bottom: 20px;
}
.search-block {
    margin: 50px 0 0;
}
.search-title{
    font-size: 24px;
    margin-bottom: 30px;
}
.title-block h2:after, .contact-form h2:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 7px;
    width: 1px;
    height: 26px;
    background-color: #033368;
    transform: rotate(30deg);
}
.title-block h2:before, .contact-form h2:before  {
    content: '';
    position: absolute;
    left: -20px;
    top: 6px;
    width: 1px;
    height: 26px;
    background-color: #033368;
    transform: rotate(30deg);
}
.connect-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background-color: #033368;
    z-index: 9999;
}
#connect-form{
    max-width: 820px;
    width: 100%;
    padding: 20px;
}
#connect-form p{
    color: #fff;
}
#connect-form label{
    font-size: 18px;
    font-weight: 600;
    color: #2E6AAD;
}
#connect-form input{
    border: none;
    border-bottom: 1px solid #2E6AAD;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    color: #FFB900;
}
#connect-form div{
    margin-bottom: 15px;
}
.bt-nav-mb{
    display: none !important;
}
.bt-nav-mb span{
    margin: 2px 0;
    transition: all .2s ease-out;
}
.bt-nav-mb span:nth-of-type(2), .bt-nav-mb span:first-of-type{
    width: 100%;
    float: right;
    height: 2px;
    background-color: #e4c041;
}
.bt-nav-mb span:nth-of-type(3){
    width: 70%;
    float: right;
    height: 2px;
    background-color: #e4c041;
}
.rio-promos{
    display: block;
}
.rio-promos-mb{
    display: none;
}
.search-input input {
    color: #333;
    font-size: 54px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    font-weight: 200;
}
.control .btn-material {
    position: absolute;
    top: 50%;
    width: 50px;
    margin-top: -25px;
    height: 50px;
    border-radius: 100%;
    box-sizing: border-box;
    background: #fff;
    outline: 0;
    transform-origin: 50%;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 4;
}
.control .icon-material-search {
    color: #FFF;
    transition: opacity 0.3s ease-in-out;
    padding: 0;
    width: 19px;
    position: relative;
    z-index: 5;
    align-self: center;
}
a.control {
    position: relative;
    display: flex;
    flex: 1;
    height: 100%;
    width: 50px;
    justify-content: center;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #333;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #333;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #333;
  }
.icon-close {
    position: fixed;
    top: 30px;
    right: 30px;
    color: #333333;
    cursor: pointer;
    font-size: 70px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    width: 30px;
}
.search-input {
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50px;
    margin-top: -40px;
    pointer-events: none;
    opacity: 0;
    transform: translate(40px, 0);
    transition: all 0.3s ease-in-out;
    z-index: 6;
    right: 50px;
}

body.search-active .search-input {
    opacity: 1;
    transform: none;
    pointer-events: all;
}
body.search-active .control .btn-material {
    transform: scale(70);
}
body.search-active .control .icon-material-search {
    opacity: 0;
}
body.search-active .icon-close {
    opacity: 1;
    transform: rotate(-90deg);
    z-index: 5;
}

.projects .slick-slide img, .product .slick-slide img, .main-projects .slick-slide .rio-item-content img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.4;
}
.main-projects .slick-slide:hover .rio-item-content img,
.projects .slick-slide:hover img, .projects .active-brand img,
.product .slick-slide:hover img, .product .active-brand img{
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}
.carousel-caption > p{
    margin: 25px 0;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-shadow: 0 2px 4px rgba(51,51,51,0.50);
}
.info-main-block h3{
    font-size: 24px;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
}
.info-main-block p{
    color: #333333;
    font-weight: 600;
}
.info-main-block h3:after {
    position: absolute;
    bottom: -10px;
    content: '';
    width: 100px;
    height: 2px;
    background-color: #333;
    left: 0;
}
.info-main-block:hover h3:after {
    background-color: #033368;
}
.service-item:hover h3, .service-item:hover p{
    color: #033368;
}
.footer-block h3{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #033368;
    margin-top: 15px;
}
.footer-call {
    margin-bottom: 0px;
}
.footer-call p{
    margin-bottom: 10px;
}
.contect-block .btn {
	background-image: url(../images/icons/icon-next.svg);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position-x: 88%;
	background-position-y: center;
	padding: 10px 80px 10px 50px;
	box-shadow: 0 2px 4px 0 #001C3A;
}
.carousel-control-next, .carousel-control-prev{
    width: 50px;
}
.footer-call span {
    font-weight: 700;
}
.mini-desc{
    padding: 0 30px 30px;
}
#slider-desc{
    border: 1px solid #DCDCDC;
}
.tr {
    display: flex;
    border-top: 1px solid #104886;
    border-right: 1px solid #104886;
}
.title {
    max-width: 125px;
    width: 100%;
    background-color: #033368;
    color: #fff;
}
.td {
    padding: 8px 30px;
    text-align: center;
}
.description-block h2{
    text-transform: uppercase;    
}
.table {
    border-bottom: 1px solid #033368;
}
.down-note{
    font-size: 16px;
    font-weight: 700;
    color: #033368;
    margin-bottom: 10px;
    margin-top: 30px;
}
.mini-desc .down {
	padding: 12px 40px 12px 60px;
	font-size: 16px;
	font-weight: 600;
	text-transform: inherit;
	letter-spacing: 0;
	background-image: url(../images/icons/down.svg);
	background-size: 17px;
	background-position-x: 20px;
	background-position-y: center;
	background-repeat: no-repeat;
}
.description-block h1{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.description-block h4 {
    font-size: 18px;
    font-weight: 700;
}
.description-block h6 {
    font-size: 14px;
    font-weight: 600;
}
.footer-block .col-md-3{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer-contact{
    min-height: 62px;
}
.static-intro p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.description-block .case h6{
    color: #FFB900;
    background-color: #033368;
    padding: 9px 20px;
    font-weight: 600;
}
.case {
    background-color: #FAFAFA;
    border-radius: 3px;
    overflow: hidden;
}
.description-block .case ul.bullet li{
    padding-left: 40px;
}
.description-block .case .bullet li::before{
    left: 22px;
}
.note-case {
    margin: 0;
    line-height: 21px;
}
.margin-bottom{
    margin-bottom: 15px;
}
.line{
    width: 100%;
    height: 1px;
    margin: 50px 0;
    opacity: 0.2;
    background: #000000;
}
.bullet li span{
    font-weight: bold;
}
.weight-600{
    font-weight: 600;
}
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    position: relative;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery li.active::after, .lSSlideOuter .lSPager.lSGallery li:hover::after{
    border: 3px solid #f3cd15;
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}
	.lSSlideOuter .lSPager.lSGallery img {
		display: block;
		/*height: auto;
		max-width: 100%;*/
		width: 60px !important;
		height: 60px !important;
	}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(../images/icons/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
    transform: scale(1.4);
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 0px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 0px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.slider-pro {
    width: 100%;
    margin-bottom: 20px;
}
.slider-pro ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.slider-pro li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.slider-pro img {
    display: block;
    height: auto;
    max-width: 100%;
}
.carousel-inner .container {
    position: relative;
    height: 100%;
}

@media only screen and (max-width: 767px){
    .projects .slick-slide img, .product .slick-slide img, .main-projects .slick-slide .rio-item-content img{
        filter: none;
        -webkit-filter: none;
    }
    .icon-close{
        top: 14px;
    }
    html, body{
        overflow-x: hidden;
    }
    body {
        padding-top: 60px;
    }
    #header{
        height: 60px;
    }
    #header .nav{
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        bottom: 0;
        background-color: #fff;
        flex-direction: row;
        justify-content: start !important;
        overflow-y: auto;
        align-content: start;
    }
    #header .nav-link{
        text-align: center;
        padding: 7px 1rem;
    }
    .logo{
        margin: 0;
        position: absolute;
        top: 9px;
        left: 30px;
        transform: translateX(0%);
    }
    .bt-nav-mb{
        padding-top: 8px;
        width: 30px;
        height: 30px;
        display: block !important;
        float: right;
        overflow: hidden;
    }
    #header.open-menu .nav{
        display: flex;
    }
    .open-menu .logo {
        transform: translateX(-50%);
        left: 50%;
    }
    .open-menu .bt-nav-mb span:first-of-type{
        transition: all .4s ease-in;
        transform: rotate(40deg) translate(2px,3px)
    }
    .open-menu .bt-nav-mb span:nth-of-type(2){
        transition: all .4s ease-in;
        transform: rotate(-40deg) translate(1px,-2px);
    }
    .open-menu .bt-nav-mb span:nth-of-type(3){
        transition: all .2s ease-in;
        transform: translateX(200%);
    }
    .title-block h2:before, .contact-form h2:before, .title-block h2:after, .contact-form h2:after{
        display: none;
    }   
    .col-md-3, .col-md-12, .col-md-6, .col-md-9, .col-md-4, .col-md-8{
        margin: 15px 0;
    }
    ul.sub-menu {
        display: block;
        position: inherit;
        padding: 0 20px;
        list-style-type: none;
        background-color: #fff;
        min-width: 180px;
    }
    ul.sub-menu:after{
        display: none;
    }
    li.nav-item {
        text-align: center;
        display: inline-block;
        border-top: 1px solid #d8d8d8;
        width: 100%;
        align-self: center;
    }
    .sub-menu a {
        display: block;
        padding: 7px 0;
        border-bottom: none;
        color: #333;
        font-size: 12px;
    }
    #banner-home-block{
        height: calc(100vh - 60px);
    }
    .description-block .slick-slider,.product-block .slick-slider{
        margin-left: 15px;
        margin-right: 15px;
    }
    .projects button.slick-prev, .projects button.slick-prev:hover, .product button.slick-prev, .product button.slick-prev:hover{
        left: -15px;
    }
    .projects button.slick-next, .projects button.slick-next:hover, .product button.slick-next, .product button.slick-next:hover{
        right: -15px;
    }
    .h1, h1 {
        font-size: 30px;
    }
    .h3, h3 {
        font-size: 20px;
    }
    .rio-promos{
        display: none;
    }
    .rio-promos-mb, .main-projects .rio-promos{
        display: block;
    }
    .mini img {
        height: auto;
    }
    .contect-block {
        max-width: 100%;
    }
    .contect-block h2 {
        font-size: 32px;
    }
    .title-block h2 {
        font-size: 26px;
    }
    .title-block, .news-item .row{
        margin-bottom: 0;
    }
    .main-news,.description-block, .product-block {
        padding: 30px 0;
    }
    .main-customer, .main-services {
        margin: 30px 0;
    }
    .footer-block .container{
        padding: 30px 15px;
    }
    .static-banner{
        padding-top: 20px;
        padding-bottom: 10px;
        height: auto;
        min-height: 250px;
    }
    .nav-tabs .nav-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-right: 0;
    }
    .blog-block{
        margin-top: 30px;
    }
    .search-item img {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    a.control {
        width: 100%;
        margin-top: 10px;
    }
    .search-input input{
        font-size: 22px;
    }
    .info-main-block, .rio-item-content{
        transform: translateX(0px);
    }
}
.product-detail{
    padding-bottom: 15px;
    text-align: justify;
}


.footer-nav a{
    color: #333;
}
.footer-nav a{
    color: #333;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    float: left;
    padding-right: 25px;
    margin: 15px 0;
}