@charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */

/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */

html {
	-webkit-font-smoothing: antialiased;
}

body
{
	background-color:white;
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: Font1;
  src: url('airstrikebold.ttf');
}

@font-face {
  font-family: Font2;
  src: url('DAGGERSQUARE.otf');
}

.lang_switch
{
	position: fixed;
    top: 30%;
    left: 0px;
    width: 28px;
	z-index: 999;
}

.lang_switch a
{
	width: 100%;
	height: auto;
	padding: 4px;
}

.locations iframe
{
	border-radius: 6px!important;
}


/*=========================================SPECIFIC DESC==========================================*/
.benefits_title
{
	float: left;
	font-size: 40px;
	width: 100%; 
	color: #d69944; 
	font-weight: bold; 
	text-align: center;
	font-family: Font2;
}

.prod_cat_img
{
	width: 100%;
	height: 650px;
	margin: 0 auto;
	margin-top: -19px;
	object-fit: cover;
	position: relative;
}

.prod_cat_img img
{
	width: 100%;
	height: 650px;
	object-fit: cover;
}

.prod_cat_desc
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	white-space: pre-wrap;
	margin-bottom: 20px;
	color: #818181;
	margin-bottom: 50px;
}

.prod_cat_desc_2t
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	white-space: pre-wrap;
	margin-bottom: 20px;
	color: #818181;
	margin-bottom: 50px;
}

.prod_cat_desc h2
{
	color: #d69944;
	font-size: 35px;
	font-family: Font2;
	margin: 10px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	
}

.prod_cat_desc_2t h2
{
	color: #d69944;
	font-size: 35px;
	font-family: Font2;
	margin: 10px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	
}

.prod_cat_desc p
{
	font-size: 18px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	font-family: 'Raleway', sans-serif;
    text-align: left;
	text-align: justify;
	margin-bottom: 50px;
}

.prod_cat_desc_2t p
{
	font-size: 18px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	font-family: 'Raleway', sans-serif;
    text-align: left;
	text-align: justify;
	margin-bottom: 50px;
}

.prod_cat_desc a
{
	color: white;
    background-color: #d69944;
    padding: 15px;
    border-radius: 12px;
	font-size: 20px;
    text-decoration: none;
    font-family: Font2;
	width: 220px;
	margin-left: calc(50% - 110px);
	margin-right: calc(50% - 110px);
}


.prod_cat_desc_2t a
{
	color: white;
    background-color: #d69944;
    padding: 15px;
    border-radius: 12px;
	font-size: 20px;
    text-decoration: none;
    font-family: Font2;
	width: 220px;
	margin-left: calc(33% - 125px);
}

.prod_cat_desc img
{
	border-radius: 12px;
	margin: 5px;
	width: 300px;
	float: left;
}

.prod_cat_desc_2t img
{
	border-radius: 12px;
	margin: 5px;
	width: 300px;
	float: left;
}

@media only screen and (max-width: 900px) 
{
	#cookie-bar{height: 20% !important;}
	#cookie-bar p{font-size: 19px !important;}
	#cookie-bar-button, #cookie-bar-button-no{padding: 12px !important;font-size: 19px !important;margin-top: 9px !important; float: left !important;}
	#cookie-bar-button{margin-left: calc(25% - 75px) !important;margin-right: calc(25% - 75px) !important;}
	#cookie-bar-button-no{margin-left: calc(25% - 89px) !important;margin-right: calc(25% - 89px) !important;}
	.redirect_from_specific a{width: 90% !important; height: auto !important; margin-left: 5% !important; margin-right: 5% !important;}
}

@media only screen and (max-width: 1000px) 
{
	.lang_switch{top: calc(50% - 100px);left: 0px; width: 100px; background-color: white;border-top-right-radius: 12px;border-bottom-right-radius: 12px;}
	.lang_switch a{width: 60px;height: 60px; padding: 20px;float: left;}
	.lang_switch img{width: 60px; height: auto;}
	.prod_cat_desc{width: 90%;margin-left: 5%; margin-right: 5%;height: auto !important;border: 0px;}
	.prod_cat_desc h2{font-size: 50px;margin-top: 50px;}
	.prod_cat_desc img{display: none;}
	.prod_cat_desc p{width: calc(100% - 20px); margin-left: 10px; margin-right: 10px;}
	.prod_cat_desc_2t{width: 90%;margin-left: 5%; margin-right: 5%;height: auto !important;border: 0px;}
	.prod_cat_desc_2t h2{font-size: 65px;margin-top: 50px;}
	.prod_cat_desc_2t img{display: none;}
	.prod_cat_desc_2t p{width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; font-size: 36px !important;}
	.search_bar span{width: 100%;float: left; font-size:36px !important; text-align: center;}
	.prod_cat_img {margin-top: 50px !important;}
	.prod_cat_desc a{font-size: 36px !important; padding: 12px !important;margin-left: calc(50% - 180px);
	margin-right: calc(50% - 180px);}
	.prod_cat_desc_2t a{font-size: 36px !important;width: 70% !important; padding: 12px !important;margin-left: calc(15% - 12px) !important;
	margin-right: calc(15% - 12px) !important; float: left !important;margin-top: 25px;margin-bottom: 25px; text-align: center !important;}
	.benefits_title{font-size: 60px;}
	.content_paragraph{width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;height: auto !important;font-size: 36px !important;transform: translateY(0%) !important; margin-top: 50px !important;margin-bottom: 50px !important;  }
	.content_paragraph_home ,.content_paragraph_home2 {width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;height: auto !important;font-size: 36px !important;transform: translateY(0%) !important; margin-top: 50px !important;margin-bottom: 50px !important;  }
}


/*==========================================TABS===============================================*/

.tab {
  overflow: hidden;
  background-color: #e9e9e9;
  border-radius: 6px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  color: #818181;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 18px;
  font-weight: bold;
  font-family: Font2;
	letter-spacing: 1px; 
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f5f5f5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* Create an active/current tablink class */
.tab button.active2 {
  background-color: white;
  color: #d69944;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 12px 12px;
  min-height: 400px;
  height: auto;
}

.file_wrapper
{
	width: 100%;
	height: auto;
	margin-left: 0%;
	margin-right: 0%;
	padding-bottom: 30px;
	float: left;
}

.file_card
{
	width: 30%;
	min-width: 250px;
	height: 390px;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 70px;
	float: left;
}

.file_card2
{
	width: 250px;
	background-color: #f5f5f5;
	height: 100%;
	margin: 0 auto;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	transition: all .2s ease-in-out;
}

.file_card2:hover{transform: scale(1.1);border-color: #d69944;}

.file_card2 img
{
	height: 349px;
	width: 100%;
	background-color: white;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid #dcdcdc;
	object-fit: cover;
}

@media only screen and (max-width: 1200px) 
{
	.file_card{width: 46%;	margin-left: 2%; margin-right: 2%;}
	.tab{margin-top: 70px !important;}
}

@media only screen and (max-width: 1000px) 
{
	.file_card{width: 90%;margin-left: 5%;margin-right: 5%;height: auto !important;}
	.file_wrapper{padding-bottom: 100px;}
	.file_filter{width: 100% !important;}
	.file_card2 {width: 70% !important;}
	.file_card2 img{width: 100% !important;height: auto !important;}
	.download_link{height: 70px !important;}
	.download_link a{font-size: 45px !important;}
	.tab{margin-top: 70px !important;}
	.tablinks {font-size: 30px !important; padding: 20px 10px !important;width: 20% !important;}
}

.file_filter
{
	width: 300px;
	height: 38px;
	border: 2px solid #dcdcdc;
	border-radius: 6px;
	background-color: white;
	margin: 0 auto;
}

.file_filter input
{
	width: 100%;
	height: 34px;
	border: 0px;
	color: #818181;
	border-radius: 6px;
	text-indent: 20px;
	font-size: 18px;
	outline: 0;
}

.file_list
{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 12px;
	background-color: #f5f5f5;
	height: auto;
	min-height: 355px;
}

.download_link
{
	width: 100%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #d69944;
	height: 40px;
	margin-top: -4px;
}

.download_link a
{
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	color: white;
	padding-top: 9px;
	padding-bottom: 9px;
	float: left;
	width: 100%;
	margin: 0 auto;
	font-family: Font2;
	letter-spacing: 1px;
}
/*======================================RESPONSIVE MENU==============================*/

.topnav {
  overflow: hidden;
}

.topnav img
{
	float: left !important;
	width: 120px;
	height: auto;
	padding: 16px;
}

.topnav a {
  float: right;
  display: block;
  color: #818181;
  text-align: center;
  padding:12px 16px;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  font-family: Font1;
	outline: 0;
}

.topnav a:hover 
{
  border-bottom: 2px solid #d69944;
  color: #d69944 !important;
}

.topnav.responsive a:hover
{
  border-bottom: 0px solid #d69944;
  color: #d69944 !important;
	outline: 0;
}

.topnav.responsive a{outline: 0;}

.topnav .icon {
  display: none;
}

.icon a:hover
{
	border-bottom: 0px solid #d69944;
}

@media only screen and (max-width: 1000px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	color: #d69944;
	font-size: 60px;
	  padding: 24px;
  }
}

@media only screen and (max-width: 1000px) {
  .topnav.responsive {position: relative;height: 1850px; background-color:#151515; }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	  font-size: 60px;
	  padding: 24px;
  }
  .landing_slideshow{height: 1300px !important;}
	.landing_slideshow img{height: 100% !important;position: absolute !important; right: 0 !important;object-position: 70% 50%;}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
	background-color: #151515;
	  letter-spacing: 3px;
	color: white !important;
	  font-size: 50px;
	  padding: 40px;
  }
  #first_button{margin-top: 500px !important;}
}

@media only screen and (max-width: 1000px) {
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	color: #d69944;
  }
	.topnav a.icon:hover{border-bottom: 0px !important;}
}


/*====================================MODAL=================================================*/

.modal {
  display: none; 
  position: fixed; 
  z-index: 20; 
  padding-top: 30px; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  width: 500px;
  height: auto;
  border-radius: 12px;
  font-family: 'Raleway', sans-serif;
}

.modal-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  width: 85%;
  height: auto;
  border-radius: 6px;
  font-family: 'Raleway', sans-serif;
  text-align: left;
}

.modal-content h2
{
	font-size: 40px;
	color: #d69944;
	background-color: white;
	padding-bottom: 0px;
	padding-top: 5px;
	font-family: Font1;
	text-align: center !important;
	margin-top: 0px !important;
}

.modal-content2 h2
{
	font-size: 40px;
	color: #d69944;
	background-color: white;
	z-index: 17;
	margin-bottom: 20px;
	font-family: Font1;
	text-align: center !important;
	margin-bottom: 0px !important;
}

.modal-content_sponsortext
{
	width: 100%;
	background: white;
	height: auto;
	float: left;
}

.modal-content_sponsortext p
{
	text-align: justify;
}

#sponsor1
{
	width: 500px;
	height: auto;
	float: left;
	border-radius: 6px;
	object-fit: cover;
}

#sponsor2
{
	width: 500px;
	height: auto;
	float: left;
	border-radius: 6px;
	object-fit: cover;
}

#sponsor3
{
	width: 500px;
	height: auto;
	float: left;
	border-radius: 6px;
	object-fit: cover;
}

