* {

  font-family: 'bpg_square_banner';

  margin: 0px;

  padding: 0px;

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'bpg_square_banner_caps';

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  font-family: 'bpg_square_banner_caps';

}



div {

  color: #838383;

}



a {

  text-decoration: none !important;

}

.tooltip{
  display: none!important;
}



/*main page*/

/*header*/

header {

  height: 100px;

  padding-left: 5%;

  padding-right: 5%;

  background-color: rgba(101, 110, 165, 0.91);

  border-bottom: 2px solid #1c2866;

}



header .logo a,

nav.main_nav,

ul.languages {

  display: flex;

  align-items: center;

  height: 100px;

}



header .logo {

  float: left;

}



header .logo img{

  height: 70px;

  margin-right: 15px;

}



header .logo span {

  font-size: 25px;

  color: #fff;

  text-transform: uppercase;

}



.right_header {

  float: right;

}



nav.main_nav {

  float: left;

}



nav.main_nav ul li a {

  font-family: 'bpg_square_banner_caps';

  font-size: 16px;

  margin-right: 35px;

  padding: 0px 10px 38px 10px;

  color: #fff;

}



nav.main_nav ul li:hover a ,

nav.main_nav ul li.active a {

  color: #ffe012;

  border-bottom: 2px solid #ffe012;

}



nav.main_nav ul,

ul.languages {

  margin-bottom: 0px;

}



nav.main_nav ul li,

ul.languages li {

  display: inline-block;

  list-style: none;

}



ul.languages {

  float: right;

}



ul.languages li{

  margin-left: 7px;

  margin-right: 7px;

}



ul.languages li:last-child {

  margin-right: 0px;

}



ul.languages li a {

  display: block;

}



ul.languages li a img {

  width: 28px;

}



ul.languages li:hover a img,
ul.languages li.lang-active a img {

  opacity: 0.8;

}





/*main slider*/

section.slider {

  position: relative;

  margin-bottom: 40px;

}



.slider_background  {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.slider_background img{

  position: absolute;

   left: 50%;

   top: 50%;

   -webkit-transform: translateY(-50%) translateX(-50%);

   width: 100%;

   min-height: 100%;

}



.slider_background::before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background-image: url("../img/sliderdeck.png");

  background-repeat: no-repeat;

  background-position: right;

  background-size: contain;

  z-index: 1;

}



.slider_background::after {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(41, 53, 118, 0.67);

}



.owl-carousel {

  padding-top: 85px;

  padding-bottom: 70px;

}



.owl-carousel .owl-item h2 {

  max-width: 43%;

  margin: 0px;

  margin-top: 50px;

  padding-left: 7%;

  font-family: 'bpg_square_banner_caps';

  font-size: 15px;

  float: left;

  color: #fff;

}

.owl-carousel .owl-item h2 a{

  color: #fff;

}

.owl-carousel .owl-item h2 a:hover{

  color: #d0cdcd;

}



.owl-carousel .owl-item .item_image {

  position: relative;

  float: right;

  height: 395px;

  max-width: 43%;

  padding-right: 7%;

}

.owl-carousel .owl-item .item_image > a{

  display: inline-block!important;

  width: auto !important;

  height: 310px;

  margin: auto;

}

.owl-carousel .owl-item .item_image > img {

  width: auto !important;

  height: 310px;

  margin: auto;

}



.owl-carousel .owl-item .item_image .shadow img {

  width:  70%!important;

  margin: auto;

  opacity: 0.6;

}



.owl-dots {

  position: relative;

  display: flex;

  justify-content: space-between;

  margin-top: 60px;

}



.owl-dots .owl-dot {

  position: relative;

  width: 18px;

  height: 18px;

  background-color: rgba(255, 255, 255, 0.8);

  border-radius: 50%;

  z-index: 1;

}



.owl-dots::after {

  position: absolute;

  top: 9px;

  content: '';

  display: block;

  width: 100%;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.3);

  z-index: 0;

}



.owl-dots .owl-dot ::before {

  content: '';

  display: block;

  position: absolute;

  top: -3px;

  left: -3px;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.3);

}



.owl-dots .owl-dot ::after {

  content: '';

  display: block;

  position: absolute;

  top: -6px;

  left: -6px;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.3);

}



.owl-dots .owl-dot:first-child {

  margin-left: 10%;

}



.owl-dots .owl-dot:last-child {

  margin-right: 10%;

}



