/*
Theme Name: The7
Theme URI: http://the7.io/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 9.2.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

*{ box-sizing:border-box;}
img{ max-width:100%;}
.blue-btn{ background:#0082ca; color:#ffffff;}
.white-outline-btn a{ border: 2px solid #fff; color: #fff; text-decoration: none; background: none; padding: 12px 20px; text-transform: uppercase; font-size: 14px;}
.white-outline-btn a:hover{ background: #fff; color:#0082ca;}
.top-content{ text-align:center; margin:0 auto 30px; font-size:18px;}
.word-break{ word-break: break-word;}
.news-ticker-custom h3{ color:#333333;}
.mtphr-dnt-tick-contents .mtphr-dnt-tick{font-size: 15px;}
.mtphr-dnt-tick-contents .mtphr-dnt-tick a{ text-decoration:none; }
.mtphr-dnt-tick-contents .mtphr-dnt-tick a:hover{color:#23527c;}
.home-tabbed.tab-style-four.wpb_tour{ background:#fafafa; border-radius:10px;max-width: 1040px;margin: 0 auto 35px;}
#main .home-tabbed.tab-style-four.wpb_tour .ui-widget-content{ width:100%;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav{ background:#eeeeee; overflow:visible; padding:0;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li{ position:relative; border:none;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active, .home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li:hover{ background:url(../../uploads/2020/09/tab-bg.png) repeat-x 0 0; border:none;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a{ background:url(../../uploads/2020/09/divider.png) repeat-x 0 bottom; color:#333333; width:100%; display:block; padding:14px 15px;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li:last-child a{ background:none;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active a, .home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li:hover a{ color:#0082ca}
.home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active a:after, .home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav li:hover a:after{ position:absolute;border-top:23px solid transparent;
  border-bottom:23px solid transparent;border-left:15px solid #0082ca; content:""; right:-14px; top:0;}
.home-tabbed.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{ background:rgb(250, 250, 250);border-radius:0 10px 10px 0;}
.video-player-wrapper{ text-align:center;}
.video-player-wrapper video{ width:450px; height:338px; margin:0 auto;}
#main .home-tabbed.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{ color:#333333; font-size:13px;}
.verticalList__points{ margin:30px 0;padding-left:90px; overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ddd;}
.verticalList__points .point {position: relative;cursor: default;margin:0 0 50px; padding:0 70px 0 0;}
.verticalList__points .point .bullet{ background:#fff; padding:0px;width:71px;height:71px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;top: -4px;left: -85px;			    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.verticalList__points .active .bullet, .verticalList__points .point:hover .bullet{ background:#fafafa; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);padding:5px;}
.verticalList__points .point .bullet .icon {background:url(../../uploads/2020/09/software-licensing-icon-bg.png) no-repeat center center; line-height:59px; text-align:center; border:1px solid #bababa; font-size:36px; border-radius:50%; top:5px; left:5px; position:relative; width:61px; color:#848484;
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.verticalList__points .active .bullet .icon, .verticalList__points .point:hover .bullet .icon {background:url(../../uploads/2020/09/software-licensing-icon-bg-a.png) no-repeat center center; border:1px solid #9fc2d6; top:0;left:0; color:#3e7cca;}
.verticalList__points .point h4 {font-size:23px;margin-bottom: 5px;
    transition: 0.3s transform;-moz-transition: 0.3s transform;-ms-transition: 0.3s transform;-o-transition: 0.3s transform;-webkit-transition: 0.3s transform;
    transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;-o-transform-origin: left center;-webkit-transform-origin: left center;
	 color:#848484; font-weight:normal;}
.verticalList__points .active h4, .verticalList__points .point:hover h4 {font-weight: bold;color:#0082ca;}
.verticalList__points .point  {font-size: 15px;line-height: 20px;margin: 0; color:#848484;
	transition: 0.3s transform;.description-moz-transition: 0.3s transform;-ms-transition: 0.3s transform;-o-transition: 0.3s transform;-webkit-transition: 0.3s transform;
    transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;-o-transform-origin: left center;-webkit-transform-origin: left center;}
.verticalList__points .active .description, .verticalList__points .point:hover .description { color:#0082ca;
	transform:scale(1.2) translate(40px, 5px);-moz-transform:scale(1.2) translate(40px, 5px);-ms-transform:scale(1.2) translate(40px, 5px);-o-transform:scale(1.2) translate(40px, 5px);-webkit-transform:scale(1.2) translate(40px, 5px);
	}

.tablinks.point.active i{
	color: rgb(0 133 204 / 75%);
}
/* Style the tab */
.tab {
  float: left;
  width:50%;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width:50%;
  border-left: none;
  display: none;
}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.verticalList__points .pull-left{width:50%;}
.verticalList__points ul.nav-tabs{ margin: 0; border-bottom: none;}
.verticalList__points .media-body{width:50%; display: block;}
.verticalList__points .nav-tabs > li{ margin:0 0 40px;}
.verticalList__points .nav-tabs > li > a{ background: none; border: none;}
.verticalList__points .nav-tabs > li > a:hover, .verticalList__points .nav-tabs > li > a:focus, .verticalList__points .nav-tabs > li > a:hover{background: none;}
.verticalList__points .nav-tabs > li.active > a, .verticalList__points .nav-tabs > li.active > a:focus, .verticalList__points .nav-tabs > li.active > a:hover{  border: none;}

