/*
 * Table of Contents:
 * 	   - Media Queries
 *   0 - media screen and (max-width: 1170px)
 *   1 - media screen and (max-width: 1152px) 
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, a, p, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: "Century Gothic";
	color: #444;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
}
p {
	font-family: "Century Gothic";
	color: #444;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	margin: 0px;
}
body {
	font-family: "Century Gothic";
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
a {
	color: #036EB6;
	font-family: "Century Gothic";
	outline: none;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
a:hover {
	text-decoration: none;
}
.btn {
	outline: none;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
	font-family: 'Arapey', serif;
}
.btn:hover {
	cursor: pointer;
}
h1 {
	color: #087def;
	display: block;
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
	padding: 0 0 5px;
	margin: 0px 0 10px 0;
	font-family: 'Arapey', serif;
}
h2 {
	color: #000;
	display: block;
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	padding: 0 0 5px;
	margin: 0px 0 10px 0;
	font-family: 'Arapey', serif;
}
h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	color: #000;
	padding: 0;
	margin: 0 0 15px 0;
	font-family: 'Arapey', serif;
}
h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #000;
	padding: 0px 0 0 0;
	margin: 0 0 5px 0;
	font-family: 'Arapey', serif;
}
h5 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #222;
	padding: 0px 0 0 0;
	margin: 0 0 5px 0;
	font-family: 'Arapey', serif;
}
h6 {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	color: #222;
	padding: 0px 0 0 0;
	margin: 0 0 5px 0;
}
p {
	margin-bottom: 10px;
}
.orange {
	color: #ff7502;
}
.container {
	max-width: 1170px;
	width: 100%;
	padding: 0px;
}
/*top header
---------------------------------------------------------------------- */
.top__bar {
	float: left;
	width: 100%;
	background-color: #007bff;
	border-bottom: 10px solid #ffbe2e;
}
.top__right {
	float: right;
}
.top__right ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.top__right ul li {
	float: left;
	padding-left: 30px;
	color: #ffbe2e;
	font-size: 20px;
}
.top__right li a {
	color: #fff;
	line-height: 48px;
	font-size: 18px;
	font-family: 'Arapey', serif;
	padding-left: 3px;
}
/*main header
---------------------------------------------------------------------- */
header {
	float: left;
	width: 100%;
	padding: 15px 0;
}
.logo {
	float: left;
}
.navigation {
	float: right;
}
.menu {
	float: right;
	padding-bottom: 10px;
}
.header__right {
	float: right;
}
.header__fields {
	display: block;
}

.goog-te-gadget-simple {
	padding: 6px!important;
	border: 1px solid #ffbe2e!important;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.request__demo {
	margin: 0 30px;
	float: right;
}
.search__bar {
	width: 35%;
	float: right;
}
.search__bar .form-control {
	height: 38px;
	padding: 0 15px;
	border-color: #ffbe2e;
}
.search__bar .btn {
	color: #007bff!important;
}
.request__demo .btn {
	color: #007bff!important;
	font-size: 18px;
	padding: 5px 20px;
}
/*banner
---------------------------------------------------------------------- */
.banner__section {
	float: left;
	width: 100%;
}
.banner__left {
	float: left;
	width: 40%;
	position: relative;
}
/*.banner__left img {
	max-width: 225px;
}
.top_left {
	position: absolute;
	left: 0px;
	top: 0px;
}
.top_right {
	position: absolute;
	right: 0px;
	top: 0px;
}
.top_right img {
	width: 150px;
}
.bottom_left {
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: auto;
}
.bottom_right {
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: auto;
}
.bottom_right img {
	width: 170px;
}
.v__center {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.v__center img{ margin-top:-50px;}
*/

