/*---------------------------------- GLOBAL DECLARATIONS --------------------------------------*/
body{ background-color:#fff; padding:0; margin:0; font-family: 'Montserrat-Regular'; font-size:15px; color:#000; overflow-y: auto; }

section{ width: 100%; min-height: 100vh; height: auto; display: block; overflow: hidden; }
section, div, h1,h2,h3,h4,h5,h6,p,a, ul ,li, svg{ transition: all 0.5s;  }
.content_contain{ width:70%; margin: 0 auto; }

.blue{ background-color: #0e71b8; }
.lightblue{ background-color: #2695e9; }
.green{ background-color: #c5cf00; }
.grey{ background-color: #eeeeee; }
.black{ background-color: #000; }
.white{ background-color: #fff; }

h1{ color: #000;  margin: 40px 0; padding: 0; transition: all 0.2s; font-family: 'Montserrat-ExtraBold'; }
h1 span{ background-color: transparent !important; color: #c0bf00 !important;}
h2,h3,h4,h5,h6{ margin: 40px 0 10px; padding: 0; line-height: normal; transition: all 0.2s; font-family: 'Montserrat-ExtraBold'; }
h1{ font-size:40px; }
h2{ font-size:36px; }
h3{ font-size:32px; }
h4{ font-size:28px; }
h5{ font-size:24px; }
h6{ font-size:20px; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ line-height: 0.9em; }
p{ margin: 15px 0 40px; padding: 0; font-family: 'Montserrat-Regular'; line-height:1.2em; font-size:14px; }
a{ margin:5px 0; color: inherit; transition: all 0.2s; font-family: 'Montserrat-Bold'; text-decoration: none; }
a:hover{ color:#2697ed; text-decoration: none; }
img{ width:100%; height:auto; }
ul, ol{ display:block; padding:0 0 0 40px; font-family: 'Montserrat-Regular'; line-height:1.3em; font-size:14px; text-align:left; }
ul li, ol li{ padding:0 0; }
li.widget{ list-style-type:none; }
.blockquote{ font-family: 'Montserrat-ExtraBold'; }

.field_wrapper{ width:100%; height: auto; overflow: hidden; margin: 0 0 10px 0; }
input, textarea, button, label, select, .input_field { display:block; width: 100%; height: auto; background-color: #fff; display: block; }
label{ font-size:15px; font-family: 'Montserrat-Bold'; display:block; padding:0px 0 0 0; color: #000000 !important; margin:0px 0 0px 0; }
.field_wrapper_checkbox{ width: auto; float: left; }
.field_wrapper_checkbox label{ width: auto !important; float: left !important; font-family: 'Montserrat-Medium' !important; font-weight:500 !important; background-color: transparent !important; margin:0 30px 5px 10px !important; }
input[type="checkbox"]{ width: auto !important; float: left !important; margin:0 10px 0 0; }
.field_wrapper_radio{ width: 100%; height: auto; float: none; display: block; }
.field_wrapper_radio label{ width: 100% !important; float: left !important; font-family: 'Montserrat-Medium' !important; font-weight:500 !important; background-color: transparent !important; margin:0 30px 5px 10px  !important; }
input[type="radio"]{ width: auto !important; display: block; float: left !important; margin:0 10px 0 0; }
input, select, textarea,.input_field{ border:none; border-radius:0px; padding:15px 20px !important; margin:6px 0 8px 0; font-family: 'Montserrat-Italic'; outline: none; }
input[type="button"], button, input[type="submit"]{  background-color:rgba(38,151,237,1 ) !important; color: #fff !important; border:none; font-family: 'Montserrat-ExtraBold'; transition: all 0.5s; text-transform: uppercase; }
input[type="button"]:hover, button:hover, input[type="submit"]:hover{ background-color:rgba(197,207,0,1) !important; color: #000 !important; border:none; }
::placeholder{ color: #000; font-family: 'Montserrat-Italic'; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
::-moz-placeholder { /* Firefox 19+ */ color: #000; }
:-ms-input-placeholder { /* IE 10+ */ color: #000; }
:-moz-placeholder { /* Firefox 18- */ color: #000; }

.bttn{ border-radius: 0px !important; text-transform: capitalize; margin-top:0px; padding: 0px 0px; transition: all 0.2s; position: relative; display: inline-block; width: auto; }
.btn_submit, .form_wrapper input[type="button"]{ background-color: #1e8c3e; width: auto; margin: 20px 0 0 0; padding: 15px 30px !important; border: none !important; }


ul.listed_socials{ position: relative; z-index: 5; bottom: 0; left: 0; padding: 10px; display: block; width: auto; height: auto; text-align: center; margin: 0; padding: 0; float: right; }
ul.listed_socials li{ display: inline-block; width: auto; height: auto; margin:10px 1px; }
ul.listed_socials li a{ color: #000; }
ul.listed_socials li:hover i{ color: #b26e18; }
.fa{ font-size: 30px; }

ul.listed_socials li a div{ color: #000; width: 35px; height: 35px; background-color: #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 50%; }
ul.listed_socials li a:hover div{ background-color: #0e71b8; }
.social_icon_fb{ background-image: url('../images/icon_facebook.png'); }
.social_icon_li{ background-image: url('../images/icon_linkedin.png'); }
.social_icon_ig{ background-image: url('../images/icon_instagram.png'); }
.social_icon_x{ background-image: url('../images/icon_x.png'); }


.for_desktop{ display: block; }
.for_mobi{ display: none; }

.overlay{ position:absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); }
.global_wrapper{ position: relative; z-index:3; width: 80%; height: auto; margin: 0 auto; padding: 40px 0; display: block; overflow: hidden;/* transition:0.6s; transform: translateY(30%); opacity: 0;*/}

.full_bg_image{ background-size:cover; background-position: center center; background-repeat:no-repeat; }
.top_spacer{ margin-top:140px; }

.universal_container{ display:block; width: 100%; height: auto; overflow: hidden; position: relative; }
.universal_container.on{ transform: translateY(0%); opacity: 1;}
.universal_container{ text-align:center; }
.universal_container h1{ font-family: '../fonts/Montserrat-Bold'; font-size: 40px; color: #1c8439; display: block; width:100%; overflow:hidden; margin: 10px 0; }
.universal_container h2{ font-family: '../fonts/Montserrat-Bold'; font-size: 17px; color: #f69f1b; }
.universal_container p, .universal_container ul, .universal_container ol{ width:90%; margin:30px auto 30px; }

.whatsapp_bttn{ position: fixed; cursor: pointer; z-index:6; bottom:25px; right:15px; width: 70px; height: 70px; border-radius: 50%; background-color: transparent; background-image: url('../images/icon_whatsapp.png'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: scale(1); animation: pulse 0.4s infinite; }
.whatsapp_bttn:hover{ transform: scale(1.2); }

.whatsapp_preview.on{ transform:translateY(0%); opacity: 1; }
.whatsapp_preview{ position: fixed; z-index:5; width: 250px; height: auto; overflow: hidden; box-shadow: rgba(0,0,0,0.3) 0px 0px 8px ; background-color: #1c8439; bottom:90px; right:15px; border-radius: 10px; background-image: url('../images/whatsapp_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; transform:translateY(150%); opacity: 0; transition: all 0.2s; }
.whatsapp_preview_header{ background-color: rgba(7,94,84,1); width: 100%; height: auto; overflow: hidden; padding: 10px; }
.wa_logo{ width: 40px; height: 40px; display: block; float: left; border-radius: 50%; background-image: url('../images/favicon_pakpro.png'); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; }
.wa_profilename{ width: 80px; height: auto; display: block; padding: 10px 10px 10px 10px; float: left; color: #fff; font-size: 15px; font-family: 'Montserrat-ExtraBold'; }
.whatsapp_preview_content{ width:100%; height: auto; padding: 20px; overflow: hidden; display: block; }
.wa_convo{ background-color: #fff; color: #000; padding: 10px; margin:0 0 20px 0; width: auto; height: auto; position: relative; border-radius:5px; font-size: 12px; }
.wa_convo::before{ content: ''; width: 20px; height:20px; position:absolute; left: -15px; background-image: url('../images/speech_arrow_left.png'); background-size: cover; background-position: right center; background-repeat: no-repeat;  }

#preloader{ position:fixed; z-index:9; top:0; bottom: 0; left: 0; right:0; background-color: #2695E9; display: flex; align-items: center; justify-content: center; color: #ccc; cursor: pointer; transition: .2s linear; }
#preloader .logo img{ width:100%; }
.loader { width: 200px; height: 200px; background-image: url('../images/preloader.svg'); background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; position: relative; }      

.search_wrapper{ position:fixed; z-index:9; top:0; bottom: 0; left: 0; right:0; background-color: rgba(0,0,0,0.9); display: table; width: 100%; height: 100vh; vertical-align: middle; transform: translateY(-200%); opacity: 0; }
.search_wrapper.on{ transform: translateY(0%); opacity: 1; }
.icon_close{ width:20px; height:20px; position: absolute; z-index: 9; top: 70px; right:75px; text-align: center; cursor: pointer; background-color: transparent;  background-image:url('../images/icon_close.png'); background-repeat: no-repeat; background-position: top center; background-size: 100%; }
.icon_close:hover{ background-position: bottom center; }
.search_wrapper .global_wrapper{ position: relative; display: table-cell; width:auto; height: 100vh; margin: 0 auto; vertical-align: middle;  }
.search_wrapper .global_wrapper .field_wrapper{ width:80%; margin: 0 auto; position: relative; }
.search_wrapper input[type="text"], .search_wrapper input[type="search"]{ background-color: transparent; color: #fff !important; font-family: 'Montserrat-Medium'; font-size: 35px; border-bottom: 5px solid #fff; }
.search_wrapper input[type="button"], .search_wrapper input[type="submit"], .search_wrapper button{ position: absolute; right: 0; top: 20px; width: 40px; height: 40px; background-color: transparent !important; background-image: url('../images/icon_search_white.png'); background-repeat: no-repeat; background-position: top center; background-size: 100%; }
.search_wrapper input[type="button"]:hover, .search_wrapper input[type="submit"]:hover, .search_wrapper button:hover{ background-color: transparent !important; background-position: bottom center; }
.search_wrapper ::placeholder{ color: #fff; font-family: 'Montserrat-Italic'; }
.search_wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
.search_wrapper ::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
.search_wrapper :-ms-input-placeholder { /* IE 10+ */ color: #fff; }
.search_wrapper :-moz-placeholder { /* Firefox 18- */ color: #fff; }

header{ padding:0 0; margin: 0; width: 100%; height: 200px; position: fixed; top: 0; right:0; left: 0; z-index: 5; transition: all 0.2s; overflow: visible; }

.header_top, .header_mid, .header_bottom{ width: 100%; overflow: hidden; display: block; }

.header_top{ height:40px; font-size:14px; color: #fff; }
.header_top div.global_wrapper > div{ width: auto; float: right; padding: 10px 10px; }
.header_top a, .header_top div{ font-size:13px; font-family: 'Montserrat-Bold'; color: #fff; }
.email_address, .phone_number{ position:relative; padding: 6px 0 6px 40px !important; margin:4px 20px 0 0; display: inline-block; width: auto; }
.email_address::before{ content: ''; width: 30px; height: 30px; position: absolute; top:0; left: 0; background-image: url('../images/icon_email.png'); background-repeat: no-repeat; background-size: 100%; background-position:left center; }
.phone_number::before{ content: ''; width: 30px; height: 30px; position: absolute; top:0; left: 0; background-image: url('../images/icon_phone.png'); background-repeat: no-repeat; background-size: 100%; background-position:left center; }
.members_bttn{ width: auto; float: right; margin: 0px 0px 3px 10px; padding: 0 !important; }
.members_bttn a.bttn{ background-color: #000; font-size: 13px; color: #fff; padding: 5px 10px; margin-top: 5px; border-radius: 5px !important; cursor: pointer; text-decoration: none; transition: all 0.3s; }
.members_bttn a.bttn:hover{ background-color: #c5cf00; font-size: 13px; color: #000; }

.header_mid{ height:90px; overflow: visible; position: relative; z-index:3; }
.header_mid .global_wrapper{ overflow: visible; }
.header_bottom { position: relative; z-index:2; }


header.on{ background-color: rgba(246,159,27,1.0); }
header.on .top_logo{ width: 150px; margin-bottom: 10px; }
header .global_wrapper{ padding: 0 0 !important; min-height: auto; height: auto; display: block; }

.top_logo{ width:170px; height: 85px; overflow: hidden; margin: 0px auto; background-color: #fff; position: absolute; z-index: 2; top:0; left:0; display: block; text-align: center; }
.top_logo img{ width: auto; height: 100%; }

.navigation_container{ position:relative; width: auto; height: auto; float: right; margin:5px 0 0 0; }

.mainnav{ position: relative; float: left; z-index: 1; top: 0; right: 0; bottom: 0; left:0; width: auto; height: 50px;  padding:0 13px 0 0; /*transform: translateY(-120%);*/ }
.mainnav::after{ content: ""; position: absolute; right: 0; top:28px; width: 2px; height:20px; background:#000; }
.mainnav nav{ width:100%; height:auto; position:relative; top:0; right:0; bottom: 0; z-index:2; display: block; vertical-align: middle; padding: 0; transition: all 0.4s; opacity:1; transform: translateX(0%); transition-delay: 0.8s; }
.mainnav nav.on{ opacity: 1; transform: translateX(0%);  }
.mainnav nav ul{ display: block; vertical-align: middle !important; font-family: 'Montserrat-Bold'; font-size: 12px; text-transform:capitalize; margin:0; padding:0; text-align: center; }
.mainnav nav ul li{ display: inline-block; float: none; margin:20px 4px; transition:0.6s; transform: translateY(0%); opacity: 1; position: relative; }
.mainnav nav ul li.on{ transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.current-menu-item a, .mainnav nav ul li.active a{ /*border-bottom:2px solid #c5cf00;*/ color:#c5cf00; }
.mainnav nav ul li a{ display: block; width: auto; color: #000; text-transform: uppercase; padding: 10px 0px; margin:0; border-bottom: 0px solid #fff; transition:all 0.4s; position:relative; outline:none; font-family: 'Montserrat-Bold'; }
.mainnav nav ul li a:hover, .mainnav nav ul li a.active{ color:#c5cf00; text-decoration: none; transition:all 0.4s; }
.mainnav nav ul li a:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:currentColor; -webkit-transform-origin:right; transform-origin:right; -webkit-transform:scaleX(0); transform:scaleX(0); transition:-webkit-transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); }
.mainnav nav ul li a.active:after, .mainnav nav ul li a:hover:after{ -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); }
.mainnav nav ul li ul.submenu, .mainnav nav ul li ul.sub-menu{ padding: 10px 12px !important; }

.secondary_mainnav{ position: relative; float: left; z-index: 1; top: 0; right: 0; bottom: 0; left:0; width: auto; height: 50px; padding:0 0 0 10px; /*transform: translateY(-120%);*/ }
.secondary_mainnav nav{ width:100%; height:auto; position:relative; top:0; right:0; bottom: 0; z-index:2; display: block; vertical-align: middle; padding: 0; transition: all 0.4s; opacity:1; transform: translateX(0%); transition-delay: 0.8s; }
.secondary_mainnav nav.on{ opacity: 1; transform: translateX(0%);  }
.secondary_mainnav nav ul{ display: block; vertical-align: middle !important; font-family: 'Montserrat-Bold'; font-size: 12px; text-transform:capitalize; margin:0 0 !important; padding:0 !important; text-align: center; }
.secondary_mainnav nav ul li{ display: inline-block; float: none; margin:20px 4px; transition:0.6s; transform: translateY(0%); opacity: 1; position: relative; }
.secondary_mainnav nav ul li.on{ transform: translateY(0%); opacity: 1; }
.secondary_mainnav nav ul li.current-menu-item a, .secondary_mainnav nav ul li.active a{ border-bottom:2px solid #fff;}
.secondary_mainnav nav ul li a{ display: block; width: auto; color: #0e71b8; text-transform: uppercase; padding: 10px 0px; margin:0; border-bottom: 0px solid #fff; transition:all 0.4s; position:relative; outline:none; font-family: 'Montserrat-Bold'; }
.secondary_mainnav nav ul li a:hover, .secondary_mainnav nav ul li.active a{ color:#c5cf00; text-decoration: none; transition:all 0.4s; }
.secondary_mainnav nav ul li a:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:currentColor; -webkit-transform-origin:right; transform-origin:right; -webkit-transform:scaleX(0); transform:scaleX(0); transition:-webkit-transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); }
.secondary_mainnav nav ul li a.active:after, .secondary_mainnav nav ul li a:hover:after{ -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); }
.secondary_mainnav nav ul li ul.submenu, .secondary_mainnav nav ul li ul.sub-menu{ padding: 10px 12px !important; }

ul.submenu, ul.sub-menu{ position: absolute; width:200%; top:35px; left: -10px; background-color: #fff; text-align: left !important; /*padding: 10px 12px !important;*/ opacity: 0; height: 0px; transform: translateY(-20px); transition: all 0.1s; }
ul.submenu.on, ul.sub-menu.on{ opacity: 1; height: auto; transform: translateY(0px); }
ul.submenu li, ul.sub-menu li{ padding: 0 0 !important; margin: 0 0 !important; display: block !important; text-align: left !important; height: 0px; transition: all 0.1s; }
ul.submenu.on li, ul.sub-menu.on li{ padding: 6px 0 !important; height:auto; }
ul.submenu li a, ul.sub-menu li a{ margin: 0 0 !important; padding: 0 0 !important; text-align: left !important; }
ul.submenu li a:hover, ul.submenu li.active a, ul.sub-menu li a:hover, ul.sub-menu li.active a{ color: #0e71b8 !important; }
ul.submenu li.current-menu-item a, ul.submenu li.active a, ul.sub-menu li.current-menu-item a, ul.sub-menu li.active a{ color: #0e71b8 !important; border-bottom:2px solid #fff; }

ul.secondary_navigation{ display: block; width: 100%; height: auto; overflow: visible; text-align: center; padding: 0 0 0 0 !important; }
ul.secondary_navigation div ul.menu{ text-align: center !important; padding: 0 0 0 0 !important;  }
ul.secondary_navigation li{ display: inline-block; margin:10px !important; } 
ul.secondary_navigation li a{ display:block; padding:0 0 !important; margin: 0 !important; }
ul.secondary_navigation li:hover a{ color: #2697ed; }

.search_icon{ position:relative; float:right; margin:23px 0 0 20px; padding: 0px; width:30px; height:30px; cursor:pointer; overflow:hidden; background-image: url('../images/icon_search.png'); background-size: 70%; background-repeat: no-repeat; background-position:top center;  }
.search_icon:hover{ background-position:bottom center;  }

.header_bottom{ height:40px; }
.plastic_stocks{ display: block; width: 80%; height: auto; padding:12px 0 0 0; color: #fff; font-size: 13px; float: left; }
.plastic_single_stock{ display:inline-block; width: auto; height: auto; }
.plastic_category_title, .plastic_sub_category_single, .plastic_sub_category, .plastic_sub_category_title, .plastic_sub_category_price{ display: inline-block; width:auto; }
.plastic_sub_category_single{ padding: 0 15px 0 5px; }
.plastic_category_title{ color: #c5cf00; font-family: 'Montserrat-ExtraBold'; text-transform: uppercase; }
.plastic_sub_category{ font-family: 'Montserrat-ExtraBold'; text-transform: uppercase; padding: 0 8px; }
.plastic_sub_category_title{ color: #2497e9; text-transform: capitalize; padding: 0 0 0 5px; }
.plastic_sub_category_price{ padding: 0 8px 0 0; }

.stocks_bttn{display: block; width: 20%; height: auto; float: left; text-align: right; }
.stocks_bttn a.bttn{ background-color: #c5cf00; font-size: 13px; color: #000; padding: 5px 10px; margin-top: 5px; border-radius: 5px !important; cursor: pointer; text-decoration: none; transition: all 0.4s; }
.stocks_bttn a.bttn:hover{ background-color: #2695e9; font-size: 13px; color: #fff; }

header.on .mobi_menu_icon span{ background-color:#000 !important; }
.mobi_menu_icon{ display:none; position:fixed; z-index:7; padding: 15px; width:50px; min-height:43px; height:auto; top:63px; right:20px; cursor:pointer; overflow:hidden; background-color:#2697ed; border-radius:5px; }
.mobi_menu_icon span{ transition:all 0.4s; height:2px; display:block; background-color:#fff; float: right; }
.mobi_menu_icon:hover span{  }
.mobi_menu_icon span:nth-child(3n+1){ width:100%; margin:0 0 2px 0; /*background-color:#000;*/ position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon span:nth-child(3n+2){ width:100%; margin:2px 0 2px 0; /*background-color:#000;*/ position:relative; opacity:1; float: right; }
.mobi_menu_icon span:nth-child(3n+3){ width:100%; margin:2px 0 0 0; /*background-color:#000;*/  position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon:hover span:nth-child(3n+1){ width:60%; }
.mobi_menu_icon:hover span:nth-child(3n+2){ width:100%; }
.mobi_menu_icon:hover span:nth-child(3n+3){ width:70%; }
.mobi_menu_icon.active span:nth-child(3n+1){ width:50%; margin:0 0 0 0; transform:rotate(45deg); position:absolute; top:21px; left:25%; }
.mobi_menu_icon.active span:nth-child(3n+2){ width:100%; opacity:0; }
.mobi_menu_icon.active span:nth-child(3n+3){ width:50%; margin:0 0 0 0; transform:rotate(-45deg); position:absolute; top:21px; right:25%; }

ul.slick-dots{ position: absolute; z-index: 3; left: 0; top: 50%; }
ul.slick-dots::before{ position: absolute; left: 5px; top: 0; width: 10px; height: 50px; background-color: #fff; }
ul.slick-dots::after{}
ul.slick-dots li{ display: block; width:15px; height: 15px; border-radius: 50%; overflow: hidden; margin: 10px 0; font-size: 0; color:transparent; }
ul.slick-dots li button{ display: block; width:15px; height: 15px; border-radius: 50%; overflow: hidden; color: #e4e0e0; border: none; background-color: #fff !important; }
ul.slick-dots li.slick-active button{  background-color: #ffc300 !important; }

.slick-arrow{ position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); /*width: 50px !important; height: 80px !important;*/ overflow: hidden; background-color:transparent !important; background-size: contain !important; border: none;  width: 30px; height: 40px; font-size: 0; color: transparent; transition: all 0.4s; border-radius: 3px; }
.slick-arrow:after{ font-family:"FontAwesome"; font-size:30px; color:#000; padding:0 0; position: absolute; right:0; left: 0; top: 0; bottom: 0; transform: translateY(0%); display: block; width: 100%; height: 100%; }
.slick-arrow:hover{ background-color: transparent !important; }
.slick-next{ right: 3%; }
.slick-next:after{ content:"\f054"; }
.slick-prev{ left: 3%; }
.slick-prev:after{ content:"\f053"; }
.slick-arrow:hover{ border:none; }

.listed_csr .slick-prev, .listed_csr .slick-next, 
.listed_careers .slick-prev, .listed_careers .slick-next, 
.listed_blogs .slick-next, .listed_blogs .slick-prev, 
.listed_press_release .slick-next, .listed_press_release .slick-prev, 
.listed_events .slick-next, .listed_events .slick-prev, 
.listed_news .slick-next, .listed_news .slick-prev
.listed_gallery .slick-next, .listed_gallery .slick-prev{ width: 30px !important; height: 40px !important; border-radius: 3px; }

.listed_csr .slick-next,
.listed_careers .slick-next, 
.listed_blogs .slick-next, 
.listed_press_release .slick-next, 
.listed_events .slick-next, 
.listed_news .slick-next{ right: 0px; background-color: #2697ed !important; }

.listed_csr .slick-next:hover,
.listed_careers .slick-next:hover, 
.listed_blogs .slick-next:hover, 
.listed_press_release .slick-next:hover, 
.listed_events .slick-next:hover, 
.listed_news .slick-next:hover{ background-color: #d6df23 !important;}

.listed_csr .slick-prev,
.listed_careers .slick-prev, 
.listed_blogs .slick-prev, 
.listed_press_release .slick-prev, 
.listed_events .slick-prev, 
.listed_news .slick-prev{ left: 0px; background-color: #d6df23 !important; }

.listed_csr .slick-prev:hover,
.listed_careers .slick-prev:hover, 
.listed_blogs .slick-prev:hover, 
.listed_press_release .slick-prev:hover, 
.listed_events .slick-prev:hover, 
.listed_news .slick-prev:hover{ background-color: #2697ed !important; }

.listed_csr .slick-prev:after, .listed_csr .slick-next:after, 
.listed_careers .slick-prev:after, .listed_careers .slick-next:after, 
.listed_blogs .slick-next:after, .listed_blogs .slick-prev:after, 
.listed_press_release .slick-prev:after, .listed_press_release .slick-next:after, 
.listed_events .slick-next:after , .listed_events .slick-prev:after, 
.listed_news .slick-next:after , .listed_news .slick-prev:after{ font-size:15px; line-height: 2.6em; }


ul.pagination{ display: block; width: 100%; height: auto; overflow: hidden; text-align: center; }
ul.pagination li{ display:inline-block; width:auto; min-width:20px; height: auto; min-height: 20px; position: relative; color: #000; vertical-align: middle; padding:0 !important; margin: 0 !important; text-align: center !important; }
ul.pagination li:first-child::before{ content: '\f053'; font-family: FontAwesome; position:absolute; padding-top:2px; top:0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #d6df23; border-radius: 5px; }
ul.pagination li:last-child::before{ content: '\f054'; font-family: FontAwesome; position:absolute; padding-top:2px; top:0; left: 0; bottom: 0; right: 0;  width: 100%; height: 100%; background-color: #2697ed; border-radius: 5px; }
ul.pagination li a{ display: block; background-color: transparent !important; border: none !important; color:rgba(0,0,0,1); padding:0 8px !important; margin: 0 !important; text-align: center !important; }
ul.pagination li a:hover{ color:#2697ed; }

.page-numbers-centered{ display: block; width: 100%; height: auto; overflow: hidden; text-align: center; text-align: center; }
ul.page-numbers{ width: auto; display:block; margin: 0 auto; text-align: center; }
ul.page-numbers li { display: inline-block; text-align: center; border-radius: 5px; overflow: hidden; margin:0px 5px; }
a.prev{ background-color: #d6df23; border-radius: 5px; font-size: 15px; padding: 5px 5px 5px 5px !important; }
a.next{ background-color: #2697ed; border-radius: 5px; font-size: 15px; padding: 5px 5px 5px 5px !important; }
.page-numbers{}
ul.page-numbers li a{ font-family: 'Montserrat-Bold'; color:#000; text-decoration: none; padding:5px; }
ul.page-numbers li a:hover{ opacity: 0.6; }
ul.page-numbers li > .current{ color: #c0bf00 !important; font-family: 'Montserrat-Bold'; }

/*---------------------------------HOME PAGE-----------------------------------------*/
/*.overlay_packs{ position: fixed; z-index: 2; background-color: transparent; width: 100%; height: 100vh; bottom: 0; right: 0; left: 0; top: 0; }*/
.overlay_packs{ position: absolute; z-index: 3; background-color: transparent; width: 100%; height: 100%; bottom: 0; right: 0; left: 0; top: 0; }
.overlay_packs div { transition: all 0.6s; }
.packs_left{ position: absolute; width: 40%; height: 100vh; transform: translate(0, 0) scale(1); left:-5%; top:0; bottom: 0; background-image: url('../images/01_homepack_left.png'); background-repeat: no-repeat; background-position:left center; background-size: contain; }
.overlay_packs:hover .packs_left, .single_banner:hover .packs_left{ transform: translate(-5%, 0%) scale(0.95); }
.packs_bottom{ position: absolute; width: 20%; height: 20vh; transform: translate(-50%, 0%) scale(1); left:50%; bottom:-20px;  background-image:url('../images/03_homepack_mid_bottom.png'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.overlay_packs:hover .packs_bottom, .single_banner:hover .packs_bottom{ bottom:-5%; }
.packs_right{ position: absolute; width: 40%; height: 80vh; transform: translate(0, 0) scale(1); right:-5%; bottom:0; background-image: url('../images/02_homepack_right_bottom.png'); background-repeat: no-repeat; background-position:right bottom; background-size: contain; }
.overlay_packs:hover .packs_right, .single_banner:hover .packs_right{ transform: translate(10%, 5%) scale(1); }


#home_banner{ width: 100%; min-height: 100vh; height:100vh; transform: translate(0, 0) scale(1);  position: relative; background-attachment: fixed; background: #eeeeee; }
#home_banner .global_wrapper{ padding:40px 0; }
#home_banner .slick-arrow{ top: 57% !important; }

.single_banner{ background-size:cover; background-color: rgba(14,113,184,1); background-position: center; position: relative; overflow: hidden; }
.single_banner::before{ content: ""; background-color:rgba(48,158,237,0.8); position:absolute; top:0; right: 0; left: 0; bottom: 0; }

.home_banner_txt{ display:table; width: 90%; height: 100vh; position: relative; z-index: 3; left: 5%; text-align: center; }
.home_banner_txt article{ display:table-cell; vertical-align: middle; text-align: center; padding-top: 110px; }
.single_banner h1{ color: #fff; font-size: 600%; font-family: 'Montserrat-ExtraBold'; text-shadow:rgba(0,0,0,0.3) 0px 0px 20px; line-height: 1.2em; opacity: 0; transform: translateY(10%); transition-delay: 1s; transition:all 0.5s; }

a.home_bttn{ background-color: rgba(214, 223, 35, 1); color: rgba(38, 151, 237, 1); padding: 10px 30px; font-size: 20px; text-decoration: none; border-radius: 5px !important; opacity: 0; transform: translateY(10%); transition: all 0.4s; }
a.home_bttn{ transition-delay: 1.5s; }

.slick-active h1{ opacity: 1; transform: translateY(0%); transition-delay: 0.6s; }
.slick-active a.home_bttn{ opacity: 1; transform: translateY(0%); transition-delay: 0.1s; }

.main_article{ position: relative; overflow: hidden; width: 100%; min-height: 94vh; height: auto; padding:180px 0 40px; background-color: #eeeeee; }
.section_wrap{ display: block; overflow: hidden; width: 100%; height:auto; }

/*---------------------------------ABOUT SECTION-----------------------------------------*/
.article_intro{ text-align: center; width: 100%; height:auto; }
.article_intro p{ width:/*74%*/100%; margin: 15px auto; }

/*---------------------------------SERVICES SECTION-----------------------------------------*/
#services .global_wrapper{ padding:300px 0 150px !important; }
#services h1{ text-align: right; color: #0e71b8; margin: 20% 0 0 0; }
.listed_services{ display: block; width: 100%; height: auto; padding: 10px 0; }
.single_service{ width: 30%; min-height: 450px !important; height: auto; padding: 40px 20px; display: inline-block; vertical-align: top; margin:20px 1%; vertical-align: top; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 0px; transition: all 0.5; }
.single_service:hover{ box-shadow: rgba(0,0,0,0) 0px 0px 5px 0px; transition: all 0.5; }
.listed_services h2{ text-align: center !important; text-transform: capitalize; font-size: 18px; }
.listed_services .single_service:nth-child(2n+1) h2{ color:#2697ed; }
.listed_services .single_service:nth-child(2n+2) h2{ color:#c5cf00; }
.listed_services .single_service{ text-align: center; }
.listed_services div.col-lg-4{ box-shadow:#000 0 0 10px 10px; width:30%; height: auto; min-height: 300px; }
.service_icon{ width: 170px; height: 170px; background-size: 50%; background-position: center center; background-repeat: no-repeat; border-radius: 50%; border:8px solid #eee; margin: 0 auto; }
.listed_services .slick-arrow:after{ width: 20px !important; height: 30px !important; /*font-size:20px;*/ }
.listed_services .slick-prev{ left: -2%; }
.listed_services .slick-next{ right: -2%; }

/*---------------------------------SERVICES SECTION-----------------------------------------*/
#team_categories{ text-align: center; }
#team_categories h1{ color: #0e71b8; }
.listed_teams_cats{ display: block; width: 100%; height: auto; overflow: hidden; }
.single_team{ width: 350px; height: 400px; cursor: pointer; margin: 20px 40px 20px 40px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; }
.single_team:last-child{ margin: 20px 0 20px 40px; }
.single_team::before{ content: ''; position: absolute; z-index: 1;  background-color: rgba(0,0,0,0.6); top: 0; left: 0; right: 0; bottom: 0; transition: 0.5s; }
.single_team h1{ text-align: center; position: relative; z-index: 2; color:#fff !important; vertical-align: middle; margin: 45% 0 0 0; }
.single_team h1:after{ content: ''; background-image: url('../images/icon_chainlink.png'); background-repeat: no-repeat; width: 30px; height: 30px; margin: 10px auto 0; background-size: 100%;  background-repeat: no-repeat; background-position:top center; position: relative; display: block; bottom: 0; transition: all 0.2s; }

.listed_teams_cats a:hover .single_team::before { background-color: rgba(0,0,0,0.8); }
.listed_teams_cats a:hover .single_team h1{ color:#c5cf00 !important; }
.listed_teams_cats a:hover .single_team h1:after{ background-position:bottom center; }

/*---------------------------------PARTNERS SECTION-----------------------------------------*/
#partners{ display: block; }
#partners .global_wrapper{ overflow: visible; padding-bottom: 100px; }
#partners h1{ color: #fff; text-align: center; }
.listed_partners{ width: 100%; height: auto; text-align: center; }
.single_partner{ width:160px; height: 150px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; }
.listed_partners .slick-prev{ left: -3%; }
.listed_partners .slick-next{ right: -2%; }

/*---------------------------------FAQS SECTION-----------------------------------------*/
.listed_questions{ display: block; width: 100%; height: auto; overflow: hidden; }
.single_faq{ width: 100%; height: auto; overflow: hidden; }
.faq_question, .faq_answer{ width: 100%; height:auto; overflow: hidden; display:block; }
.faq_question h1{ width:96%; margin: 10px auto; background-color: #fff; font-size: 20px; text-align: left; padding: 20px 30px; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; position: relative; cursor: pointer; }
.faq_question h1::after{ content:"\f107"; font-family: FontAwesome; font-size: 30px; position: absolute; transform: translateY(-50%); top: 50%; right: 20px; color: #000; transition: all 0.5s; }
.faq_question h1.on::after{ content:"\f106"; }
.single_faq:hover .faq_question h1{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }

.faq_answer{ width:96%; height: 0px; margin: 0px auto; text-align: left; padding: 0px 30px; opacity: 0; transition: all 0.5s; } 
.faq_answer.on{ opacity: 1; height: auto; }


/*---------------------------------TEAM MEMBERS SECTION-----------------------------------------*/
.listed_team{ display: block; width: 100%; height: auto; overflow: hidden; }
.single_member{ width:30%; min-height: 130px; vertical-align: top; height: auto; display: inline-block; position: relative; background-color: #fff; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; overflow: hidden; margin-top: 20px; cursor: pointer; transition: all 0.4s; }

.single_member:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_member:nth-child(3n+1){  }
.single_member:nth-child(3n+2){ margin-left: 2%; margin-right: 2%; }
.single_member:nth-child(3n+3){  }

.single_member_img{ position: absolute; left: 0; bottom: 0; top: 0; width:120px; min-height: 100px; height: 100%; overflow: hidden; background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: bottom left; }
.single_member_info{ position: relative; left: 120px;  width: 60%; min-height: 130px;  height: 100%; padding: 15px 0px; float: left; text-align: left; display: table; vertical-align: middle; }

.member_wrap{ display: table-cell; vertical-align: middle; height: 100%; width: 100%; }
.single_member_info h1{ font-size:15px; padding: 0 0 !important; margin: 0 0 0 0  !important; color: #2697ed; font-family: 'Montserrat-ExtraBold'; }
.single_member_info h2{ font-size:13px; padding: 0 0 !important; margin: 2px 0 2px 0 !important; text-transform: none; font-family: 'Montserrat-ExtraBold'; }
.single_member_info h3{ font-size:11px; padding: 0 0 !important; margin: 10px 0 0 0 !important; text-transform: none; line-height: 1.2em; font-family: 'Montserrat-SemiBold'; }


.item_date{ font-family: 'Montserrat-MediumItalic'; font-size: 12px; margin:0 0 10px 0; }
.item_category{ font-family: 'Montserrat-MediumItalic'; font-size: 12px; margin:0 0 10px 0; text-align: right; }
.item_category a{ font-family: 'Montserrat-MediumItalic' !important; font-size: 12px; color: #000 !important; text-decoration: none !important; }
.item_category a:hover{ color: #2697ed !important; }
.item_image{ width: 100%; height: 200px; background-color: grey; background-repeat: no-repeat; background-size: cover; background-position: center; }
.item_content{ width: 100%; height: auto; position: relative; text-overflow: ellipsis; }

/*---------------------------------NEWS SECTION-----------------------------------------*/
#latest_news h1{ color: #0e71b8; font-size: 25px; }
.listed_news{ display: block; width: 100%; height: auto; overflow: visible; }
.single_news{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 20px; margin: 20px 15px; width: 30%; /*width: auto;  margin: 20px 1%; width: 30%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_news:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_news .item_date{ text-align: left; }
.single_news .item_content{ min-height: 240px; text-align: left; }
.single_news h1{ color: #2697ed; font-family: 'Montserrat-SemiBold'; font-size: 16px !important; margin: 15px 0 !important; }

.bttn_view_more{ color: #c5cf00; padding: 0 0 0 15px; font-size: 12px; }
.bttn_view_more:hover{ color: #2697ed; text-decoration: none; }
.bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #2697ed; }
.bttn_view_more:hover::before{ background-color: #c5cf00; }

.bttn_top_right{ position: absolute; width: auto; top: 70px; right: 0; padding:8px 20px; }
.bttn_mid{ position: relative; width: auto; margin: 0 auto; padding:8px 20px; }
.bttn_green{ color: #c5cf00; }
.bttn_green:hover{ color: #2497e9; }
.bttn_blue{ color: #2497e9; }
.bttn_blue:hover{ color: #c5cf00; }
.bttn_mid::before, .bttn_top_right::before{ content: ''; position: absolute; width: 5px; height: 100%; top: 0; bottom: 0; left: 0; background-color: currentColor; }
.bttn_mid::after, .bttn_top_right::after{ content: ''; position: absolute; width: 5px; height: 100%; top: 0; bottom: 0; right: 0; background-color: currentColor; }

/*---------------------------------EVENTS SECTION-----------------------------------------*/
#events h1{ color: #0e71b8; font-size: 25px; }
.listed_events{ display: block; width: 100%; height: auto; overflow: auto; text-align: center; }
.single_event{ display:inline-block !important; position: relative; vertical-align: top; background-color: #fff; margin: 20px 40px; width: 40%; height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_event:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_event .item_category{ display: block; width: 100%; height: auto; padding:15px 20px; text-align: left; margin: 0 0 !important; }
.single_event .item_content{ padding:10px 20px; display: block; width: 100%; min-height: 100px; height: auto; overflow: hidden; text-align: left; }
.single_event .item_content h1{ color: #c5cf00 !important; margin:10px 0; font-size: 20px !important; font-family: 'Montserrat-ExtraBold' !important; }
#events .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
#events .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
#events .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
#events .bttn_view_more:hover::before{ background-color: #2697ed; }

/*---------------------------------PRESS SECTION-----------------------------------------*/
#press_releases h1{ color: #0e71b8; font-size: 25px; }
.listed_press_release{ display: block; width: 100%; height: auto; overflow: auto; text-align: center; }
.listed_press_release a:hover{ text-decoration: none; }
.single_press_release{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 20px; margin: 20px 20px; width: 28%; /*margin: 15px 1%; width: 30%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_press_release:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_press_release:hover h1{ text-decoration: none; }
.single_press_release .item_content{ text-align: left; }
.single_press_release h1{ color:#2497e9 !important; font-size: 20px !important; margin: 20px 0 !important; font-family: 'Montserrat-ExtraBold' !important;  }
.single_press_release .item_category{ text-align: left; }
#press_releases .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
#press_releases .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
#press_releases .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
#press_releases .bttn_view_more:hover::before{ background-color: #2697ed; }
.single_press_release:hover h1{ color: #c5cf00 !important; }
.single_press_release:hover .bttn_view_more{ color: #c5cf00 !important; text-decoration: none; }
.single_press_release:hover .bttn_view_more::before{ background-color: #2697ed !important; }

/*---------------------------------BLOGS SECTION-----------------------------------------*/
#blog h1{ color: #0e71b8; font-size: 25px; }
.listed_blogs{ display: block; width: 100%; height: auto; overflow: auto; text-align: center !important; }
.single_blog{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 0 0; margin: 20px 10px; width: 28%; /*margin:20px 1.5%;  width: 40%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_blog:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.article_intro .single_blog{ width: 30%; }
.single_blog .item_category{ text-align: left; padding: 15px 20px; margin:0 0 0 0; }
.single_blog .item_image{ width:100%; height: 200px; overflow: hidden; }
.single_blog .item_content{ text-align: left; padding: 15px 20px; margin:0 0 0 0; }
.single_blog .item_content h1{ font-family: 'Montserrat-SemiBold'; font-size: 18px !important; margin: 15px 0 !important; color: #2697ed !important; }
.single_blog .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
.single_blog .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
.single_blog .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
.single_blog .bttn_view_more:hover::before{ background-color: #2697ed; }
.listed_blogs .slick-prev{ left: 0; }
.listed_blogs .slick-next{ right: 0; }

/*---------------------------------ARTICLE SECTION-----------------------------------------*/
.wrapper_article{ display: block; width: 100%; height: auto; }
.article_banner{ display: block; width: 100%; height: auto; margin: 100px auto 50px; position: relative; z-index: 2; }
.article_banner .global_wrapper{ overflow: visible; }
.article_banner .banner_img{ height: 400px; background-color: #2695e9; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; top:-150px; width: 80%; margin: 0 auto; padding: 40px 0; display: block; overflow: hidden; }
.banner_more{ position: relative; display: block; width: 80%; height: auto; top:-100px; margin: 0 auto; }
.banner_more .item_category, .banner_more .item_date{ width: 50%; height: auto; float: left; }
.article_banner .item_category{ text-align: left; }
.article_banner .item_date{ text-align: right; }
.article_writeup{ width: 80%; height: auto; margin: 0 auto; text-align: left; top:-200px !important; position: relative; z-index: 1; }
.article_writeup h1, .contentWrapper h1{ font-family: 'Montserrat-SemiBold'; font-size: 20px !important; color: #2697ed !important; }
.article_writeup h2, .contentWrapper h2{ font-family: 'Montserrat-Bold'; font-size: 15px !important; color: #000 !important; }
.events_article h1{ font-family: 'Montserrat-ExtraBold'; font-size: 25px !important; color:#c5cf00 !important;  }
.article_writeup ul, .article_writeup ol{ padding: 0 0 0 20px !important; margin: 0 0 0 0 !important;  }
.article_writeup ul, .article_writeup ol, .article_writeup p, .contentWrapper ul, .contentWrapper ol, .contentWrapper p{ font-size:14px !important; }
.article_gallery{  width: 80%; height: auto; margin: 0 auto; text-align: left; top:-200px !important; position: relative; }
.listed_gallery{ display: block; width: 100%; height: auto; overflow: visible; text-align: center; }
.single_gallery{ display: inline-block; width:28%; height: 250px !important; margin:0 1%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.listed_gallery .slick-next{ right: 0px; background-color: #2697ed !important; }
.listed_gallery .slick-next:hover{ background-color: #d6df23 !important;}
.listed_gallery .slick-prev{ left: 0px; background-color: #d6df23 !important; }
.listed_gallery .slick-prev:hover{ background-color: #2697ed !important; }
.listed_gallery .slick-next:after , .listed_gallery .slick-prev:after{ font-size:15px; line-height: 2.6em; }

.footer_list_container h1{ color: #2697ed !important; font-size: 18px !important; font-family: 'Montserrat-SemiBold'; }

/*---------------------------------NEWSLETTER-----------------------------------------*/
.newsletter_form{ width: 40%; height: auto; display: block; margin: 0 auto; overflow: hidden; }
.newsletterHeader h1{ color:#c0bf00; }

/*---------------------------------RESOURCES-----------------------------------------*/
.listed_resources{ display: block; width: 86%; height: auto; margin: 0 auto; overflow: visible; text-align: center; }
.single_resource{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding:20px; margin: 20px 10px; width: 28%; /*margin: 20px 40px; width: auto; margin:10px 1% 40px !important;  width: 22%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_resource:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.resource_icon{ display: block; margin:30px auto 10px; width:200px; height:200px; border-radius: 50%; border: 10px solid rgba(238,238,238,1); text-align: center; background-repeat: no-repeat; background-position: center; background-size: 60%; }
.resource_writeup{ display: block; text-align: center; width:100%; height: auto; overflow: hidden; }
.resource_writeup h1{ color:#2697ed; font-size: 20px; margin: 10px 0; }
.resource_writeup p{ font-size: 13px !important; margin: 20px 0 !important; min-height: 60px; }
.resource_writeup a.bttn_mid{ margin:20px 0 !important; }
.listed_resources .slick-prev{ left: 0; }
.listed_resources .slick-next{ right: 0; }

/*--------------------------------- CAREERS-----------------------------------------*/
.listed_careers{ display: block; width: 90%; height: auto; margin: 0 auto; overflow: visible; text-align: center; }
.single_career{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding:22px; margin: 20px 10px; width: 28%; /*margin: 20px 40px; width: auto; margin:10px 1% 40px !important;  width: 22%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; text-align: left;  }
.single_career:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_career .fullwidth{ display: block; width:100%; height:auto; overflow: hidden; text-align: left;  }
.single_career .item_category{ width:50% !important; height: auto; float: left; text-align: left !important; }
.single_career .item_date{ width:50% !important; height: auto; float: left; text-align: right !important; }
.single_career .item_content{ width:55% !important; height: auto; float: left; text-align: left !important; margin-right: 5%; }
.single_career .item_content h1{ font-family: 'Montserrat-Medium'; font-size:16px; margin: 8px 0 !important; padding: 0 0 !important; }
.single_career .item_content p{ font-size:12px; }
.single_career .item_image{ width:40% !important; height: 150px; float: left; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: contain; }
.single_career .bttn{ text-align: left; margin: 20px 0 10px; }
.single_career .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
.single_career .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
.single_career .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
.single_career .bttn_view_more:hover::before{ background-color: #2697ed; }

.careers_noBanner .article_writeup{ top:0 !important; }
.careers_noBanner h1{ color:#2697ed !important; font-family: 'Montserrat-ExtraBold' !important; font-size: 22px !important;  }
.careers_noBanner h2{ color:#2697ed !important; font-family: 'Montserrat-SemiBold' !important; font-size: 18px !important; }
.careers_noBanner input{ background-color:#eeeeee !important; }
.careers_noBanner input[type="button"]{ background-color:#d6df23 !important; color: #000 !important; }
.careers_noBanner input[type="button"]:hover{ background-color:#2697ed !important; color: #fff !important; }

.footer_list_container .listed_careers{ width: 100% !important; }

/*---------------------------------CSR-----------------------------------------*/
.listed_csr{ display: block; width: 80%; height: auto; margin: 0 auto; overflow: visible; text-align: center; }
.footer_list_container .listed_csr{ width: 100%; }
.single_csr{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 0 0; margin: 20px 10px; width: 28%; /*margin: 20px 40px; width: auto; margin:20px 1%;  width: 30%;*/ height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_csr:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.article_intro .single_blog{ width: 30%; }
.single_csr .item_category{ text-align: left; padding: 15px 20px; margin:0 0 0 0; }
.single_csr .item_image{ width:100%; height: 200px; overflow: hidden; }
.single_csr .item_content{ text-align: left; padding: 15px 20px; margin:0 0 0 0; }
.single_csr .item_content h1{ font-family: 'Montserrat-SemiBold'; font-size: 18px !important; margin: 15px 0 !important; color: #2697ed !important; }
.single_csr .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
.single_csr .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
.single_csr .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
.single_csr .bttn_view_more:hover::before{ background-color: #2697ed; }
.listed_csr .slick-prev{ left: 0; }
.listed_csr .slick-next{ right: 0; }

/*---------------------------------DOWNLOADS-----------------------------------------*/
.listed_downloads{ display: block; width: 80%; height: auto; margin: 0 auto; overflow: visible; text-align: center; }
.listed_downloads a:hover{ text-decoration: none; }
.single_download{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 20px; margin: 15px 1%; width: 30%; height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_download:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.single_download:hover h1{ text-decoration: none; }
.single_download .item_content{ text-align: left; }
.single_download h1{ color:#2497e9 !important; font-size: 20px !important; margin: 20px 0 !important; font-family: 'Montserrat-ExtraBold' !important;  }
.single_download .item_category{ text-align: left; }
.listed_downloads .bttn_view_more{ color: #2697ed; padding: 0 0 0 15px; font-size: 12px; }
.listed_downloads .bttn_view_more:hover{ color: #c5cf00; text-decoration: none; }
.listed_downloads .bttn_view_more::before{ content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #c5cf00; }
.listed_downloads .bttn_view_more:hover::before{ background-color: #2697ed; }
.single_download:hover h1{ color: #c5cf00 !important; }
.single_download:hover .bttn_view_more{ color: #c5cf00 !important; text-decoration: none; }
.single_download:hover .bttn_view_more::before{ background-color: #2697ed !important; }

/*---------------------------------CONTACT US-----------------------------------------*/
.content_wrapper{ display: block; width: 100%; height: auto; margin: 0 auto; overflow: visible; text-align: left; }
.content_wrapper h1{ font-size:30px; }
.content_wrapper h2{ font-size:28px; }
.content_wrapper h3{ font-size:26px; }
.content_wrapper h4{ font-size:24px; }
.content_wrapper h5{ font-size:22px; }
.content_wrapper h6{ font-size:20px; }

.contact_form{ display: inline-block; width: 45%; min-height: 400px; height: auto; overflow: hidden; float: left; }
.contact_writeup{ display: inline-block; margin-left:6%; width: 45%; min-height: 400px; height: auto; overflow: hidden; float: left; text-align: left; background-image: url('../images/mascot_contactus.png'); background-repeat: no-repeat; background-size: contain; background-position: left top; }
.contact_details{ width:38%; height: 200px; margin:8% 0 0 5%; }
.contact_details h1{ color: #2697ed; font-size: 18px; margin: 5px 0 !important; padding: 0 0 !important; }

.contact_details p{ color: #000; font-size: 14px; margin: 5px 0 !important; padding: 0 0 !important; }
.wpcf7-form p{ padding:0 0 !important; margin:0 0 !important; }

/*---------------------------------INTIATIVES-----------------------------------------*/
.initiatives_mascot{ position: fixed; width: 100%; height: 70vh; background-image: url('../images/mascot_thumbup.png'); background-repeat: no-repeat; background-position: top right; background-size: contain; }
.initiatives_wrapper{ display: block; width: 100%; height: auto; overflow: visible; text-align: center; }
.listed_initiatives{ display: block; width: 70%; height: auto; overflow: visible; text-align: center; margin-left:5%; }
.single_initiative{ display:inline-block; position: relative; background-color: #fff; padding:20px; margin:10px 10px 40px !important;  width: 30%; height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_initiative:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.initiative_icon{ display: block; margin:30px auto 10px; width:170px; height:170px; border-radius: 50%; border: 10px solid rgba(238,238,238,1); text-align: center; background-repeat: no-repeat; background-position: center; background-size: 60%; }
.initiative_writeup{ display: block; text-align: center; width:100%; height: auto; overflow: hidden; }
.initiative_writeup h1{ color:#2697ed; font-size: 20px; margin: 10px 0; }
.initiative_writeup p{ font-size: 13px !important; margin: 20px 0 !important; min-height: 60px; }
.initiative_writeup a.bttn_mid{ margin:20px 0 !important; }
.listed_initiatives .slick-prev{ left: -4%; }
.listed_initiatives .slick-next{ right: -4%; }

/*---------------------------------INTIATIVES-----------------------------------------*/
.initiativesHeader h1{ color:#2697ed; }
.initiatives_form{ width: 80%; height: auto; display: block; margin: 0 auto; overflow: hidden; }
.contentWrapper{ width: 80%; height: auto; margin: 0 auto; text-align: left; position: relative; }
.contentWrapper iframe{ width: 100% !important; height: auto; min-height: 60vh !important; }

/*---------------------------------MEMBERSHIP-----------------------------------------*/
.membership_form{ width: 100%; height: auto; display: block; margin: 0 auto; overflow: hidden; }
.membership_form h1{ font-size:18px !important; font-family: 'Montserrat-Bold' !important; padding: 5px 0 !important; margin:20px 0 10px !important; }
.membership_form h2{ font-size:14px !important; font-family: 'Montserrat-Bold' !important; padding: 5px 0 !important; margin:20px 0 10px !important; }
.wpcf7-radio > .wpcf7-list-item, .wpcf7-radio > label.wpcf7-list-item-label{ display: block !important; width: 100% !important; }

/*---------------------------------RECYCLED CENTER-----------------------------------------*/
.listed_products{ display: block; width: 80%; height: auto; margin: 0 auto; overflow: visible; }
.listed_products a:hover{ text-decoration: none; }
.single_product{ display:inline-block; position: relative; vertical-align: top; background-color: #fff; padding: 20px; margin: 15px 1%; width: 22%; height: auto; box-shadow:rgba(0,0,0,0.3) 0 0 5px 0px; transition: all 0.4s; }
.single_product:hover{ box-shadow:rgba(0,0,0,0) 0 0 5px 0px; }
.product_image{ display: block; width: 100%; height: 200px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.product_writeup{ width:100%; height: auto; min-height: 100px; display: block; font-size: 20px; font-family: 'Montserrat-ExtraBold'; color:#000000; text-align: center; }
.product_writeup h1{ font-size: 16px !important; margin: 10px 0 5px !important; text-align: left !important; }
.product_writeup h2{ font-size: 16px !important; margin: 5px 0 10px !important; text-align: left !important; }
.product_writeup .bttn_mid{ font-size:14px;  }

/*----------------------------------MATERIALS STOCK LISTING---------------------------------------*/
.materialWrapper{ display: block; width: 100%; height: auto; overflow: hidden; }
.materialCategory{ display: block; width: 100%; height: auto; overflow: hidden; }
.materialCatSingle{ display: block; width: 100%; height: auto; overflow: hidden; padding:0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #000; }

.materialSubCatWrap{ display: block; text-align: center; width: auto; height: auto; overflow: hidden; }
.materialSubCatWrapSingle{ width: 250px; height:auto; background-color: #c5cf00; display: inline-block; vertical-align: middle; padding: 20px; margin: 10px 10px; }
.materialSubCatImg{ display: block; width:100%; height: 180px; overflow: hidden; background-color: #000000; background-size: auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
.materialSubCatTxt{ display: block; width:100%; min-height: 50px; height: auto !important; overflow: hidden; padding:20px 0 0 0; }
.materialSubCatTxt h1{ font-size: 20px; margin: 0px 0px 10px !important; padding: 0px !important; }
.materialSubCatTxt p{ font-size: 14px; margin: 0px 0px 10px !important; padding: 0px !important;  }

/*---------------------------------ERROR 404-----------------------------------------*/
.error_mascot{ position: fixed; width: 100%; height: 65vh; background-image: url('../images/error_image.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; }

/*---------------------------------FOOTER SECTION-----------------------------------------*/

footer{ color:#fff; text-align: left; position: relative; bottom:30px; left: 0; right: 0; }
footer.fixed{ position: fixed; z-index: 4; }
footer .global_wrapper{ width:90%; overflow: hidden; padding: 0 0 0 0 ; }
footer p{ display: inline-block; font-size: 11px; padding:0 0 !important; margin:0 0 !important; }
footer a { color:#fff; text-decoration: none; padding: 0; margin: 0; line-height: normal; text-decoration: none; }
footer a:hover{ color:#0e71b8; text-decoration: underline; }
footer .col-lg-9{ padding-top: 15px; }

.menu-footer-navigation-container{ width: auto !important; display: inline-block; }
ul.footer_nav, .menu-footer-navigation-container ul{ display:inline-block; width: auto; margin:0 0; padding:0 0; }
ul.footer_nav li, .menu-footer-navigation-container ul li{ display:inline-block; width: auto; border-right: 1px solid #fff; margin:0 0; padding:0 6px 0 2px; }
ul.footer_nav li:last-child, .menu-footer-navigation-container ul li:last-child{ border-right: none; }
ul.footer_nav li a, .menu-footer-navigation-container ul li a{ display: block; color: #fff; font-family: 'Montserrat-Regular'; font-size: 11px; }
ul.footer_nav li a:hover, .menu-footer-navigation-container ul li a:hover{ color:#0e71b8; text-decoration: underline; }

.footer_mascot{ position: absolute; right:14%; top:-40px; bottom: 0; width: 100px; height: 135px; background-size: contain; background-repeat: no-repeat; background-position: center center; }


/*---------------------------------FOOTER SECTION-----------------------------------------*/


@media only screen and (max-height: 600px) { 

.packs_left, .packs_right{ height:600px }
.packs_bottom{ height:150px; width: 150px; }

#home_banner { width: 100%; min-height: 600px; height: auto; overflow: auto; }
.home_banner_txt { display: table; width: 90%; min-height: 100%; height: auto; position: relative; z-index: 3; left: auto; text-align: center; margin: 0 auto; }
.home_banner_txt article { display: table-cell; height: 100%; width: 100%; padding-top: 50px; }
.home_banner_txt h1{ padding: 200px 0 150px; }

}


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



}


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

.global_wrapper { width: 90%; }
.footer_mascot { right: 16%; }
	
}

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

.header_top{ position: fixed; z-index: 5; }
.header_top .global_wrapper, footer .global_wrapper{ width: 98%; }
.header_mid{ position: absolute; top:40px; }
.header_mid .global_wrapper{ width: 100%; }
.header_bottom { top: 130px;  }
.top_logo{ width:250px; left: 0%; text-align:center; }
.mobi_menu_icon{ display:block; }
.navigation_container{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.9); margin: 0 0 0 0; overflow: auto; transform: translateY(-200%); }
.navigation_container.on{ transform: translateY(0%); }
.mainnav, .secondary_mainnav{ position: relative; width: 250px; height: auto; float: none; background-color: rgba(255,255,255, 1); margin: 0 0 0 0; overflow: hidden; }
.secondary_mainnav{ padding:0 0 50px 0; }
.mainnav{ padding-top:160px; }
.mainnav nav ul, .secondary_mainnav nav ul{ display: block; text-align: left; }
.mainnav nav ul li, .secondary_mainnav nav ul li{ display: block; }
.mainnav::after{ display: none; }

.mainmenu ul.submenu, ul.sub-menu{ position: relative; width:auto; top:0px; left: 0px; background-color: #fff; text-align: left !important; padding: 10px 30px !important; opacity: 1; height: auto; transform: translateY(0px); transition: all 0.2s; }
ul.submenu, ul.sub-menu { position: relative !important; width: 100%; top: auto !important; left: auto; background-color: #fff; text-align: left !important; padding: 10px 12px !important; opacity: 1 !important; height: auto; transform: translateY(0px) !important; transition: all 0.1s; }

ul.submenu li, ul.sub-menu li{ padding: 6px 0 !important; margin: 0 0 !important; height: auto !important; }

ul.submenu.on, ul.sub-menu.on{ opacity: 1; height: auto; transform: translateY(0px); }
ul.submenu li a, ul.sub-menu li a{ padding-bottom:4px !important; }
.mainnav nav ul li, .secondary_mainnav nav ul li{ display: block; margin:5px 6px; padding: 3px 20px;  }
.mainnav nav ul li a, .secondary_mainnav nav ul li a{ display: block; width: auto;  text-transform: uppercase; }
.mainnav nav ul li a{ }
.secondary_mainnav nav ul li a{ }
.secondary_mainnav{ border-top: 5px solid #0e71b8; }

.search_icon{ position:fixed; z-index:7; padding: 15px; width:45px; height:43px; top:43px; right:80px; cursor:pointer; overflow:hidden; background-color:#fff; border-radius:5px; background-size: 60%; }
.icon_close{ top:71px; right:83px; }
.search_wrapper .global_wrapper .field_wrapper { width: 86%; }

.packs_left, .packs_right { width: 35%; }
.single_banner h1{ font-size: 300%; }

.service_icon{ width: 160px; height: 160px; }

.listed_careers { width: 90%; }
.single_career { padding: 22px; margin: 10px 1% 40px !important; width: 30%; }

.contact_details { margin: 5% 0 0 5%; }
.content_wrapper h1 { font-size: 18px; }

.contentWrapper { width: 90%; }

.single_product{ padding: 20px; margin: 15px 1%; width: 30%; }

.single_news .col-lg-6{ width:50%; float: left; display: inline-block; }

.listed_team{ display: block; width: 100%; height: auto; overflow: hidden; }
.single_member{ width:40%; min-height: 100px; height: auto; margin:10px  3% !important; }
.single_member:nth-child(3n+1){  }
.single_member:nth-child(3n+2){ margin-left: 0; margin-right: 0; }
.single_member:nth-child(3n+3){  }

.single_member_info{ width: 70%; padding: 20px 20px; }


}


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

#services h1 { text-align: center; }
.initiatives_mascot { position: fixed; width: 100%; height: 60vh; background-position: bottom right; bottom: 8%; right: 0; }
footer .col-lg-9{ width: 60%; display: inline-block; float: left; }
footer .col-lg-3{ width: 40%; display: inline-block; float: left; }

}


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

.single_news .col-lg-6{ width:50%; display: inline-block; }
.listed_products { width: 90%; }

footer .col-lg-9{ width: 60%; display: inline-block; float: left; }
footer .col-lg-3{ width: 40%; display: inline-block; float: left; }
	
}

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

.faq_question h1 { padding: 20px 50px 20px 20px; }

.single_member { width: 90%; min-height: 100px; height: auto;  margin: 10px auto !important; }

.single_press_release, .single_news, .single_event, .single_career, .single_csr, .single_download, .article_intro .single_blog{ width: 40%; }

.contact_form{ display: inline-block; width: 100%; min-height: 400px; height: auto; overflow: hidden; float: none; }
.contact_writeup{ display: inline-block; margin:0 auto; width: 100%; min-height: auto; height: auto; overflow: hidden; float: none; text-align: left; background-image: none;  }
.contact_details{ width:100%; height: auto; float:none; }
.contact_details h1{ font-size: 20px !important; }

.listed_products { width: 90%; text-align: center; }
.single_product { width: 40%; }

footer { bottom: 0px; }
footer .col-lg-9, footer .col-lg-3{ width: 100%; display: block; float: none; }

footer.fixed { position: relative; z-index: 4; }
footer p{ display:block; text-align: center; margin: 5px 0; }
ul.footer_nav { display: block; text-align: center; }

ul.listed_socials{ float: none; }
.footer_mascot { right: auto; left: 3%; top:-30px; }

	
}

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

	
.header_top .global_wrapper, footer .global_wrapper { width: 98%; text-align: center; }
.header_top div.global_wrapper div { padding: 10px 10px; display: inline-block; float: none; }
.top_logo{ width:190px; height: 90px; left:2%; }

.faq_question h1 { font-size: 16px; padding: 20px 50px 20px 20px; }

.single_press_release, .single_news, .single_event, .single_career, .single_csr, .single_download, .article_intro .single_blog { width: 70%; margin:20px 30px; }

.initiatives_mascot{ background-image: none; }
.listed_initiatives { width: 90%; margin:0 auto; }

#home_banner { width: 100%; min-height: 100vh; height: auto; overflow: auto; }

.home_banner_txt { display: table; width: 90%; min-height: 100vh; height: auto; position: relative; z-index: 3; left: auto; text-align: center; margin: 0 auto; }
.home_banner_txt article { display: table-cell; height: 100%; width: 100%; padding-top: 50px; }
.single_banner h1{ color: #fff; font-size: 400%; }

.listed_teams_cats{ text-align: center; }
.single_team:last-child{ margin: 20px 0 20px 0px; width: 280px; }

ul.footer_nav { width: 55%; margin:0 auto; }


}

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

.single_product { width: 100%; margin: 15px auto; }

.header_top { position: relative; height: auto; }
.header_top .global_wrapper{ min-height: 80px; padding: 40px 0 0 0 !important; }
.members_bttn { position: absolute; left: 50%; transform: translateX(-50%); top: 5px; }

.header_mid { position: relative; top: 0px; }
.mobi_menu_icon { top: 100px;}
.search_icon { top: 80px; }
.icon_close { top: 113px; right: 35px; }

.mainnav { padding-top: 190px; }

.header_bottom { top: 0px; }
.plastic_stocks { width: 70%; }
.stocks_bttn { width: 30%; }

.home_banner_txt article { padding-top: 80px; }
.single_banner h1 { font-size: 300%; }

ul.footer_nav li, .menu-footer-navigation-container ul li { display: block; padding: 10px 0; text-align: center; border-right: none; }

#services .global_wrapper { padding: 110px 0 110px !important; }
#blog h1, #latest_news h1, #events h1, #press_releases h1 { width: 60%; }

/*.single_news, .single_event, .single_career, .single_csr, .single_download, .article_intro .single_blog { width: 70%; display: block; margin: 20px auto; }*/
.single_news, .single_event, .single_career, .single_csr, .single_press_release, .single_download, .article_intro .single_blog{ margin: 10px 40px;  }



}



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

.mobi_menu_icon { top: 130px; }
.search_icon{ position:relative; top:0px; }
.single_banner h1 { padding: 30px 50px 20px 20px; }

}