.owl-dots .owl-dot.active {

  background-color: rgba(255, 224, 18, 1);

}



.owl-dots .owl-dot.active ::before,

.owl-dots .owl-dot.active ::after {

  background-color: rgba(255, 224, 18, 0.3);

}





/*main page services*/

section.services {

  margin-bottom: 70px;

}



section.services .section_header {

  margin-bottom: 50px;

}



section.services .section_header h3 a {

  font-size: 23px;

  color: #293576;

}



section.services .section_header h3 a:hover {

  color: #ffab26;

}



section.services .section_content .service_item .service_img {

  width: 100%;

  height: 165px;

  margin-bottom: 5px;

  overflow: hidden;

  box-shadow: 2px 2px 18px rgba(62, 82, 187, 0.46);

}



section.services .section_content .service_item:hover .service_img {

  margin-bottom: 0px;

  box-shadow: none;

}



section.services .section_content .service_item .service_img a {

  display: block;

}



section.services .section_content .service_item .service_img a img {

  width: 100%;

  min-height: 165px;

}



section.services .section_content .service_item .service_des {

  padding: 10px 10px 30px 10px;

  border-radius: 45%/35px; /* horizontal radius / vertical radius */

  border-top-left-radius: 0px;

  border-top-right-radius: 0px;

  box-shadow: 2px 0px 18px rgba(62, 82, 187, 0.46);

}



section.services .section_content .service_item .service_des h4 {
  line-height: 19px;
  height: 38px;
  overflow: hidden;
  margin-top: 0px;

  margin-bottom: 10px;

}



section.services .section_content .service_item .service_des h4 a{

  font-size: 16px;

  color: #000;

}



section.services .section_content .service_item .service_des .desc_text {
  font-size: 11px;
  line-height: 15px;
  height: 62px;
  overflow: hidden;

}





/*main page production*/

section.production {

  background-color: #293576;

  padding-bottom: 140px;

}



section.production .section_header h3 {

  line-height: 48px;

  margin-bottom: 50px;

  display: flex;

  align-items: center;
}



section.production .section_header h3 a {


  color: #ffab26;



}



section.production .section_header h3 a:hover {

  color: #fff;

}



section.production .section_header h3 span {

  display: inline-block;

  margin-left: 10px;

  font-family: 'bpg_square_banner_caps';

  font-size: 48px;

  color: #fff;

  opacity: 0.05;

}



section.production .section_content .production_item {

  position: relative;

  width: 265px;

  margin: auto;

}



section.production .section_content .production_item .production_img,

section.production .section_content .production_item:hover::before {

  width: 265px;

  height: 240px;

  margin: auto;

  overflow: hidden;

  -webkit-transform: skew(-7deg);

  -moz-transform: skew(-7deg);

  -o-transform: skew(-7deg);

  border-radius: 10px;

  box-shadow: 8px -8px 10px rgba(0, 0, 0, 0.16);

}



section.production .section_content .production_item:hover::before {

  display: block;

  content: '';

  position: absolute;

  top: -10px;

  right: -15px;

  background-color: #f3c685;

}



section.production .section_content .production_item .production_img {

  margin-bottom: 15px;

}



section.production .section_content .production_item:hover .production_img {

  box-shadow: 5px -5px 5px rgba(0, 0, 0, 0.16);

}



section.production .section_content .production_item .production_img a {

  display: block;

  background-color: #f9cb88;

}



section.production .section_content .production_item .production_img a img {

  width: 295px;

  min-height: 240px;

  margin-left: -15px;

  -webkit-transform: skew(7deg);

  -moz-transform: skew(7deg);

  -o-transform: skew(7deg);

}



section.production .section_content .production_item .product_desc {

  margin-left: -14px;

}



section.production .section_content .production_item .product_desc h4 a {

  font-family: 'bpg_square_banner';

  font-size: 18px;

  color: #fff;

  text-transform: uppercase;

  line-height: 22px;

}



section.production .section_content .production_item:hover .product_desc h4 a {

  color: #f3c685;

}





/*footer*/

footer {



}



footer .footer_back {

  position: relative;

  width: 100%;

  height: 100px;

  overflow: hidden;

}



footer .footer_back::after {

  position: absolute;

  top: 0px;

  content: '';

  display: block;

  width: 100%;

  height: 100px;

  background-color: #ffab26;

  opacity: 0.65;

}



footer .footer_back .footer_effect {

  position: absolute;

  top: 0px;

  width: 100%;

  height: 100px;

  background: url("../img/footeref.png");

  background-size: cover;

}