.banner__right {
	float: right;
	text-align: right;
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;
}
.banner__tittle {
	color: #087def;
	font-size: 58px;
	text-transform: uppercase;
	font-family: 'Arapey', serif;
}
.banner__right--element {
	width: 85%;
	text-align: center;
}
.banner {
	display: flex;
	flex-wrap: wrap;
}
.banner_content .nav {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0px;
}
.banner_content ul li {
	display: inline;
}
.banner_content .nav-pills .nav-link.active, .show > .nav-pills .nav-link:hover {
	background-color: #ce630d;
}
.banner_content .nav-pills .nav-link {
	background-color: #df7119;
	color: #fff;
	padding: 8px 35px;
	font-family: 'Arapey', serif;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0px;
	margin: 0 10px;
	font-size: 18px;
}
.banner_search {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.banner_search .btn {
}
.banner_search .form-control {
	font-size: 13px;
	padding: 0px!important;
	border: 0px;
	height: 35px;
	line-height: 35px;
	margin-top: 8px!important;
}
.banner_search .form-control {
	color: #007bff;
	opacity: 1; /* Firefox */
	font-family: 'Arapey', serif;
	font-size: 18px;
}
.bor_r {
	border-right: 1px solid #ddd;
}
.search_b {
	text-align: center;
	float: right;
	color: #007bff;
	background-color: transparent;
}
.search_b:hover {
	color: #ffbe2e;
}
select.form-control:not([size]):not([multiple]) {
	padding: 5px 10px;
}
ul.live_data {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
ul.live_data li {
	display: inline;
}
ul.live_data li a {
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #b2b1b1;
	color: #b2b1b1;
	line-height: 12px;
	font-family: 'Arapey', serif;
	font-size: 14px;
}
ul.live_data li a:hover {
	color: #ddd;
}
ul.live_data li:last-child a {
	border-right: 0px;
}
.banner_search .form-control:focus {
	box-shadow: none;
}

.truck {    
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/*tooltip*/
.banner_search .form-group { position:relative;}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
	
}
.fade.in {
    opacity: 1;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
	top: -33px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
	top: 34px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.tooltip-inner {
	transition: 0.5s;
    -webkit-transition: 0.5s;
}

/*banner bottom
---------------------------------------------------------------------- */

.banner_bottom {
	float: left;
	width: 100%;
	padding: 50px 0 20px;
}
.banner_bottom ul {
	list-style: none;
	padding: 0px;
	margin: 0px -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.banner_bottom ul li {
	width: 25%;
	padding: 15px 0;
	display: flex;
	flex-wrap: wrap;
}
.banner_bottom ul li a,
.banner_bottom ul li div {
	padding: 15px 40px;
	text-align: center;
	color: #df7119;
	font-size: 25px;
	font-family: 'Arapey', serif;
	display: inline-block;
	width: 100%;
	border-right: 1px solid #febd2e;
}
.banner_bottom ul li:nth-child(4) a,
.banner_bottom ul li:nth-child(4) div {
	border-right: 0px;
}
.banner_bottom ul li:last-child a,
.banner_bottom ul li:last-child div {
	border-right: 0px;
}
.banner_bottom ul li a img,
.banner_bottom ul li div img {
	width: 100px;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}
/*cybex section
---------------------------------------------------------------------- */
.ccr__section {
	float: left;
	width: 100%;
	padding: 50px 0;
}
.orange__text {
	color: #df7119;
}
.cybex__list--items {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
}
.cybex__list--items ul {
	list-style: url(../images/check-icon.png);
	padding: 0px;
}
.cybex__list--items ul li {
	color: #087def;
	float: left;
	width: 50%;
	padding: 5px 0;
	font-size: 19px;
}
.cybex__list--items ul li:nth-child(2){ text-align: right;}
.cybex__list--items ul li:nth-child(4){ text-align: right;}



/*How our data benefits you?
---------------------------------------------------------------------- */

.benifits__section {
	text-align: center;
}
.big__text {
	font-size: 60px;
	line-height: 60px;
}
.benifits__section img {
	width: 185px;
	height: 185px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px dashed #e07621;
	padding: 3px;
	position: relative;
	z-index: 9999;
	margin: 10px 0;
	background-color: #fff;
	object-fit: contain;
}
.benifits__section ul {
	list-style: none;
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-bottom: 0px;
}
.benifits__section ul::after {
	content: "";
	width: 1px;
	background-color: #df7119;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0px;
	top: 0px;
}
.benifits__section li {
	width: 678px;
	float: left;
	padding: 20px 0;
	text-align: left;
}
.benifits__section li:nth-child(2n+2) {
	float: right;
}
.benifits__section li:last-child {
	padding-bottom: 0px;
}
.benifits__section li h5 {
	font-size: 25px;
	color: #087def;
	line-height: 28px;
	font-family: "Century Gothic";
}
.benifits__section li p {
	font-size: 15px;
	color: #df7119;
	line-height: 20px;
	font-family: "Century Gothic";
	margin-bottom: 0px;
	text-align: justify;
}
/*Cybex Exim Solutions 
---------------------------------------------------------------------- */
.cybex__solution {
	padding: 40px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.yello__background {
	background-color: #febd2e;
	position: relative;
	z-index: 9;
}
.text__blue {
	color: #0d407f;
}
.cybex__solution h4 {
	font-family: 'Arapey', serif;
	font-size: 25px;
	margin-bottom: 20px;
}
.cybex__solution p {
	line-height: 24px;
	color: #fff;
}
.cybex__solution a {
	line-height: 24px;
	color: #0d407f;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 35px;
	display: block;
	text-align: right;
}
.trade__resource h2 {
	color: #087def;
	font-size: 40px;
	line-height: 48px;
}
.trade__resource {
	padding-top: 50px;
}
.trade__resource ul {
	padding: 15px;
	color: #febd2e;
}
.trade__resource li {
	width: 50%;
	float: left;
}
.trade__resource li a {
	color: #087def;
	line-height: 48px;
	font-size: 18px;
	font-weight: 400;
}
.trade__resource li:nth-child(2n+2) {
	float: right;
}
.trade__resource a {
	font-weight: 700;
	color: #febd2e;
	font-size: 15px;
}
.container__box {
	padding: 0 20px 20px;
	margin-top: -15px;
}
/*testimonials section
---------------------------------------------------------------------- */
.testimonials__box {
	position: relative; padding:0 15px;
}
.testimonials__text {
	position: absolute;
	left: 75px;
	right: 75px;
	top: 70px;
	text-align: center;
}
.testimonials__text p {
	font-size: 12px;
	line-height: 18px;
	color: #087def;
}
.testimonials__text h6 {
	font-size: 13px;
	line-height: 18px;
	color: #df7119;
}
.testimonials__text p:before {
	font-family: FontAwesome;
	content: "\f10d";
	margin-right: 10px;
	font-size: 20px;
	color: #df7119;
}
.testimonials__text p:after {
	font-family: FontAwesome;
	content: "\f10e";
	margin-left: 10px;
	font-size: 20px;
	color: #df7119;
	padding-top: 0px;
	display: inline-block;
}
.text__orange {
	color: #df7119;
	font-size: 40px;
}
.export__import ul {
	padding: 15px;
	background-color: #e6e6e6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}
.export__import li {
	display: block;
}
.export__import li a {
	color: #087def;
	line-height: 20px;
	font-size: 15px;
	padding: 15px 0;
	border-bottom: 1px solid #df7119;
	display: block;
}
.export__import li:last-child a {
	border-bottom: 0px;
}
.read__more_o {
	text-transform: uppercase;
	float: right;
	margin-top: 20px;
	color: #df7119;
}
.trade__resource_2 {
	padding-top: 50px;
	padding-left: 50px;
}
.export__import {
	padding-top: 50px;
}
.trade__resource_2 ul {
	padding: 15px;
	color: #df7119;
}
.trade__resource_2 li {
	width: 50%;
	float: left;
}
.trade__resource_2 li a {
	color: #087def;
	line-height: 48px;
	font-size: 18px;
	font-weight: 400;
}
.trade__resource_2 li:nth-child(2n+2) {
	float: right;
}
.trade__resource_2 a {
	font-weight: 700;
	color: #df7119;
	font-size: 15px;
}
/*blogs section
---------------------------------------------------------------------- */

.blog__box {
	border: 1px solid #df7119;
	padding: 25px;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
}
.blog__box img {
	border-bottom: 1px solid #df7119;
	margin-bottom:0px;
	padding-bottom: 15px;
	width: 100%;
	height: 310px;
	object-fit: cover;
}
.blog__box p {
	font-size: 13px;
	line-height: 18px;
	color: #087def;
}
.blue-color {
	color: #087def;
}
.blog__box a {
	font-size: 13px;
	line-height: 18px;
	color: #777;
}
.blog__box a:hover {
	color: #222;
}
/*Latest Insights
---------------------------------------------------------------------- */
.notification h4 {
	font-size: 22px;
}
.notification ul {
	list-style: none;
	padding: 0px;
	margin: 20px 0 0 0;
}
.notification ul li {
	display: block;
}
.notification ul li a {
	background-color: #e6e6e6;
	padding: 12px 20px;
	color: #087def;
	text-align: center;
	margin: 5px 0;
	display: inline-block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 20px;
}
.latest_updates h4 {
	font-size: 22px;
}
.latest_updates ul {
	list-style: none;
	padding: 0px;
	margin: 25px 0 0 0;
	background-color: #e6e6e6;
	padding: 10px 15px;
	height: 270px;
	overflow-y: scroll;
}
.latest_updates h6 {
	font-size: 15px;
	font-weight: 400;
	color: #087def;
	margin: 0px;
	line-height: 20px;
	padding: 0px;
}
.latest_updates p {
	font-size: 12px;
	font-weight: 400;
	color: #087def;
	margin-bottom: 0px;
	line-height: 18px;
}
.latest_updates li {
	border-bottom: 1px solid #df7119;
	padding: 6px 0;
}
.latest_updates li:last-child {
	border-bottom: 0px;
}
.insights__img {
	margin-top: 60px;
}
/*Cybex in Media
---------------------------------------------------------------------- */

.cybex__media {
	background-color: #e6e6e6;
	padding: 10px 0;
}
.ccr_porjects {
	width: 90%;
	display: inline-block;
	margin: 0 auto;
}
.media__text p {
	font-size: 20px;
	line-height: 26px;
	margin-top: 20px;
	text-align: center;
}
.choose__cybex ul {
	list-style: none;
	padding: 0px;
	margin: 30px 0 0;
	display: flex;
	flex-wrap: wrap;
}
.choose__cybex li {
	width: 50%;
	padding: 30px 10%;
	text-align: center;
}
.choose__cybex li .cirle_box {
	width: 150px;
	height: 150px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	background-color: #e6e6e6;
	padding: 25px;
	margin: 0 auto 15px;
	display: inline-block;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.09);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.choose__cybex li p{ font-size: 18px;}
.choose__cybex li h3{ font-size:24px;}


/*Top research and consulting companies that place their trust in us:-
---------------------------------------------------------------------- */
.ccr_logos {
	background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	height: 130px;
	width: 135px;
	-webkit-box-shadow: 0px 21px 20px -8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 21px 20px -8px rgba(0,0,0,0.4);
	box-shadow: 0px 21px 20px -8px rgba(0,0,0,0.4);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.ccr_logos img {
	width: 90px;
	height: auto;
}
/*footer secton
---------------------------------------------------------------------- */
.footer__boxes .main__box {
	list-style: none;
	padding: 0px;
	margin: 0px -10px;
	display: flex;
	flex-wrap: wrap;
}
.footer__boxes .main__box li {
	width: 25%;
	text-align: center;
	padding: 0 10px;
	border-right: 1px solid #febd2e;
}
.footer__boxes .main__box li:last-child {
	border-right: 0px;
}
.footer__boxes .main__box li h4 {
	background-color: #e6e6e6;
	text-align: center;
	font-size: 25px;
	color: #e0741d;
	line-height: 25px;
	padding: 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.footer__boxes .main__box li ul {
	list-style: none;
	padding: 0px;
}
.footer__boxes .main__box li ul li {
	font-size: 18px;
	width: 100%;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
.footer__boxes .main__box li ul li a {
	padding: 7px 0;
	color: #087def;
	font-size: 18px;
	display: block;
	margin: 0px;
}
.footer__boxes .main__box li ul li a:hover {
	color: #000;
}
.footer {
	float: left;
	width: 100%;
	padding: 25px 0;
	background-color: #e4e4e4;
	margin-top: 15px;
}
.footer_contact {
	text-align: center;
}
.footer_contact a {
	font-size: 25px;
	font-family: 'Arapey', serif;
	color: #df7119;
	line-height: 48px;
}
.footer_icons ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.footer_icons ul li {
	display: inline-block;
}
.footer_icons ul li a {
	display: inline-block;
	float: left;
	font-size: 25px;
	color: #df7119;
	line-height: 42px;
	margin: 0 10px;
}
.inner_banner{ float:left; width:100%; background-color:#f5f5f5; padding:5px 0; text-align: center;}
.inner_banner h1{
	padding-bottom: 0px; margin-bottom: 0px;
}
.form_section {
	display: inline-block;
	width: 100%;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 14px; background-color:#fff;
}
.registration_back{ background-color:#eee;}
.form_section .form-control {
	font-size: 14px;
}
.form_section img {
	margin-top: 20px;
}
.accordial_section .card-header {
	background-color: #087def;
	padding: 7px 15px;
}
.accordial_section .card-header h5 a {
	color: #fff;
	display: block;
}
.accordial_section {
	margin-bottom: 40px;
}
tr.bg-dark td {
	color: #fff;
}
.list_square {
	padding: 15px;
	list-style: square;
}
.list_square li {
	padding: 4px 0;
}
.content_page h5 {
	font-weight: 700;
}
.red {
	color: #ff7502;
}
.content_page {
	font-size: 14px;
}
.tittle {
	background-color: #087def;
	display: inline-block;
	width: 100%;
	padding: 7px 15px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 16px;
}
.user_login {
	border: 1px solid #ddd;
	display: inline-block;
	width: 100%;
	background-color: #f9f9f9;
	padding: 0px 15px 15px 15px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.form-control {
	font-size: 13px;
}
.accordion .card { border:none; margin:0 0 5px 0;}
.accordion .card .collapse.show { border: solid 1px #ccc; border-top:none; margin:0 0 5px 0;}
.accordion .card .card-header{ padding:0; border:none;}
.accordion .card .card-header h4 { padding:0px; margin:0px;}
.accordion .card .card-header h4 a { display:inline-block; float:left; padding:10px 15px; width:100%; text-align:left;}
.card-header h5 a {
    color: #fff;
    display: block; cursor:pointer;
}
.card-header h5 a:hover{ color:#fff!important;}
.accordion .card .card-header h4 a.btn { background-color:#087def; color:#fff; border-radius:0;}
.accordion .card .card-header h4 a.btn:after {
    font-family: "FontAwesome";
    content: "\f068";
	float:right;
	font-weight: 900;
}
.accordion .card .card-header h4 a.btn.collapsed { background-color:#444; border-radius:0;}
.accordion .card .card-header h4 a.btn.collapsed:after {
	font-family: "FontAwesome";
    content: "\f067";
	float:right;
	font-weight: 900;
}

ul.site_map {
    padding: 0px;
    margin: 0px; 
	display:inline-block; width:100%;   
}
ul.site_map li { display:inline-block; float:left; width:33.3333%; line-height:26px; padding:2px 0;}

ul.site_map li a:before {
	font-family: "FontAwesome";
    content: "\f0c8";
	color: #0093d1;
	float:left;
	font-size:9px;
	margin:0 6px 0 0;
}
ul.site_map li a{ line-height:26px !important;}
ul.site_map li {
    line-height: 26px;
}

.tittle_bar {
	display: inline-block;
	width: 100%;
	margin-bottom: 35px; margin-top:5px;
}
.tittle_bar ul {
	list-style: none;
	padding: 0px; display:inline-block; width:100%;
}

element {

}

.content_page {

    display: inline-block;
    width: 100%;
    float: left;
    padding: 35px 0; margin-bottom:20px;

}
.tittle_bar li {
	float: left; width:100%;
}
.tittle_bar li a {
	padding: 8px 15px;
	float: left;
	background-color: #087def;
	color: #fff;	
	border-bottom: 1px solid #4b9ff5;
	width:100%;
}
.tittle_bar li a.active {
	background-color: #ff7502;
}
.form_section {
	display: inline-block;
	width: 100%;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 14px; background-color:#fff;
}
.registration_back{ background-color:#eee;}
.form_section .form-control {
	font-size: 14px;
}
.form_section img {
	margin-top: 20px;
}

.bg-primary td, .bg-primary th{
    color: #fff;
}
.alpha_item {
	list-style: none;
	padding: 0px;
	margin: 0px 0 20px 0;
	display: inline-block;
}
.alpha_item li {
	float: left;
}
.alpha_item li a {
	display: inlin-block;
	height: 30px;
	width: 30px;
	margin-right: 7px;
	background-color: #036EB6;
	color: #fff;
	float: left;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 4px;
	font-weight: 600;
}
.alpha_item li a:hover, a.active {
	background-color: #ff7502!important;
}
.product_list {
	padding-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.product_list a:before {
	content: "\f101";
	font-family: 'FontAwesome';
	padding-right: 7px;
	color: #ff7502;
}
.product_list a {
	color: #333;
	
}
.product_list a:hover {
	color: #036EB6;
}
.product_list_2 {
	display: inline-block;
	width: 100%;
}
.ccr__section h5{ font-size:20px;}

.importt_side { list-style:square; padding:0px 20px; margin:0px; display:flex; flex-wrap:wrap;
}
.importt_side li {
    width: 25%;
	padding:5px 0;
}
.importt_side li a {
    color: #ff7502;
}

.prodcy ul{padding-left: 8px;margin-left: 0px;}
.prodcy ul li{list-style: none; font-size:15px;}
.prodcy{background: #ddd;padding: 20px 7px;padding-bottom: 0px;border-radius: 2px;display: flex;
	height: 100%;}
.prodcy a{font-size: 13px;}
.title_dark {
    padding: 10px 15px;
    background-color: #343a40;
    color: #fff;
    font-weight: 700;
}


.paging {
    margin: 15px 0 0 0;
}
.cPage {
    text-decoration: none;
    background: #007bff;
    border: solid 1px #007bff;
    padding: 6px 10px 5px;
    color: #fff;
    float: left;
    margin-right: -1px;
}
.paging a {
    text-decoration: none;
    border: solid 1px #ddd;
    padding: 7px 10px;
    color: #007bff;
    float: left;
    margin-right: -1px;
}
.carousel-indicators li{ padding:0px!important;}
.account_section {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.ryt_box {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.ryt_box ul {
    padding: 0px;
    list-style: none;
    border: 1px solid #ddd;
}
.ryt_box li {
    padding: 7px 15px;
    border-bottom: 1px solid #ddd;
}
.listing_2{display: flex;flex-wrap: wrap;}
.trade_agree{list-style-type: circle;display: flex; flex-wrap: wrap; padding: 0 10px;}
.trade_agree li{display: inline-block;width: 33%; padding: 4px 15px !important;}
.trade_agree a{color: #ff7502;}
.trade_agree a:hover{color:#036EB6;}
.trade_agree li a:before{
	content: "";background: #000;width: 6px;height: 6px;position:absolute;
	display: block;margin: 7px 0px 0px -20px;}

.listing_2 {
	padding: 0px;
	margin: 0px -20px;
	list-style: none;
}
.listing_2 li {
	width: 50%;
	float: left;
	padding: 20px;
}
.alpha_text {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
input[type="checkbox"], input[type="radio"] {   
    margin: 0 2px;
}

.form__big_text .form-control{ font-size:16px;}
.iand_side a {
    padding: 0px 19px 0px 0px;
    font-size: 17px;
    font-weight: 600;
    color: #fa7402;
}

.iand_side {
    margin-bottom: 15px;
}


.btn_ck {
    float: right;
    margin-bottom: 10px;
    background: #fa7402;
    border: 1px solid #fa7402;
}


#ctl00_cphContent_lblPageContents ol{ padding:15px;}
#ctl00_cphContent_lblPageContents li{ padding:4px 0; font-size:16px; line-height:22px;}

.account_section h5{ margin-bottom:25px; font-size:24px;}



.tabs__section {
    display: inline-block;
    width: 100%;
}
.tabs__section .btn{ border-radius:0px; float:left; margin:0px 0 10px 0; padding:12px 20px;}
.tabs__section{ display:inline-block; width:100%;}

.ch {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
	}

.ccr_checkbox {
    height: 200px;
    overflow-y: scroll;
    margin-bottom: 20px;
}
.form-control{ height:auto;}

.hummingbird-base {
    padding: 0px;
}
.hummingbird-treeview, .hummingbird-treeview * {
    list-style: none;
    font-size: 14px;
    line-height: 24px;
}

.table_upp a {
    color: #000 !important;
}
.table_upp a:hover {
    color: #036EB6 !important;
}
.bg-primary td, th a {
    color: #fff; font-weight:700;
}
.bg-primary td, th a:hover{
	color: #fff;
}


.table-responsive .form-check{ padding-left:0px;}

ul.site_map li a { display:inline-block; float:left; width:100%; color:#333;}
.mediam{ text-align:center;}
.mediayasect{ border:solid 1px #ddd; text-align:center;display: flex;flex-wrap: wrap; padding:15px 0px; margin-bottom:10px;}
.autn{ width:100%; text-align:center; padding:20px 0;}
.mediayasect .readm{  color:#044497; text-decoration:none; font-size:14px; font-weight:bold; display:inline-block; width:100%; float:left;}
.flexm{display: flex;flex-wrap: wrap;}
.auti{margin:0 auto; width:100%;}
.titlea{ font-weight:bold; text-align:center; width:100%;}
.client_log {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}



.client_log p {
    margin-top: 15px;
}
.trade_resource {
	display: inline-block;
	width: 100%;
}
.trade_resource ul {
	list-style: square;
	padding: 0px 0 0 18px;
	margin-bottom: 15px;
	color: #0093d1;
}
.trade_resource li{ padding:0px!important;}
.trade_resource li a {
	color: #333;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	font-family: "Open Sans";
	display: block;
}
.trade_resource li a:hover {
	color: #0093d1;
}

.testimonials_page ul{ margin:0px; padding:0px; list-style:outside none;}
.testimonials_page li{ margin:0px 0 10px; padding:0px 0 15px; border-bottom:dashed 1px rgba(0,0,0,.2);}
.testimonials_page li:last-child{ border-bottom:none;}
.testimonials_page li .quote{color:#ff7502; font-size:25px;}
.testimonials_page li .name{ display:block; text-align:right; color:#ff7502; margin-top:25px;}
.testimonials_page li .post{ display:block; text-align:right;}

h1 a span{ font-size:30px; line-height:36px;}



#ctl00_cphContent_lblPageContents ul{ padding:15px;}

.ryt_box span#ctl00_cphContent_lblDisplay{ font-size:15px; padding-bottom:15px; display:block;}
.onTop{ position:fixed!important;}


.fright {
    float: right;
}	
.btn-details {
    background: #3893ef;
    padding: 5px 0px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    width: 115px;
    text-align: center;
}
.my-danges {
    background: #ff7502;
    border-color: #fb831f;
    color: #fff;
    padding: 5px 10px;
    height: 40px;
    background-color: #28a745;
    border-color: #28a745;
	font-size:20px;
}



.my-danges .close {
    color: #fff;
    margin-left: 5px;
    opacity: 10;
    
}


.pop_box_image img{ width:auto; height:300px; object-fit:cover;}
.modal{ z-index:9999;}








/* old css for new header */
/*top header
---------------------------------------------------------------------- */
.top_header {
	width: 100%;
	background-color: #3893f0;
	float: left;
}
.top_left {
	float: left;
}
.top_left ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.top_left ul li {
	float: left;
}
.top_left ul li a {
	float: left;
	padding: 8px 15px;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}
.top_right {
	float: right;
}
.top_right a {
	text-transform: uppercase;
	padding: 8px 15px;
	font-size: 14px;
	color: #fff;
	font-family: 'Arimo', sans-serif;
	float: left;
}
.top_right a i {
	padding-right: 8px;
	font-size: 16px;
}
/*Main header
---------------------------------------------------------------------- */
header {
	padding: 5px 0;
	display: inline-block;
	width: 100%;
	float: left;
}
.logo {
	float: left;
}
.header_ryt {
	float: right;
}
.buttons {
	float: left;
}
.buttons .input-group {
	float: left;
}
.search_btn {
	width: 275px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
.search_btn .form-control {
	height: 36px;
	font-size: 13px;
	font-weight: 300;
	font-family: "Open Sans";
	padding: 0px 15px;
}
.search {
	font-size: 14px;
height: 36px;
background-color:
#f5b120;
border-color:
#f5b120;
padding: 0px 14px;
border-radius: 0 4px 4px 0;
}
.request_demo {
	float: left;
	margin-top: 20px;
	background-color: #003478;	
	border-color: #003478;
	padding: 6px 15px;
	text-align: center;
	font-family: 'Arimo', sans-serif;
}
.google_traslate {
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
	text-align: right;
	margin-right: 20px;
}
/*banner section
---------------------------------------------------------------------- */
#banner_section {
	background-image: url(../images/banner_back.jpg);
	background-position: top center;
	width: 100%;
	padding: 20px 0 0;
	float: left;
	text-align: center;
}
#banner_section h2 {
	color: #fff;
	font-family: "Open Sans";
}
.banner_content .nav {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #a8a8a8;
	margin-bottom: 0px;
}
.banner_content ul li {
	display: inline;
}
.banner_content .nav-pills .nav-link.active, .show > .nav-pills .nav-link:hover {
	background-color: #000;
}
.banner_content .nav-pills .nav-link {
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 8px 35px;
	font-family: "Open Sans";
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #a8a8a8;
	font-weight: 600;
	margin: 0px;
	font-size: 14px;
}
.banner_search {
	width: 65%;
	margin: 0 auto;
	background-color: #fff;
	padding: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.banner_search .btn {
}
.banner_search .form-control {
	font-size: 16px;
	padding: 15px;
	border: 0px;
}
.bor_r {
	border-right: 1px solid #ddd;
}
.search_b {
	background-color: #ff7502;
	text-align: center;
	padding: 11px 40px;
	float: right;
	border: 2px solid #fff;
	color: #fff;
}
.search_b:hover {
	background-color: #3893f0;
	border: 2px solid #fff;
}
/*select.form-control:not([size]):not([multiple]) {
	margin: 8px 0px!important;	
}*/
select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 2px);
}


ul.live_data {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
ul.live_data li {
	display: inline;
}
ul.live_data li a {
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #b2b1b1;
	color: #b2b1b1;
	line-height: 12px;
	font-family: "Open Sans";
	font-size: 14px;
}
ul.live_data li a:hover {
	color: #ddd;
}
ul.live_data li:last-child a {
	border-right: 0px;
}
/*import export section
---------------------------------------------------------------------- */
#main_section {
	background-color: #e9e9e9;
	padding: 20px 0 30px 0;
	display: block;
	overflow: hidden;
	width: 100%; margin-top:25px;
}
.import_section {
	float: left;
	width: 35%;
	padding: 20px 18px 25px 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f5b120;
}
#main_section h3 {
	color: #fff;
	margin-bottom: 15px;
}
.import_section ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.import_section ul li {
	display: inline-block;
}
.import_section ul li a {
	background-color: #eeeeee;
	color: #333;
	display: inline-block;
	padding: 3px 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 4px 2px;
	font-family: "Open Sans";
}
.import_section ul li a h5{ margin-bottom:0; text-transform:capitalize; padding:5px 0; font-size: 20px;}
.import_section ul li a:hover {
	background-color: #fff;
}
.import_section .btn{ font-size: 20px;}
.export_section {
	float: left;
	width: 38%;
	padding: 0 30px;
}
.export_box {
	padding: 20px 18px 60px 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #12aee0;
	width: 100%;
}
.sample_btn {
	padding: 12px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #2bb24c;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-family: "Open Sans";
	margin-top: 20px;
}
.sample_btn a {
	color: #f6ff00;
	text-decoration: underline;
}
.export_section ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.export_section ul li {
	display: inline-block;
}
.export_section ul li a {
	background-color: #eeeeee;
	color: #333;
	display: inline-block;
	padding: 3px 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 4px 2px;
	font-family: "Open Sans";
}
.export_section ul li a h5{ margin-bottom:0; text-transform:capitalize; padding:5px 0; font-size: 20px;}

.export_box .btn {
    font-size: 20px;
}
.export_section ul li a:hover {
	background-color: #fff;
}
.data_chart {
	float: left;
	width: 27%;
	padding: 36px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ea624c;
	text-align: center;
}

.video__section{
	width: 100%;
	padding:35px 100px;
	background-color: #eee;
	margin-bottom: 30px;
}

@media screen and (max-width:1170px) {
.container {
	width: 100%;
	padding: 0 15px;
}
.benifits__section li {
	width: 662px;
}
.cybex__list--items {
	padding: 30px;
}
.header__right {
	width: 80%;
}
}
 @media screen and (max-width:1024px) {
.navigation {
	float: right;
	margin-top: 6px;
	padding-left: 0;
}
.banner__left {
	width: 35%;
}
.banner__right {
	width: 65%;
}
.benifits__section ul::after {
	display: none;
}
.testimonials__text {
	top: 45px;
}
header {
	position: relative;
}
.menu {
	float: right;
	padding-bottom: 10px;
	position: absolute;
	text-align: center;
	top: 30px;
	right: 60px;
}

.header__right {
	width: 100%;
}
.trade_agree li{width: 50%;}
.cybex__list--items ul li:nth-child(2) {
    text-align: left;
}

.cybex__list--items ul li:nth-child(4) {
    text-align: left;
}
.banner_search {
	width: 95%;
}
.import_section {
	width: 50%;
}
.export_section {
	width: 50%;
	padding: 0 0 0 30px;
}
.data_chart {
	width: 100%;
	margin-top: 30px;
}
.export_box {
	padding: 20px 18px 37px 18px;
}

.top_left {
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px dashed 
    #ddd;
}
.top_right {
    float: right;
    width: 100%;
    text-align: center;
}

}
 @media screen and (max-width:800px) {
.banner__left {
	width: 50%;
	margin: 0 auto;
}
.banner__right {
	width: 100%;
	text-align: center;
	justify-content: center;
	margin-top: 20px;
}
.banner_bottom ul li a {
	padding: 15px 20px;
}
.cybex__list--items ul li {
	width: 100%;
}
.benifits__section li {
	width: 100%;
}
.testimonials__text {
	top: 40%;
}
.trade__resource_2 {
	padding-left: 0;
}
.footer__boxes .main__box li {
	width: 50%;
	margin: 10px 0;
}
.footer__boxes .main__box li:nth-child(2) {
	border-right: 0px;
}
.benifits__section img {
	margin-top: 0px;
}
.benifits__section li .media {
	align-items: center;
}
.importt_side li {
    width: 33.333%;
}

.video__section{
	padding:25px;
}

}
 @media screen and (max-width:767px) {
.latest_updates {
	padding: 30px 0;
}
.yello__background {
	margin-top: 30px;
}
.choose__cybex li {
	padding: 30px 5%;
}
.header__right {
	padding: 15px 0;
	width: 100%;
}
.search__bar {
	width: 25%;
	float: right;
}
.banner_bottom ul li {
	width: 33%;
}
.banner_bottom ul li:nth-child(3) a {
	border-right: 0px;
}
.banner_bottom ul li:nth-child(6) a {
	border-right: 0px;
}
.banner_bottom ul li:nth-child(4) a {
	border-right: 1px solid #febd2e;
}
.banner__right--element {
	width: 100%;
	text-align: center;
}
.importt_side li {
    width: 50%;
}


}
 @media screen and (max-width:640px) {
.banner__tittle {
	font-size: 40px;
}
.big__text {
	font-size: 42px;
	line-height: 44px;
}
.container__box {
	padding: 0 20px 20px;
	margin-top: 30px;
}
.request__demo {
	width: auto;
}
.listing_2 li {
	width: 100%;
	float: left;
	padding: 20px;
}
.trade_agree li{width: 100%;}
.navigation {
    position: absolute;
    top: 20px;
    right: 15px;
}

.header_ryt {
    width: 100%;
    border-top: 1px dashed 
    #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
.google_traslate {
    display: inline-block;
    margin: 15px 0;
        margin-left: 0px;
    margin-left: 0px;
    text-align: left;
    width: 100%;
}

}
 @media screen and (max-width:550px) {
/* .banner_search .form-control {
	border: 1px solid #007bff;
} */
.banner_bottom ul li {
	width: 50%;
}
.banner_bottom ul li:nth-child(1n+1) a {
	border-right: 1px solid #febd2e;
}
.banner_bottom ul li:nth-child(2n+2) a {
	border-right: 0px solid #febd2e;
}
.banner_bottom ul li:last-child a {
	border-right: 0px solid #febd2e;
}
.testimonials__text {
	top: 30%;
}
.importt_side li {
    width: 100%;
}
}

@media screen and (max-width:515px) {
	.banner_search {
		padding: 15px;
	}
	.bor_r {
		border-right: 0;
		max-width: 100%;
		flex: 100%;
	}
	.banner_search .form-control {
		padding: 5px 10px!important;
		margin-top: 15px;
		border: 1px solid #ccc;
		height: 36px;
	}
	.banner_search .col-2 {
		max-width: 100%;
		flex: 100%;
	}
	.search_b {
		float: none;
		margin: 20px 0;
	}
	select.form-control:not([size]):not([multiple]) {
		margin-top: 15px;
	}
	.banner_search .btn {
		width: 100%;
		padding: 8px 0;
		border-color: #ff7502;
	}
	.banner_search .btn:hover {
		border-color: #3893f0;
	}
	.header {
		position: relative;
		padding-bottom: 15px;
	}
	.search_btn {
		width: 50%;
	}
	.navigation {
		margin-top: 0px;
		position: absolute;
		top: 20px;
		right: 15px;
	}
	.top_left ul li a {
		padding: 0 10px;
	}
	.top_left {
		padding: 10px 0;
	}

	.import_section {
		width: 100%;
	}
	.export_section {
		width: 100%;
		padding: 30px 0 0 0;
	}
	.data_chart {
		width: 100%;
		margin-top: 30px;
	}


	}








 @media screen and (max-width:480px) {
.benifits__section li .media {
	align-items: center;
	display: inline-block;
	width: 100%;
}
.benifits__section img {
	margin-top: 0px;
	margin-left: 0 !important;
}
.benifits__section li p {
	margin-bottom: 15px;
}
.choose__cybex li {
	width: 100%;
}
.footer__boxes .main__box li {
	width: 100%;
	margin: 10px 0;
	border-right: 0px;
}
.trade__resource_2 li {
	width: 100%;
	float: left;
}
.trade__resource li {
	width: 100%;
	float: left;
}
.top__right ul li {
	padding-left: 15px;
}
.testimonials__text {
	top: 25%;
}
.google_traslate {
	float: right;
	width: 100%;
}
.search__bar {
	width: 50%;
	float: left;
	margin: 10px 0;
}
.request__demo {
	width: auto;
	margin: 10px 0;
}
.testimonials__text {
    position: absolute;
    left: 0;
    right: 0;
	top: 0px;
	bottom: 100px;
    text-align: center;
}
.testimonials__box {   
    margin: 40px 0;
}


}


@media screen and (max-width:414px) {
.banner_content .nav-pills .nav-link {
    padding: 8px 15px;
}
}


@media screen and (max-width:360px) {
.banner_content .nav-pills .nav-link {
    padding: 8px 10px;
}

}