.section-title{  text-align:center; font-size:40px; font-family:"Montserrat", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; text-transform:uppercase;}
.section-title span{position:relative; display:block; padding:0 0 15px;} 
.section-title span:after{ background:#0082ca; width:200px; height:4px; content:""; position:absolute;left: 50%;bottom: 0;margin: 0 -100px;}
.media-left-sec{ padding-left:0; border-bottom:none; margin:0 auto;}
.media-left-sec > .pull-left{ padding-left:0; width:20%;}
.media-left-sec .nav-tabs > li{ width:100%; margin:0 0 10px;}
.media-left-sec .nav-tabs > li > a{ padding:0;}
.media-left-sec .point .bullet{ position:static; margin:0 auto;}
.media-left-sec .media-body{ width:80%;} 
.media-left-sec .active .description, .media-left-sec .point:hover .description{transform:scale(1) translate(0, 0);-moz-transform:scale(1) translate(0, 0);-ms-transform:scale(1) translate(0, 0);-o-transform:scale(1) translate(0, 0);-webkit-transform:scale(1) translate(0, 0);}
.description ul{list-style-type: square;padding: 0 0 0 20px;}
.description ul li{margin: 0 0 5px;font-size: 14px;}
.tab-btn{ text-align:right;}
ul.custom-list li:before{top: 14px;}
ul.custom-list li.parent-custom:before{ display:none;}
ol.custom-list li{ list-style: decimal;}
ol.custom-list li:before{ display:none}

/*********************** Distributors Page *************************/
.distributors-wrap{ background: rgba(0,0,0,0.04); padding: 30px 20px; border-radius: 40px 0; min-height: 270px; }
.distributors-wrap ul{ list-style-type: none; margin: 0; padding: 0; }
.distributors-wrap ul li{ margin: 0 0 10px; }
.distributors-wrap ul li:last-child{ margin-bottom: 0; }
.distributors-wrap ul li a{ color: #333; text-decoration: none; display: block; } 
.distributors-wrap ul li .icon{ float: left; color:#0082ca; margin: 0 10px 0 0; display: inline-block;padding: 6px 0 0; }
.distributors-wrap ul li .text{ width: calc(100% - 30px);display: inline-block; }

/*********************** Contact Page *************************/
.contact-info-wrap .dt-text-title{ margin-top: 0;}

/*********************** Company Page *************************/
.company-box-wrap a{transition:.54s ease-in-out;-moz-transition:.54s ease-in-out;-o-transition:.54s ease-in-out;-webkit-transition:.54s ease-in-out;}
.company-box-wrap a:hover{border: 4px solid #77777a;}

/*********************** Social Media Page *************************/
.social-media-box{ background: rgba(0,0,0,0.04); padding: 30px 20px; border-radius: 40px 0;text-align: center;}
.social-media-box a{ color:#333333; text-decoration: none;}
.social-media-box .icon{ font-size: 36px; color: #0082ca; margin: 0 0 10px;}

/*********************** Community Page *************************/
.company-box-wrap .community-box{ min-height: 140px;}

/*********************** Materials and Chemicals Page *************************/
.get-in-touch-btn{ min-height: 108px;}

/*********************** Responsive *************************/
@media only screen and (max-width: 1365px) {
  .company-box-wrap .company-box{ min-height: 178px;}
  .petrochemicals-get-in-touch-btn{ min-height: 101px;}
}

@media only screen and (max-width: 1279px) {
  .get-in-touch-btn{ min-height: 131px;}
  .resources-card-body {padding: 3rem 30px !important;
}
}

@media only screen and (max-width: 1199px) {
  .main-nav > li > a{ margin: 18px 4px;}
	.main-nav > li > a .menu-text{font-size: 13px;}
  .company-box-wrap .community-box {min-height: 168px;}
  .social-media-box{min-height: 218px;}
  .get-in-touch-btn{ min-height: 155px;}
  .petrochemicals-get-in-touch-btn{ min-height: 125px;}
  .other-get-in-touch-btn, .powerful-get-in-touch-btn{ min-height: 101px;}
  .resources-card-body {padding: 3rem 15px !important;}
  .resources-card-body .card-title {font-size: 22px;}
}

@media only screen and (max-width: 1023px) {
  .main-nav > li > a {margin: 18px 1px;}
  .distributors-wrap{min-height: 326px;}
  .resources-card-body .card-title {font-size: 21px;}
}

@media only screen and (max-width: 991px) {
	.verticalList__image{ margin:40% auto;}
	.verticalList__points .active .description, .verticalList__points .point:hover .description{ transform:scale(1) translate(0, 0);-moz-transform:scale(1) translate(0, 0);-ms-transform:scale(1) translate(0, 0);-o-transform:scale(1) translate(0, 0);-webkit-transform:scale(1) translate(0, 0);}
	.media-left-sec .verticalList__image{ margin:0 auto;}
  .distributors-wrap{min-height: 354px;}
	.map-wrapper{margin:0;}
  .company-box-wrap .company-box{ min-height: 178px;}
  .company-box-wrap .community-box {min-height: 196px;}
  .social-media-box {min-height: 246px;}
  .get-in-touch-btn{ min-height: 178px;}
  .petrochemicals-get-in-touch-btn{ min-height: 149px;}
  .powerful-get-in-touch-btn{ min-height: 125px;}
  .resources-card-body .card-title {font-size: 16px;}
}

@media only screen and (max-width: 767px) {
  .verticalList__points{ padding-left: 0;}
  .verticalList__points .pull-left{ width: 100%;}
  .verticalList__points .nav-stacked > li{ display: none; text-align: center;}
  .verticalList__points .nav-stacked > li.active{ display: block;}
  .verticalList__points .point{ margin: 0 0 10px; padding: 0;}
    .verticalList__points .active .description, .verticalList__points .point:hover .description{ transform: scale(1) translateY(0px);-moz-transform: scale(1) translateY(0px);-ms-transform: scale(1) translateY(0px);-o-transform: scale(1) translateY(px);-webkit-transform: scale(1) translateY(0px);}
  .verticalList__points .point .bullet{ position: static; margin: 0 auto;}
  .verticalList__points .media-body{ width: 100%;}
  .home-tabbed.tab-style-four.wpb_tour .wpb_tabs_nav{ display: none;}
  .verticalList__image{ margin:0 auto;}
  .media-left-sec > .pull-left{ padding:0;}
  .verticalList__points .nav-stacked-virtual > li{ display: none; text-align: center;}
  .verticalList__points .nav-stacked-virtual > li.active{ display: block;}
  .tab-btn{ text-align: center;}
  .distributors-wrap {min-height: inherit;}
	.map-wrapper{margin:0;}
  .company-box-wrap .company-box, .company-box-wrap .community-box{ min-height: inherit;}
  .social-media-box {min-height: inherit;}
  .get-in-touch-btn, .petrochemicals-get-in-touch-btn, .other-get-in-touch-btn, .powerful-get-in-touch-btn{ min-height: inherit;}
  .download-btn .vc_btn3-container.vc_btn3-right, .download-btn .vc_btn3-container.vc_btn3-left{ text-align: center;}
  .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab{padding: 20px 0px;}
}

@media only screen and (max-width: 479px) {
	.section-title{ font-size:32px;}
}

@media only screen and (max-width: 374px) {
  .schedule-btn{ padding: 16px 18px 16px 18px;}
  .home-tabbed .dt-btn{ font-size: 11px; padding:8px 10px 7px 10px;}
}
.single .post:not(.type-event) .post-thumbnail{
	display:none!important;
}

.mini-login .dropbtn {
	background:white;
  	color: #333;
  	border: none;
	font-family: 'Montserrat';
    font-weight: 600;
	font-size:13px;
}

.mini-login .dropdown {
  position: relative;
  display: inline-block;
}

.mini-login .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

.mini-login .dropdown-content a {
  color: #333;
	font-family: 'Montserrat';
    text-transform: uppercase;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	background: white;
	font-weight: 600;
}

.mini-login .dropdown-content a:hover {background:white;    color: #0082ca;}

.mini-login .dropdown:hover .dropdown-content {display: block;}

.page-id-61288 .post.project-odd.visible.no-img.post-57255{display: none;}

.page-id-57885 .post.project-odd.visible.no-img.post-57255{display: none;}

.page-id-57889 .post.project-odd.visible.no-img.post-57255{display: none;}
#mc_embed_signup input.email{
	height:40px !important;
	padding: 0px 1.0em !important;
}
#mc_embed_signup .button {
	background-color: #0082ca !important;
}