/*
Theme Name: BPRESS
Theme URI: http://temistan.com/
Description: Temistan'ın ürettiği BPRESS Kurumsal Wordpress Teması
Author: temistan.com
Author URI: http://temistan.com/
Version: 1.0.5

/**************************************************
 * FONTS
 **************************************************/
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v16/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-ade3iOCv2z3wM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-ade3iOCX2zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adYnjOCv2z3wM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adYnjOCX2zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZXgOCv2z3wM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(https://fonts.gstatic.com/s/muli/v16/7Au_p_0qiz-adZXgOCX2zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**************************************************
 * BASE
 **************************************************/
 html {overflow-x: hidden; padding: 0px; margin: 0px}
 body{font-family: 'Muli', sans-serif; font-size: 15px; line-height: 1.4; font-weight: 400; word-wrap: break-word; color: #57606f;}

/**************************************************
 * TİPOGRAFİ
 **************************************************/
 h1, h2, h3, h4, h5, h6 {font-weight: 700; margin: 0; color: #2f3542;}
 h1 {font-size: 38px;}
 h2 {font-size: 32px;}
 h3 {font-size: 26px;}
 h4 {font-size: 20px;}
 h5 {font-size: 16px;}
 h6 {font-size: 14px;}
 a {color: #57606f;}
 a, a:hover, a:active, a:link {text-decoration: none}
 .alignleft {display: inline; float: left; margin-right: 1.5em;}
 .alignright {display: inline; float: right; margin-left: 1.5em;}
 .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

/**************************************************
 * BUTTONS
 **************************************************/
 .btn-link {color: #1B9CFC; font-size: 14px; font-weight: 700; text-transform: uppercase; transition: all 500ms ease;}
 .btn-link:hover, .btn-link:active, .btn-link:focus {color: #182C61; text-decoration: none;}

 .button, .button-invert {background: #1B9CFC; padding: 10px 25px; color: #FFF; font-weight: 800; transition: background .2s; text-transform: uppercase; display: inline-block; white-space: nowrap; font-size: 14px;}
 .button i, .button-ghost i {margin-right: 10px;}
 .button:hover, .button:active, .button:focus {background: #182C61; color: #FFF; text-decoration: none;}
 .button-invert:hover, .button-invert:active, .button-invert:focus {background: #FFF; color: #1B9CFC; text-decoration: none;}

 .button-ghost {border: 2px solid #1B9CFC; padding: 8px 25px; color: #1B9CFC; font-weight: 800; transition: background .2s; text-transform: uppercase; display: inline-block; white-space: nowrap; font-size: 14px;}
 .button-ghost:hover, .button-ghost:active, .button-ghost:focus {background: #1B9CFC; color: #FFF; text-decoration: none;}
 
 .button-white {background: #FFF;  padding: 10px 25px; color: #1B9CFC; font-weight: 800; transition: background .2s; text-transform: uppercase; display: inline-block; white-space: nowrap; font-size: 14px;}
 .button-white:hover, .button-white:active, .button-white:focus {background: #1B9CFC; color: #fff; text-decoration: none;}

/**************************************************
 * HEADER
 **************************************************/
 .site-header {padding: 0;}
 .site-header .logo {display: inline-block;}
 .site-header .logo-container .flex {justify-content: space-between;}
 .site-header .flex {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 100%; height: 120px; padding: 15px 0;}
 .site-header .flex .item {align-items: center; margin-left: 40px;}
 .site-header .flex .item .inner {position: relative; padding-left: 30px; white-space: nowrap;}
 .site-header .flex .item .inner:before {font-family: 'FontAwesome';  font-weight: 900; font-size: 20px; color: #1B9CFC; position: absolute; left: 0; top: -5px;}
 .site-header .flex .item h5 a {color: #2f3542;} 
 .site-header .flex .item h4 {font-weight: 600; color: #a4b0be; font-size: 13px; text-transform: uppercase; margin-bottom: 3px;}
 .site-header .phone:before {content: '\f095';}
 .site-header .email:before {content: '\f003';}
 .site-header .whatsapp:before {content: '\f232';}
 .site-header .address:before {content: '\f041';}
 .site-navigation {background: #182C61;}

/**************************************************
 *  MOBILE MENU
 **************************************************/
 .site-overlay {background: rgba(0,0,0,0.8); position: fixed; width: 100%; top: 0; bottom: 0; z-index: 200; display: none;}
 .mobile-navigation-button {display: none; font-size: 24px; width: 60px; height: 60px; line-height: 60px; color: #1B9CFC; text-align: center;}
 
 .mobile-menu {position: fixed; min-height: 100vh; width: 100%; left: -100%; top: 0; bottom: 0; background: #2f3542; z-index: 500; transition: all .2s;}
 .mobile-menu-open {right: 0; left: 0; -webkit-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15); box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.15);}

 .mobile-menu-logo {padding: 30px 0; background: #FFF;}
 .mobile-menu-logo .logo {max-width: 200px; height: auto;}
 .mobile-menu-logo .mobile-menu-close {color: #d90000; opacity: inherit; border-radius: 3px; float: right; font-size: 35px;}
 .mobile-menu-inner {position: absolute; width: 100%; top: 0; bottom: 0; overflow-y: auto;}
 .mobile-menu-inner h3 {margin: 0 0 10px; font-size: 18px; font-weight: 700; }

 .mobile-menu .mobile-search-form {margin-bottom: 20px; width: 100%; float: left;}
 .mobile-menu .mobile-search-form .screen-reader-text {display: none;}
 .mobile-menu .mobile-search-form label {width: calc(100% - 100px); float: left;}
 .mobile-menu .mobile-search-form .search-field {width: 100%; border: 1px solid #CCC; padding: 9px; background: #FFF; float: left; height: 40px;}
 .mobile-menu .mobile-search-form .search-submit {width: 100px; border: 1px solid #CCC; border-left: 0; padding: 10px; background: #FFF; float: left; font-size: 10px; text-transform: uppercase; font-weight: 700; height: 40px;}


 #mobile-menu {padding: 30px 0;}
 #mobile-menu ul {padding: 0; margin: 0; list-style: none;}
 #mobile-menu>ul>li {border-bottom: 1px solid rgba(255,255,255,0.05)}
 #mobile-menu>ul>li>a {padding: 15px 0; color: #FFF; width: calc(100% - 40px); display: inline-block; font-weight: 700;}
 #mobile-menu .sub {background: rgba(255,255,255,0.10); color: #FFF; width: 36px; height: 36px; display: none; text-align: center; line-height: 36px;}
 #mobile-menu>ul>li.menu-item-has-children>.sub {display: inline-block;}
 #mobile-menu ul ul {padding: 10px 10px; border: 1px solid rgba(255,255,255,0.05); border-bottom: 0;}
 #mobile-menu ul ul>li>a {padding: 15px 10px; color: #FFF; width: 100%; display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase;}
 #mobile-menu ul ul>li {border-top: 0}
 #mobile-menu ul ul ul {padding: 0; border: 0;}
 #mobile-menu ul ul>li>ul>li>a {padding: 15px 10px; color: rgba(255,255,255,0.70); width: 100%; display: inline-block;  font-weight: inherit; text-transform: inherit;}
 #mobile-menu ul ul>li>ul>li {border-top: 0}

 /**************************************************
 * OWL CAROUSEL
 **************************************************/
 .main-slider {position: relative;}
 .owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;}
 .owl-theme .owl-nav [class*='owl-'] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}
 .owl-theme .owl-nav [class*='owl-']:hover {background: #869791; color: #FFF; text-decoration: none; outline: 0;}
 .owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
 .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
 .owl-theme .owl-dots {text-align: right; -webkit-tap-highlight-color: transparent; position: absolute; z-index: 100; bottom: 7px; width: 100%; padding: 0 50px;}
 .owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline;  outline: 0;}
 .owl-theme .owl-dots .owl-dot span {width: 15px; height: 5px; margin: 5px 7px; background: #FFF; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease;}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #1B9CFC; outline: 0; width: 25px;}
 .owl-theme .item img {position: relative;}
 .owl-theme .item .text {position: absolute; z-index: 10; bottom: 0; width: 100%;}
 .owl-theme .item .text .text-inner {margin-bottom: 60px; background: rgba(0,0,0,0.6); padding: 40px; color: #fff; font-size: 17px; font-weight: 400; border-top: 3px solid #1B9CFC;}
 .owl-theme .item .text .text-inner h1 {color: #FFF; margin: 0 0 10px;}
 .main-slider .item img {position: relative; width: 100%; height: auto}
 .main-slider .custom-nav * {outline: 0;}
 .main-slider .custom-nav {position: absolute; top: calc( 50% - 50px ); left: 0;   right: 0;}
 .main-slider .custom-nav .owl-prev, .main-slider .custom-nav .owl-next {position: absolute; height: 100px; width: 50px; color: inherit; background: none; border: none; z-index: 100; border-radius: 3px; transition: background .2s;}
 .main-slider .custom-nav .owl-prev:hover, .main-slider .custom-nav .owl-next:hover {background: rgba(0,0,0,0.6);}
 .main-slider .custom-nav .owl-prev i, .main-slider .custom-nav .owl-next i {font-size: 2rem; color: #fff;}
 .main-slider .custom-nav .owl-prev {left: 20px;}
 .main-slider .custom-nav .owl-next {right: 20px;}

/**************************************************
 * SECTIONS
 **************************************************/
 .section-title h1 {margin-top: 0;margin-bottom: 15px;display: inline-block;position: relative;z-index: 10;}
 .section-title {display: inline-block;position: relative;z-index: 10;padding-bottom: 30px;}
 .section-title:before {position: absolute;content: '';width: 100%;height: 3px;background: #1B9CFC;bottom: 30px;z-index: 0;}
 .section-desc {margin-top: 0;margin-bottom: 30px;}

 .section-grid-2 {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; padding: 0 15px; width: 100%;}
 .section-grid-3 {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; padding: 0 15px; width: 100%;}
 .section-grid-4 {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding: 0 15px; width: 100%;}

/**************************************************
 * SECTIONS - BLOG
 **************************************************/
 .section-blog {padding: 60px 0;background: #f1f2f3;}
 .section-blog .blog-grid {display: grid; grid-column-gap: 50px;  grid-template-columns: repeat(3, 1fr); grid-gap: 30px; padding: 0 15px; width: 100%;}
 .blog-item {border-bottom: 2px solid #eee; transition: border .2s; background: #FFF; position: relative; padding-bottom: 50px;}
 .blog-item:hover {border-bottom: 2px solid #1B9CFC;}
 .blog-item img {transition: opacity .2s; width: 100%; height: auto;}
 .blog-item:hover img {opacity: 0.7;}
 .blog-item .text {padding: 30px;}
 .blog-item .text .entry-title {font-size: 20px; margin-bottom: 15px;}
 .blog-item .text .entry-title a {color: #000;}
 .blog-item .text .entry-meta {font-size: 12px; margin-bottom: 15px; color: #9e9e9e;}
 .blog-item .text .entry-meta a {color: #9e9e9e;} 
 .blog-item .text .entry-meta i {color: #e0e0e0;}  
 .blog-item .text .entry-meta span {margin-right: 10px;}  
 .blog-item .text .read-more {border-top: 1px solid #eee; display: block; padding: 25px 30px; position: absolute; bottom: 0; left: 0; width: 100%;}
 .section-blog .view-all {margin-top: 30px;}

/**************************************************
 * SECTIONS - PROJECT
 **************************************************/
 .section-project {padding: 60px 0;}
 .section-project .project-grid {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding: 0 15px;}
 .project-item {position: relative;}
 .project-item img {transition: opacity .2s; width: 100%; height: auto;}
 .project-item:hover img {opacity: 0.7;}
 .project-item .text {padding: 30px; position: absolute; bottom: 0; width: 100%;
 	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 72%,rgba(0,0,0,.75) 100%);
 	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 72%,rgba(0,0,0,.75) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#bf000000',GradientType=0);
 }
 .project-item .text .entry-title {font-size: 20px; margin-bottom: 15px;}
 .project-item .text .entry-title a {color: #FFF;}
 .project-item .text .read-more {display: block;}
 .project-item .text .btn-link {color: rgba(255,255,255,0.7); font-size: 12px;} 
 .section-project .view-all {margin-top: 30px;}

 /**************************************************
 * SECTIONS - PRODUCT
 **************************************************/
 .section-product {padding: 60px 0;}
 .section-product .product-grid {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding: 0 15px;}
 .product-item {position: relative;}
 .product-item img {transition: opacity .2s; width: 100%; height: auto;}
 .product-item:hover img {opacity: 0.7;}
 .product-item .text {padding: 20px 0; text-align: center;}
 .product-item .text .entry-title {font-size: 20px; margin-bottom: 15px;}
 .product-item .text .entry-title a {color: #000;}
 .product-item .text .read-more {display: block;}
 .product-item .text .btn-link {color: rgba(0,0,0,0.7); font-size: 12px;} 
 .section-product .view-all {margin-top: 30px;}


/**************************************************
 * SECTIONS - ACTIONBAR
 **************************************************/
 .section-actionbar {background: #2f3542; color: rgba(255,255,255,0.5); position: relative;}
 .section-actionbar .overlay {background: #2f3542; opacity: 0.7; position: absolute; width: 100%; top: 0; bottom: 0;} 
 .section-actionbar h2 {color: #ffffff; font-size: 26px; margin-bottom: 5px;}
 .section-actionbar .flex {display: flex; justify-content: space-between; align-items: center; padding: 20px 0px; width: 100%; height: 200px;}
 .section-actionbar .flex>div {flex-basis: auto;}

/**************************************************
 * SECTIONS - COVER
 **************************************************/
 .section-cover {background: #2f3542; color: rgba(255,255,255,0.8); position: relative; min-height: 600px; display: flex; align-items: center;}
 .section-cover .overlay {background: #2f3542; opacity: 0.40; position: absolute; width: 100%; top: 0; bottom: 0;} 
 .section-cover h2 {color: #ffffff; font-size: 36px; margin-bottom: 5px;}
 .section-cover .text {margin-bottom:30px; font-size: 20px;}

/**************************************************
 * SECTIONS - ICON / IMAGE
 **************************************************/
 .section-repeater {padding: 60px 0;}
 .section-repeater .repeater-item i {font-size: 60px; margin-bottom: 20px; color: #1B9CFC;}
 .section-repeater .repeater-item img {margin-bottom: 20px;}
 .section-repeater .repeater-item h3 {font-size: 20px; margin-bottom: 15px;}

/**************************************************
 * SECTIONS - ABOUT
 **************************************************/
 .section-about {padding: 60px 0;}
 .section-about .row {justify-content: space-between; align-items: center;}
 .section-about .text {background: #fff;width: 100%; z-index: 10; position: relative; font-size: 18px;}
 .section-about .text hr {margin: 30px 0;}
 .section-about .text h1, .section-about .text h2, .section-about .text h3,
 .section-about .text h4, .section-about .text h5, .section-about .text h6 {margin-bottom: 20px;}

/**************************************************
 * SECTIONS - GALLERY
 **************************************************/
 .section-gallery {padding: 60px 0;}
 .section-gallery .gallery-item {margin-bottom: 30px; padding: 0;}
 .section-gallery .gallery-item img {transition: opacity .2s;}
 .section-gallery .gallery-item:hover img {opacity: 0.7;}

/**************************************************
 * SECTIONS - SERVICES
 **************************************************/
 .section-services {padding: 60px 0; background: #f1f2f3;}
 .service-item {border-bottom: 2px solid #eee; transition: border .2s; background: #FFF; position: relative;}
 .service-item:hover {border-bottom: 2px solid #1B9CFC;}
 .service-item img {transition: opacity .2s; width: 100%; height: auto;}
 .service-item:hover img {opacity: 0.7;}
 .service-item .text {padding: 25px 30px;}
 .service-item .text .entry-title {font-size: 20px; margin-bottom: 0;}
 .service-item .text .entry-title a {color: #000;}

 /**************************************************
 * SECTIONS - CUSTOMER COMMENTS
 **************************************************/
 .section-comments {padding: 60px 0; background: #f1f2f3;}
 .comment-item {border-bottom: 2px solid #1B9CFC; transition: border .2s; background: #FFF; position: relative;}
 .comment-item img {transition: opacity .2s; width: 100px; height: auto; border-radius: 100px; margin: 30px 0; display: inline-block!important;}
 .comment-item:hover img {opacity: 0.7;}
 .comment-item .text {padding: 0 30px 30px;}
 .comment-item .text h3 {font-size: 20px; margin-bottom: 20px;}

 .section-comments .owl-theme .owl-dots {text-align: center; bottom: -40px;}
 .section-comments .owl-theme .owl-dots .owl-dot span {width: 15px; height: 5px; margin: 5px 7px; background: #2f3542;}
 .section-comments .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #1B9CFC; outline: 0; width: 25px;}


/**************************************************
 * POST - PAGE
 **************************************************/
 .post-container {background: #ffffff; padding-bottom: 50px;}
 .post-container .entry-header {background: #f1f2f3; padding: 40px 0;}
 .post-container .entry-header .entry-title {font-size: 30px;}
 .post-container .entry-content {padding: 50px 0 0; width: 100%; display: block;}
 .post-container img, .entry-content img, .wp-caption {max-width: 100%; height: auto;}
 .post-slider {background: #2f3542; margin-bottom: 30px;}

 .post-links {border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100%; margin-bottom: 40px;}
 .post-links .next-post {text-align: right;}
 .post-links .next-post, .post-links .prev-post {padding: 30px 0; position: relative;}
 .post-links .next-post a, .post-links .prev-post a {color: #57606f; position: relative;}
 .post-links .next-post {padding-right: 40px;}
 .post-links .prev-post {padding-left: 40px;}
 .post-links .next-post a:before, .post-links .prev-post a:before {font-family: 'FontAwesome'; font-weight: 700; position: absolute; background: #f1f2f3; padding: 5px 12px; top: -5px; border-radius: 2px;} 
 .post-links .next-post a:before {content: '\f105'; right: -40px;}
 .post-links .prev-post a:before {content: '\f104'; left: -40px;} 

 .breadcrumb {background: #f1f2f3; border-top: 1px solid #fff; color: #a4b0be;}
 .breadcrumb a {color: #a4b0be;}
 .breadcrumb-trail {background: none; padding: 0; font-size: 10px; text-transform: uppercase; margin-bottom: 0; font-weight: 600;}
 .breadcrumb-trail .trail-items {list-style: none; padding: 0; margin: 0;}
 .breadcrumb-trail .trail-items li {display: inline-block; margin-right: 20px; position: relative;}
 .breadcrumb-trail .trail-items li:after {font-family: 'FontAwesome'; font-weight: 700; position: absolute; content: '\f105'; right: -12px; top: -1px; }
 .breadcrumb-trail .trail-items li:last-child:after {display: none;}

 .contact-map iframe {width: 100%!important; height: 300px; margin-bottom: 0px;}
 .contact-form {padding: 30px; background: #f1f2f3; float: left; width: 100%;}
 .contact-entry {margin: 60px 0; width: 100%;}
 .contact-entry .contact-title {margin-bottom: 20px;}

 .contact-entry .social a {margin-right: 10px; font-size: 22px; border:1px solid  #1B9CFC; padding: 10px; width: 50px; display: inline-block; text-align: center;  color: #1B9CFC; transition: color .2s, background .2s;}
 .contact-entry .social a:hover {background: #182C61; border: 1px solid #182C61; color: #FFF;}


 .contact-entry ul {list-style: none; padding: 0; }
 .contact-entry ul li {padding-left: 30px; position: relative; margin-bottom: 10px; font-size: 18px;}
 .contact-entry ul li:before {font-weight: 900; color: #1B9CFC; font-family: 'FontAwesome'; font-weight: 700; position: absolute; left: 0;}
 .contact-entry .phone:before {content: '\f095';}
 .contact-entry .email:before {content: '\f003';}
 .contact-entry .whatsapp:before {content: '\f232';}
 .contact-entry .address:before {content: '\f041';}
 .contact-entry .fax:before {content: '\f1ac';}

 .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {background: #FFF; border: 0;  margin-bottom: 10px; float: left; padding: 5px; width: 100%!important; font-weight: 400; border: 1px solid #DDD;}
 .wpcf7-form textarea {height: 100px;}
 .wpcf7-form .wpcf7-form-control-wrap, .wpcf7-form label {width: 100%; float: left;}
 .wpcf7-form input[type=submit] {background: #1B9CFC; padding: 10px 25px; color: #FFF; font-weight: 800; transition: background .2s; text-transform: uppercase; display: inline-block; white-space: nowrap; font-size: 14px; border: 0;}
 .wpcf7-form input[type=submit]:hover,  .wpcf7-form input[type=submit]:focus {background: #182C61; color: #FFF; text-decoration: none;}
 .wpcf7-form p {float: left; width: 100%; margin-bottom: 0;}


/**************************************************
 * ARCHIVE
 **************************************************/
 .archive-container {background: #ffffff;}
 .archive-container .archive-header {background: #f1f2f3; padding: 40px 0;}
 .archive-container .archive-header .archive-title {font-size: 30px;}
 .archive-container .archive-header .taxonomy-description p {margin: 10px 0 0;} 
 .archive-container .archive-content {padding: 50px 0;}
 .archive-grid {display: grid; grid-column-gap: 50px;  grid-template-columns: repeat(2, 1fr); grid-gap: 30px; padding: 0 15px;}
 .archive-grid  .blog-item {background: #f1f2f3;}

 .archive-container .archive-content .pagination {display: block; float: none!important; margin-top: 30px;}
 .archive-container .archive-content .pagination span, .archive-container .archive-content .pagination a {display: inline-block; padding: 12px 16px; text-align: center; min-width: 30px; background: #f1f2f3; color: #000; font-weight: 700; font-size: 16px;}
 .archive-container .archive-content .pagination .current {background:#2f3542; color: #FFF;}

 .archive-container .search-item {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE;}
 .archive-container .search-item .entry-title {font-size: 20px; margin-bottom: 15px;}
 .archive-container .search-item .entry-title a {color: #000;}

/**************************************************
 * 404
 **************************************************/
 .section-404 {padding: 60px 0; background: #f1f2f3;}
 .section-404 .big-404 {font-size: 10em; font-weight: 800; color: #1b9cfc;}
 .section-404 .page-404-title {margin-bottom: 10px;}
 .section-404 .search-form {width: 300px; margin: auto; margin-top: 30px;}
 .section-404 .search-form .screen-reader-text {display: none;}
 .section-404 .search-form label {width: calc(100% - 100px); float: left;}
 .section-404 .search-form .search-field {width: 100%; border: 1px solid #CCC; padding: 10px; background: #FFF; float: left;}
 .section-404 .search-form .search-submit {width: 100px; border: 1px solid #CCC; border-left: 0; padding: 10px; background: #eee; float: left;}
 
/**************************************************
 * COMMENT
 **************************************************/
 .comments-area {overflow-x: hidden;}
 .comments-area .comments-title {margin-bottom: 20px;}
 .comment-respond {background: #f1f2f3; padding: 40px; margin-bottom: 50px; float: left; width: 100%;}
 .comment-respond .comment-reply-title {text-align: center; text-transform: capitalize;}
 .comment-respond .comment-notes, .comment-respond .form-submit {text-align: center;}
 .comment-respond .comment-form-comment textarea {height: 172px;}
 .comment-respond .comment-form-comment textarea, .comment-respond input {border: 1px solid #eaeaea; border-bottom: 2px solid #eaeaea; width: 100%; padding: 10px;}
 .comment-respond .comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {width: calc( 50% - 10px ); float: left; margin-bottom: 20px;} 
 .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {margin-left: 20px;}
 .comment-respond .form-submit {float: left; width: 100%; margin-bottom: 0;}
 .comment-respond .form-submit input {width: auto!important;background: #1B9CFC; padding: 10px 25px; color: #FFF; font-weight: 800; transition: background .2s; text-transform: uppercase; display: inline-block; white-space: nowrap; font-size: 14px; border: 0; cursor: pointer;}
 .comment-respond .form-submit input:hover, .comment-respond .form-submit input:active, .comment-respond .form-submit input:focus {background: #182C61; color: #FFF; text-decoration: none;}

 .comment-list, .comment-list .children {list-style: none; padding: 0; margin: 0;}
 .comment-list .children {margin-left: 80px;}
 .comment-list .children .comment {margin-bottom: 0; margin-top: 20px;}
 
 .comment-list .comment {margin-bottom: 20px; float: left; width: 100%;}
 .comment-list .comment .comment-content {background: #fff; border: 1px solid #EEE; padding: 15px; padding-top: 55px; float: left; width: calc( 100% - 80px );}
 .comment-list .comment p:last-child {margin-bottom: 0;}
 .comment-list .comment-body {position: relative;}
 .comment-list .comment-meta {width: 80px; float: left;}
 .comment-list .comment-meta .comment-author {float: left;}
 .comment-list .comment-meta .comment-author .fn {position: absolute; left: 80px; top: 0; font-size: 18px;}
 .comment-list .comment-meta .comment-author .fn, .comment-list .comment-meta .comment-author .fn a, .comment-list .comment-metadata, .comment-list .comment-metadata a {color: #57606f;  width: 50%;}
 .comment-list .comment-meta .comment-author .fn, .comment-list .comment-metadata {display: inline-block; padding: 15px;}
 .comment-list .comment-metadata {text-align: right; font-size: 12px; text-transform: uppercase;}
 .comment-list .comment-meta .comment-author .says {display: none;}
 .comment-list .comment-metadata {position: absolute; right: 0;}
 .comment-list .reply {text-align: right;}
 .comment-list .reply a {color: #57606f; text-transform: uppercase; font-weight: 800; font-size: 11px;}

/**************************************************
 * SIDEBAR
 **************************************************/
 .sidebar {margin: 50px 0 50px;}
 .sidebar .widget {margin-bottom: 30px; border: 1px solid #eee; width: 100%; float: left;}
 .sidebar .widget .widget-title {padding: 15px 20px; border-bottom: 1px solid #eee; background: #f1f2f3; font-size: 14px; font-weight: 800; text-transform: uppercase;}
 .sidebar .widget ul {padding: 0 15px; margin-bottom: 0; list-style: none;}
 .sidebar .widget_categories li a, .sidebar .widget_archive li a, .sidebar .widget_nav_menu li a, .sidebar .widget_meta li a, .sidebar .widget_pages li a, .sidebar .widget_recent_entries li a {color: #57606f; padding: 15px 0; border-bottom: 1px dashed #EEE; display: block; transition: color .2s;}
 .sidebar .widget_categories li:last-child a, .sidebar .widget_archive li:last-child a, .sidebar .widget_nav_menu li:last-child a, .sidebar .widget_meta li:last-child a, .sidebar .widget_pages li:last-child a, .sidebar .widget_recent_entries li:last-child a {border-bottom: 0; margin-bottom: 0;}
 .sidebar .widget_categories li a:hover, .sidebar .widget_archive li a:hover, .sidebar .widget_nav_menu li a:hover, .sidebar .widget_meta li a:hover, .sidebar .widget_pages li a:hover, .sidebar .widget_recent_entries li a:hover {color: #1B9CFC;}
 .sidebar .widget_tag_cloud a {color: #57606f; transition: color .2s; display: inline-block; white-space: nowrap; margin: 0 15px 15px 0; font-size: 15px!important;}
 .sidebar .widget_tag_cloud a:hover {color: #1B9CFC;}
 .sidebar .widget_tag_cloud .tagcloud {padding: 15px 0 0 15px;}
 .sidebar .widget_media_image img {padding: 15px;}
 .sidebar .widget_recent_comments li {color: #57606f; padding: 15px 0; border-bottom: 1px dashed #EEE; display: block; transition: color .2s;}
 .sidebar .widget_recent_comments li a {color: #57606f; transition: color .2s;}
 .sidebar .widget_recent_comments li a:hover, .sidebar .widget_recent_comments li:hover a {color: #1B9CFC;}
 .sidebar .widget_text .textwidget {padding: 15px;}
 .sidebar .widget_text .textwidget p:last-child {margin-bottom: 0;}
 .sidebar .widget_calendar .calendar_wrap {padding: 15px;}
 .sidebar .widget_calendar table {border-collapse: inherit;border-spacing: 3px; padding: 0px; line-height: 40px; text-align: center; table-layout: fixed; width: 100%;}
 .sidebar .widget_calendar table caption {text-align: center; font-size: 16px; font-weight: 800; line-height: 25px; padding: 8px; }
 .sidebar .widget_calendar table th { color: #57606f; border: 0 none; font-weight: 700; }
 .sidebar .widget_calendar table td { background: #f1f2f3; color: #707981; border: 1px solid #e4e8ea; font-weight: 500; }
 .sidebar .widget_calendar table tr:nth-child(odd):hover td { background: #f1f2f3; }
 .sidebar .widget_calendar table td,  .sidebar .widget_calendar table th { padding: 0px; line-height: 35px; text-align: center; } 
 .sidebar .widget_calendar table tbody a { color: #57606f; font-weight: 500; display: block; border-radius: 3px; }
 .sidebar .widget_calendar table tbody a:hover,  .sidebar .widget_calendar table tbody a:focus { color: #57606f; }
 .sidebar .widget_calendar table #next a,  .sidebar .widget_calendar table #prev a { color: #57606f; font-weight: 700; }
 .sidebar .widget_calendar table th .widget table #next a, .widget table #prev a { color: #57606f; }
 .widget_media_gallery .gallery {padding: 0 20px; margin: 20px -12px 0;}
 .widget_media_gallery .gallery .gallery-icon {margin-bottom: 20px;}
 .widget_media_gallery .gallery .gallery-item {padding-left: 10px; padding-right: 10px;}

 .sidebar .widget_search .search-form {width: 100%; margin: auto; float: left; padding: 15px;}
 .sidebar .widget_search .search-form .screen-reader-text {display: none;}
 .sidebar .widget_search .search-form label {width: calc(100% - 60px); float: left; margin: 0;}
 .sidebar .widget_search .search-form .search-field {width: 100%; border: 1px solid #eee; padding: 10px; background: #FFF; float: left; height: 43px;}
 .sidebar .widget_search .search-form .search-submit {width: 60px; border: 1px solid #eee; border-left: 0; padding: 10px; background: #f1f2f3; float: left; font-size: 10px; height: 43px; text-transform: uppercase;}



/**************************************************
 * FOOTER
 **************************************************/
 .site-footer {background: #2f3542; padding: 70px 0 50px; color: rgba(255,255,255,0.5); line-height: 1.5em; font-size: 14px;}
 .site-footer h6 {color: #FFF; font-size: 16px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}

 .site-footer .menu, .site-footer .menu li, .site-footer ul  {list-style-type: none; padding: 0; line-height: 2em;}
 .site-footer li a {position: relative; padding-left: 20px; color: rgba(255,255,255,0.5); transition: color .2s; margin: 5px 0; display: block;}
 .site-footer li a:hover, .site-footer li a:active {color: rgba(255,255,255,1);}
 .site-footer li a:before {font-family: 'FontAwesome';  font-weight: 700; content: '\f0da'; position: absolute; left: 0;  top: 3px;  line-height: 2em; font-size: 12px;}
 .site-footer .footer-grid {display: grid; grid-column-gap: 50px; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; padding: 0 15px;}

 .site-footer .footer-contact {list-style: none; padding: 0; }
 .site-footer .footer-contact a {padding-left:0;}
 .site-footer .footer-contact a:before {display: none;}
 .site-footer .footer-contact li {padding-left: 30px; position: relative;}
 .site-footer .footer-contact li:before {font-weight: 900; font-family: 'FontAwesome'; font-weight: 700; position: absolute; left: 0;}
 .site-footer .footer-contact .phone:before {content: '\f095';}
 .site-footer .footer-contact .email:before {content: '\f003';}
 .site-footer .footer-contact .whatsapp:before {content: '\f232';}
 .site-footer .footer-contact .address:before {content: '\f041';}
 .site-footer .footer-contact .fax:before {content: '\f1ac';}

 .footer-copyright {background: #2f3542;}
 .footer-copyright .copyright {background: rgba(0,0,0,0.1); padding: 30px 0; color: rgba(255,255,255,0.5);}
 .footer-copyright .social {text-align: right;}
 .footer-copyright .social a {margin-left: 20px; font-size: 18px;  color: rgba(255,255,255,0.5); transition: color .2s;}
 .footer-copyright .social a:hover {color: #FFF;}

 .scroll-top {position: fixed; right: 20px; bottom: 20px; background: rgba(0,0,0,0.5); opacity: 0; transition: all 0.4s ease-in-out 0s; z-index: 100; width: 50px; height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
 .scroll-top a {font-size: 18px; color: #fff;}

 .footer-mobile {position: fixed; bottom: 0; width: 100%; left: 0; right: 0; z-index: 120; background: #182C61; display: none; align-items: center; justify-content: center; height: 50px;}
 .footer-mobile a {padding: 10px; font-size: 20px; color: #FFF; flex-grow: 1; flex-basis: 0; text-align: center;}

/**************************************************
 * GALLERY
 **************************************************/
 .gallery {margin: 0 -15px 0;}
 .gallery figure {margin: 0!important;}
 .gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; padding-left: 15px; padding-right: 15px;}
 .gallery-item img {width: auto; max-width: 100%; height: auto; display: inline-block;}
 .gallery-columns-2 .gallery-item {max-width: 50%;}
 .gallery-columns-3 .gallery-item {max-width: 33.33%;}
 .gallery-columns-4 .gallery-item {max-width: 25%;}
 .gallery-columns-5 .gallery-item {max-width: 20%;}
 .gallery-columns-6 .gallery-item {max-width: 16.66%;}
 .gallery-columns-7 .gallery-item {max-width: 14.28%;}
 .gallery-columns-8 .gallery-item {max-width: 12.5%;}
 .gallery-columns-9 .gallery-item {max-width: 11.11%;}
 .gallery-caption {display: block;}
 .gallery-icon {margin-bottom: 30px;}

/**************************************************
 * FANCYBOX LIGHTBOX
 **************************************************/
 .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
 .fancybox-wrap {position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }
 .fancybox-skin {position: relative; background: #f9f9f9; color: #444; padding: 0!important; text-shadow: none;}
 .fancybox-opened {z-index: 8030; }
 .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
 .fancybox-outer, .fancybox-inner {position: relative; }
 .fancybox-inner {overflow: hidden; }
 .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch; }
 .fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
 .fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%; }
 .fancybox-image {max-width: 100%; max-height: 100%; }
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(assets/images/fancybox/fancybox_sprite.png); }
 #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
 #fancybox-loading div {width: 44px; height: 44px; background: url(assets/images/fancybox/fancybox_loading.gif) center center no-repeat; }
 .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
 .fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(assets/images/fancybox/blank.gif); /* helps IE */
 	-webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
 	.fancybox-prev {left: 0; }
 	.fancybox-next {right: 0; }
 	.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
 	.fancybox-prev span {left: 10px; background-position: 0 -36px; }
 	.fancybox-next span {right: 10px; background-position: 0 -72px; }
 	.fancybox-nav:hover span {visibility: visible; }
 	.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
 	/* Overlay helper */
 	.fancybox-lock {   overflow: visible !important;     width: auto; }
 	.fancybox-lock body {   overflow: hidden !important; }
 	.fancybox-lock-test {   overflow-y: hidden !important; }
 	.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.5);}
 	.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0; }
 	.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll; }
 	/* Title helper */
 	.fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
 	.fancybox-opened .fancybox-title {visibility: visible; }
 	.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
 	.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px;    -moz-border-radius: 15px;         border-radius: 15px; text-shadow: 0 1px 2px #11171a; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
 	.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff; }
 	.fancybox-title-inside-wrap {padding-top: 10px; }
 	.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
 	/*Retina graphics!*/
 	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ 
 	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(assets/images/fancybox/fancybox_sprite@2x.png);  background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
 	#fancybox-loading div { background-image: url(assets/images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; }
 }

/**************************************************
 * RESPONSIVE
 **************************************************/
 @media only screen and (min-width: 1200px){
 }

 @media only screen and (max-width: 1024px){
 	.site-header {border-bottom: 3px solid #1B9CFC;}
 	.site-header .flex {justify-content: space-between;}
 	.site-navigation {display: none;}
 	.site-header .mobile-navigation-button {display: inline-block;}
 	.site-header .logo-container {width: 100%; max-width: 100%; flex: 0 0 100%;}
 	.site-header .logo {width: calc(100% - 30px);}
 }

 @media only screen and (max-width: 992px){
 }

 @media only screen and (max-width: 768px){
 	.main-slider .custom-nav {display: none;}
 	.owl-theme .item .text {position: relative;}
 	.owl-theme .item .text .text-inner {background: #2f3542;}
 	.owl-theme .item .container {padding: 0; width: 100%;}
 	.owl-theme .item .container .row {margin-left: -30px; margin-right: -30px;}
 	.owl-theme .item .container .col-lg-6 {padding: 0; width: 100%;}
 	.section-grid-2, .section-grid-3, .section-grid-4, .archive-grid, .site-footer .footer-grid {grid-template-columns: repeat(2, 1fr);}
 	.section-actionbar {text-align: center;} 
 	.section-actionbar h2, .section-actionbar a {margin: 20px 0;} 
 	.section-actionbar .text-right {text-align: center!important;}
 	.section-actionbar .flex {display: block; height: auto;}
 	.section-about .img-about {margin-top: 30px;}
 	.section-cover a {margin: 10px 0;}
 	.footer-mobile {display: flex;}
 	.footer-copyright-mobile {margin-bottom: 49px;}
 	.scroll-top-mobile {bottom: 70px!important;}
   .site-header .flex .item h5 a {margin-left: -30px!important;}
    .owl-theme .item .text .text-inner {margin-bottom: 0px; }

}

 @media only screen and (max-width: 767px){
 	.owl-theme .item .text {padding: 0 30px;}
 	.owl-theme .item .text .text-inner h1 {font-size: 24px;}
 	.section-about .about-item .left .text h2 {font-size: 24px;}
 	.section-grid-2, .section-grid-3, .section-grid-4, .archive-grid, .site-footer .footer-grid {grid-template-columns: repeat(1, 1fr);}
 	.section-title h1, .section-cover h2 {font-size: 24px;}
 	.col-xs-6 {width: 50%;}
 	.comment-respond .comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {width: 100%; margin-left: 0; margin-right: 0;}
 	.comment-list .comment-meta .comment-author .fn {margin-top: 20px; width: 100%;}
 	.comment-list .comment .comment-content {padding-top: 70px;}
 	.comment-list .comment-metadata, .comment-list .comment-metadata a {font-size: 10px;}
.items-container {border-top: 1px solid #eee;}
  .items-container .flex {display: inline-block; height: auto;}
  .site-header .flex .item {margin-left: 0;  width: 50%; float: left;}  
 }

 @media only screen and (max-width: 425px){
 	.owl-theme .item .text {padding: 0 20px;}
  .site-header .flex .item {margin: 10px 0;}
  .site-header .flex .item .button {padding: 12px 15px; font-size: 12px;}
  .site-header .flex .item h5 a {font-size: 16px;}
  .site-header .flex .item h4 {font-size: 12px;}

 }