footer .footer_back img {

  width: 100%;

}



footer .footer_cont {

  margin-top: -100px;

}



footer .footer_cont .social {

  margin-top: 20px;

  margin-bottom: 11px;

}



footer .footer_cont .social ul {

  margin-bottom: 0px;

}



footer .footer_cont .social ul li.social_item {

  display: inline-block;

  list-style: none;

  margin-right: 15px;

}



footer .footer_cont .social ul li.social_item a i {

  font-size: 25px;

  color: #fff;

}



footer .footer_cont .social ul li.social_item a:hover i.fa-facebook-official {

  color: #3b5997;

}



footer .footer_cont .social ul li.social_item a:hover i.fa-youtube-square {

  color: #bc0001;

}



footer .footer_cont .rights {

  margin-bottom: 20px;

}



footer .footer_cont .rights span {

  color: #fff;

  font-size: 13px;

}



footer .footer_cont .rights span i {

  font-size: 15px;

  color: #b3b7cd;

  font-style: normal;

}



footer .footer_cont .top_ge {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100px;

}



footer .footer_cont .top_ge a img {

  width: 65px;

}



footer .footer_cont .author {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  height: 100px;

}



footer .footer_cont .author a img {

  width: 165px;

}





/*production page*/

/*page title*/

.main_wrapper {

  background-color: #f3f3f3;

}



section.page_title {

  height: 570px;

  background-color: #293576;

}



section.page_title .title_shadow,

section.page_title h2 {

  font-family: 'bpg_square_banner_caps';

  text-align: center;

}



section.page_title .title_shadow {

  padding-top: 5px;

  font-size: 49px;

  color: rgba(255, 255, 255, 0.05);

}



section.page_title h2 {

  margin-top: -23px;

  font-size: 30px;

  color: #fff;

}





/*inside page main*/

main.inside_page {
  min-height: 65vh;

  width: 85%;

  margin: auto;

  margin-top: -465px;

  background-color: #fff;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

}





/*production navigation*/

.table_container {

  display: table-row;

}



.nav_container {

  display: table-cell;

  width: 20%;

  min-width: 270px;

  background-color: #f3f6f7;

  border-right: 5px solid #ededed;

  border-top-left-radius: 5px;

}



nav.inside_nav {

  border-top-left-radius: 5px;

}



nav.inside_nav .nav_tite {

  display: flex;

  align-items: center;

  padding: 10px 15px;

  border-bottom: 2px solid #ededed;

}



nav.inside_nav .nav_tite img {

  width: 18px;

  margin-right: 20px;

  opacity: 0.8;

}



nav.inside_nav .nav_tite h4 {

  font-family: 'bpg_square_banner_caps';

  font-size: 18px;

}



nav.inside_nav ul.categories {

  padding: 20px 15px 50px 25px;

}



nav.inside_nav ul.categories li {

  list-style: none;

}



nav.inside_nav ul.categories > li {

  margin-bottom: 15px;

}



nav.inside_nav ul.categories > li:hover {

  cursor: pointer;

}



nav.inside_nav ul.categories > li span {

  display: block;

  font-size: 16px;

  color: #7a7a7a;

  margin-bottom: 5px;

}



nav.inside_nav ul.categories > li:hover span,

nav.inside_nav ul.categories > li.active span {

  color: #293576;

}



nav.inside_nav ul.categories > li span i{

  margin-right: 7px;

  font-size: 14px;

}



nav.inside_nav ul.categories li ul {

  display: none;

}



nav.inside_nav ul.categories > li.active ul {

  display: block;

}



nav.inside_nav ul.products li {

  margin-bottom: 5px;

  padding-left: 30px;

}



nav.inside_nav ul.products li a {

  font-size: 13px;

  color: #9b9c9c;

}



nav.inside_nav ul.products li:hover a,

nav.inside_nav ul.products li.active a {

  color: rgba(41,53,118,0.8);

}



/*product description*/



section.product_desc {



  display: table-cell;

  padding: 15px 15px 150px 25px;

}

section.product_desc .desc_title h5{

  margin-top: 0px;

  font-size: 18px;

  color: #293576;

}



section.product_desc .desc_text {

  margin-bottom: 25px;

  font-size: 12px;

  line-height: 30px;

}



/*production gallery*/

.product_gallery {

  max-width: 895px;

  margin: auto;

}



