@charset "utf-8";

/* CSS Document */
.owl-carousel .owl-item img { -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; }

body { font-family: 'robotoregular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 89px; }

.header a:focus { outline: 1px dotted !important; }
.white-bg { background: #fff; }
/******************************|placeholder|**********************************************/
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #848894; opacity: 1; }

input::-moz-placeholder { /* Firefox 19+ */ color: #848894; opacity: 1; }

input:-ms-input-placeholder { /* IE 10+ */ color: #848894; opacity: 1; }

input:-moz-placeholder { /* Firefox 18- */ color: #848894; opacity: 1; }

input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #848894; opacity: 1; }

input:focus::-moz-placeholder { /* Firefox 19+ */ color: #848894; opacity: 1; }

input:focus:-ms-input-placeholder { /* IE 10+ */ color: #848894; opacity: 1; }

input:focus:-moz-placeholder { /* Firefox 18- */ color: #848894; opacity: 1; }

/******************************|placeholder close|**********************************************/

/******************************|header|*****************************/
.logo { display: inline-block; padding: 5px 0px; }

header { position: fixed; z-index: 10000000000000000000; }

.header { background-color: #333333; padding-bottom: 10px; position: fixed; width: 100%; z-index: 10000; top: 0; left: 0; right: 0; }

header .cta a { color: #f5f5f5; width: auto !important; font-size: 1em; margin-right: 10px; text-decoration: none !important; position: relative; display: inline-block; font-family: 'robotobold'; }

header .cta a i { color: #fff; padding: 4px 5px 0px 0px; float: left; width: 25px; height: 25px; }

header .cta a:hover { color: #000; }

header .cta a:nth-child(1) i { padding: 5px 7px 0px 0px; }

.header a { color: #00005a; text-decoration: none; }

.header a:hover { color: #C60311; }

/*.cta { display: inline-block; margin-top: 8px; font-size: 1em; position: absolute; right: -30px !important; color: #fff; top: 70px; background-color: #060d45; padding: 0px; width: 135%; padding-right: 10px !important; }
.cta:before { content: " "; position: absolute; display: block; width: 29px; height: 98%; top: 0px; left: -6; z-index: 0; background: #060d45; transform-origin: bottom left; -ms-transform: skew(21deg, 0deg); -webkit-transform: skew(21deg, 0deg); transform: skew(21deg, 0deg); -webkit-backface-visibility: hidden; outline-left: 1px solid transparent; }
*/
.cta a { display: inline-block; padding: 0px; padding-top: 9px; }

.search_form { margin-top: 9px; margin-bottom: -9px; display: inline-block; padding: 0px; height: 40px; margin-right: -12px; font-family: 'robotoregular'; }

.search_form input { width: 150px; border: none; padding: 8px 10px; height: 31px; font-size: 0.9em; }

.search_form a { display: inline-block; padding: 8px 0px 0px 0px; margin: 0px 10px 5px 10px; color: #00005a; border-bottom: 2px #00005a solid; text-decoration: none !important }

.search_form select { border: none; background-color: #fff; height: 23px; width: 150px; font-size: 0.9em; }

.select_holder { color: #282828; background-color: #fff; display: inline-block; padding: 4px 0px 4px 4px; margin-right: -2px; margin-left: 1px; height: 31px; }

.search_form .submit_btn { background-color: transparent; color: #fff; background-color: #0053ea; border: none; padding: 5px 12px 9px 12px; font-size: 1.1em; transition: 0.3s; width: 34px; height: 34px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 5px; }

.search_form .submit_btn:hover,
.search_form .submit_btn:focus { background-color: transparent; color: #815c32; }

.input_effect { -webkit-box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0); -moz-box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0); box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0); transition: 0.3s; }

.input_effect:focus { -webkit-box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0.40); -moz-box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0.57); box-shadow: -80px -20px 80px 10px rgba(0, 0, 0, 0.40); transition: 0.3s; }

.input_effect2 { -webkit-box-shadow: 0px -20px 80px 10px rgba(0, 0, 0, 0); -moz-box-shadow: 0px -20px 80px 10px rgba(0, 0, 0, 0); box-shadow: 0px -20px 80px 10px rgba(0, 0, 0, 0); transition: 0.3s; }

.input_effect2:focus { -webkit-box-shadow: 0px 0px 80px 10px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 80px 10px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 80px 10px rgba(0, 0, 0, 0.20); transition: 0.3s; }

.line { font-family: 'robotomedium'; color: #333; font-size: 0.9em; text-align: left; }

.pulse:focus { box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); animation: pulse 1s ease-in-out; }

@-webkit-keyframes pulse {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); }

    70% { -webkit-box-shadow: 0 0 0 50px rgba(122, 122, 124, 0); -moz-box-shadow: 0 0 0 10px rgba(122, 122, 124, 0); box-shadow: 0 0 0 50px rgba(122, 122, 124, 0); }

    100% { -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); }
}

/* Standard syntax */
@keyframes mymove {
    0% { -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); box-shadow: 0 0 0 0 rgba(122, 122, 124, 0.4); }

    70% { -webkit-box-shadow: 0 0 0 50px rgba(122, 122, 124, 0); -moz-box-shadow: 0 0 0 10px rgba(122, 122, 124, 0); box-shadow: 0 0 0 50px rgba(122, 122, 124, 0); }

    100% { -webkit-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); -moz-box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); box-shadow: 0 0 0 0 rgba(122, 122, 124, 0); }
}

input:focus { outline: none; }

select { outline: none !important; -webkit-appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none !important; padding-right: 30px; width: 120px; }

select option { background-color: #ffffff; border: none; color: #333333; padding: 5px !important; display: block !important; }

select { background-image: url("../images/arrow_select.png"); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

.top_links { display: block; clear: both; margin-bottom: 0px; }

.nav_holder { display: block; overflow: hidden; clear: both; }

.main_nav { margin: 0px; padding: 0px; display: block; clear: both; font-family: 'robotobold'; font-size: 1.1em; margin: 0px 15px; }

.main_nav li { display: inline-block; position: relative; }

.main_nav > li > a { color: #fff; text-decoration: none !important; padding: 15px; position: relative; display: inline-block; font-family: 'robotolight'; }

.main_nav li a:hover,
.main_nav li a:focus { color: #d1710d; }
/* ****************Header inquiry part**************** */
.contactx { border: 1px solid #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 0px 0 14px; border-right: 0; }
.emailx { border: 1px solid #fff; }
/*
.main_nav li span { position: absolute; bottom: 0px; height: 3px; display: block; left: 0px; width: 0%; right: 0px; transition: 1s; display: none !important }
.main_nav li:hover span, .main_nav li:focus span { width: 100%; animation: overspan 1s forwards; transition: 1s; display: none !important }*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes overspan {
    0% { width: 0%; left: 0px; right: 0px; background-color: #c60311; }

    50% { left: 0px; right: 0px; background-color: #c60311; }

    100% { width: 100%; left: 0px; right: 0px; background-color: #00005a; }
}

/* Standard syntax */
@keyframes overspan {
    0% { width: 0%; left: 0px; right: 0px; background-color: #c60311; }

    70% { left: 0px; right: 0px; background-color: #c60311; }

    100% { width: 100%; left: 0px; right: 0px; background-color: #00005a; }
}

/******************************|banner|*****************************/
.owl-carousel .owl-item { overflow-x: hidden; }
.banner .img-responsive { width: 100%; }
.banner { background-color: #333333; line-height: 0; }
.banner .floating-text { position: absolute; top: 1%; right: 1%; z-index: 3; width: 30%; display: inline-block; }
.banner .floating-text h1 { font-size: 3em; font-family: "robotobold"; color: #fff; }
.banner .floating-text h1 span { display: block; font-family: "robotolight" }
.banner .owl-item { background-color: #000; }

.banner { position: relative; z-index: 0; }
.banner img { position: relative; z-index: 2; }
.floatingtext { position: absolute; top: 30px; bottom: 0px; padding: 30px !important; font-size: 3.5em; color: #ffffff; z-index: 1000; font-family: 'robotobold'; line-height: 1.10em; width: 100%; text-align: right; }

.text-holder { padding: 120px !important; padding: 120px 120px 120px 80px !important; width: 90%; }

.text-holder span { display: block; background: -webkit-gradient(linear, 80% 0, 0 0, from(#00ceb4), to(#0859ea)); background: -webkit-linear-gradient(to right, #00ceb4, #0859ea); background: -moz-linear-gradient(to right, #00ceb4, #0859ea); background: -o-linear-gradient(to right, #00ceb4, #0859ea); background: linear-gradient(to right, #00ceb4, #0859ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/*.floatingtext > div > div::after {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0px;
left: -36 !important;
z-index: -1;
background-color: rgba(94, 106, 63, 0.58);
margin-left: -100px;
}

.floatingtext > div > div::before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0px;
left: -36 !important;
z-index: -2;
background-color: rgba(187, 121, 44, 0.54);
margin-left: -180px;
}*/
.floatingtext .more_btn { float: right; }

.floatingtext a { font-family: 'robotomedium'; font-size: 1.4rem !important; padding: 0px 15px !important; line-height: 42px !important; margin-top: 20px !important; }

.floatingform { position: absolute; bottom: 0%; z-index: 1000; width: 550px; right: 0%; }

.floatingform .container { margin: 0 auto; left: 0px; right: 0px; }

.form_holder { background-color: #de8d46; padding: 30px 20px 10px 0px; float: left; }

.formbox div:nth-child(4) { padding-right: 0px; position: absolute; bottom: -10px; right: 0px; }

.floatingform::before { content: " "; position: absolute; display: block; width: 92px; height: 100%; top: 0px; left: -16px !important; z-index: -1; background: #de8d46; transform-origin: bottom left; -ms-transform: skew(-21deg, 0deg); -webkit-transform: skew(-21deg, 0deg); transform: skew(-21deg, 0deg); -webkit-backface-visibility: hidden; /* outline-left: 1px solid transparent; */ margin-left: -89px; }

.floatingform .form_title { font-family: 'robotolight'; color: #ffffff; font-size: 1.5em; line-height: 1em; margin-bottom: 8px; display: block; }

.floatingform .form_title strong { font-family: 'robotobold'; font-weight: normal; }

.form_holder input { width: 100%; padding: 12.5px; margin: 0px 0px 10px 0px; background-color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.form_holder .btn { cursor: pointer; display: flex; background-color: #fbb101; color: #ffffff; border: none; text-transform: capitalize; -webkit-border-radius: 0px; display: flex; -moz-border-radius: 0px; border-radius: 0px; padding: 9px 20px; padding-left: 40px; font-size: 1.2em; float: left; text-align: center !important; transition: 0.3s; margin-bottom: 10px; position: relative; z-index: 100; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.form_holder .btn i { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; }

.form_holder .btn:hover,
.form_holder .btn:focus { background-color: #333333; }

.floatingtext > div { margin: 0 auto; left: 0px; right: 0px; }

.floatingtext > div > div { float: right; top: 0px; bottom: 0px; position: absolute; right: 0px; }

.floatingtext strong { font-family: 'robotoblack'; }

.form_holder .closer { display: none; }

/************************************|owl-dots|*******************************************/
.owl-item { -webkit-backface-visibility: hidden !important; -webkit-transform: translateZ(0) scale(1.0, 1.0) !important; }

.owl-carousel01 .owl-dots { text-align: left; position: absolute; bottom: 30px; width: 100%; padding-left: 150px; }

.owl-theme .owl-dots .owl-dot { margin: 5px 5px; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px #ffffff solid; }

.owl-theme .owl-dots .owl-dot span { width: 4px; height: 4px; padding: 5px 5px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { opacity: 1; filter: alpha(opacity=100); background-color: #ffffff !important; }

/************************************|owl-dots close|*******************************************/

/******************************|content-section|*****************************/
.content_section { padding: 25px 0px; /*-webkit-box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.2);*/ }

.content_section h1 { color: #030558; font-family: 'robotomedium'; font-size: 3em; }

.content_section h1 span { color: #0266fc; }

.content_section .title_style { font-weight: normal; margin-bottom: 20px; margin-top: 0px; font-size: 2em; color: #030558; }

.content_section .title_style span { display: inline-block; padding-bottom: 8px; color: #c06f26; }

.content_section .title_style strong { font-family: 'robotomedium'; font-size: 1em !important; text-transform: capitalize; font-weight: normal !important; }

.content_section .title_style i,
.content_section .sub_title_style i { vertical-align: middle }

.content_section .sub_title_style { font-size: 1.6em; font-family: 'robotomedium'; line-height: 1.4em; margin-bottom: 5px; }

.content_section p { color: #666464; font-size: 1.1em; margin-bottom: 10px; margin-top: 10px; }

.more_btn { background-color: #fbb101; color: #ffffff !important; text-transform: uppercase; font-size: 1em; display: inline-block; padding: 10px 18px; text-decoration: none !important; transition: 0.3s; border: none !important; margin: 10px 10px 10px 0px !important; font-family: 'robotomedium'; border-radius: 20px; }

.more_btn:hover,
.more_btn:focus { background-color: #333333 !important; }

.more_btn:focus { animation: pulse 1s ease-in-out; }

.content_section h3 { font-family: 'robotolight'; font-size: 1.9em; margin-bottom: 15px; margin-top: 0px; }

.content_section h3 strong { font-family: robotomedium; }
.sub_text { color: #363636 }

.store_links img { vertical-align: middle; }

.store_links a { display: inline-block; padding: 5px; vertical-align: middle }

.points { margin: 0px; padding: 0px; list-style: none; }

.points li { padding: 8px 0px; position: relative; padding-left: 100px; }

.points li .icons { position: absolute; left: 0px; top: 0px; width: 70px; padding-top: 14px; }

.points li .icons i { float: right }

.points strong { font-size: 1.7em; color: #32353b; }

.hang_number { font-size: 8em; color: #dddcde; position: absolute; top: 0px; left: 0px; z-index: -1; font-family: 'robotoblack'; margin-top: -30px; margin-left: -5px; }

.floating_numberbg > div > div { padding: 40px 15px; }

.testimon { padding: 40px !important; }

.testimon p b { color: #333333; }

.iconic { margin-top: 30px; margin-bottom: 20px; display: block; }

.iconic i { vertical-align: middle; margin-right: 20px; }

.iconic strong { font-size: 1.5em; }

/*****************************_|owl-carousel0x|***************************/
.owl-carousel0x { border-radius: 8px; padding: 15px 100px 0px 100px !important; margin-top: 0px; }

.owl-carousel0x .owl-dots { display: none !important; }

.owl-carousel0x .owl-prev { position: absolute; top: 20%; padding: 5px 15px; left: 10px; color: #666666; font-size: 2.5em; opacity: 0.8; z-index: 999; }

.owl-carousel0x .owl-next { position: absolute; top: 20%; right: 10px; padding: 5px 15px; color: #666666; font-size: 2.5em; opacity: 0.8; filter: alpha(opacity=80); }

.owl-carousel0x .owl-prev:hover,
.owl-carousel02 .owl-next:hover { opacity: 1; filter: alpha(opacity=100) }

.owl-carousel0x { text-align: center; padding: 0px 60px 60px 60px; }

.owl-carousel0x img { width: auto !important; }

@media(min-width:0px) and (max-width:1024px) {
    .owl-carousel0x .owl-prev { font-size: 1.5em; padding: 5px 10px; display: block !important; }

    .owl-carousel0x .owl-next { font-size: 1.5em; padding: 5px 10px; display: block !important; }
}

@media(min-width:0px) and (max-width:767px) {
    .owl-carousel0x img { width: 100% !important; }
}

.crtimg { display: none; }

@media (min-width:0px) and (max-width:640px) {
    .owl-carousel0x { display: none !important; }

    .crtimg { display: block; width: 100%; padding: 20px; }
}

/*****************************_|owl-carousel0x|***************************/
.owl-carousel10 { border-radius: 8px; margin-top: 20px; }

.owl-carousel10 .owl-stage-outer { width: 90%; margin: 0 auto }

.owl-carousel10 .owl-dots { display: none !important; }

.owl-carousel10 .owl-prev { position: absolute; top: 0; transform: translateY(-60%); padding: 5px 15px; right: 10%; color: #666666; font-size: 2.5em; opacity: 0.8; z-index: 999; }

.owl-carousel10 .owl-next { position: absolute; top: 0; transform: translateY(-60%); right: 0px; padding: 5px 15px; color: #666666; font-size: 2.5em; opacity: 0.8; filter: alpha(opacity=80) }

.owl-carousel10 .owl-prev:hover,
.owl-carousel02 .owl-next:hover { opacity: 1; filter: alpha(opacity=100) }

.owl-carousel10 { text-align: center; }

.owl-carousel10 img { width: 180px !important; /*	-webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
	filter: grayscale(100%);*/ margin: 20px 0; }

/* .owl-carousel10 img:hover {
	width: auto !important;
	-webkit-filter: grayscale(0%); 
	filter: grayscale(0%);
} */

@media(min-width:0px) and (max-width:1024px) {
    .owl-carousel10 .owl-stage-outer { width: 70%; margin: 0 auto; text-align: center !important }

    .owl-carousel10 .owl-prev { font-size: 1.5em; padding: 5px; display: block !important; }

    .owl-carousel10 .owl-next { font-size: 1.5em; padding: 5px; display: block !important; }
}

@media(min-width:768px) and (max-width:1279px) {
    .owl-carousel10 .owl-stage-outer { width: 90%; margin: 0 auto; text-align: center !important }
}

/************************************************|footer|***************************************************/
.socialicon a { display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-bottom: 6px }
.socialicon a { float: left; margin-right: 15px }
.socialicon a:hover, .cards a:hover, .cards a:focus { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.socialicon a:focus { animation: pulse 1s ease-in-out; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

footer { position: relative; color: #cacad1; background: #000; /* background-image: url('../images/bg-footer.jpg');
	background-size: 100% 100%; */ }

footer p { padding-top: 8px; padding-bottom: 5px; }

footer a { color: #fff !important; text-decoration: none !important }

footer a:hover { color: #ffffff !important; }

footer h4 { color: #ffffff; text-align: center; font-size: 1.7em; }

footer strong { color: #ffffff; font-size: 1.2em; }

footer h4 span { background-color: #54dbd0; display: block; width: 50px; margin: 0 auto; height: 3px; margin-top: 15px; }

footer iframe { /*position: absolute;*/ top: 0px; left: 0px; }

.map_over { position: relative; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 30px 10px; overflow: hidden; z-index: 900; }

.map_over .container { padding: 0px; }

.footer_nav { margin: 0px; padding: 0px; list-style: none; overflow: hidden; margin-bottom: 15px; }

.footer_nav li { width: 100%; display: block; float: left; padding-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.footer_nav li a:hover, .footer_nav li a:focus { color: #fbb101 !important; }
.gaq { position: fixed; bottom: 0px; right: 80px; background-color: #d9e973; padding: 10px 20px; z-index: 1000; color: #525c10; font-weight: bold; text-decoration: none !important; /*Main nav Animation*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /*Main nav Animation close*/ }

.gaq:hover,
.gaq:focus { background-color: #616167; color: #ffffff; }

.footer_line { text-align: center; color: #cacad1; padding: 20px; padding-top: 0px !important; padding-bottom: 10px; font-size: 1em; }

.footer_line p { margin: 0 auto; width: 60%; }

.footer_line2 { text-align: center; color: #fff; padding: 20px; padding-bottom: 10px; font-size: 1em; padding-top: 0px; }

.footer_line a { color: #cacad1 }

footer i { color: #ffffff !important; }

.map_over { padding-bottom: 0px; padding-top: 0px; }

.map_over > div > div { display: flex; width: 100%; overflow: hidden; position: relative; top: 0px; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: row; }

.map_over > div > div div { /* border-right: 1px #36a3d9 solid; */ margin-right: 20px; margin: 10px 0px 10px 0px; }

.map_over > div > div div:last-child { border: none; }

/***********************************************|sub_menu|**********************************************/
.nav_holder { overflow: visible; }

.main_nav li { position: relative; }

.main_nav li > .fa-angle-down { display: none; }

.main_nav > li > ul { position: absolute; margin: 0px; margin-top: 1px; padding: 0px; width: 280px; background-color: #333; z-index: 10000; display: none; }

.main_nav > li > ul > li > ul { position: absolute; margin: 0px; padding: 0px; left: 280px; width: 280px; top: 0px; background-color: #1e1e1e; z-index: 10000; display: none; }

.main_nav > li > ul > li > ul { background-color: #333333 !important; }

.main_nav > li:hover > ul,
.main_nav > li > ul > li:hover ul { display: block; }

.main_nav > li:nth-child(n+5) > ul > li > ul { left: -280px; }

.main_nav li ul li { display: block; }

.main_nav li ul li a { display: block; padding: 13px 15px !important; border-bottom: 1px #636363 dashed; color: #ffffff !important; text-align: left; width: 100%; font-family: 'robotolight'; font-size: 1em !important; position: relative; }

.main_nav li ul li a i { position: absolute; right: 0px; top: 0px; padding: 12px 15px; }

.main_nav li ul li a:hover { background-color: #fbb101 !important; }

.main_nav > li > ul > li:hover > a { background-color: #fbb101 !important; }

.search_form h4 { display: none; }

/***************************************|non mobile|****************************************/
.menu_bar { display: none; }

.search_bar { display: none; }

.plus_btn { display: none; }

.bg-light { background-color: rgba(51, 51, 51, 0.65); left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1000; width: 100% !important; height: 100%; display: block; position: fixed; display: none }

.bg-light2 { background-color: rgba(51, 51, 51, 0.65); left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1000; width: 100% !important; height: 100%; display: block; position: fixed; display: none }
.btnplusx { display: none; }
.multi_part { display: none; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.49); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px; margin: 0 auto; top: -1000px; left: 0px; right: 0px; position: fixed; width: 60% !important; height: auto !important; transition: 0.3s; overflow-y: scroll; height: 250px !important; z-index: 100000; }

.pop { display: block; top: 120px; transition: 0.3s; }

/****************************************|inside_content|***************************************/
.content_section2 { padding: 20px !important; overflow: hidden; /*	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);*/ margin: 10px 0px 30px 0px; overflow: visible; }

.content_section2 h1 { font-size: 1.6em; color: #0b1123; margin: 0px; margin-bottom: 8px; }

.content_section2 h2 { font-weight: bold; margin-top: 0px; }

.inside_content { padding-top: 40px; padding-bottom: 10px !important; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.table_view { margin-bottom: 20px; position: relative; }

.table_view table { border: none; }

.table_view td a { color: #61646d !important; }

.table_view td { width: 25%; border-left: none !important; border-right: none !important; border: none !important; padding: 10px !important; border: 1px solid #ddd !important; }
.table_view.cage-code td { width: auto }
.table_view tr:nth-child(even) { background-color: #f4f6fa; border: 1px #e1e7f1 solid; }

.table_title { display: block; background-color: #d7dadf; padding: 4px; }

.table_title strong { margin-left: 5px; display: inline-block; padding: 2px 9px; background-color: #fbb101; color: #fff; /*	border-top: 3px #ffa201 solid;
	border-bottom: 3px #091059 solid;
	border-right: 3px #ffa201 solid;
	border-left: 3px #091059 solid;*/ }

.content_section2 .more_btn { margin: 0px !important; }

/***********************************|pager|***********************************/
.view_all { display: inline-block; padding: 6px 12px; background-color: #ff9923; color: #ffffff !important; margin-bottom: 5px; float: right; text-decoration: none !important; transition: 0.3s; }

.view_all:hover { background-color: #815c32; }

.second_paging div strong { display: inline-block; padding: 10px 0px; }

.pager li > a,
.pager li > span { display: block; height: 31px; margin: 0 auto; }

.pagination_top { background-color: #ffffff !important; text-align: right; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ overflow: hidden; }
.pagination > .active > span { z-index: 0 }
.pager { margin: 0px; margin-right: 8px !important; width: 85% !important; float: right }

.pager li > a { border-radius: 0px; color: #61646d !important; font-weight: bold; text-align: center !important; width: 38px; height: 31px; }

.pager li > a,
.pager li > span { padding: 5px !important; color: #060d45 !important; line-height: 20px }

.pager li .act { background-color: transparent !important; height: 34px; color: #060d45 !important; border-top: 3px #a6b87e solid; border-bottom: 3px #a6b87e solid; border-right: 3px #a6b87e solid; border-left: 3px #a6b87e solid; }

.pager li > a:focus,
.pager li > span:focus { background-color: #848b93 !important; color: #ffffff !important; }

.pager .owl-prev { position: absolute; left: 0px; top: 0px; border-radius: 0px !important; font-size: 1.2em !important; padding: 4px 15px !important; margin-top: 0px !important; margin-left: 0px !important; background-color: #495934; color: #ffffff; cursor: pointer; }

.pager .owl-next { position: absolute; right: 0px; top: 0px; border-radius: 0px !important; font-size: 1.2em !important; padding: 4px 15px !important; margin-top: 0px !important; margin-right: 0px !important; background-color: #495934; color: #ffffff; cursor: pointer; }

.pager .owl-prev:hover,
.pager .owl-next:hover { opacity: 1 !important; background-color: #403838; }

.pager .owl-controls { display: block !important; }

.pager .owl-wrapper-outer { width: 90% !important; overflow: hidden; height: 40px; margin: 0 auto auto; display: block !important; clear: both !important }

@media(min-width:0px) and (max-width:480px) {
    .pager .owl-wrapper-outer { width: 67% !important; }
}

@media(min-width:481px) and (max-width:980px) {
    .pager .owl-wrapper-outer { width: 85% !important; }
}

.pagination_top { margin-bottom: 10px !important; }

@media(min-width:1024px) and (max-width:1365px) {
    .pager .owl-wrapper-outer { width: 85.5% !important; }
}

/***********************************|pager close|***********************************/
@media(min-width:1280px) and (max-width:8000px) {
    .header a.logo { position: absolute !important; z-index: 1000000 !important; display: inline-block !important; margin-left: -20px; padding: 17px 8px; }
}

.breadcrumb { font-size: 1.1em; color: #333; font-weight: bold; vertical-align: middle; background-color: #ecf1fd; padding-top: 89px; }

.breadcrumb a { color: #333; vertical-align: middle; }

.breadcrumb .more_btn { background-color: #ffa201 !important; float: right; font-size: 1em; vertical-align: middle; display: flex; padding: 8px 15px 2px 20px !important; position: absolute; right: 28px; }

.breadcrumb .more_btn i { margin-left: 10px; padding: 10px 12px; background-color: #3636a6; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-right: -15px; margin-top: -6px; }

.breadcrumb .more_btn:hover { background-color: #333333 !important }

.breadcrumb_links { float: left; margin-top: 8px; margin-bottom: 5px; }

.breadcrumb_links a { max-width: 66px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: none; }

.breadcrumb_links a:hover { max-width: 180px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.notavalableonhome { background-color: transparent; padding: 0px !important; margin: 0px !important; display: none; }

.btt { /*	position: fixed;
	bottom: 10px;
	right: 15px;
	font-size: 1.5em;
	z-index: 100000;
	transform: rotate(0deg);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #ffa201;
	color: #ffffff !important;
	width: 30px;
	padding: 4px 4px 0px 4px;
	height: 35px;
	text-align: center;
	cursor: pointer;*/ position: fixed; bottom: 10px; right: 35px; font-size: 1.5em; z-index: 10000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff !important; text-align: center; cursor: pointer; }

.btt img { width: 40px; }

.btt:hover { color: #fff !important; }

/*************************************||*********************************/
.part_list a { color: #61646d }

.part_list table { border: none !important; }

.part_list table td,
.part_list table th { border-right: 1px #d6d7d9 solid !important; }

.part_list table th { color: #fff; background-color: #333; border: 1px #dadcdd solid !important; }

.part_list table th:nth-child(even) { background-color: #333; }

.part_list table tr:nth-child(odd) { background-color: #f4f6fa; border: 1px #e1e7f1 solid; }

.part_list table tr { transition: 0.3s; }

.part_list table td,
.part_list table th { padding: 8px 12px !important; vertical-align: middle !important; }

.part_list table th { padding: 12px 12px !important; }

.part_list table td:last-child,
.part_list table th:last-child { text-align: center !important; /*min-width: 50px !important; max-width:100px !important;*/ }

.part_list table td .more_btn { padding: 5px 20px !important; background-color: #00ceb4; border-radius: 0px; }

.part_list table td .more_btn:hover,
.part_list table td .more_btn:focus { background-color: #99ebe1; }



/********************************|.rfq_page|*******************************/
.content_section3 { margin: 0px; padding: 0px; }

.content_section3 h1 { font-family: 'robotoblack'; font-size: 1.5em; margin: 0px; padding: 0px; padding-bottom: 15px; }

.content_section3 h2 { font-family: 'robotoblack'; font-size: 1.5em; margin: 0px; padding: 0px; padding-bottom: 15px; }

.content_section3 h3 { background-color: #00005a; color: #ffffff; font-size: 1.3em; padding: 12px 15px; margin-bottom: 0px; overflow: hidden; display: block; width: 100%; margin-top: 0px; }

.content_section3 h4 { background-color: #e8e9e9; border-top: 2px #c5c7c7 solid; padding: 12px; text-align: center; }

.content_section3 h3 span { font-size: 0.8em; color: #bfb5fb; float: right; }

@media(min-width:0px) and (max-width:479px) {
    .content_section3 h3 { text-align: center !important; }

    .content_section3 h3 span { float: none !important; display: block !important; margin-top: 5px; }
}

.gray_table { background-color: #ecf1fd; width: 100%; margin-bottom: 15px; border-collapse: collapse; }

.gray_table tr:last-child td { border: none; }

.gray_table td { padding: 10px 15px; border-bottom: 1px #cccaca solid; }

.rfq_page section { border: 1px #dbdcdc solid; padding: 20px; margin-bottom: 20px; overflow: hidden; padding-bottom: 5px !important; }

.rfq_page section p { font-size: 1.1em; }

.rfq_page section a { color: #00005a; font-weight: bold; }

.rfq_page section .table_view { margin-bottom: 20px; border-bottom: 1px #eeeeee solid; }

/***********************************|MD form|**************************************/
.rfq_form { padding: 0px 0px 0px 0px; overflow: visible; }

.rfq_form form { display: inline-block; width: 100%; }

.rfq_form > form > div > div { position: relative !important; margin-bottom: 20px !important; }

.rfq_form > form > div > div > div { position: relative !important; padding-top: 5px; }

.rfq_form input[type="email"],
.rfq_form input[type="tel"],
.rfq_form input[type="text"],
.rfq_form select,
.rfq_form textarea { height: 40px; width: 100%; padding: 8px 30px 8px 8px; border: none; border-bottom: 1px #c5c7c7 solid; background-color: transparent !important; margin-top: 15px; margin-bottom: 0px; outline: none; }

.rfq_form textarea { display: block; }

.rfq_form select { outline: none !important; -webkit-appearance: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none !important; background-color: #ffffff; }

.rfq_form select { background-image: url("../images/arrow_select.png") !important; background-repeat: no-repeat !important; background-position: right 0px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.rfq_form select::-ms-expand { display: none; }

.input_line { background-color: #c60311; display: block; height: 2px; position: absolute; bottom: 0px; width: 0%; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ color: #666666; }

.mdline { width: 100%; background-color: #333; margin-left: 0px; margin-right: 30px; }

.rfq_form select,
.rfq_form select option { color: #666666; }

.rfq_form .more_btn { margin: 0px !important; }

/****************************************************************/
.materialinput { position: absolute; font-size: 1em; font-weight: bold; color: #333333; margin-top: 10px; margin-left: 8px; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ opacity: 0; z-index: -1; background: #fff; /*    width: 100%; */ }

.move_up { z-index: 100; position: absolute; top: 0px; margin-top: 7px; margin-left: 8px; opacity: 1; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ }

.bottom_line { /*test line*/ }

.gray_box { background-color: #efefef; padding: 20px !important; overflow: hidden; display: block !important }

.table_form { width: 100%; border: 1px #cccccc solid !important; /*margin-bottom: 20px;*/ }

.table_form tr { background-color: #ffffff !important; }

.table_form th { background-color: #f5dbbe; color: #333; padding: 12px; }

.table_form tr:nth-child(odd) { background-color: #fff5ea !important; }

.table_form td,
.table_form th { padding: 12px; width: 33.3%; }

.alterneter { border: 1px #ddd solid }

.alterneter tr:nth-child(even) { background-color: #ffffff; }

.alterneter td { padding: 12px !important; border: 1px #ddd solid; border-collapse: collapse; }

/*******************************|site_map|**********************/
.site_map { color: #666666 !important; margin-top: -15px; }

.site_map a { color: #403838; }

.site_map ul { margin: 0px; padding: 0px; list-style: none; }

.site_map .row > div > ul > li > a { font-weight: bold }

.site_map ul li { padding-bottom: 6px; padding: 5px; }

.site_map .row > div > ul > li > ul { margin-left: 20px; }

.site_map .row > div > ul > li > ul > li { margin-left: 20px; }

.site_map .row > div > ul > li > ul > li > ul > li { margin-left: 20px; }

.site_map .row > div > ul > li > ul > li > ul > li { list-style: circle; }

.site_map ul li ul li { list-style: disc; }

/***********************************|message|***********************************/
.message { padding: 0px; }

.message h1 { margin-bottom: 0px; padding-bottom: 0px; display: inline-block; }

.message .move_up { margin-top: -12px !important; }

.message h3 { font-size: 1.3em; }

.red_btn,
.view { background-color: #fbb101; color: #ffffff !important; text-transform: uppercase; font-size: 1.2em; display: inline-block; padding: 8px 18px; text-decoration: none !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: 0.3s; border: none !important; margin: 12px 10px 10px 0px !important; }

.red_btn:hover,
.view:hover,
.red_btn:focus,
.view:focus { background-color: #333333; }

.view { background-color: #333; }

.view:hover { background-color: #333; }

/***********************************|message close|***********************************/
.upload_btn { display: block; position: relative; overflow: hidden; }

.upload_btn:hover .glass_slide { background-color: rgba(255, 255, 255, 0.2); display: block; height: 100%; width: 200px; position: absolute; -ms-transform: skew(20deg, 0deg); /* IE 9 */ -webkit-transform: skew(20deg, 0deg); /* Safari */ transform: skew(20deg, 0deg); animation: glass 2.5s ease-out infinite; cursor: pointer; }

@keyframes glass {
    0% { left: -150px }

    100% { left: 180%; }
}

.more_less { display: none; }

.pager .owl-wrapper-outer img { position: absolute; right: 0px; top: 0px; }

.closeing { display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 40px; height: 40px; position: absolute; top: 0px; right: 10px; padding: 10px 25px; font-size: 1.3em; }

/***********************************************************************||**************************************************************************/
.bgcons { background-size: 100% 100%; padding: 0px; color: #ffffff; margin-top: -120px; }

.bgcons > div { padding: 28px 20px; position: relative }

.bgcons > div:nth-child(1) { background-color: #091059; }

.bgcons > div:nth-child(2) { background-color: #0a81ef; }

.bgcons > div:nth-child(3) { background-color: #37b1fe; }

.bgcons > div:nth-child(4) { background-color: #63bef8; }

/****************************|bgshapes|********************************/
.bgcons div { z-index: 100 !important; position: relative; }

.bgcons > div:nth-child(1):after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: #091059; transform-origin: bottom left; -ms-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); animation: mymovewater 5s infinite ease-in-out; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

.bgcons > div:nth-child(2):after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: -34px; left: 0; z-index: 1; background: #0a81ef; transform-origin: bottom left; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); animation: mymovewater2 5s infinite ease-in-out; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

.bgcons > div:nth-child(3):after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: #37b1fe; transform-origin: bottom left; -ms-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); animation: mymovewater 5s infinite ease-in-out; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

.bgcons > div:nth-child(4):after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: -34px; left: 0; z-index: 1; background: #63bef8; transform-origin: bottom left; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); animation: mymovewater2 5s infinite ease-in-out; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

@keyframes mymovewater {
    0% { top: -34px; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); }

    50% { top: 0px; -ms-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); }

    100% { top: -34px; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); }
}

@keyframes mymovewater2 {
    0% { top: 0px; -ms-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); }

    50% { top: -34px; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); }

    100% { top: 0px; -ms-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); }
}

.bgcons > div > div { padding: 0px 15px 0px 0px; }

.bgcons > div:last-child > div { border: none; }

.bgcons strong { font-size: 1.6em; display: block; font-weight: normal; }

.bgcons i { float: left; margin-right: 20px; margin-bottom: 30px; }

/***************************||*******************************/
.product_slider { padding: 15px 0px; }

.product_slider a { text-decoration: none !important; }

.product_slider .owl_text { text-align: center; font-size: 1.3em; font-family: 'robotoregular'; }

/************************************|owl-carousel02|*******************************************/
.owl-carousel02 .owl-item img { width: 100% !important }

.owl-carousel02 .owl_text { padding: 15px; color: #000000; font-size: 1em; font-family: 'robotomedium'; overflow: hidden; white-space: normal; word-wrap: break-word; text-overflow: ellipsis; }

.owl-carousel02 .owl_text a { clear: both; display: block; color: #86939f; text-transform: uppercase; font-size: 0.9em; }

.owl-carousel02 .owl-prev,
.owl-carousel03 .owl-prev { width: auto !important; position: absolute !important; display: inline-block; top: -49px; right: 70px; /* border: 2px #0859ea solid; */ padding: 2px 11px 3px 10px; color: #fff !important; font-size: 1.1em; font-weight: bold; /* background-color: #0859ea;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; */ }
.owl-carousel .owl-next img, .owl-carousel .owl-prev img { width: 40px !important; }
.owl-carousel02 .owl-next,
.owl-carousel03 .owl-next { width: auto !important; position: absolute !important; display: inline-block; top: -49px; right: 30px; /* border: 2px #0859ea solid; */ padding: 2px 10px 3px 11px; color: #fff !important; font-size: 1.1em; font-weight: bold; /* background-color: #0859ea;

	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; */ }

/* .owl-carousel02 .owl-prev:hover,
.owl-carousel02 .owl-next:hover,
.owl-carousel03 .owl-prev:hover,
.owl-carousel03 .owl-next:hover {
	border: 2px #3421d5 solid;
	color: #fff !important;
	background-color: #3421d5 !important;
}
 */
.owl-carousel02 .owl-item { transition: 0.3s; }

.owl-carousel02 .owl-item:hover { -webkit-box-shadow: -1px 2px 52px -7px rgba(0, 0, 0, 0.73); -moz-box-shadow: -1px 2px 52px -7px rgba(0, 0, 0, 0.73); box-shadow: -1px 2px 52px -7px rgba(0, 0, 0, 0.73); }

.owl-carousel02 .owl-stage-outer { padding: 0px 0px; margin: 0px 0px; padding-left: 0px; }

/************************************|owl-carousel03|*******************************************/
.owl-carousel03 { }

.owl-carousel03 a { text-decoration: none !important }

.owl-carousel03 .owl-item { background-color: #000; position: relative }

.owl-carousel03 .owl-item img { width: 101%; }

.owl-carousel03 .owl-item:hover { background-color: #0a81ef; }

.owl-carousel03 .owl-item img { width: 100% !important }

.owl-carousel03 .owl-item:hover .owl_text a { background-color: #091059; }

.owl-carousel03 .owl_text { padding: 15px 5px; color: #333; font-size: 1.2em; line-height: inherit; font-family: 'robotoregular'; text-align: left; z-index: 1000; }

.owl-carousel03 .owl_text a { color: #86939f; text-align: center; text-transform: uppercase; font-size: 1.3rem; }

.owl-carousel03 .owl-prev { right: 40px; top: -42px; /* background-color: #d9dfee;
	border: 2px #d9dfee solid !important; */ color: #8c8c8c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.owl-carousel03 .owl-next { right: 0px; top: -42px; /* background-color: #d9dfee;
			color: #8c8c8c;
	border: 2px #d9dfee solid !important; */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.owl-carousel03 .owl-next:hover, .owl-carousel03 .owl-prev:hover { /* background-color: #333; color: #fff; 

	background-color: #333;
	border: 2px #333 solid !important; */ }


.owl-carousel03 .owl-item { transition: 0.3s; }

.owl-carousel03 .owl-item:hover { -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.32); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.32); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.32); }

.owl-carousel03 .owl-stage-outer { padding: 0px 0px; margin: 0px 0px; padding-left: 0px; }

.owl-carousel03 .owl_text span { font-size: 0.9em; float: right; background-color: #fbb101; color: #fff; display: inline-block; padding: 5px 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
/***************************************||**************************************/
.listingx { list-style: none; margin: 0px; padding: 0px; }

.listingx li a { display: block; padding: 6px 10px; color: #32353b; font-size: 1em; text-decoration: none !important; transition: 0.3s; }

.listingx li a:hover { color: #0a81ef; }

.listingx li:nth-child(odd) a { }

.fildsetholder > div { padding: 0px 0px; padding-top: 0px; }

.fildsetholder > div > div { border-right: 1px #cccccc solid; }

.fildsetholder > div:last-child { padding-right: 20px; }

.fildsetholder > div:last-child div { border: none }

.fildsetholder > div:nth-child(even) .fset { }

.fildset_linke { margin-bottom: 15px; position: relative; padding-bottom: 40px; padding: 0px; padding: 5px; padding-top: 50px; }

.fildset_linke .more_btn { font-size: 0.9em; float: right; position: absolute; bottom: 12px; left: 16px; }

.fildset_linke .fset { display: inline-block; color: #000; padding: 12px 15px; display: inline-block; width: 100%; font-size: 1em; position: absolute; top: 0px; left: 0px; }

/***************************************|.slide03|**************************************/
.slide03 { background-color: #f3f3f3; padding-top: 0px !important; padding-bottom: 0px !important; box-shadow: none; z-index: 1000; overflow: hidden; position: relative; z-index: 1000; }

.slidehead { font-size: 1.5em; margin-bottom: 20px; color: #000 !important; margin-top: -5px; text-align: center; }

.slidehead2 { font-size: 1em; margin-bottom: 20px; color: #030558 !important; margin-top: 0px; }

.slidehead span { font-family: 'robotolight'; }

/***************************************|.brands|**************************************/
.brands { border-left: 1px #cccccc solid; border-bottom: 1px #cccccc solid; margin-bottom: 20px; display: block; }

.brands .owl-item { padding: 8px; border: 1px #cccccc solid; border-left: 0px; border-bottom: 0px; }

.brands .owl-prev { position: absolute; top: -45px; /* background-color:#d9dfee; */ padding: 5px 14px; right: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.brands .owl-next { position: absolute; top: -45px; /* background-color:#d9dfee; */ padding: 5px 14px; right: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.brands .owl-prev:hover, .brands .owl-next:hover { /* background-color: #1300bc; */ color: #fff; }

/*********************|rhs|******************/
.rhs { margin-bottom: 15px; }

.lhs { margin-bottom: 15px; }

/***************************************|.lhs form|**************************************/
.lhs .form_holder { padding: 0px; position: relative; overflow: visible; display: block; float: none; background-color: #fff; border: 2px #ccc solid; }

.lhs .line { display: block; clear: both; padding-top: 10px; }

.lhs .bgcons { background-size: auto 100%; }

/***************************************|.lhs bgcons|**************************************/
.lhs .bgcons { margin-top: 20px; }

.lhs .bgcons > div > div { border-right: none; padding: 15px 0px; }

.lhs .bgcons > div:last-child > div { border: none !important }

.lhs .owl-carousel03 { margin-bottom: 10px; }

.lhs .owl-carousel03 .owl-item { background-color: transparent !important; }


/***********************|listed|****************************/
.listed { margin-bottom: 15px; }

.listed ul { margin: 0px; padding: 0px; list-style: none; margin-top: -15px; }

.listed ul li { display: block; }

.listed ul li a { display: block; width: 100%; padding: 10px 0px; color: #061b5f; text-decoration: none !important; }

.listed ul li a:hover { color: #000; }

.red_text { color: #ce0202 !important; float: right; margin: 0px !important; }

.content_section.content_section2 { position: relative; }

.topsec p strong { color: #3636a6; }

.rhs h3 { background-color: #333; color: #ffffff; display: block; font-size: 1.3em; margin-bottom: 0; margin-top: 0; overflow: hidden; padding: 12px 15px; width: 100%; }

.lhs .form_holder,
.lhs .listed { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; /*border: 1px #dddddd solid;*/ padding: 0px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; }

.lhs .listed ul li:last-child a { border: none; }

.lhs .form_holder input { background-color: rgba(255, 255, 255, 1); border: 1px #ccc solid; }

/*****************************|certifix|*************************************/
@media(min-width:1920px) and (max-width:800000px) {
    .certifix { text-align: center; overflow: hidden; }

    .certifix div { display: inline-block; padding: 10px; }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 9% }

    .certifix div img { text-align: center; width: 90%; height: auto !important }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 9% }

    .certifix div img { text-align: center; width: 100%; height: auto !important }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 9% }

    .certifix div img { text-align: center; width: 100%; height: auto !important }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 9% }

    .certifix div img { text-align: center; width: 100%; height: auto !important }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 18% }

    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:980px) and (max-width:1023px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 18% }

    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:800px) and (max-width:979px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 19% }

    .certifix div img { text-align: center; width: 80%; height: auto !important }
}

@media(min-width:768px) and (max-width:799px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 20% }

    .certifix div img { text-align: center; width: 90%; height: auto !important }
}

@media(min-width:600px) and (max-width:767px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 20% }

    .certifix div img { text-align: center; width: 90%; height: auto !important }
}

@media(min-width:480px) and (max-width:599px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 25% }

    .certifix div img { text-align: center; width: 90%; height: auto !important }
}

@media(min-width:0px) and (max-width:479px) {
    .certifix { text-align: center; overflow: hidden; margin: 0 auto }

    .certifix div { display: inline-block; padding: 10px; width: 25% }

    .certifix div img { text-align: center; width: 90%; height: auto !important }
}

/**********************************||******************************/
footer i { color: #fff !important; }

.cta .more_btn:hover { background-color: #0a81ef }

.lhs .bgcons > div:nth-child(1)::after { animation: none; background-color: #0a81ef; }

.lhs .bgcons > div:nth-child(2)::after { animation: none; background-color: #37b1fe; }

.lhs .bgcons > div:nth-child(3)::after { animation: none; background-color: #63bef8; }

.lhs .bgcons > div:nth-child(4)::after { animation: none; background-color: #ffa201; }

.lhs .bgcons > div:nth-child(1) { padding-top: 15px; padding-bottom: 55px; background-color: #0a81ef; }

.lhs .bgcons > div:nth-child(2) { padding-top: 0px; background-color: #37b1fe; }

.lhs .bgcons > div:nth-child(3) { padding-top: 15px; padding-bottom: 55px; background-color: #63bef8; }

.lhs .bgcons > div:nth-child(4) { padding-top: 0px; background-color: #ffa201; }

/*****************************************|lhs why us|****************************************/
.why_us_holder { position: relative; }

.why_us { font-size: 1.4em; background-color: #091059; color: #ffffff; padding: 0px 20px 40px 20px !important; margin-bottom: -35px; font-weight: bold; }

.why_us::before { content: " "; position: absolute; display: block; width: 100%; height: 32px; left: 0; top: -32px; z-index: 1; background: #091059; transform-origin: bottom left; -ms-transform: skew(0deg, 4deg); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); animation: none; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

.dataview { padding: 0px 0px !important; border: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 0px; }

/***********************|mango_brand1|************************/
.mango_brand { border: 5px #ffa201 solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden; }

.mango_brand > div { padding: 0px 0px 0px 0px !important; }

.mango_brand strong { background-color: #ffa201; color: #ffffff; padding: 20px; display: inline-block; position: absolute; top: 49.9%; height: 101%; transform: translateY(-50.1%); z-index: 50; font-weight: normal; }

.mango_brand strong { color: #ffffff; font-size: 1.8em; }

.mango_brand strong::after { content: " "; position: absolute; display: block; width: 100%; height: 100%; right: 0; top: 0px; bottom: 0px; z-index: -1; -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); background: #ffa201; transform-origin: bottom left; animation: none; -webkit-backface-visibility: hidden; outline: 1px solid transparent; }

.mango_brand .owl-carousel10 { margin-top: 10px; width: 105%; }

.mango_brand > div { height: 75px; }

.appadd { padding: 15px; background-repeat: no-repeat; background-position: top; background-size: 100%; color: #fff; background-color: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

h4.slidehead2 { }

h4.slidehead2 i { font-size: 1.4em; }

.light { background-color: #333; color: #ffffff !important; overflow: hidden; display: block; padding: 15px; font-weight: bold; width: 100%; margin-bottom: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.light_blue { background-color: #333; color: #ffffff !important; overflow: hidden; display: block; padding: 15px; font-weight: bold; width: 100%; margin-bottom: 0px; }

.dark { background-color: #333; color: #ffffff !important; overflow: hidden; display: block; padding: 15px; font-weight: bold; width: 100%; margin-bottom: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.desaturate { background-color: #dadcdd; color: #091059 !important; overflow: hidden; display: block; padding: 15px; font-weight: bold; width: 100%; margin-bottom: 0px; }

.rfq_form abbr { position: absolute; right: 0px; top: 50%; transform: translateY(-10%) }

.rfq_form abbr .fa-check { color: #03b65b; }

.rfq_form abbr .fa-close { color: #d30105; }

.rfq_form .inh { overflow: hidden; position: relative }

.contact_box { background-color: #37b1fe; }

.contact_box img { width: 100%; }

.maptext { padding: 5px 20px; color: #ffffff; font-size: 1em; }

.maptext a { color: #ffffff; }

.maptext p { display: block; border-bottom: 1px #fff solid; padding: 8px 0px; margin: 8px 0px; }

.maptext p:last-child { border: none; }

hr { border-top: 1px solid #cccccc; }

.bg_style { margin: 0px; padding: 20px !important; background-color: #e4e5e6; border: none; width: 100%; border-left: 3px #c8cbcd solid; border-right: 3px #c8cbcd solid; }

#captchax { width: 100%; }

#captchax > div { overflow: visible !important; }
.lhs .closer { display: none !important; }
.lhs .form_title { margin-bottom: 0px; }
.lhs .form_title strong { color: #333; font-size: 1em; display: block; padding-left: 10px; }

.form_title { text-align: center; background-color: #ecf1fd; display: block; text-align: left; padding: 10px; margin: 0px -20px; margin-bottom: 15px; }

.owl-item { transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; }

/***********************|line-pattern|************************/
.line-pattern > h1,
.line-pattern > h2,
.line-pattern > h3,
.line-pattern > h4 { padding: 0px; margin: 0px; color: #fff; margin-bottom: 30px; margin-left: 15px; background-image: url('../images/lines.png'); background-repeat: no-repeat; background-position: center right; display: inline-block; clear: both; padding-right: 80px; }

.line-pattern { background-image: url('../images/big-box-pattern.jpg'); padding: 50px 30px; overflow: hidden; }

.line-pattern > div > div > div { margin: 0px !important; padding: 0px; color: #fff !important; position: relative; }

.line-pattern > div > div div img { width: 100%; }

.line-pattern > div > div div h3,
.line-pattern > div div h2,
.line-pattern > div div h4 { padding: 0px; margin: 0px; }

.line-pattern > div > div div ul { margin: 0px; margin-bottom: 50px !important; padding: 0px; list-style: none; margin-top: 20px; display: block; overflow: hidden; }

.line-pattern > div > div div ul li { padding-left: 15px; padding-bottom: 10px; background-image: url('../images/arrow-right.png'); background-repeat: no-repeat; background-position: 0px 5px; }

.line-pattern > div > div:nth-of-type(1) > div:nth-of-type(2) { background-color: #c06f26; padding: 20px !important; }

.line-pattern > div > div:nth-of-type(2) > div:nth-of-type(2) { background-color: #403838; padding: 20px !important; }

.line-pattern > div > div:nth-of-type(3) > div:nth-of-type(2) { background-color: #815c32; padding: 20px !important; }

.content_section .title_style { padding: 0px; margin: 0px; color: #0b1123; margin-bottom: 30px; background-image: url('../images/lines.png'); background-repeat: no-repeat; background-position: center right; display: inline-block; clear: both; padding-right: 80px; }

.line-pattern .more_btn { position: absolute; margin: 0 auto; text-align: center; bottom: 0px; background-color: #ff9923 !important; cursor: pointer; display: flex; background-color: #403838; color: #ffffff; border: none; text-transform: capitalize; -webkit-border-radius: 0px; display: flex; -moz-border-radius: 0px; border-radius: 0px; padding: 9px 20px; font-size: 1.2em; float: left; text-align: center !important; transition: 0.3s; margin-bottom: 10px; z-index: 100; margin: 0 auto !important; left: 0px; right: 0px; width: 120px; }

/*.line-pattern  .more_btn::before {
content: " ";
position: absolute;
display: block;
width: 99%;
height: 100%;
top: 0px;
right: -76 !important;
z-index: -1;
background: #ff9923;
transform-origin: bottom left;
-ms-transform: skew(21deg, 0deg);
-webkit-transform: skew(21deg, 0deg);
transform: skew(21deg, 0deg);
-webkit-backface-visibility: hidden;
outline-right: 1px solid transparent;
margin-right: -60px;
}

.line-pattern  .more_btn::after {
content: " ";
position: absolute;
display: block;
width: 70px;
height: 100%;
top: 0px;
left: -16 !important;
z-index: -1;
background: #ff9923;
transform-origin: bottom left;
-ms-transform: skew(21deg, 0deg);
-webkit-transform: skew(21deg, 0deg);
transform: skew(-21deg, 0deg);
-webkit-backface-visibility: hidden;
outline-left: 1px solid transparent;
margin-left: -37px;
}

.line-pattern  .more_btn:hover::after {
background-color: #495934;
}

.line-pattern  .more_btn:hover::before {
background-color: #495934;
}
*/

/*************||**************/
.more_btn { margin: 0 auto; text-align: center; bottom: 0px; background-color: #fbb101 !important; cursor: pointer; display: flex; color: #ffffff; border: none; text-transform: capitalize; -webkit-border-radius: 0px; display: flex; -moz-border-radius: 0px; border-radius: 0px; padding: 8px 18px; font-size: 1em; float: left; text-align: center !important; transition: 0.3s; margin-bottom: 10px; z-index: 100; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

/*.more_btn::before {
content: " ";
position: absolute;
display: block;
width: 101%;
height: 100%;
top: 0px;
right: -76 !important;
z-index: -1;
background: #ff9923;
transform-origin: bottom left;
-ms-transform: skew(21deg, 0deg);
-webkit-transform: skew(21deg, 0deg);
transform: skew(21deg, 0deg);
-webkit-backface-visibility: hidden;
outline-right: 1px solid transparent;
margin-right: -70px;
}

.more_btn::after {
content: " ";
position: absolute;
display: block;
width: 70px;
height: 100%;
top: 0px;
left: -16 !important;
z-index: -1;
background: #ff9923;
transform-origin: bottom left;
-ms-transform: skew(21deg, 0deg);
-webkit-transform: skew(21deg, 0deg);
transform: skew(-21deg, 0deg);
-webkit-backface-visibility: hidden;
outline-left: 1px solid transparent;
margin-left: -36px;
}

.more_btn:hover::after {
background-color: #495934;
}

.more_btn:hover::before {
background-color: #495934;
}*/

/*************************||****************************/
#slideshow-main { float: left; margin-right: 3px; }

#slideshow-main ul { margin: 0; padding: 0; }

#slideshow-main li { display: none; position: relative; }

#slideshow-main li.active { display: block !important; }

#slideshow-main li span.opacity { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 60px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 500; }

#slideshow-main li span.content { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 60px; z-index: 1000; }

#slideshow-main li span.content h1 { font-size: 14px; margin: 5px 0; padding: 0 10px; color: #42e2e8; }

#slideshow-main li span.content p { font-size: 11px; margin: 5px 0; padding: 0 10px; color: #42e2e8; }

#slideshow-carousel { position: relative }

#slideshow-carousel ul { margin: 0; padding: 0; list-style: none; }

#slideshow-carousel li { background: #fff; position: relative; width: 100%; display: block; }

#slideshow-carousel li .arrow { left: 0px; top: 28px; position: absolute; width: 20px; height: 40px; background: url(../images/arrow-l.png) no-repeat 0 0; display: block; }

#slideshow-carousel li a { background: #3c3a3a; display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 1em; padding-left: 15px; position: absolute; bottom: 0px; width: 100%; }

#slideshow-carousel .active { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; background: #ff9923; }

.acts { background: #ff9923 !important; }

#slideshow-carousel .faded { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; background: #ff9923; }

#slideshow-carousel { background: #3c3a3a; margin-left: 10px !important; border-left: 10px #fff solid; }

.jcarousel-skin-tango .jcarousel-clip-vertical,
.jcarousel-skin-tango .jcarousel-item,
.jcarousel-skin-tango .jcarousel-container-vertical { width: auto !important; }

.jcarousel-list li,
.jcarousel-item { float: none; }

#slideshow-carousel li { width: 100% !important; }

#slideshow-carousel { overflow-y: hidden; }

#slideshow-main li span.content h1,
#slideshow-main li span.content p { color: #fff !important; }

.jcarousel-skin-tango .jcarousel-container-vertical { padding-top: 89px !important; }

.jcarousel-prev-vertical { margin: 0px 0px; }

.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; z-index: 10000; bottom: auto !important; top: 25px !important; right: 15% !important; left: auto !important; }

.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; z-index: 10000; top: 25px; bottom: auto !important; right: 5% !important; left: auto !important; }

.mud2 { background-image: url('../images/mud2.png'); background-repeat: no-repeat; background-position: right bottom; }

.mud { background-image: url('../images/mud.png'); background-repeat: no-repeat; background-position: right bottom; }

.title-fp { position: absolute; color: #ffffff; padding: 25px; font-size: 1.5em; }

.uspx { background-image: url('../images/big-box-pattern.jpg'); background-repeat: repeat; color: #fff; text-align: center; padding: 20px 60px; }

.uspx div { padding-top: 10px; }

.uspx strong { color: #ff9923; font-size: 1.5em; }

.uspx p { color: #ffffff; font-size: 1em; }

.uspx::before { content: " "; position: absolute; display: block; width: 140px; height: 100%; top: 0px; left: 0 !important; z-index: 1; background: #ededed; transform-origin: bottom left; -ms-transform: skew(15deg, 0deg); -webkit-transform: skew(15deg, 0deg); transform: skew(-15deg, 0deg); -webkit-backface-visibility: hidden; /* outline-left: 1px solid transparent; */ margin-left: -140px; }

.same_divx div aside { padding: 0px 30px 0px 0px; z-index: 100; }

.extn { position: absolute; right: 0px; bottom: 0px; display: inline-block; z-index: 1000; }

.notopbot { padding-top: 0px !important; padding-bottom: 0px !important; background-color: #ededed; }

.notopbot h3 { margin-top: 25px !important; display: block; margin-bottom: 25px !important; }

.same_divx { overflow: hidden; padding-right: 0px; }

.fildset_linke .more_btn { margin: 0 auto !important; position: absolute; bottom: 25px; left: 0px; right: 0px; width: 100px; }

.twose { position: relative; }

.line-pattern div > div { padding-left: 0px; padding-right: 0px; }

.lhs .form_holder { background-color: #ecf1fd; }


.lhs .form_holder,
.lhs .listed { padding-bottom: 0px !important; }

.formbox div:last-child { padding-bottom: 10px; }

.form_holder .btn { float: left; }

.lhs .form_holder .btn { bottom: 0px !important; }

.lhs .listed { background-color: #ffffff; border: 2px #ccc solid; }

.lhs .listed { overflow: hidden; }

.listed ul li a { display: block; padding-left: 15px; /* background-image: url('../images/arrow-right.png'); */ background-repeat: no-repeat; background-position: left 15px; }

.lhs .listed .more_btn { }

.content_section2 h2 span { color: #c06f26; }

.secondlisted { background-color: #fff !important; border: 2px #cccccc solid; }

.secondlisted li { border-bottom: 1px #dee1e5 solid; }

.secondlisted ul { margin: -20px; margin-top: -15px; margin-bottom: 5px !important }

.secondlisted li { background-color: #f4f6fb; }

.secondlisted li a { padding: 10px 20px !important; margin-left: 15px; }

.secondlisted li { display: inline-block !important; width: 50%; margin-right: -4px; }

.search_formx { position: relative; padding: 8px 0px; }

.search_formx input { padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px #ccc solid; width: 100%; margin-bottom: 20px; padding-right: 40px; background-color: #f0f0f0; }

.serbtn { border: none; position: absolute; top: 7px; right: 0px; font-size: 1.6em; background-color: transparent; padding: 2px 10px; }

.serbtn i { color: #333 }

.part_list table td { position: relative !important; }

.part_list table td .more_btn { overflow: hidden !important; margin: 0 auto !important; width: 79px !important; float: none !important; left: 0px !important; right: 0px !important; font-size: 1em !important; padding: 3px !important; text-align: center !important; display: block; background-color: #fbb101 !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.part_list table td .more_btn::after,
.part_list table td .more_btn::before { display: none; }

.part_list table td .more_btn:hover { background-color: #333333 !important; }

.cagecodex strong { color: #000; }

#cfix { margin: 0 auto !important; left: 0px !important; right: 0px !important; float: none; background-color: #fbb101 !important; }

#cfix:hover { background-color: #333333 !important }

.upload img { width: 100% !important; }

.lhs .slidehead { color: #fff !important; background-color: #333; text-align: left; padding: 10px; margin: 0px -20px; margin-bottom: 15px; }

.submit_btnx { width: 100px; background-color: #fbb101; padding: 8px !important; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; font-size: 1.1em; }

.submit_btnx:hover { background-color: #333333; }

.brandsscroll { padding: 0px 0px !important; /* 	border-bottom: 1px #ccc solid; */ position: relative; }
.brandsscroll h3 { margin-bottom: 0px; }

.asapbot { position: fixed; right: 20px; top: 100px; z-index: 1000000000; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 10px; opacity: 1; border: 1px #ccc solid; }

.asapbot img { width: 30px; height: 30px; }

.asapbot:hover { opacity: 1; }

.pagination { margin: 0px; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background-color: #c0cae2; color: #61646d; border-color: #c0cae2; }

.pagination > li > a,
.pagination > li > span { color: #000; }

.main_paging { margin-top: 10px; }

.more_btn.pulse i { margin-top: 4px; }

.formrfq { position: absolute; /* left: 0px; */ right: 0%; margin: 0 auto; bottom: 0; z-index: 100; /* padding: 5% 0; */ z-index: 1; background: #fff; padding: 0; }

.formrfq .divxform { background-color: rgba(255, 255, 255, 1); padding: 10px; /*   -webkit-box-shadow: 0px 7px 8px -3px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 7px 8px -3px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 7px 8px -3px rgba(0, 0, 0, 0.31); */ width: 476px; padding: 8% 10% 10% 10%; margin-bottom: 0 !important; }

.formrfq hr { border-top: 3px solid #333333; margin-top: 12%; margin-bottom: 6%; }

.formrfq .divxform div input { width: 100%; border: 1px #000 solid; padding: 8px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: initial; }

.formrfq div div button { background-color: #fbb101; color: #000; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 8px 15px; width: 100%; text-transform: uppercase; font-size: 1.1em; line-height: initial; }
.formrfq div div button i { float: right; color: white; font-size: 1.4em }

.formrfq div div button:hover { background-color: #333333; color: #fff; }

.formrfq .divxform div { width: 100%; display: inline-block; padding: 10px; }

.formrfq .divxform div:nth-child(1) { width: 100%; line-height: 20px; }

.formrfq .divxform div strong { color: #000; font-family: robotomedium; font-size: 2em; }

.formrfq .divxform div strong span { font-family: robotolight; }

.twosecn { background-image: url('../images/bg-two-colors.png'); background-repeat: repeat-x; background-position: top; }

.twosecn .container,
.divxform { width: 80%; padding-bottom: 40px; margin: 0 auto !important }

.divxform { margin-bottom: 300px !important; }

.twosecn h2 { display: block; text-align: center; color: #fff; margin: 30px 20px; font-size: 1.8em; }

.twosecn h1 { display: block; text-align: center; color: #fff; margin: 30px 20px; font-size: 1.8em; }

.rightdiv { background-color: #fff; position: absolute; background-color: #1b01ba; bottom: 0px; z-index: 100; padding: 20px; margin: 20px 0px; padding-bottom: 70px; width: 50%; -webkit-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.32); -moz-box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.32); box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.32); }

.rightdiv strong { color: #f21984; font-size: 1.1em; }

.twosecn .container { margin-bottom: 30px; }

.twosecn .container div:nth-of-type(1) { text-align: right; }

.twosecn .container div:nth-of-type(1) .rightdiv { left: 0px; bottom: -45px; text-align: left !important; }

.twosecn .container div:nth-of-type(2) { text-align: left; }

.twosecn .container div:nth-of-type(2) .rightdiv { right: 0px; bottom: -45px; text-align: left !important; }

/*.rightdiv::after{ content: ""; background-color: #fff; width: 15px; position: absolute; left: -15px; top: 0px; height: 30px; }
.rightdiv::before{ content: ""; background-color: #fff; width: 15px;  position: absolute; left: -15px; top: 50px; bottom: 0px; }*/
.rightdiv ul { margin: 0px; padding: 0px; list-style: none; margin-left: 5px; margin-top: 8px; }

.rightdiv ul li { border-bottom: 1px #381af0 solid; padding: 5px 0px 5px 18px; background-image: url('../images/arrow-right.png'); background-repeat: no-repeat; background-position: left center; }

.rightdiv ul li a { color: #fff; }

.rightdiv .more_btn { position: absolute; bottom: 10px; }

.parlisttitle { position: relative; margin-bottom: 0px; border-top-left-radius: 30px; overflow: hidden; border-top-right-radius: 30px; }

.parlisttitle img { width: 100% !important; }

.parlisttitle span { position: absolute; display: block; bottom: 10px; margin: 20px; font-size: 1.8em; color: #fff; }

.twosecnholder { background-color: #e4e8ea; }


.twosecnholder h2 { font-family: robotolight; }
.twosecnholder h2 strong { font-family: robotomedium; }

.twosecnholder h3 { padding-bottom: 20px; font-size: 2em; margin-left: -15px; font-family: robotolight; }
.twosecnholder h3 strong { font-family: robotomedium; }
.twosecnholder { padding: 10px 0px 40px 0px; }
.twosecnholder .white-bg { background: #fff; width: 100%; display: inline-block; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding-bottom: 3%; }
.twosecnholder ul { list-style: none; margin: 0px; -webkit-padding-inline-start: 0px; -moz-padding-inline-start: 0px; -ms-padding-inline-start: 0px; /* padding-inline-start: 0px; */ padding: 10px 0; }
.white-bg hr { border-top: 3px solid #333333; margin-top: 12%; margin-bottom: 6%; }
.twosecnholder .container .row .whitebox { background-color: #fff; padding: 0px; margin: 0px 0px !important; overflow: hidden; }
.whitebox .more_btn { margin-left: 15px !important; }

.twosecnholder ul li { width: 49%; display: inline-block; padding: 0 10px; border-bottom: 1px solid #ccc }
.twosecnholder ul li:nth-child(4n+4), .twosecnholder ul li:nth-child(4n+3) { background: #f4f6f7; }
.twosecnholder ul li a { display: block; padding: 8px 0px; /* border-bottom: 1px #dadada solid; */ text-decoration: none; }

.twosecnholder p { font-size: 1.2em; margin-bottom: 20px; }
.twosecnholder .white-bg .more_btn { background: #fbb101 !important; border-radius: 20px; }
.twosecnholder .white-bg .more_btn:hover, .twosecnholder .white-bg .more_btn:focus { background: #333 !important; }
.bg-cut { background-image: url('../images/bg-cut.png'); background-repeat: no-repeat; width: 15px; height: 22px; position: absolute; top: 30px; left: -15px; z-index: 1; display: block; }

.bg_bottom { /*background-image: url('../images/bg-bottom.jpg');*/ background-repeat: no-repeat; background-position: top; background-size: 100%; padding-top: 70px; overflow: hidden; margin-top: -70px; }
/* ***************Product Main************ */
.product-main { width: 100%; display: inline-block; background: #e7e9ec; line-height: initial; }
.product-main .white-bg h2 { font-size: 2.8em; padding: 10px 7%; color: #333; font-family: "robotobold" }
.product-main .col-md-9 { padding: 0; position: relative; }
.product-main .iconbg { background: rgba(0, 0, 0, 0.51); position: absolute; top: -135px; z-index: 2; width: 100%; display: inline-block }
.product-main .about { padding: 1% 12% 5% 3%; }
.product-main .about p { font-family: "robotomedium"; line-height: 1.6em; font-size: 1em; margin-top: 20px; }
.product-main .white-bg .arrow-btn { float: right; padding-right: 20px; }
.product-main .white-bg .prod-img { width: 100%; display: inline-block; position: relative; left: -100px; top: 0; padding-bottom: 3%; }
.product-main .white-bg .prod-img img { width: 100%; }
/* *************Iconbox***************** */

.iconbox { width: 100%; margin: 0px auto; text-align: center; padding: 0px; /* overflow: hidden; */ padding-bottom: 0px; /* padding-top: 30px; */ /* border-bottom: 2px #b263b2 solid; */ }
.iconbox .icon-circle { background: rgba(0, 0, 0, 0.41); height: 45px; width: 90px; border-top-left-radius: 90px; border-top-right-radius: 90px; display: inline-block; position: absolute; top: -45px; left: 50%; margin-left: -35px; /*  margin: 0 1em 1em 0; */ }

.iconbox > div { padding-top: 13px; padding-left: 30px; padding-right: 30px; }
.iconbox img { padding-top: 18px; /*  width: 50px; */ height: 60px; }
.iconbox p { color: #ffffff; font-size: 1em; padding: 6% 0; color: #929090; }

.iconbox p strong { color: #fff; display: block; font-size: 1em; text-transform: uppercase; }
/* ********************Featured Parts************** */
.featured-parts { background: url('../images/featured-bg.jpg') no-repeat; background-size: contain; }
.sliderhold { /* padding-bottom: 0px; */ padding: 3% 0; margin: 2% 0 3%; overflow: hidden; min-height: 400px; }

.sliderhold h2 { margin-bottom: 15px; }

.owl-carousel02 .owl-stage-outer { overflow: visible !important; }

.sliderhold .owl-item div { padding-bottom: 55px; transition: 0.5s; }

.sliderhold .owl-item:hover div { padding-bottom: 105px; margin-top: -25px; }

.sliderhold .owl-item:hover { /* margin: -0.3% 0% !important; */ width: 100%; z-index: 10000 !important; }

.sliderhold .owl-item div span { display: block; position: absolute; background-color: #fff; bottom: 0px; width: 100%; padding: 15px 30px; color: #000; text-align: center; font-size: 1.2em; transition: 0.5s; height: 60px; font-size: 1.3em; }

.sliderhold .owl-item { transition: 0.5s; overflow: hidden !important; border-radius: 30px; -webkit-box-shadow: 0px 2px 15px #ccc; -moz-box-shadow: 0px 2px 15px #ccc; -ms-box-shadow: 0px 2px 15px #ccc; box-shadow: 0px 2px 15px #ccc; }

.sliderhold .owl-item:hover div span { background-color: #e4e8ea; transition: 0.5s; padding: 30px 30px 80px 30px; }

/*.sliderhold .owl-item:hover div span{ bottom: 0px; height: 100%; transition: 0.5s; padding-top:30%;}*/
.sliderhold .owl-item div span a { opacity: 1; width: 88px; float: none; margin: 0 auto !important; font-size: 1rem; margin-top: 20px !important; background-color: #fbb101 !important; padding: 5px 18px !important; border-radius: 20px; }

.sliderhold .owl-item:hover div span a { opacity: 1; float: none; margin: 0 auto !important; font-size: 1.4rem; margin-top: 2px !important; }
.sliderhold .owl-item div span a:hover, .sliderhold .owl-item div span a:focus { background: #333 !important; }
/* ****************Top Selling************** */
.top-selling { width: 100%; display: inline-block; margin-top: -5px; }
.top-selling .twosecnholder { background: url('../images/sell-bg.jpg') no-repeat; background-size: cover; color: #fff; padding: 2% 5%; }
.top-selling .twosecnholder { color: #fbb101 }
.top-selling .white-bg hr { margin-top: 0; }
/* .top-selling .twosecnholder .whitebox{max-width: 400px;margin:0 auto;} */
/********||*************/
.download-exe { color: #b31e03 !important; font-size: 1.4em; color: #b31e03; float: right; margin-top: 30px; margin-right: 40px; }

.nchanddown .nochina { overflow: hidden; margin-bottom: -11.5px; z-index: 100; }

.nchanddown .nochina img { margin-left: -40px; width: 100%; }
address { margin-bottom: 0; }
address p { color: #fff; }

.bigcall { font-size: 2em; font-family: robotobold; }

.main_nav { /* border: 1px #fff solid; */ float: right; border-left: none; }

/******************|headerfixed|*************************/
.header .search_form { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 34px; }

.header .search_form .select_holder { border-left: 1px #ccc solid; margin-left: 0px !important; }

.header .main_nav > li > a { color: #fff; }

.header.main_nav > li > a:hover,
.fixed .main_nav > li > a:active { color: #0859ea }

.header .cta a i { color: #00ceb4 !important; }

/******************|fixed|*************************/
.fixed { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.36); transition: 0.3s; }

/*.fixed { background-color: #1301bc !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
 -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); 
 box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36); transition: 0.3s; }
.fixed .search_form{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28); -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; height: 34px;}

.fixed .search_form .select_holder{ border-left: 1px #ccc solid !important; 	margin-left: 0px ; }

.fixed .main_nav > li > a{ color: #fff !important; }
.fixed .main_nav > li > a:hover, .fixed .main_nav > li > a:active{color: #fff}

.fixed .cta a i{ color: #fff!important; }*/

/***********************************|pager|***********************************/
.view_all { display: inline-block; padding: 6px 12px; background-color: #c60311; color: #ffffff !important; margin-bottom: 5px; float: right; text-decoration: none !important; transition: 0.3s; }

.view_all:hover { background-color: #00005a; }

.second_paging div strong { display: inline-block; padding: 10px 0px; }

.pagination_top { background-color: #ffffff !important; text-align: right; /*Main nav Animation*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /*Main nav Animation close*/ overflow: hidden; }

.pager { margin: 0px; margin-right: 8px !important; width: 85% !important; float: right }

.pager li { display: inline-block !important; }

.pager li > a { border-radius: 0px; color: #61646d !important; font-weight: bold; text-align: center !important; width: 38px; height: 34px; }

.pager li > a,
.pager li > span { padding: 5px !important; }

.pager li .act { background-color: #fbb101 !important; color: #1d1b54 !important; }

.pager li > a:focus,
.pager li > span:focus { background-color: #848b93 !important; color: #ffffff !important; }

.pager .owl-prev { position: absolute; left: 0px; top: 0px; border-radius: 0px !important; font-size: 1.2em !important; padding: 4px 15px !important; margin-top: 0px !important; margin-left: 0px !important; background-color: #020ea9; color: #ffffff; cursor: pointer; }

.pager .owl-next { position: absolute; right: 0px; top: 0px; border-radius: 0px !important; font-size: 1.2em !important; padding: 4px 15px !important; margin-top: 0px !important; margin-right: 0px !important; background-color: #020ea9; color: #ffffff; cursor: pointer; }

.pager .owl-prev:hover,
.pager .owl-next:hover { opacity: 1 !important; }

.pager .owl-controls { display: block !important; }

.pager .owl-wrapper-outer { width: 90% !important; overflow: hidden; height: 35px; margin: 0 auto auto }

@media(min-width:0px) and (max-width:480px) {
    .pager .owl-wrapper-outer { width: 67% !important; }
}

@media(min-width:481px) and (max-width:980px) {
    .pager .owl-wrapper-outer { width: 85% !important; }
}

.pagination_top { margin-bottom: 10px !important; }

@media(min-width:1024px) and (max-width:1365px) {
    .pager .owl-wrapper-outer { width: 85.5% !important; }
}

/***********************************|pager close|***********************************/

/*****************************||**********************************/
.main_paging .pager .owl-wrapper-outer,
.pagination_top.main_paging { overflow: visible; }

.main_paging .owl-carousel .owl-item .view_all { /* margin-right:20px ; */ width: 86px !important; }

.main_paging .pager li > a { width: 60px; background: #e4e4e4; border: 0; border-right: 1px solid #fff; color: #1d1b54 !important; }

.main_paging .owl-buttons { display: none; }

.main_paging .pager { width: auto !important; background: #e4e4e4; margin-right: 0 !important; padding: 0px 0; }

.main_paging .pager li { position: relative; }

.main_paging .pager li > a:focus,
.main_paging .pager li > a:hover { background: #fbb101 !important; color: #1d1b54 !important; }

.main_paging .open > .dropdown-menu { background: #fbb101; top: 34px; border-radius: 0; z-index: 1; padding: 0; margin: 0; left: -112%; font-size: 12px; display: inline-flex; }

.main_paging ul.pager li:last-child .dropdown-menu { left: -133%; }

.main_paging .open > .dropdown-menu a { width: 23px !important; background: #fbb101; border-right: 0; color: #1d1b54 !important; font-size: 14px; }

.main_paging .browse-btn { background: #c0cae4; color: #0a1e5f !important; font-weight: 700; border-right: 1px solid #fff; }

.dropdown-menu,
.dropdown-backdrop { position: absolute; left: 0px; margin-left: 0px; }

.main_paging .open > .dropdown-menu { left: 0px; }

.main_paging .view_all { background-color: #333; color: #fff; height: 34px; }

.main_paging .open > .dropdown-menu li a:hover { color: #fff !important; }

.main_paging .view_all:hover { background-color: #fbb101; color: #333 !important }

.main_paging .pager { display: block; }

.main_paging .pager li:nth-child(1) a { }

.main_paging .open > .dropdown-menu { -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding: 0px 20px; margin-top: -1px; }

@media(min-width:0px) and (max-width:640px) {
    .main_paging .pager li { position: relative; width: 15%; text-align: center; display: inline-block !important; }

    .main_paging .pager { width: 100% !important; }

    .main_paging .pager li > a { width: 100%; display: inline-block; text-align: center !important; font-size: 13px; }

    .main_paging .pager li > a:last-child { border-right: 0; }

    .main_paging .open > .dropdown-menu { top: 34px; width: auto !important; }

    .main_paging ul.pager li:first-child .dropdown-menu { left: 0px !important; }

    .main_paging .pager li .dropdown-menu li { }

    .main_paging .open > .dropdown-menu a { width: auto; }
}

/**************||**********/
.sliderhold h3 { margin-top: 0px; }

.breadcrumb { width: 100% !important; }

.title_stylex { color: #fff; }

.breadcrumb .more_btn::before { content: " "; position: absolute; display: block; width: 30px; height: 100%; top: 0px; /* right: -76 !important; */ z-index: -1; background-color: #ff9923; transform-origin: bottom left; -ms-transform: none; -webkit-transform: none; transform: none; -webkit-backface-visibility: hidden; /* outline-right: 1px solid transparent;
 */ margin-right: 0px; margin-left: -15px !important; }

.breadcrumb .more_btn::after { content: " "; position: absolute; display: block; width: 35px; height: 100%; top: 0px; left: -16px !important; z-index: -1; background: #ff9923; transform-origin: bottom left; -ms-transform: none; -webkit-transform: none; transform: none; -webkit-backface-visibility: hidden; /* 	outline-left: 1px solid transparent; */ margin-left: -25px; z-index: -1; }



/*********************|bg_bottomx|*************************/
.bg_bottomx { background-image: url('../images/bg-bottom.jpg'); background-repeat: no-repeat; background-position: top; background-size: 100%; padding: 20px 0px 45px 0px; overflow: hidden; }

.bg_bottomx h3 { color: #fff; }

.bbox { border: 5px #fff solid; padding: 15px; overflow: hidden; position: relative; background-color: rgba(255,255,255,1); transition: 0.5s }

.bbox strong { position: relative; z-index: 3; display: block; padding: 10px 0px; font-size: 1.3em; width: 67%; }
.twice { display: block; overflow: hidden; margin: 0px; padding: 0px; position: relative; z-index: 3 }

.twice li { display: inline-block; width: 49%; padding: 5px 0px; }
.twice li a { color: #333; }



.bbox img { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; width: 100%; opacity: 0.25; transition: 0.5s; height: 100%; }
.bbox:hover { background-color: rgba(255,255,255,0) }
.bbox:hover img { opacity: 0.1; transition: 0.5s }
.bbox:hover strong { color: #fff; }
.bbox:hover .twice li a { color: #fff; }

.mobilephonex { font-size: 2em; line-height: 0px; padding-right: 35px !important; }

.mobilephonex i { margin-top: 0px; line-height: 13px; position: absolute; }

.envelopex { font-size: 1.6em; line-height: 0px; margin-top: -5px; }
.search_btnx { background-color: #fff; color: #fbb101 !important; padding-left: 16px !important; padding-right: 16px !important; }

.rfqbn { background-color: #fbb101; margin-left: -4px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.rfqbn:hover { background-color: #d99a03 !important; }


/*********************|.captchabox|****************************/
.captchabox { width: 60%; margin: 0 auto; padding-top: 40px; }


.table_view td a.more_btn { color: #fff !important; }

.container-fluid .container-fluid { padding: 0px; }

.table_view table tr td { overflow: hidden; }



.iconbox img { width: auto !important; }

.rfqh1 { font-size: 1.5em; margin: 0px; padding: 0px; padding-bottom: 20px; }
.rhs h2 { font-size: 1.5em !important; margin-top: 0px; }

.breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.top_links .cta i { margin-right: 8px; }
.spacer .owl-carousel10 .owl-prev img, .spacer .owl-carousel10 .owl-next img { width: 40px !important; }
.owl-carousel10 .owl-controls { position: absolute; top: -50px; right: 0; width: 100%; display: inline-block; }
/* .spacer .owl-carousel10 .owl-prev{ background-color: #dbdada; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; width: 30px; height: 30px; font-size: 14px !important; text-align: center !important; padding-right: 10px; padding-left: 8px;}
.spacer .owl-carousel10 .owl-next{ background-color: #dbdada; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;  width: 30px; height: 30px; font-size: 14px !important; text-align: center !important;  padding-right: 8px; padding-left: 10px;}
 */
/* .spacer .owl-carousel10 .owl-prev:hover{ background-color: #0859ea; color: #fff; }
.spacer .owl-carousel10 .owl-next:hover{ background-color: #0859ea; color: #fff; } */
/* .spacer .owl-carousel10 div a img{width:50px;display: inline-block;}
 */

.twice li a { word-wrap: normal; white-space: nowrap; }


.main_paging .pager li > a:focus, .main_paging .pager li > a:hover, .main_paging .pager li:focus a, .main_paging .pager li:hover a,
.main_paging .pager li.actl a, .main_paging .pager li.actl:hover a, .actl { background: #fbb101 !important; color: #1d1b54 !important; }
.main_paging .pager .dropdown-menu li:hover a, .main_paging .pager .dropdown-menu li.actl a { background: #333 !important; color: #fff !important; }

@media(min-width: 0px) and (max-width: 700px) {
    .main_paging ul.pager > li:first-child .dropdown-menu { left: 14px !important; }
}

.capitalize { text-transform: capitalize !important; }
.fa.fa-thumbs-down { color: red; }
.fa.fa-thumbs-up { color: green; }
.content_section2 .MB10 { margin-bottom: 10px !important; }
.numeric-list .dropdown-menu { z-index: 1 !important; }
.auto_height { height: auto !important; }
.less_more { height: 80px; overflow: hidden; margin-bottom: 10px !important; }
.nohyperlink { cursor: default; pointer-events: none !important; }


.pre-footer .foot-disc { position: relative; }
	.pre-footer .foot-disc p { margin-bottom: 0; padding: 0 15px; line-height: 1.2; color: #000000; font-size: 1.0em; font-family: 'robotoregular'; display: inline-block; }
	.pre-footer .foot-disc ul li { list-style: none; }
.foot-disc > ul > li > p:before { display: inline; font-family: 'FontAwesome'; content: '\25CF'; margin: 0 5px 0 -15px; color: #000000; }

@media(max-width: 1600px) {
	.pre-footer .foot-disc { position: relative; top: 0px; }
}

@media(max-width: 1199px) {
	.pre-footer .foot-disc { position: relative; top: 5px; }
		.pre-footer .foot-disc p { padding: 0 0px; }
}

@media(max-width: 991px) {
	.pre-footer .foot-disc { position: relative; top: 0px; max-width: 100%; margin: 10px auto 0px; }
	.foot-disc > ul > li > p:before { display: inline; font-family: 'FontAwesome'; content: '\25CF'; margin: 0 5px; color: #000000; }
	.download-extension { text-align: center; }
}

@media(max-width: 480px) {
	.pre-footer .foot-disc { position: relative; top: 8px; max-width: 100%; margin: 0 auto; margin: 10px auto; padding-left: 20px; }
		.pre-footer .foot-disc ul { padding-left: 10px; }
}

@media(min-width: 1920px) {
	.pre-footer .foot-disc { position: relative; top: 0px; }
}

@media(width: 1024px) {
	.foot-disc > ul { padding-left: 20px; }
		.foot-disc > ul > li > p:before { margin: 0 5px 0 5px; color: #000000; }
	.pre-footer .foot-disc p { font-size: 1em; }
	.pre-footer .foot-disc { position: relative; top: 0; }
}

.no-china p { line-height: 1.2; font-size: 1.15em; display: inline-block; vertical-align: middle; padding-left: 20px; padding-top: 1.2em; }

.no-china img { display: inline-block; vertical-align: middle; width: 80px; float: left; margin-top: 20px }

@media(max-width: 1280px) {
	.no-china-content { position: absolute; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; }
}

@media(max-width: 991px) {
	.no-china-content { padding-left: 30px; padding-right: 30px; }
}



@media(max-width: 480px) {
	.no-china-content { position: absolute; width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; padding-top: 20px; }

	.no-china p { margin-left: 0px; padding-top: 0em; width: 70% !important; }
	.no-china img { margin-top: 2px }
}


.fallenheroesfund { position: fixed; left: 0px; top: 360px; background-color: #fff; z-index: 1000; width: 600px; padding: 5px; transition: 1s; }

@media(max-width:1366px) {
	.fallenheroesfund { top: 360px; }
}

@media(max-width:1024px) {
	.fallenheroesfund { top: 280px; }
}

@media(max-width:768px) {
	.fallenheroesfund { top: 210px; }
}

@media(min-width:0px) and (max-width:700px) {
	.fallenheroesfund { transform: scale(0.6); top: 120px; transform-origin: left; }

	.move_left { left: -344px !important; transition: 1s; }
}

.mobipfix { float: left !important; width: 240px !important; margin-top: -25px !important; font-size: 0.9em !important; }

.mobipfix2 { float: left !important; width: 240px !important; margin-top: 23px !important; font-size: 0.9em !important; }

.mobipfix3 { list-style: disc; display: inline-block; vertical-align: middle; padding-left: 20px; padding-top: 1.2em; width: 100%; }

@media (max-width: 480px) {
	.mobipfix { float: left !important; width: 65% !important; margin-top: -15px !important; font-size: 0.74em !important; }

	.mobipfix3 { list-style: disc; display: inline-block; vertical-align: middle; padding-left: 20px; padding-top: 0em; }

	.no-china img { width: 65px; }
}

@media (min-width:768px) and (max-width: 1024px) {
	.mobipfix { float: left !important; width: 76% !important; margin-top: 4px !important; font-size: 1em !important; }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	.no-china img { width: 55px; }

	.mobipfix { float: left !important; width: 76% !important; margin-top: -20px !important; font-size: 0.8em !important; }

	.mobipfix2 { float: left !important; width: 76% !important; margin-top: 8px !important; font-size: 0.9em !important; }
}

@media (max-width: 767px) {
	.mobipfix { width: 60% !important; margin-top: -18px !important; }
}



@media (min-width: 1080px) and (max-width: 1920px) {
	.mobipfix { float: left !important; width: 76% !important; margin-top: -1px !important; font-size: 1.03em !important; }
	.mobipfix2 { font-size: 1.0em !important; width: 76% !important; }
}

@media (max-width: 1366px) and (min-width: 1024px) {
	.mobipfix { float: left !important; width: 76% !important; margin-top: -19px !important; font-size: 1.0em !important; }
}

.foot-disc, .no-china { position: relative; background-color: #fff; color: #6a7582; padding: 4px 20px 0px 40px; border-top: 2px #d4333c solid; border-bottom: 3px solid #ccc; overflow: hidden; min-height: 143px; margin-bottom: 30px; padding: 10px 10px !important; overflow: hidden; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); box-shadow: 0 0 10px 0 rgba(0,0,0,.15); margin-bottom: 0px; border-radius: 10px; }

@media(min-width:1024px) and (max-width:1280px) {
	.no-china-content { padding-right: 0 }
	.foot-disc, .no-china { min-height: 191px; }
	.mobipfix2 { margin-top: 31px !important; }
	.no-china img { margin-top: 41px; }
	.foot-disc .mobipfix3 { margin-top: 5%; }
}
@media(min-width:1920px) and (max-width:800000px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 130px
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px
    }
}

@media(min-width:1366px) and (max-width:1439px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 145px
    }
}

@media(min-width:1280px) and (max-width:1365px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 140px;
    }
}

@media(min-width:1024px) and (max-width:1279px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:980px) and (max-width:1023px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 240px
    }
}

@media(min-width:800px) and (max-width:979px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 245px
    }
}

@media(min-width:768px) and (max-width:799px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 345px
    }
}

@media(min-width:600px) and (max-width:767px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 340px
    }
}

@media(min-width:480px) and (max-width:599px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 445px
    }
}

@media(min-width:400px) and (max-width:479px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 441px
    }
}

@media(min-width:410px) and (max-width:412px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:413px) and (max-width:415px) {
    .certificate {
        height: 337px
    }
}

@media(min-width:0px) and (max-width:399px) {
    .certificate {
        width: 100%;
        background-color: #fff;
        height: 544px
    }
}

@media (max-width: 80000px) and (min-width: 0px) {
    .content_section {
        padding-bottom: 0px !important;
    }
}