#sponsor4
{
	width: 500px;
	height: auto;
	float: left;
	border-radius: 6px;
	object-fit: cover;
}

#sponsor5
{
	width: 500px;
	height: auto;
	float: left;
	border-radius: 6px;
	object-fit: cover;
}

.close {
  color: #818181;
  float: right;
  font-size: 70px;
  font-weight: bold;
  z-index: 30;
  margin-top: -20px;
}

.close:hover,
.close:focus {
  color: #d69944;
  text-decoration: none;
  cursor: pointer;
}

/*====================================SLIDESHOW=================================================*/

.mySlides {display:none;}

.landing_slideshow
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 600px;
	z-index: -1 !important;
	object-fit:cover;
	float: left;
}

.landing_slideshow img
{
	height: 600px;
	width: 100%;
	object-fit:cover;
}
/*====================================PRINCIPLES=================================================*/
.principles
{
	width: 100%;
	min-height: 550px;
	position: relative;
	float: left;
	margin-top: 550px;
}

.principles_home
{
	width: 100%;
	min-height: 550px;
	float: left;
	margin-top: 500px;
}

.principles_wrap
{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 65px;
}

.title_responsive{display: none;font-family: Font2;}

@media only screen and (max-width: 1200px)
{
	.principles_wrap{width:100% !important;}
	#principles_1{border-top: 0px !important;border-left: 2px solid #d69944;border-top: 2px solid #d69944 !important;border-right: 2px solid #d69944;border-bottom: 0px !important; border-radius: 0px !important;}
	#principles_2{border-top: 0px !important;border-left: 2px solid #d69944;border-right: 2px solid #d69944;border-bottom: 0px !important;}
	#principles_2 h2{display: none;}
	.principles_text h2{display: block !important;}
	.principles_segment {width: 80% !important;margin-left: 10% !important;margin-right:10% !important;height: 600px !important;}
	#principles_3{border-top: 0px !important;border-left: 2px solid #d69944;border-right: 2px solid #d69944;border-bottom: 2px solid #d69944 !important; border-radius: 0px !important;}
	.principles_card{margin-left: auto !important; margin-right: auto !important;}
	.principles_image{width: 100% !important;}
	.principles{margin-top: 0px !important;}
	.principles_home{margin-top: 900px !important;}
	.title_responsive{display: block; width:100%;float: left;font-size: 40px; color: #d69944;margin-top: 70%;text-align: center;letter-spacing: 4px;}
}

@media only screen and (max-width: 1000px)
{
	.principles_card{width: 80% !important;margin-left: 10% !important; margin-right: 10% !important;margin-top: 25px !important;}
	.principles_image{width: 100% !important; max-width: 100% !important;height: 65% !important;}
	.principles_image img{width: auto !important;height: 100% !important;display:block;margin:auto !important;}
	.principles_text{width: 100% !important;}
	.principles_text h2{font-size: 40px !important;letter-spacing: 3px !important;}
	.principles_text p{font-size: 28px !important;margin-top: 0px !important;margin-bottom: 0px !important;}
}


.principles_segment
{
	box-sizing: border-box;
	width: 383px;
	height: 450px;
	background-color: white;
	float: left;
}

.principles_segment h2
{
	text-align: center;
	color: #d69944;
	font-size: 30px;
	margin-top: -15px;
	margin-bottom: -15px;
	font-family: Font2;
}

#principles_1
{
	margin-left:25px;
	border-top: 2px solid #d69944;
	border-left: 2px solid #d69944;
	border-bottom: 2px solid #d69944;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#principles_2
{
	border-bottom: 2px solid #d69944;
}

#principles_3
{
	margin-right: 25px;
	border-bottom: 2px solid #d69944;
	border-right: 2px solid #d69944;
	border-top: 2px solid #d69944;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.principles_card
{
	box-sizing: border-box;
	width: 333px;
	margin-top: 50px;
	margin-left:25px;
	margin-right: 25px;
	margin-bottom: 50px;
	height:350px;
}

.principles_image
{
	max-width:333px;
	height: 175px;
	background-color: white;
	float: left;
}

.principles_image img
{
	height: 170px;
	width: 170px;
	margin-left: 81px;
	margin-right: 81px;
}

.principles_text
{
	width:333px;
	height: 175px;
	border-radius: 6px;
	float: left;
}

.principles_text h2
{
	margin-top: 2px !important;
	margin-bottom: 10px !important;
	text-align: center;
	color: #d69944;
	font-weight: bold;
	font-size: 30px;
	font-family: Font2;
}

.principles_text p
{
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	margin-top: 0px;
	color: #818181;
}
/*=====================================TIMELINE===================================================*/
.timeline
{
	width: 100%;
	min-height: 600px;
	position: relative;
	float: left;
	padding-bottom: 50px;
}

.timeline_wrap
{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

@media only screen and (max-width: 1000px)
{
	.timeline_wrap{width: 80% !important;margin-left: 10% !important;margin-right:10% !important;}
	.timeline_segments{width: 100% !important;}
	#timeline_1{border-left: 2px solid #d69944;border-bottom: 2px solid #d69944;height: auto !important;}
	#timeline_2{display: none;}
	#timeline_3{display: none;}
	#timeline_4{display: none;}
	#timeline_5{display: none;}
	#timeline_6{border-bottom: 2px solid #d69944;border-right: 2px solid #d69944;height: auto !important;}
	#timeline_7{display: none;}
	#timeline_8{border-left: 2px solid #d69944;border-bottom: 2px solid #d69944;height: auto !important;}
	#timeline_9{display: none;}
	#timeline_10{display: none;}
	#timeline_11{border-right: 2px solid #d69944;height: 500px !important;}
	#timeline_12{display: none;}	
	.timeline_segments p{text-justify: inter-word !important;text-align: justify !important;height: auto !important; font-size: 26px !important;}
	.timeline_segments h2{font-size: 40px !important; letter-spacing: 3px !important;}
}

.timeline_segments
{
	box-sizing: border-box;
	width: 400px;
	height: auto;
	min-height: 260px;
	float: left;
}

.timeline_segments h2
{
	text-align: center;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #d69944;
	font-weight:bold;
	font-family: Font2;
}

.timeline_segments p
{
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #818181;
}

#timeline_1{border-left: 2px solid #d69944;border-bottom: 2px solid #d69944;border-top: 2px solid #d69944;height: 149px;}
#timeline_2{border-bottom: 2px solid #d69944;}
#timeline_3{border-bottom: 2px solid #d69944;}
#timeline_4{height: 350px;}
#timeline_5{border-bottom: 2px solid #d69944;height: 350px;}
#timeline_6{border-bottom: 2px solid #d69944;border-right: 2px solid #d69944;height: 350px;}
#timeline_7{height: 275px !important;}
#timeline_8{border-left: 2px solid #d69944;border-bottom: 2px solid #d69944;height: 275px;}
#timeline_9{height: 275px !important;}
#timeline_10{}
#timeline_11{border-right: 2px solid #d69944;}
#timeline_12{}


/*=====================================GIVING BACK====================================================*/
.giving_back
{
	background-color: #d69944;
	width: 100%;
	min-height: 300px;
	position: relative;
	float: left;
}

.giving_back_wrap
{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.giving_back_wrap h2
{
	color: white;
	font-family: Font1;
	font-size: 30px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	text-align: center;
}

.giving_back_segment
{
	width: 300px;
	height: 250px;
	float: left;
	margin: 50px;
	border-radius: 6px !important;
}

.giving_back_segment img
{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	float: none;
	border-radius: 6px !important;
	object-fit: cover;
}

@media only screen and (max-width: 1000px)
{
	.giving_back_wrap{width: 90% !important;}
	.giving_back_wrap h2{font-size: 60px !important;}
	.giving_back_segment{width: 90% !important;height: 350px;}
	.giving_back_slot{width: 100% !important; height: auto !important; margin-left: 0% !important;margin-right: 0% !important;}
	#giving_text p{width: 96% !important; margin-left: 2% !important;margin-right: 2% !important;text-align: justify !important;
  text-justify: inter-word !important;font-size: 26px !important;}
	#giving_text ul{width: 86% !important; margin-left: 7% !important;margin-right: 7% !important;}
	#giving_text li{font-size: 25px !important;text-align: justify;}
	.giving_back_slot h2{width: 60% !important; margin-left: auto !important;margin-right: auto !important; font-size: 40px !important; letter-spacing: 3px !important;}
	#odd, #even{width: 46% !important;margin-left:2% !important; margin-right: 2% !important;}
}

@media only screen and (max-width: 1000px)
{
	#odd, #even{width: 96% !important;margin-left:2% !important; margin-right: 2% !important;height: 250px!important;}
}

.giving_back_slot
{
	width: 550px;
	float:left;
	height: 450px;
	margin: 24px;
}

.giving_back_slot img
{
	float:left;
	margin: 10px;
	height:130px;
	background-color: #f5f5f5;
	object-fit: cover;
}

#odd{width: 360px;}

#even{ width: 150px;}

#giving_text{border: 2px solid white; border-radius: 6px;background-color: #d69944;}

#giving_text h2
{
	width: 250px;
	margin-left: 150px;
	margin-right: 150px;
	background-color: #d69944;
	font-size: 30px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: -15px;
	margin-bottom: 30px;
	font-family: Font2;
}

#giving_text p
{
	width: 500px;
	margin-left: 20px;
	margin-right: 25px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 15px;
	color: white;
	font-family: 'Raleway', sans-serif;
}

#giving_text ul
{
	width: 500px;
	margin-left: 35px;
	margin-right: 25px;
	padding: 0px;
	margin-top: 0px;
}

#giving_text li
{
	color: white;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

#giving_text a
{
	text-decoration: none;
	color:#ffd892;
}

#giving_text a:hover
{
	color:#9B660D;
	cursor: pointer;
}

/*==================================CONTACT FORM=======================================================*/

.contact_form
{
	width: 500px;
	margin:0 auto;
	height: 670px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 6px;
	padding: 20px;
	border: 2px solid #d69944;
}

.contact_wrap
{
	width: 500px;
	height: auto;
	margin: 0 auto;
}

.contact_wrap h2
{
	margin-top: 0px !important;
	margin-bottom: 20px !important;
	color: #d69944;
	float: left;
	font-size: 30px;
	text-indent: 30px;
	width: 100%;
	font-family: Font2;
}

.contact_wrap form
{
	width: 100%;
	float: left;
	height: 500px;
}

.contact_wrap label
{
	float: left;
	width: 70px;
	color: #818181;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

.contact_wrap input
{
	width: 480px;
	float: left;
	background-color: white;
	border-radius: 6px;
	font-size: 19px;
	font-family: 'Raleway', sans-serif;
	border: 0px !important;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
	
	border-bottom: 2px solid #d69944 !important;
}

.contact_wrap select
{
	width: 100%;
	float: left;
	background-color: white;
	border-radius: 6px;
	font-size: 19px;
	font-family: 'Raleway', sans-serif;
	border: 0px !important;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
	outline: 0;
	color: #818181;
	border-bottom: 2px solid #d69944 !important;
}

.contact_wrap input:focus
{
	outline:0;
	border-bottom: 2px solid #d69944 !important;
}

.contact_wrap textarea
{
	width: 480px;
	float: left;
	background-color: white;
	border-radius: 6px;
	font-size: 19px;
	font-family: 'Raleway', sans-serif;
	border: 0px !important;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
	border-bottom: 2px solid #d69944 !important;
}

.contact_wrap textarea
{
	outline:0;
}

#agree
{
	float: left !important;
	color: #dcdcdc;
	width: 25px !important;
	text-align: left;
	margin: 0px !important;
}

.contact_wrap p
{
	height: auto;
	float: left;
	margin-bottom: 30px !important;
	text-align: left;
	margin-top: 0px !important;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #818181;
}

.contact_wrap a
{
	text-decoration: none !important;
	color: #d69944;
}

#send
{
	float: right;
	margin-right: 30px;
	font-size: 20px;
	color: white;
	background-color: #d69944;
	border: 0px;
	border-radius: 6px;
	padding: 5px;
	font-family: Font2;
	letter-spacing: 1px;
	transition: all .1s ease-in-out;
}

#send:hover
{
	background-color: #a97225;
	border: 2px solid #a97225;
	transform: scale(1.05);
}

@media only screen and (max-width: 1000px)
{
	.contact_form{width: 90% !important;margin-left: 5% !important;margin-right: 5% !important;padding-left: 5px !important;padding-right: 5px !important;padding-top: 40px !important; padding-bottom: 700px !important; margin-top: 150px !important; border: 0px !important;}
	.contact_wrap{width: 100% !important;margin-left: 0% !important;margin-right: 0% !important;}
	.contact_wrap p{font-size: 25px !important;}
	.contact_wrap h2 {font-size: 50px !important;margin-bottom: 100px !important;}
	.contact_wrap label{width: 90% !important;margin-left: 0% !important;margin-right: 10% !important; font-size: 30px !important;margin-top: 30px !important;}
	.contact_wrap input{width: calc(100% - 20px) !important;margin-left: 0px !important;margin-right: 0px !important; font-size: 30px !important;}
	.contact_wrap textarea{width: calc(100% - 20px) !important;margin-left:0px !important;margin-right: 0px !important; font-size: 30px !important;}
	.contact_wrap select{width: 100% !important;margin-left: 0px !important;margin-right: 0px !important; font-size: 30px !important;}
	#send{margin-right: 33% !important;margin-left: 33% !important;font-size: 35px !important;padding: 24px !important; float: left !important; width: 33% !important;margin-bottom: 50px !important; margin-top: 50px !important;}
	#agree{height: 25px !important;}
	.content_home_img1{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important; }
	.content_home_img2{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important; }
}

/*======================================ABOUT PAGE====================================================*/
.story
{
	float: left;
	margin-top: 50px;
	height: 400px;
	width: 100%;
	background-color: #dcdcdc;
	background-image: url("https://petromax-lubricants.com/main/wp-content/uploads/2019/08/3.jpg");
	background-size: 100%;
	background-position: center;
}

.p_title
{
	font-size: 22px;
	font-weight: bold;
	color: #d69944;
}

.story_agri
{
	float: left;
	height: 600px;
	width: 100%;
}

.story_agri .landing_slideshow
{
	margin-top: 75px;
}

.category_descriere
{
	width: 100%;
	height: 400px;
	float: left;
}


.category_descriere_home
{
	width: 100%;
	height: auto;
	float: left;
}

.category_benefits
{
	width: 100%;
	height: 330px;
	float: left;
	background-color: #f5f5f5;
	margin-bottom: 50px;
}

.category_benefits_slot
{
	width: 300px;
	margin: 50px;
	height: 230px;
	float: left;
}

.category_benefits_slot img
{
	height: 100px;
	width: 100px;
	margin-left: 100px;
	margin-right: 100px;
}

.category_benefits_slot h2
{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	color: #d69944;
	font-family: Font2;
	font-size: 26px;
}

.category_benefits_slot p
{
	height: 100px;
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	font-family: 'Raleway', sans-serif;
}

.category_brand_products
{
	width: 100%;
	height:auto;
	float: left;
	margin-bottom: 50px;
}

.category_content
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.category_content_home
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.category_content_home h2
{
	color: #d69944;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 50px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 30px;
	font-family: Font1;
}

.content_home_img1
{
	width: 400px;
	height: auto;
	border-radius: 6px;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 100px;
}

.content_home_img2
{
	width: 400px;
	height: auto;
	border-radius: 6px;
	float: right;
	margin-left: 100px;
	margin-right: 0px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.content_paragraph
{
	width: 700px;
	margin: 0 auto;
	color: #818181;
	font-size: 16px;
	text-align: justify;
	transform: translateY(60%);
	font-family: 'Raleway', sans-serif;
}

.content_paragraph_home
{
	width: 700px;
	float: right;
	color: #818181;
	font-size: 16px;
	text-align: justify;
	margin-top: 50px;
	margin-bottom: 50px;
	font-family: 'Raleway', sans-serif;
	white-space: pre-wrap;
	min-height: 250px;
}

.content_paragraph_home2
{
	width: 700px;
	float: left;
	color: #818181;
	font-size: 16px;
	text-align: justify;
	margin-top: 50px;
	margin-bottom: 50px;
	font-family: 'Raleway', sans-serif;
	white-space: pre-wrap;
	min-height: 250px;
}

.category_content_card
{
	width: 300px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 48px;
	margin-right: 48px;
	float: left;
	border: 2px solid #d69944;
	background-color: #f5f5f5;
	border-radius: 12px;
	transition: all .1s ease-in-out;
}

.category_content_card_agri
{
	width: 250px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 23px;
	margin-right: 23px;
	float: left;
	border: 2px solid #d69944;
	background-color: #f5f5f5;
	border-radius: 12px;
	transition: all .1s ease-in-out;
}

.category_content_card2
{
	width: 300px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 48px;
	margin-right: 48px;
	float: left;
	border: 2px solid #d69944;
	background-color: #f5f5f5;
	border-radius: 12px;
	transition: all .1s ease-in-out;
}

.category_content_card:hover{transform: scale(1.1);outline: 0;}
.category_content_card_agri:hover{transform: scale(1.1);outline: 0;}
.category_content_card2:hover{transform: scale(1.1);outline: 0;}

#oneandonly{margin-left:450px; margin-right: 450px;}

.category_content_card img
{
	width: 290px;
	float: left;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
 margin-bottom: 5px; 
	background-color: white;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.category_content_card_agri img
{
	width: 240px;
	float: left;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
 margin-bottom: 5px; 
	background-color: white;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.category_content_card2 img
{
	width: 290px;
	float: left;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: white;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.category_content_card h2
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	letter-spacing: 3px;
	color: #d69944;
	float: left;
	font-family: Font2;
}

.category_content_card2 h2
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	letter-spacing: 1px;
	color: #d69944;
	float: left;
	font-family: Font2;
}

.category_content_card p
{
	width: 290px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 73px;
	font-size: 16px;
	text-align: center;
	color: #818181;
	float: left;
	font-family: 'Raleway', sans-serif;
}

.category_content_half
{
	width: 550px;
	margin-left: 25px;
	margin-right: 25px;
	float: left;
	height: 300px;
	margin-top: 50px;
	margin-bottom: 50px;
	
}

.category_content_half img
{
	height: 100%; width: 90%;margin-left: 5%; margin-right: 5%; object-fit: contain;border-radius: 12px;
}

#content_half_image
{
	height: 100%; width: 90%;margin-left: 5%; margin-right: 5%; object-fit: cover;border-radius: 12px;
}

.category_content_half p
{
	font-size: 16px;
	text-align: justify;
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
	position: relative;
	color: #818181;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	font-family: 'Raleway', sans-serif;
}

.story_comm
{
	float: left;
	height: 600px;
	margin-top: -20px;
	width: 100%;
}

.story_comm .landing_slideshow
{
	margin-top: 75px;
}

.story_cons .landing_slideshow
{
	margin-top: 75px;
}

.story_cons
{
	float: left;
	height: 600px;
	margin-top: -20px;
	width: 100%;
}

.story_indu
{
	float: left;
	height: 600px;
	margin-top: -20px;
	width: 100%;
}

.story_indu .landing_slideshow
{
	margin-top: 75px;
}

@media only screen and (max-width: 1200px)
{
.story{background-image: url();background-color: white;float: left !important;height: auto !important;}
.story_text{margin-top: 0px !important;float: left !important;width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;height: auto !important;border-radius: 0px !important;background-color: white !important;}
.story_text p{color: #818181 !important;text-align: justify !important;text-justify: inter-word !important; font-size: 36px !important; width: 100% !important;margin: 0px !important;}
.story_text h2{font-size: 60px !important; text-align: center !important; margin-top: 150px !important; letter-spacing: 3px; margin-left: 0px !important;}
.story_wrap{width:100% !important; margin-left: 0px !important; margin-right: 0px !important;float: left !important; margin-top: 25px !important;margin-bottom: 0px !important;border: 0px !important;height: auto !important;}
.story_segment { float: left !important; width:90% !important; margin: 5% !important;height: auto !important;}
.story_segment img{width: 100% !important; height: 100% !important;}
.story_segment p{width: 100% !important; height: auto !important;    transform: translateY(0%) !important; margin: 0px !important; font-size: 36px !important; text-align: justify !important;}
	.p_title{font-size: 40px !important;}
}

.story_text
{
	width: 500px;
	height: 300px;
	margin-left: 18%;
	margin-top: 50px;
	float: left;
	background-color: rgba(55, 55, 55, 0.5);
	border-radius: 6px;
}

.story_text h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
}

.story_text p
{
	margin-left: 20px;
	margin-right: 20px;
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.story_text_agri
{
	width: 400px;
	height: auto;
	margin-right: 10%;
	margin-top: 140px;
	padding-bottom: 30px;
	float: right;
	background-color: rgba(55, 55, 55, 0.6);
	border-radius: 6px;
}

.story_text_agri h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
}

.story_text_agri p
{
	margin-left: 20px;
	margin-right: 20px;
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.story_text_comm
{
	width: 400px;
	height: auto;
	margin-right: 10%;
	margin-top: 140px;
	padding-bottom: 30px;
	float: right;
	background-color: rgba(55, 55, 55, 0.6);
	border-radius: 6px;
	font-family: 'Raleway', sans-serif;
}

.story_text_comm img
{
	width: calc(100% - 60px);
	height: auto;
	padding: 30px;
}

.story_text_agri img
{
	width: calc(100% - 60px);
	height: auto;
	padding: 30px;
}

.story_text_cons img
{
	width: calc(100% - 60px);
	height: auto;
	padding: 30px;
}

.story_text_indu img
{
	width: calc(100% - 60px);
	height: auto;
	padding: 30px;
}

.story_text_comm h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
}

.story_text_comm p
{
	margin-left: 20px;
	margin-right: 20px;
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.download_catalog
{
	padding: 10px;
	border-radius: 6px;
	background-color: #d69944;
	color: white;
	font-size: 15px;
	text-decoration: none;
	margin-left: calc(50% - 82px);
	font-family: 'Raleway', sans-serif;
}

.story_text_cons
{
	width: 400px;
	height: auto;
	margin-right: 10%;
	margin-top:140px;
	padding-bottom: 30px;
	float: right;
	background-color: rgba(55, 55, 55, 0.6);
	border-radius: 6px;
}

.story_text_cons h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
}

.story_text_cons p
{
	margin-left: 20px;
	margin-right: 20px;
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.story_text_indu
{
	width: 400px;
	height: auto;
	margin-right: 10%;
	margin-top:140px;
	float: right;
	background-color: rgba(55, 55, 55, 0.6);
	border-radius: 6px;
}

.story_text_indu h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
}

.story_text_indu p
{
	margin-left: 20px;
	margin-right: 20px;
	color: white;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}


.story_wrap
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 500px;
	margin-bottom: 50px;
	height: 1050px;
	border-radius: 6px;
	border: 2px solid #d69944;
}

.story_segment
{
	width: 400px;
	height: 300px;
	box-sizing:border-box;
	margin: 25px;
	float: left;
}

.story_segment img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.story_segment p
{
	transform: translateY(25%);
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #818181;
	text-align: justify;
}

.section2
{
	width: 100%;
	height:auto;
	margin-top: 25px;
	float: left;
	background-image: url("https://petromax-lubricants.com/main/images/story22.jpg");
	background-size: 100% 80%;
	background-repeat: no-repeat;
	background-position: top;
}

/*======================================ABOUT RAMOIL====================================================*/
.story2
{
	float: left;
	margin-top: 100px;
	height: auto;
	width: 100%;
}

@media only screen and (max-width: 1200px)
{
.story2{background-image: url();background-color: white;float: left !important;height: auto !important;}
.story_text2{border: 0px !important;margin-top: 50px !important;float: left !important;width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;height: auto !important;border-radius: 0px !important;}
.story_wrap2{width:100% !important; margin-left: 0px !important; margin-right: 0px !important;float: left !important; margin-top: 25px !important;border: 0px !important;height: auto !important;}
.story_segment2{ float: left !important; width:90% !important; margin: 5% !important;height: auto !important;}
.story_segment2 img{width: 100% !important; height: 100% !important;}
.story_segment2 p{width: 100% !important; height: auto !important;    transform: translateY(0%) !important; margin: 0px !important; text-align: justify; font-size: 36px !important;}
	.story_text2 h2{font-size: 60px !important; text-align: center !important; letter-spacing: 3px;}
.story_text2 p{text-align: justify !important;text-justify: inter-word !important; font-size: 36px !important;width: 100% !important;margin: 0px !important;}
.section2 { float: left !important;background-image: url(); height: auto !important;}
}

.story_text2
{
	width: 900px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	border-left: 2px solid #d69944;
	border-right: 2px solid #d69944;
	border-top: 2px solid #d69944;
	background-color: white;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.story_text2 h2
{
	text-align: left;
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	color: #d69944;
	margin-left: 20px;
	font-family: Font2;
	width: 100%;
	float: left;
}

.story_text2 p
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	color: #818181;
	text-align: justify;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
}

.story_wrap2
{
	width: 900px;
	margin-left: calc(50% - 452px);
	margin-right: calc(50% - 452px);
	margin-bottom: 50px;
	float: left;
	height: 1050px;
	border-left: 2px solid #d69944;
	border-right: 2px solid #d69944;
	border-bottom: 2px solid #d69944;
	background-color: white;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.story_segment2
{
	width: 400px;
	height: 300px;
	box-sizing:border-box;
	margin: 25px;
	float: left;
}

.story_segment2 img
{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.story_segment2 p
{
	transform: translateY(25%);
	color: #818181;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
}
/*===================================LOCATIONS==============================================*/

.locations
{
	width: 100%;
	min-height: 600px;
	float: left;
	padding-bottom: 50px;
}

.locations_wrap
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 50px;
	float: none;
}

@media only screen and (max-width: 1200px)
{
	.locations{padding-bottom: 50px !important;}
	.locations_wrap{width: 100% !important;}
	#locations{width: 90% !important;margin-left:5% !important;margin-right:5% !important; height: 800px !important; }
}

#locations
{
	width: 1100px;
	height: 600px;
	background-color: #dcdcdc;
	border-radius: 6px;
	margin-right: 50px;
	margin-left: 50px;
	float: left;
}

/*===================================TESTIMONIALS===========================================*/

.testimonials
{
	width: 100%;
	min-height: 600px;
	position: relative;
	float: left;
	padding-bottom: 50px;
}

.testimonials_wrap
{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}


@media only screen and (max-width: 1200px)
{
	.testimonials_wrap{width: 100% !important;margin-left: 0% !important;margin-right: 0% !important;}
	.testimonials_segments{border: 0px !important;width: 50% !important;float: left !important;}
	#testimonials_2{display: none;}
	#testimonials_4{display: none;}
	#testimonials_5{display: none;}
	#testimonials_9{display: none;}
}


@media only screen and (max-width: 1000px)
{
	.testimonials_segments{border: 0px !important;width: 100% !important;float: left !important; height: auto !important; float: left !important; background-color: #d69944 !important;}
	.testimonials_segments h2 {font-size: 40px !important; color: white !important;letter-spacing: 3px !important;}
	.testimonials_segments p{width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;text-align: justify !important; text-justify: inter-word !important; font-size: 26px !important; color: white !important;}
	.testimonials{padding-bottom: 0px !important;}
}

.testimonials_segments
{
	box-sizing: border-box;
	width: 400px;
	height: 250px;
	float: left;
}

.testimonials_segments h1
{
	text-align: center;
	font-size: 40px;
	color: #d69944;
	margin-top: 90px;
	font-family: Font2;
}

.testimonials_segments h2
{
	text-align: center;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #d69944;
	font-weight:bold;
	font-family: Font2;
}

.testimonials_segments p
{
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #818181;
}

#testimonials_1{border-left: 2px solid #d69944;border-bottom: 2px solid #d69944;border-top: 2px solid #d69944;}
#testimonials_2{border-top: 2px solid #d69944;border-right: 2px solid #d69944;}
#testimonials_3{}
#testimonials_4{}
#testimonials_5{}
#testimonials_6{border-top: 2px solid #d69944;border-right: 2px solid #d69944;}
#testimonials_7{border-bottom: 2px solid #d69944;}
#testimonials_8{border-top: 2px solid #d69944;border-left: 2px solid #d69944;}
#testimonials_9{border-right: 2px solid #d69944;border-bottom: 2px solid #d69944;border-left: 2px solid #d69944;}

/*===================================MENU====================================================*/

.header2 ul {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.header2 li {
  float: right;
}

.header2 li a {
  display: block;
  color: #818181;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-weight:bold;
}

.header2 li a:hover {
  border-bottom: 2px solid #D69944;
  color: #D69944;
}

.header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.header li {
  float: right;
}

.header li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-weight:bold;
}

.header li a:hover {
  border-bottom: 2px solid #D69944;
  color: #D69944;
}

.header2 .active 
{
	border-bottom: 2px solid #D69944;
    color: #D69944;
}

.header .active 
{
	border-bottom: 2px solid #D69944;
  color: #D69944;
}

.name
{
	position: absolute;
	top: 200px;
	height: 200px;
	width: 400px;
	margin-left: 100px;
	color: white;
}

@media only screen and (max-width: 1000px)
{
	.name{width: 100%;margin: 0 auto;top:350px;}
	.name img{width:80% !important;height: auto !important;margin-left: 10% !important;margin-right: 10% !important;}
	.name hr{display: none;}
	.name p{width: 100%; text-align: center;font-size:55px !important;font-weight: bold;margin-left: 0px !important; margin-right: 0px !important;}
}

.name img
{
	margin-top: 50px;
	width: 400px;
	height: 50px;
}

.name hr
{
	width: 75px;
	color: white;
	border-top: 1px solid #d69944;
    border-bottom: 1px solid #d69944;
	float: left;
	margin-top: 12px;
}

.name h2
{
	color: #d69944;
	font-size: 90px;
	font-weight: bold;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.name p
{
	color: #d69944;
	font-size: 20px;
	margin-top: 0px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	font-family: 'Raleway', sans-serif;
}
/*===========================================================================================*/

#logo
{ 
	float: left !important;
	width: 120px;
	height: 15px;
	padding: 12px 20px;
}

.full_page
{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.header
{
	width: 100%;
	height: 60px;
}

.header2
{
	width: 100%;
	height: 60px;
}

.full
{
	width: 1220px;
	height: auto;
	margin: 0 auto;
}

.full hr
{
	border: 0;
    height: 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #DCDCDC;
}

.sidebar
{
	width: 200px;
	min-height: 500px;
	float: left;
	margin-right: 10px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.sidebar h2
{
	text-indent: 10px;
	margin-top: 0px !important;
	color: #818181;
	margin-bottom: 25px;
	font-family: Font1;
}

#filtru_responsive{display: none;}

@media only screen and (max-width: 1220px)
{
	.full{width: 100% !important;margin-left: 0% !important; margin-right: 0% !important;}
	.sidebar{padding: 0px !important;}
	.sidebar{display: none;}
	.content{padding-top: 0px !important;padding-bottom: 20px !important;width: 100% !important; margin-left: 0% !important; margin-right: 0% !important;}
	.content hr{display: none;}
	.product_list{margin-top: 20px !important;float: left !important;content: "";display: table;clear: both;}
	.product_slot{width: 25% !important;float: left !important;}
	.product_card{width: 96% !important;margin-left:2% !important; margin-right: 2% !important;}
	.image_wrap{width: 98% !important;margin-left: 1% !important;margin-right: 1% !important;}
	.product_icon{width: 25% !important; margin-right: 1% !important;}
	.product_card h3{width: 73% !important; margin-right: 1% !important;margin-left: 25% !important;}
	.product_rolling {width: 98% !important; margin-left: 1% !important; margin-right: 1% !important;}
	.product_visit{width: 100% !important;}
	.pagination{width: 100% !important; margin-left: 0% !important; margin-right: 0% !important;float: left !important;margin-top: 20px !important;}
	.pagination_num{ width: 50% !important;margin-left: 25% !important;margin-right: 25% !important;}
	.pagination_num a{width: 1% !important;padding-left:4.5% !important;padding-right:4.5% !important; }
	#filtru_responsive{display: block !important; background-color: #f5f5f5;height: 44px !important;border:1px solid #dcdcdc; border-radius: 6px;padding-top: 10px !important;}
	.button_wrap{position: absolute;width: 300px !important;margin-left: 5px; float: left;background-color: #f5f5f5;}
	.dropdown-btn{width: 300px !important; float: left !important;}
	#mySearch{margin-left: 310px !important;}
	.topnav{z-index: 20 !important;}
}

@media only screen and (max-width: 1000px)
{
	.button_wrap{width: 45% !important; background-color: white !important;}
	.dropdown-btn{width: calc(100% - 10px) !important;font-size: 30px !important;margin-left: 5px !important;}
	#mySearch{width: 51% !important;margin-left: 47% !important;margin-right: 2%;height: 86px !important;font-size: 36px !important;margin-top: 5px; margin-bottom: 5px;    background-size: 40px 40px !important; background-position: 96% 23px !important;;}
	.aplications{width: 250px !important;}
}

@media only screen and (max-width: 1000px)
{
	.product_list{width: 90% !important;margin-left: 5% !important;margin-right: 5% !important; margin-top: 80px !important; }
	.product_slot{width: 70% !important;margin-left: 15% !important; margin-right: 15% !important;float: left !important;height: 1015px !important;}
	.product_card{max-height: 925px !important; min-height: 875px !important;margin-top: 15px !important;margin-bottom: 15px !important;}
	.image_wrap{height: auto !important;}
	#product_icon{width: 110px !important; height: 110px !important;z-index: 1 !important;position: relative;}
	.dropdown-container{position: relative;z-index: 2 !important;}
	.product_icon{margin-top: -135px !important;}
	.image_wrap img {height: 650px !important;}
	.product_rolling {min-height: 70px !important;height: auto !important;background-color: #f5f5f5 !important;}
	.product_rolling h2 {height: 100% !important;font-size: 50px !important;margin-top: 30px !important; margin-bottom: 30px !important;}
	.pagination_num{ width: 90% !important;margin-left: 5% !important;margin-right: 5% !important;}
	.product_visit{height: 100px !important;}
	.product_visit a{font-size: 60px !important; font-weight: bold;}
	#logo{height: 40px; width: auto; padding-top: 34px;}
	#filtru_responsive{height: 90px !important; font-size: 45px !important;margin-top: 5px;padding: 20px 25px !important;}
	#list_view{height: 70px !important; width: 60px !important;}
	#grid_view{height: 70px !important; width: 60px !important;}
	.fa-list {font-size: 40px !important;}
	.fa-th {font-size: 40px !important;}
	.content{margin-top: 70px !important;}
	.dropdown-container a{width: 95% !important; font-size: 38px !important;background-color: #f5f5f5; padding: 15px !important;}
	.dropdown-container{height: auto !important;}
}

@media only screen and (max-width: 1000px)
{
	.download_catalog{font-size: 50px !important;margin-left: calc(50% - 250px) !important;}
	.story_comm{height: auto !important; margin-top: 70px;}
	.story_comm .landing_slideshow {display: none;}
	.story_text_comm{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;margin-top: 150px !important;background-color: white;height: auto !important;}
	.story_text_comm h2 {margin-left: 0px !important; text-align: center !important;font-size: 80px !important;}
	.story_text_comm p{color: #818181; font-size: 36px !important;text-align: justify;margin-bottom: 50px !important;margin-left:0px !important; margin-right: 0px !important; float: left!important;}
	.category_content_half {width: 90% !important;margin-left: 5% !important; margin-right: 5% !important; margin-top: 70px !important;margin-bottom: 70px !important; height: auto !important;}
	.category_content_half img{width: 90% !important;margin-top: 35px ;margin-bottom: 35px ; height: auto !important; object-fit: cover !important;}
	.category_content_half p{font-size: 35px !important;text-align: justify; width: 100% !important;margin: 0px !important;height: auto !important;transform: translateY(0%);}
	#content_half_image{width: 100% !important; margin: 0 !important;}
	.category_content {width: 100% !important; height: auto !important;}
	.category_content_home {width: 100% !important; height: auto !important;}
	.category_content_home h2 {font-size: 70px !important;}
	.category_descriere{width: 100% !important;height: auto !important; margin-top: 50px !important; margin-bottom: 50px !important;}
	.category_benefits{height: auto !important; padding-bottom: 140px;margin-top: 40px !important;}
	.category_benefits_slot{ width: 80% !important; margin-left: 10% !important; margin-right: 10% !important;height: auto !important;margin-top: 50px !important;}
	.category_benefits_slot img {width: 50% ; margin-left: 25%; margin-right: 25%; height: auto !important;margin-top: 50px;}
	.category_benefits_slot h2{font-size: 60px !important;}
	.category_benefits_slot p{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;font-size: 40px !important;text-align: justify;height: auto !important;}
	.category_brand_products {height: auto !important;}
	.category_content_card {width: 50% !important; margin-left: 25% !important;margin-right: 25% !important;margin-top: 50px !important; margin-bottom: 50px !important;height: auto !important;}
	.category_content_card_agri {width: 50% !important; margin-left: 25% !important;margin-right: 25% !important;margin-top: 50px !important; margin-bottom: 50px !important;height: auto !important;}
	.category_content_card2 {width: 50% !important; margin-left: 25% !important;margin-right: 25% !important;margin-top: 50px !important; margin-bottom: 50px !important;height: auto !important;}
	.product_visit3 {font-size: 40px !important; font-weight: bold;height: 50px !important;padding-top: 7px ; padding-bottom: 7px;}
	.category_content_card img{width: calc(100% - 10px) !important;height: auto !important;}
	.category_content_card_agri img{width: calc(100% - 10px) !important;height: auto !important;}
	.category_content_card2 img{width: calc(100% - 10px)!important;height: auto !important;}
	.category_content_card h2{font-size: 35px !important;}
	.category_content_card_agri h2{font-size: 35px !important;}
	.category_content_card2 h2{font-size: 35px !important;}
	.category_content_card p{font-size: 26px !important;height: auto !important;width: 94% !important; margin-left: 3% !important; margin-right: 3% !important;text-align: justify;}
	.story_agri{height: auto !important; margin-top: 70px;}
	.story_agri .landing_slideshow {display: none;}
	.story_text_agri{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;margin-top: 150px !important;background-color: white;height: auto !important;}
	.story_text_agri h2 {margin-left: 0px !important; text-align: center !important;font-size: 80px !important;}
	.story_text_agri p{color: #818181; font-size: 36px !important;text-align: justify;margin-bottom: 50px !important;margin-left:0px !important; margin-right: 0px !important; float: left!important;}
	.story_cons{height: auto !important;margin-top: 70px;}
	.story_cons .landing_slideshow {display: none;}
	.story_text_cons{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;margin-top: 150px !important;background-color: white;height: auto !important;}
	.story_text_cons h2 {margin-left: 0px !important; text-align: center !important;font-size: 80px !important;}
	.story_text_cons p{color: #818181; font-size: 36px !important;text-align: justify;margin-bottom: 50px !important;margin-left:0px !important; margin-right: 0px !important; float: left!important;}
	.story_indu{height: auto !important;margin-top: 70px;}
	.story_indu .landing_slideshow {display: none;}
	.story_text_indu{width: 90% !important; margin-left: 5% !important; margin-right: 5% !important;margin-top: 150px !important;background-color: white;height: auto !important;}
	.story_text_indu h2 {margin-left: 0px !important; text-align: center !important;font-size: 80px !important;}
	.story_text_indu p{color: #818181; font-size: 36px !important;text-align: justify;margin-bottom: 50px !important;margin-left:0px !important; margin-right: 0px !important; float: left!important;}
	
}

#Search_Spec
{
	width: calc(100% - 20px);
	border: 1px solid #dcdcdc;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 30px;
	padding: 10px;
	outline: 0;
	border-radius: 6px;
}

.filter_list
{
	width:100%;
	height: auto;
	background-color: #f5f5f5;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	margin-bottom: 20px;
}

.filter_list hr
{
	margin: 0px !important;
	width: 100%;
	float: left;
}

.legend_list
{
	width: 100%;
	height: 390px;
	background-color: #f5f5f5;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
}

.legend_list img
{
	height: 45px;
	width: 45px;
	margin: 10px;
	float: left;
}

.legend_list2 a
{
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	height: 60px !important;
	float: left;
	font-family: 'Raleway', sans-serif;
	text-align: left;
	font-size: 15px;
	line-height: 400%;
    color: #818181;
    font-weight: bold;
	text-decoration: none;
}

.legend_list2
{
	width: 100%;
	height: 243px;
	background-color: #f5f5f5;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
}

.legend_list2 img
{
	height: 40px;
	width: 40px;
	margin: 10px;
	float: left;
}

#all_redirect
{
	background-color: #d69944;
	max-width: 285px;
	border-radius: 12px;
	height: 50px;
	border: 0;
	transition: all .1s ease-in-out;
}

.redirect_from_specific
{
	height: 70px;
	margin-bottom: 70px;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 20px;
}

.redirect_from_specific p
{
	margin-top: 25px;
	margin-bottom: 25px;
}

.redirect_from_specific a
{
	color: white;
	background-color: #d69944;
	padding: 12px;
	border-radius: 12px;
	text-decoration: none;
	font-family: Font2;
}

.dropdown-btn 
{
  padding: 15px 8px 15px 8px;
  text-decoration: none;
  font-size: 20px;
  color: #D69944;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
	font-weight: bold;
  font-family: Font2;
	letter-spacing: 1px;
}

.dropdown-container 
{
  display: none;
  background-color: #f5f5f5;
	height: 760px;
}

#dropdown-list
{
	max-height: 180px;
	overflow:hidden; 
	overflow-y:scroll;
}

#dropdown-list input
{
	height: 40px;
	padding: 10px;
	width: 100%;
	border-style: none;
	background-color: #f5f5f5;
	color: #818181;
	font-size: 15px;
	font-weight: bold;
    font-family: 'Raleway', sans-serif;
	text-align: left;
	outline: 0;
}

#dropdown-list input:hover
{
	background-color: #818181;
	color: white;
}

.dropdown-container a
{
	width: 180px;
	float: left;
	text-decoration: none;
	color: #818181;
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

.dropdown-container li
{
	border-left: 1px solid #dcdcdc;	
	color: black;
}

.dropdown-container a:hover
{
	background-color: #818181;
	color: white;
}

.fa-plus
{
  float: right;
  padding-right: 10px;
  padding-top: 2.5px;
}

.fa-minus
{
  float: right;
  padding-right: 10px;
  padding-top: 2.5px;
}

.content
{
	width: 1000px;
	min-height: 550px;
	float: left;
	margin-left: 10px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.search_bar
{
	width: 100%;
	height: 39px;
}

.product_list
{
	width: 100%;
	min-height: 780px;
	margin: 0 auto;
	background-color: white;
}

.product_slot
{
	width: 250px;
	height: 286px;
	float: left;
}

.product_card
{
	width: 240px;
	height: 276px;
	margin: 5px;
	background-color: #f5f5f5;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	transition: all .1s ease-in-out;
}

.product_card:hover{transform: scale(1.05);border-color: #d69944;}

.image_wrap
{
	width: 230px;
	height: 190px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: white;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.product_icon
{
	width: 32px; 
    margin-left: 5px;
	margin-right: 5px;
	float: left;
	height: 32px;
	margin-top: -70px;
	object-fit: contain;
}

#product_icon
{
	height: 45px;
	width: 45px;
	margin-top: 0px !important;
	margin: 0 auto;
	margin-left: 5px;
}

.product_card img
{
	width: auto;
	height: 150px;
	margin-top: 5px !important;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 15;
	display:block;
    margin:auto;
}

.product_card h3
{
	width: 195px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	margin-left: 40px;
	margin-right: 5px;
	font-family: 'Raleway', sans-serif;
	background-color: white;
}

.product_card a
{
	text-decoration: none;
	color: white;
	font-size: 20px;
	text-align: center;
    line-height: 150%;
	font-family: 'Raleway', sans-serif;
}

.product_rolling
{
	width: 230px;
	margin: 5px;
	margin-top: 5px !important;
	height: 44px;
}

.product_rolling h2
{
	font-family: Font2;
	font-size: 18px;
	text-align: center;
	color: #818181;
	background-color: #f5f5f5;
	margin-bottom: 5px !important;
	margin-top: 0px !important;
	letter-spacing: 1px;
	height: 44px;
}

.product_visit
{
	width: 240px;
	background-color: #D69944;
	height: 27px;
	color: white;
	font-size: 16px;
	text-align: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-top: 0px;
	margin-left: -1px;
	border: 1px solid #d69944;
	border-bottom: 0px ;
}

.product_visit3
{
	width: 100% !important;
	background-color: #D69944;
	height: 27px;
	color: white;
	font-size: 20px;
	text-align: center;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-top: 0px;
	margin-left: -1px;
	border: 1px solid #d69944;
	border-bottom: 0px ;
	float: left;
}

.product_visit3 a
{
	text-decoration: none;
	color: white;
	font-family: Font2;
}

.pagination
{
	width: 990px;
	height: 40px;
	margin-left: 5px;
}


.pagination_num {
  display: inline-block;
  width: 400px;
  margin-left: 300px;
}

.pagination_num a {
  color: #818181;
  float: left;
  padding: 11px 16px;
  text-decoration: none;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}

.pagination_num a.active {
  background-color: #D69944;
  color: white;
  border-radius: 5px;
}

.pagination_num a:hover:not(.active) {
  background-color: #DCDCDC;
  border-radius: 6px;
}

#mySearch
{
	text-indent: 10px;
	float: left;
	height: 40px;
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 6px;
	border-color:#DCDCDC;
	background-image: url('https://petromax-lubricants.com/main/images/search.png');
	background-color: white;
	background-position: 96% 10px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-width: 1px;
	border-style: solid;
	color: #6E6E6E;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	outline: 0;
}

#mySearch8
{
	text-indent: 10px;
	float: left;
	height: 40px;
	width: 300px;
	border-radius: 6px;
	border-color:#DCDCDC;
	background-image: url('https://petromax-lubricants.com/main/images/search.png');
	background-color: white;
	background-position: 96% 10px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border-width: 1px;
	border-style: solid;
	color: #6E6E6E;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	outline: 0;
}

.fa-search
{
	position: relative;
	left: 90%;
	top: -28px;
	color: #818181;
	z-index: 15;
}

.aplications
{
	text-indent: 10px;
	width: 300px;
	height: 44px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 6px;
	border-color:#DCDCDC;
	border-width: 1px;
	color: #6E6E6E;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: url(../images/caret-down.png) 96% / 5% no-repeat #f5f5f5;
}

#list_view
{
	width: 40px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #f5f5f5;
	float: right;
	border-width: 1px;
	border-color: #DCDCDC !important;
	border-radius: 6px;
	color: #818181;
	border-style: solid;
	outline: 0;
	display: none;
}

#grid_view
{
	width: 40px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #f5f5f5;
	float: right;
	border-width: 1px;
	border-color: #DCDCDC !important;
	border-radius: 6px;
	color: #818181;
	border-style: solid;
	outline: 0;
	display: none;
}

#list_view:hover
{
	background-color: #818181;
	color: white;
}

#grid_view:hover
{
	background-color: #818181;
	color: white;
}

/*=============================================FOOTER=================================================*/

.footer
{
	width: 100%;
	height: auto;
	background-color: #151515;
	float: left;
}

.footer_wrap
{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

@media only screen and (max-width: 1200px)
{
	.footer_wrap{width: 90% !important;margin-left: 5% !important;margin-right:5% !important;}
	.footer_segment2 { width: 100% !important; margin-left: 0% !important; margin-right: 0% !important;}
	#half1 {width: 35% !important;}
	#half2 {width: 65% !important;}
	.footer_info{width: 100% !important;}
	#footer_map{width: -webkit-calc(100% - 25px) !important;width: -moz-calc(100% - 25px);width: calc(100% - 25px) !important;}
	.footer_segment{width: 20% !important; margin-left: 15% !important; margin-right: 15% !important;}
	.footer_segment h2{text-align: center !important;margin-left: 0px !important;letter-spacing: 3px !important;}
	.footer li a{text-align: center !important;}
}

@media only screen and (max-width: 1000px)
{
	.footer_wrap{width: 90% !important;margin-left: 5% !important;margin-right:5% !important;}
	.footer_segment2 { width: 100% !important; height: auto !important; margin-left: 0% !important; margin-right: 0% !important;}
	#half1 {width: 90% !important;text-align: center !important;margin-left: 5% !important;margin-right: 5% !important;}
	#half2 {width: 90% !important;margin-left: 5% !important;margin-right: 5% !important; height: auto !important;margin-top: 60px!important;}
	.footer_info{width: 100% !important; text-align: left !important;}
	.footer_info h3{ font-size: 35px !important;margin-bottom: 20px;}
	.footer_info address{ font-size: 30px !important;}
	#footer_map{width: 100% !important;margin-left: auto !important;float: none !important;margin-top: 50px !important;height: 600px !important;}
	#footer_logo{width: 50% !important; height: auto !important;margin-left: 25% !important; margin-right: 25% !important;}
	.footer_segment{width: 60% !important; margin-left: 20% !important; margin-right: 20% !important;float: left !important; height: auto !important; font-size: 35px !important;}
	.footer_segment h2{text-align: center !important;margin-left: 0px !important; font-size: 40px !important;letter-spacing: 3px !important;}
	.footer li a{text-align: center !important;}
	.footer_social{height: 100px !important;}
	.footer_social_wrap{height: 100px !important;width: 420px !important;}
	.footer_social_wrap img{width: 100px !important; height: 100px !important;margin-left: 20px !important; margin-right: 20px !important;}
	
}

.footer_segment
{
	box-sizing: border-box;
	width: 180px;
	margin-left: 15px;
	margin-right: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	float: left;
	height: 300px;
}

.footer_segment h2
{
	font-size: 20px;
	color: #d69944;
	margin-left: 14px;
	font-weight: bold;
	font-family: Font2;
}

.footer_segment hr
{
	border-top: 1px solid #d69944;
    border-bottom: 1px solid #d69944;
}

.footer_segment2
{
	box-sizing: border-box;
	width: 650px;
	margin: 25px;
	float: left;
	height: 300px;
}

.footer_segment2 hr
{
	width: 250px;
	float: left;
	border-top: 1px solid #d69944;
    border-bottom: 1px solid #d69944;
}

.footer_social
{
	width: 100%;
	height: 50px;
	background: #151515;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

.footer_social_wrap
{
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
}

.footer_social_wrap img
{
	width: 50px;
	height: 50px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	image-rendering: auto;
}

.footer_social_wrap img:hover
{
	filter: brightness(0.4);
}


.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.footer li {
  float: left;
  width: 100%;
}

.footer li a {
  display: block;
  color: white;
  text-align: left;
  padding: 8px 14px;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
}

.footer li a:hover {
  color: #D69944;
  cursor: pointer;
}

.footer .active 
{
  color: #D69944;
}

#half1
{
	width: 250px;
	height: 300px;
	float: left;
}

#half2
{
	width: 400px;
	height: 300px;
	float: left;
}

#footer_logo
{
	margin-top: 25px;
	width: 250px;
	float: left;
}

.footer_info
{
	width: 250px;
	height: 225px;
	margin-top: 25px;
	float: left;
	font-family: 'Raleway', sans-serif;
}

.footer_info h3
{
	margin-top: 0px !important;
	font-size: 22px;
	color: white;
	font-family: Font2;
}

.footer_info address
{
	color: white;
	font-size: 16px;
}

#footer_map
{
	width: 375px;
	height: 275px;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	background-color: #d69944;
	border-radius: 6px;
	object-fit: cover;
}

.copyright
{
	width: 100%;
	height: 50px;
	float: left;
	border-top: 1px solid #d69944;
	background-color:#151515;
}

.copyright p
{
	color: white;
	font-size: 16px;
	text-indent: 20px;
	text-align: left;
	font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 1200px)
{
	.copyright p{text-align: center; text-indent: 0px !important; font-size: 34px !important;}
	.copyright {height: auto !important;}
}
/*===========================================================================================*/
.details
{
	width: 1000px;
	height: auto;
	margin-left: 100px;
	margin-right: 100px;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
}

.share
{
	width: 180px;
	margin: 0 auto;
	height: 48px;
}

.share a
{
	height: 40px;
	width: 40px !important;
	float: left;
	padding: 0px !important;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right:10px;
}

.share img
{
	width:40px;
	height: 40px;
}

.share img:hover
{filter: brightness(0.4);}

@media only screen and (max-width: 1200px)
{
	.details{width: 100% !important;margin-left: 0% !important;margin-right: 0% !important;}
	.product_image{width: 49% !important; margin-left: 0% !important; margin-right: 0% !important;float: left !important;margin-bottom: 20px;}
	.details_list{width: 49% !important; margin-left: 1% !important; margin-right: 0% !important;float: left !important;}
	.dropdown-container li{float: left !important;}
	.info{width: 96% !important; margin-left: 2% !important; margin-right: 2% !important;}
	.documents{width: 100% !important;  margin-left: 0% !important; margin-right: 0% !important;}
	.file{width: 30% !important;margin-left: 1.5% !important;margin-right: 1.5% !important;}
}

@media only screen and (max-width: 1000px)
{
	.product_image{height: auto !important;width: 96% !important; margin-left: 2% !important; margin-right: 2% !important;}
	.product_image img{height: 800px !important;}
	#tip{width: 160px !important; height: 160px !important;margin-left: 30px;}
	.details{margin-top: 150px !important;}
	.details_list{width: 96% !important; margin-left: 2% !important; margin-right: 2% !important;font-size: 30px !important;}
	.details_list label{font-size: 45px !important;}
	.details_list span{font-size: 45px !important;}
	.details_list button{font-size: 45px !important; margin-left: 0px !important;}
 	.dropdown-container-spec p{font-size: 30px !important;line-height: 300% !important;}
	.share{ width: 540px !important;}
	.share a{width: 120px !important; height: 120px !important;margin-left: 30px !important; margin-right: 30px !important; margin-bottom: 30px!important;}
	.share img{width: 120px ; height: 120px;}
	.info{margin-top: 50px !important;}
	.info h3{font-size:55px !important; letter-spacing: 3px;}
	.info p{font-size: 26px !important;font-family: 'Raleway', sans-serif;}
	.info ul{font-size: 26px !important;}
	.info li{font-family: 'Raleway', sans-serif;}
	.details hr{width: 90% !important;margin-left: 5% !important; margin-right: 5% !important;}
	.documents{height: auto !important;}
	.file{width: 90% !important;margin-left: 5% !important;margin-right: 5% !important;height: 150px !important;margin-top: 20px !important;margin-bottom: 20px !important;}
	.file_specific_prod{width: 90% !important;margin-left: 5% !important;margin-right: 5% !important;height: 150px !important;margin-top: 20px !important;margin-bottom: 20px !important;}
	.file a{font-size: 50px !important;width: 70% !important;padding-top: 53px !important;padding-left: 30px !important;letter-spacing: 3px;}
	.file_specific_prod a{font-size: 40px !important;width: calc(100% - 200px) !important;padding-top: 53px !important;padding-left: 30px !important;letter-spacing: 3px;}
	.arrow{width: 150px !important;}
	.arrow_file{width: 150px !important;}
	.file_specific_prod .arrow{width: 150px !important;height: 100% !important;}
	.file_specific_prod .arrow_file{width: 150px !important;height: 100% !important;}
	.arrow i{font-size: 70px !important;margin-top:40px !important;margin-left:45px !important;}
	.arrow_file i{font-size: 70px !important;margin-top:40px !important;margin-left:45px !important;}
	.file_specific_prod .arrow i{font-size: 70px !important;margin-top:40px !important;margin-left:45px !important;}
	.file_specific_prod .arrow_file i{font-size: 70px !important;margin-top:40px !important;margin-left:45px !important;}
}


.share2
{
	width: 220px;
	margin: 0 auto;
	height: 48px;
}

.share2 a
{
	height: 50px;
	width: 200px !important;
	float: left;
	padding: 0px !important;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right:10px;
}

.share2 img
{
	width:200px;
	 
}

.share2 img:hover
{filter: brightness(0.4);}


.details hr
{
	width: 630px;
	float: left;
	border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #DCDCDC;
}

.product_image
{
	width: 630px;
	height: 400px;
	float: left;
}

#tip
{
	float: left;
    position: relative;
    left: 10px;
    top: -80px;
    z-index: 18;
	width: 60px;
	height: 60px;
}

.product_image img
{
	width: auto;
	height: 400px;
	display:block;
    margin:auto;
}

.details_list
{
	width: 348px;
	height: auto;
	margin-left: 5px;
	margin-right: 10px;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}

.details_list label
{
	padding-left: 20px;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	color: #d69944;
	float: left;
	text-align: left;
	font-weight: bold;
	font-family: Font2;
	letter-spacing: 1px;
}

.details_list hr
{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #DCDCDC;
}

.details_list .dropdown-btn
{
	padding-left: 20px !important;
}

.details_list a
{
	width: 180px;
	float: left;
	text-decoration: none;
	color: #818181;
	font-size: 16px;
	padding: 10px;
	font-weight: bold;
}

.dropdown-container li
{
	font-size: 18px;
	padding: 10px;
	padding-left: 15px !important;
	color: black;
	list-style-type: none;font-family: 'Raleway', sans-serif;
}


.dropdown-container-spec
{
	font-size: 16px;
	padding-left: 10%;
	color: black;
	width: 90%;
	float: left;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	white-space: pre-wrap;
}

.dropdown-container-spec p{text-indent: 0px !important;line-height: 200%;margin: 0px !important; color: #818181;}

.info
{
	width: 630px;
	height: auto;
	float: left;
	margin-top: 10px;
	font-family: 'Raleway', sans-serif;
	text-align: justify;
	white-space: pre-wrap;
}

.info h3
{
	margin-top: 9px;
	margin-bottom: 9px;
	font-weight: bold;
	color: #818181;
	font-family: Font2 !important;
	font-size: 24px;
}

.info p
{
	height: auto;
   padding: 0px 10px;
   line-height: 30px;
   white-space: pre-wrap;
	text-align: justify;
	color: #818181;
}

.info li
{font-family: 'Raleway', sans-serif;}

.documents
{
	width: 630px;
	height: 45px;
	float: left;
}

.file
{
	width: 80px;
	height: 40px;
	float: left;
	margin: 5px;
	background-color:#818181;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	transition: all .2s ease-in-out;
}

.file_specific_prod
{
	width: 190px;
	height: 40px;
	float: left;
	margin: 7px;
	background-color:#f5f5f5;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	transition: all .2s ease-in-out;
}

.file a
{
	text-decoration: none;
	color: #818181;
	width: 100%;
	display: block;
	font-weight: bold;
	float: left;
	font-family: Font1;
	font-size: 0px;
}

.file_specific_prod a
{
	text-decoration: none;
	color: #818181;
	width: calc(100% - 50px);
	display: block;
	font-weight: bold;
	float: left;
	font-family: Font2;
	font-size: 14px;
	padding: 11px 0px;
	padding-left: 8px;
}

.file:hover
{
	border-color: #d69944;
	transform: scale(1.1);
}

.file_specific_prod:hover
{
	border-color: #d69944;
	transform: scale(1.1);
}

.file:hover .arrow
{
	background-color: #d69944;
}

.file:hover .arrow_file
{
	background-color: #d69944;
}

.file_specific_prod:hover .arrow
{
	background-color: #d69944;
}

.file_specific_prod:hover .arrow_file
{
	background-color: #d69944;
}

.file:hover a
{
	color: #d69944;
}

.file_specific_prod:hover a
{
	color: #d69944;
}

.arrow
{
	float: right;
	width: 100%;
	height: 40px;
	background-color:#818181;
	border-radius: 6px;
}

.arrow_file
{
	float: right;
	width: 100%;
	height: 40px;
	background-color:#818181;
	border-radius: 6px;
}

.file_specific_prod .arrow
{
	float: right;
	width: 40px;
	height: 40px;
	background-color:#818181;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.file_specific_prod .arrow_file
{
	float: right;
	width: 40px;
	height: 40px;
	background-color:#818181;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.file_specific_prod .fa-file-pdf-o
{
	color: white;
	font-size: 24px !important;
	margin-left: 10px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}

.fa-file-pdf-o
{
	color: white;
	font-size: 24px !important;
	margin-left: 30px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}

/*===========================================SPONSORS===================================*/

.sponsor_wrap
{
	width: 100%;
	margin: 0 auto;
	height: auto;
}

.sponsors
{
	width: 1200px;
	margin: 0 auto;
	height: 220px;
	margin-top: 30px;
	margin-bottom: 100px;
	border-radius: 6px;
	border: 2px solid #d69944;
}

@media only screen and (max-width: 1200px)
{
	.sponsors{width: 100% !important;height: auto !important; background-color: #f5f5f5 !important;border: 0px solid #d69944;}
	.sponsors_slot{width: 40% !important;margin-left: 5% !important;margin-right: 5% !important;margin-bottom: 50px !important;height: 300px !important; }
	.sponsor_story{width: 90% !important;height: auto !important;margin-left: 5% !important; margin-right: 5% !important;margin-bottom: 50px !important; float: left;}
	.sponsor_story h2{width: 100% !important;height: auto !important;margin-left: 0px !important;margin-right: 0px !important;letter-spacing: 3px !important;margin-top: 100px !important;margin-bottom: 100px !important;}
	.sponsor_story ul{ text-align: justify; width: 100% !important;}
	.sponsor_story li{font-size: 26px !important; width: 90% !important;margin-left: 5%;margin-bottom: 20px;}
	.sponsor_story p{width: 100% !important;height: auto !important;margin: 0px !important; font-size: 26px !important; text-align:justify;}
}

@media only screen and (max-width: 1000px)
{
	.sponsors{width: 100% !important;height: auto !important; background-color: #f5f5f5 !important;}
	.sponsors_slot{width: 90% !important;margin-left: 5% !important;margin-right: 5% !important;margin-bottom: 50px !important;height: 500px !important; }
	#caption{top:-105px !important;height: 100px !important;}
	#caption p{font-size: 45px !important;margin-top: 25px !important;}
	.sponsors_slot a{font-size: 70px !important;width: 100% !important; height: 100% !important;}
	.sponsor_story h2{ font-size: 60px !important;}
}

.sponsors_slot
{
	width: 200px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 200px;
	background-color: #d69944;
	float: left;
	object-fit: cover;
	border-radius: 6px;
	transition: all .1s ease-in-out;
}

.sponsors_slot:hover
{
	transform: scale(1.05);
}

.sponsors_slot a
{
	width: 200px;
	height: 30px;
	color: white;
	font-size: 35px;
	display: none;
	padding-top: 85px;
	padding-bottom: 85px;
	position: absolute;
	font-weight: bold;
    z-index:18;
	font-family: Font2;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}

.sponsors_slot img {
	opacity: 0.3;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	object-fit: cover;
}

.sponsors_slot:hover img {
	opacity: 1;
	filter: brightness(80%);
}

.sponsors_slot:hover a {
	display: block;
}

.sponsors_slot:hover #caption
{
	opacity: 0;
}

#soon
{
	-webkit-filter: grayscale(100%);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

#soon img
{
	border-radius: 6px !important;
}

#soon:hover
{
	 -webkit-filter: grayscale(0%);
}

#caption
{
	width: 100%;
	position: relative;
	top:-44px;
	height: 40px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #d69944;
	opacity: 0.8;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-align: center;
}

#caption p
{
	color: white;
	opacity: 1;
	font-size: 16px;
	font-weight: bold;
	font-family: Font2;
	letter-spacing: 1px;
	float: left;
	margin-top: 11px;
	text-align: center;
	width: 100%;
}

.sponsor_story
{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	margin-top: 50px;
    color: #818181;
}

.sponsor_story ul
{
	width: 800px;
	margin: 0 auto;
	height: auto;
	margin-top: 20px;
	padding: 0px;
	font-family: 'Raleway', sans-serif;
}

.sponsor_story h2
{
	font-family: Font2;
	color: #d69944;
	font-size: 45px;
	text-align: center;
}

.sponsor_story p
{
	font-family: 'Raleway', sans-serif;
	text-align: justify;
	color: #818181;
}

/*=================================404==============================*/

.missing_section
{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 50px;
}

.missing_wrap
{
	width: 100%;
	min-height: 400px !important;
	background-color: #f5f5f5;
}

.missing_message
{
	float: left;
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #dcdcdc;
	margin-top: 30px;
	margin-bottom: 30px;
}

.missing_message h2
{
	font-size: 50px;
	font-family: Font1;
	color: #d69944;
}

/*==========================================RESULT LIST AFTER SEARCH===========================================*/

.results
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 50px;
}

.results hr
{
	width: 100%;
	color: white;
	border-top: 1px solid #dcdcdc;
}

#mySearch3
{
	width: 40%;
	height: auto;
	margin-left: 30%;
	margin-right: 30%;
	height: 50px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	padding: 10px;
	outline: 0;
	background-image: url('./images/search.png');
	background-color: white;
	background-position: 96% 15px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	text-indent: 5px;
}

.results_list
{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 1200px)
{
	.results{width: 98% !important;margin-left: 1% !important;margin-right: 1% !important;}
	#mySearch3{width: 60%; margin-left: 20%; margin-right: 20%}
	.results_list{width: 98% !important;margin-left: 1% !important;margin-right: 1% !important;}
	.results_product_specification p{padding: 30px 10px;}
}

@media only screen and (max-width: 900px)
{
	#mySearch3{width: 98%; margin-left: 1%; margin-right: 1%}
}

@media only screen and (max-width: 900px)
{
	.results_product_specification p{font-size: 14px !important;padding: 5px 10px !important;}
}

@media only screen and (max-width: 900px)
{
	.results_product_specification{width: 90% !important; margin-left: 5% !important;margin-right: 5% !important;}
	.results_product_name{width: 90% !important; margin-left: 5% !important;margin-right: 5% !important;}
	.product_visit2{margin: 0 auto !important;}
	.dropdown-container2_heading{display: none;}
	.results_product_specification p{font-size: 14px !important;padding: 10px 10px !important;}
}

.results_product
{
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #dcdcdc;
	background-color: white;
}

.results_product_name
{
	width: 160px;
	min-height: 100px;
	float: left;
	object-fit:contain;
}

.results_product_name img
{
	width: 150px;
	min-height: 100px;
	height: auto;
	margin: 5px;
	margin-bottom: 0px;
	border: 1px solid #d69944;
	float: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.product_visit2
{
	width: 150px;
	background-color: #D69944;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #d69944;
	height: 27px;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.product_visit2 a
{
	color: white;
	padding: 4px;
	text-decoration: none;
	display: block;
	font-family: 'Raleway', sans-serif;
}

.results_product_specification
{
	width: calc(100% - 163px);
	min-height: 100px;
	float: left;
}

.results_product_name p
{
	text-align: center;
}

.results_product_specification p
{
	padding: 40px 10px;
	text-align: left;
	margin: 0px !important;
	font-size: 18px;
}

.results_product_name2
{
	width: 160px;
	border-right: 1px solid #dcdcdc;
	min-height: 30px;
	float: left;
}

.results_product_specification2
{
	width: calc(100% - 163px);
	min-height: 30px;
	float: left;
}

.dropdown-btn2 
{
  padding: 15px 8px 15px 8px;
  text-decoration: none;
  font-size: 16px;
  color: #D69944;
  display: block;
  border: none;
  background: none;
  width:100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  font-weight: bold;
  font-family: 'Raleway', sans-serif;
}

.dropdown-container2 
{
  display: none;
  background-color: #f5f5f5;
  height: auto;
}

.dropdown-container2_heading
{
	width: 100%;
	border-top: 1px solid #dcdcdc;
	height: 30px;
	background-color: white;
}

.dropdown-container2_heading p
{
	height: 24px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 18px;
}

.dropdown-btn2 span
{
	width: 100px;
	height: 19px;
	padding: 15px 10px;
	color: black;
	font-weight: bold;
}

/*===============================================ADMIN ADD PROD============================================*/

.admin_section
{
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}

.admin_wrap
{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.admin_wrap form
{
	min-height: 1000px;
	background-color: white;
    display: inline-block;
	width: 100%;
	height: auto;
	border-radius: 6px;
	border: 2px solid #d69944;
}

.admin_wrap h2
{
	font-size: 30px;
	text-indent: 30px;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 20px;
	color: #d69944;
	font-family: 'Raleway', sans-serif;
}

.admin_wrap h4
{
	color: #d69944;
	font-family: 'Raleway', sans-serif;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-weight: bold;
}

.form_nav
{
	width: calc(100% - 2px);
	height: 50px;
	background: white;
	margin-left: 2px;
}

.form_nav a
{
	text-decoration: none;
	min-width: 110px;
	float: left;
	text-align: center;
	color: #d69944;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-weight: bold;
}

.form_nav a:hover
{
	color: #818181;
}

.edit_section
{
	width: calc(100% - 20px);
	padding: 10px;
	height: auto;
	float: left;
}

.edit_section label 
{
	float: left;
	width: calc(50% - 20px) !important;
	margin: 10px !important;
	color: #818181 !important;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
}

.edit_section textarea
{
	float: left;
	padding: 10px;
	height: 200px;
	border-radius: 12px;
}

.edit_section hr
{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}


.admin_wrap label
{
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	float: left;
	width: 100%;
	margin-top: 20px;
	text-indent: 30px;
	color: #d69944;
	font-weight: bold;
}

.admin_wrap textarea
{
	width: 90% !important;
	margin-left:  calc(5% - 11px);
	margin-right:  calc(5% - 11px);
	float: left;
	margin-top: 10px;
	height: 120px;
	background-color: white;
	padding: 10px;
	outline: 0;
	border-radius: 6px;
}

.admin_wrap input
{
	width: 90% !important;
	margin-left: calc(5% - 11px);
	margin-right: calc(5% - 11px);
	float: left;
	margin-top: 10px;
	height: 20px;
	background-color: white;
	outline: 0;
	padding: 10px;
	border-radius: 6px;
	border:1px solid #818181;
}

#Tab1{padding: 0;}

#Tab2{padding: 0;}

#half_label
{
	width: 50% !important;
	display: inline-block;
}

#half_label2
{
	width: 50% !important;
	display: inline-block;
}


.admin_wrap select
{
	width: 40%;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	height: 40px;
	margin-top: 10px;
	outline: 0;
	padding: 10px;
	border-radius: 6px;
}

#half_input
{
	width: 298px !important;
	margin-left: 30px;
	margin-right: 30px;
	float: left;
	height: 20px;
	margin-top: 10px;
	outline: 0;
	padding: 10px;
	border-radius: 6px;
}

#half_input2
{
	width: 40% !important;
	margin-left: calc(5% - 2px);
	margin-right: calc(5% - 2px);
	float: left;
	height: 20px;
	margin-top: 10px;
	outline: 0;
	padding: 10px 0px;
	text-indent: 10px;
	border-radius: 6px;
}

#half_select
{
	width: 40%;
    margin-left: calc(5% - 2px);
    margin-right: calc(5% - 2px);
    float: left;
    height: 40px;
    margin-top: 10px;
    outline: 0;
    padding: 10px 0px;
	text-indent: 10px;
    border-radius: 6px;
}

.form_files
{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	height: 240px;
	float: left;
}

.form_files label
{
	text-indent: 0 !important;
	width: 35% !important;
	float: left;
	height: 40px !important;
}

.form_files input
{
	height: 40px !important;
	width: 65% !important;
	float: left;
	margin-top: 20px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	border-radius: 6px;
	border: 0px !important;
}

#add
{
	border: 0px;
	border-radius: 6px;
	font-size: 18px;
	color: white;
	background-color: #d69944;
	font-family: 'Raleway', sans-serif;
	padding: 12px 10px;
	float: right;
	margin: 40px;
	font-weight: bold;
}

#btn-update , #btn-cancel , #btn-update-content , #btn-update-desc
{
	border: 0px;
	border-radius: 6px;
	font-size: 18px;
	color: white;
	background-color: #d69944;
	font-family: 'Raleway', sans-serif;
	padding: 12px 10px;
	float: center;
	cursor: pointer;
	margin: 40px;
	font-weight: bold;
}

#notlogged
{
	font-size: 60px;
	font-family: 'Raleway', sans-serif;
	color: #d69944;
	margin-top: 100px;
	margin-bottom: 100px;
}

#frame_edit_admin
{
	width: calc(100% - 320px);
	height: calc(100% - 105px);
	position: fixed;
	right: 0;
	top: 90px;
	background: white;
	border-style: solid;
	border-color: #d69944;
	border-radius: 6px;
}

.stanga
{
	width: 40%;
	height: 300px;
	margin: 5%;
	float: left;
}

.stanga label
{
	margin: 0 !important;
}

.stanga input
{
	float: left;
	width: 200px;
	margin-left: calc(50% - 100px);
	margin-top: 0 !important;
}

.dreapta
{
	width: 40%;
	height: 300px;
	margin: 5%;
	float: left;
}

#Tab7 td {
  padding: 2px;
  text-align: left;
  border-color: #d69944;
	background-color: white;
	font-weight: bold;
	max-width: 100px !important;
	font-size: 12px !important;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#Tab7 table
{
	border: 0;
	max-width: 305px;
	position: absolute;
	left: 10px;
	float: left;
	margin-top: 45px;
}

#Tab7 a
{
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 2px;
}

.edit_image
{
	width: 250px;
	height: 250px;
	margin: 0 auto;
	margin-top: 10px;
	object-fit: cover;
	border: 2px solid #818181;
	background-position: center center;
  	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 12px;
}


/*========================FILTRARE=======================*/

.active3
{
	display: block;
}

/*==========================CHOOSE=========================*/

.choose_wrap
{
	width: 1220px;
	margin-top: 80px;
	background: white;
	height: calc(100% - 60px);
}

.choose
{
	width: 1220px;
	background: #f5f5f5;
	height: calc(100% - 60px);
}

.choose_main_card
{
	margin: 15px;
	width: 210px;
	height: 271px;
	border: 2px solid #d69944;
	border-radius: 12px;
	float: left;
	background-color: white;
	transition: all .2s ease-in-out;
}

.choose_main_card h2{ width: 210px; font-size: 20px;position: relative;margin:0px;margin-top:-34px!important;margin-bottom:9px!important; text-align: center;font-family:Font2; color: #d69944;font-weight: bold;padding: 0px;z-index: 10;}

.choose_main_card:hover{transform: scale(1.1);}

.choose_main_card img
{
	height: 130px;
	width: 100%;
	margin-top: 5px;
	margin: 0 auto;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.choose_main_card p
{
	height: 81px;
	width: 200px;
	margin-left: 5px ;
	background-color: white;
	color: #818181;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
}

.see_prod 
{
	width: 210px;
	height: 35px;
	color: #d69944;
	text-align: center;
	font-size:18px;
	font-family: Font2;
}

.see_prod a
{text-decoration: none;color: #d69944;}

@media only screen and (max-width: 1200px)
{
	.choose_main_card{width:90% !important; margin-left: 5% !important; margin-right: 5% !important;height: 400px !important;margin-top: 60px !important;margin-bottom: 60px !important;}
	.choose{width: 100% !important;height: auto !important;}
	.choose_wrap{width: 100% !important;height: auto !important;margin-top: 200px !important;}
	.choose_main_card img{ width: 50% !important; height: 100% !important; border-bottom-left-radius: 12px !important;border-top-right-radius: 0px !important;float: left !important; }
	.choose_main_card h2{font-size: 50px; margin-top: -66px !important;width: 100%;margin-bottom: 6px !important;}
	.choose_main_card p{width: 36% !important; margin-left: 7% !important;  margin-right: 7% !important; margin-top: 30px !important;float: right !important; font-size: 30px !important;text-align: justify;height: auto !important;}
	.see_prod{width: 50% !important;float: right !important; font-size: 35px !important;position: relative !important;bottom: 0!important;margin-top: 50px!important;}
	.redirect_from_specific{height: auto !important; margin-top: 50px !important;margin-bottom: 100px !important;}
	.redirect_from_specific a{ font-size: 40px !important;padding: 25px !important;}
	.file {width: 60px !important; height: 60px !important;float: none !important; margin: 0 auto !important;}
	.file a{width: 100% !important; height: 100% !important; padding: 0px !important;font-size: 0px !important;}
	.arrow{width: 100% !important; border-radius: 6px !important;height: 60px !important;}
	.arrow i{font-size: 40px !important;margin-top:10px !important;margin-left:15px !important;}
	#file_table th{font-size: 24px !important;}
	#file_table tr{padding-top: 30px; padding-bottom: 30px;}
	#file_table2 th{font-size: 30px !important; text-align: center !important;}
	.file_filter{width: 60% !important; margin-left: 20% !important; margin-right: 20% !important;height: 60px !important;}
	.file_filter input{font-size: 40px !important;margin-top: 10px !important;}
	.fa-search{display: none;}
}

@media only screen and (max-width: 1000px)
{
	#file_table tr{height: 90px !important;padding-top: 55px !important;padding-bottom:55px !important;}
	#file_table2{position: sticky;top: 0;background-color: #f5f5f5;height: 80px!important;}
	.tabcontent{padding-left: 0px !important;padding-right: 0px !important;}
}

#file_table {width: 100% !important; color: #818181;}
#file_table2 {width: 100% !important;}
#file_table_content{width: 300px; position: absolute; top: 100px;}

#file_table th {text-align: left;font-family: 'Raleway', sans-serif;height: 50px !important; width: 20% !important;}
#file_table2 th {font-family: 'Raleway', sans-serif;height: 50px !important; width: 20% !important;text-align: left;}