.zoom-gallery {

  margin-left: -20px;

  margin-right: -20px;

}



.zoom-gallery .gallery_item{

  display: inline-block;

  width: 268px;

  height: 175px;

  margin-left: 20px;

  margin-right: 20px;

  margin-bottom: 15px;

  overflow: hidden;

}



.zoom-gallery .gallery_item img {

  width: 100%;

  min-height: 175px;

}



.zoom-gallery .gallery_item:hover {

  padding: 5px;

}



.zoom-gallery a:focus {

  outline: none!important;

}



@media (max-width: 1421px) {

  .product_gallery {

    width: 855px;

  }



  .zoom-gallery {

    margin-left: -10px;

    margin-right: -10px;

  }



  .zoom-gallery .gallery_item {

    margin-left: 10px;

    margin-right: 10px;

  }

}



@media (max-width: 1371px){

  .product_gallery {

    width: 795px;

  }



  .zoom-gallery .gallery_item {

    width: 245px;

    height: 150px;

  }

}



@media (max-width: 1295px){

  .product_gallery {

    width: 720px;

  }



  .zoom-gallery .gallery_item {

    width: 220px;

    height: 144px;

  }

}



@media (max-width: 1200px) {

  .product_gallery {

    width: auto;

  }

}





/*description details*/

.desc_details {

  font-size: 12px;

  line-height: 20px;

  margin-bottom:

}



.desc_details h2,

 .desc_details h3,

  .desc_details h4,

   .desc_details h5,

    .desc_details h6{

  font-size: 13px!important;

  color: rgba(41,53,118, 0.8)!important;

  margin-top: 0px!important;

  margin-bottom: 5px!important;

    margin: 12px 0!important;

}









/*download button*/

button.desc_download {

  background-color: #ea4734;

  border: none;

  border-radius: 5px;

  padding: 8px 20px 8px 8px;

  outline: none;

}



button.desc_download:hover {

  background-color: #293576;

}



button.desc_download img {

  width: 30px;

  margin-right: 15px;

}



button.desc_download span {

  font-size: 15px;

  color: #fff;

}



/*contact page*/

form.contact_form,

.map,

.contact_info {

  padding: 15px;

}



form.contact_form {

  padding-top: 30px;

  margin-bottom: 70px;

}



form.contact_form .form_item {

  position: relative;

  display: inline-block;

  width: calc(25% - 35px);

  margin: 15px;

}



form.contact_form .form_item:nth-child(5){

  width: calc(75% - 35px);

  margin-top: 140px;

}
form.contact_form .form_item input,

form.contact_form .form_item textarea{

  width: 100%;

  height: 45px;

  font-size: 15px;

  color: #293576;

  border: none;

  border-bottom: 2px solid #6b6b6b;

  outline: none;

}



form.contact_form .form_item textarea {

  padding-top: 10px;

  resize: none;

}



form.contact_form .form_item label {

  position: absolute;

  top: 0px;

  font-size: 16px;

  line-height: 40px;

}



form.contact_form .form_item input:focus + label,

form.contact_form .form_item textarea:focus + label,

form.contact_form .form_item input.active + label,

form.contact_form .form_item textarea.active + label   {

  top: -30px;

}



form.contact_form .form_item input:focus,

form.contact_form .form_item textarea:focus,

form.contact_form .form_item input.active,

form.contact_form .form_item textarea.active {

  border-bottom: 2px solid #293576;

}



form.contact_form .submit {

  float: right;

  display: inline-block;

  margin: 15px;

  margin-top: 129px;

  font-size: 16px;

  color: #293576;

  border: 2px solid #293576;

}



form.contact_form .submit input{

  float: left;

  padding: 15px 20px;

  background-color: transparent;

  border: none;

  outline: none;

}



form.contact_form .submit:hover {

  color: #fff;

  background-color: #293576;

}



form.contact_form .submit label {

  margin-bottom: 0px;

  padding: 15px 20px 15px 0px;

  cursor: pointer;

}



form.contact_form .submit label i {

  font-weight: bold;

}





.map {

  width: 100%;

  height: 240px;

}





/*contact information*/

.contact_info {

  display: flex;

  justify-content: center;

  padding: 30px 0;

}



.contact_info .contact_item {

  float: left;

  margin-left: 40px;

  margin-right: 40px;

}


.contact_info .contact_item div{
  overflow: hidden;
}
.contact_info .contact_item i {

  float: left;

  font-size: 20px;

  color: #293576;

}



.contact_info .contact_item span {

  display: block;

  margin-left: 25px;

  font-size: 13px;

}



/*services page*/

section.services.own_page {

  padding: 50px 15px 200px 15px;

  margin-bottom: 0px;

}

section.services.own_page .section_content .service_item {

  margin-bottom: 50px;

}



/*page naigation*/

.page_navigation {

  display: flex;

  justify-content: center;

  margin-top: 30px;

}



.page_navigation div {

  display: flex;

  justify-content: center;

  align-items: center;

}



.page_navigation .back,

.page_navigation .next,

.page_navigation .active,

.page_navigation .page_number.active:hover {

  display: flex;

  justify-content: center;

  height: 30px;

  background: #3a4686;

  background: -webkit-linear-gradient(left, #3a4686 , #293576);

  background: -o-linear-gradient(right, #3a4686 , #293576);

  background: -moz-linear-gradient(right, #3a4686 , #293576);

  background: linear-gradient(to right, #3a4686 , #293576);

}



.page_navigation .back,

.page_navigation .next {

  border-radius: 25px;

}



.page_navigation .back {

  margin-right: 10px;

}

.page_navigation .next {

  margin-left: 10px;

}

.page_navigation div a {

  height: 30px;

  padding-left: 15px;

  padding-right: 15px;

  text-decoration: none;

  font-size:

}



.page_navigation .back a,

.page_navigation .next a,

.page_navigation .active a {

  color: #fff;

}



.page_navigation .back a,

.page_navigation .next a {

  font-size: 12.5px;

  line-height: 30px;

}



.page_navigation .page_number {

  margin-left: 4px;

  margin-right: 4px;

  border: 1px solid #b9c4d7;

  border-radius: 50%;

}



.page_navigation .page_number:hover {

  background: #c7dcf0; /* For browsers that do not support gradients */

  background: -webkit-linear-gradient(left, #c7dcf0, #9bc4ea); /* For Safari 5.1 to 6.0 */

  background: -o-linear-gradient(right, #c7dcf0, #9bc4ea); /* For Opera 11.1 to 12.0 */

  background: -moz-linear-gradient(right, #c7dcf0, #9bc4ea); /* For Firefox 3.6 to 15 */

  background: linear-gradient(to right,  #c7dcf0, #9bc4ea); /* Standard syntax (must be last) */

}



.page_navigation .page_number a {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 30px;

  height: 30px;

  font-size: 17px;

  color: #1f609d;

}



.page_navigation .page_number.active {

  border: none;

}



.page_navigation .page_number.active a {

  color: #fff;

}



/*text page*/

.text_page {

  padding: 15px;

  padding-bottom: 350px;

  overflow: hidden;

}



.text_page .section_img {

  width: 460px;

  height: 340px;

  overflow: hidden;

}



.text_page .section_img img {

  width: 100%;

  min-height: 340px;

}



.text_page .img_container {

  float: left;

  position: relative;

  width: 480px;

  height: 362px;

  margin-right: 105px;

  margin-bottom: 75px;

}



.text_page .img_container::before,

.text_page .img_container::after {

  content: '';

  display: block;

  position: absolute;

  background-color: rgba(41, 53, 118, 0.41);

}



.text_page .img_container::before {

  bottom: 0px;

  left: 30px;

  width: 495px;

  height: 1px;

}



.text_page .img_container::after {

  top: 30px;

  right: 0px;

  width: 1px;

  height: 375px;

}



.text_page .section_content {

  /*position: relative;

  left: 530px;*/

  margin-right: 5px;

}



.text_page .section_content h3 {

  /*position: absolute;

  max-width: calc(100% - 530px);*/

  margin-top: 35px;

  margin-bottom: 25px;

  font-family: 'bpg_square_banner_caps';

  font-size: 19px;

  color: #293576;

}



.text_page .section_content .content_items {

  position: relative;

  /*top: 80px;*/

  /*left: -530px;*/

  font-size: 12px;

  line-height: 23px;

}
.text_page .section_content .content_items ul li{

  list-style-position: inside;
}


.text_page .section_content .content_items::before {

  clear: left;

  content: '';

  display: block;

  position: absolute;

  top: 10px;

  left: 530px;

  width: 45px;

  height: 3px;

  background-color: #293576;

}



.text_page .section_content .content_items p {

  margin-bottom: 30px;

}



.text_page .section_content .content_items p:first-child {



}