@charset "utf-8";

@font-face {
	font-family: raleway;
	src: url(../fonts/raleway.ttf);
}
@font-face {
	font-family: montserrat-semibold;
	src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: montserrat-bold;
	src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face {
	font-family: montserrat-medium;
	src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
	font-family: montserrat-regular;
	src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
	font-family: clearsans-regular;
	src: url(../fonts/ClearSans-Regular.ttf);
}
@font-face {
	font-family: clearsans-medium;
	src: url(../fonts/ClearSans-Medium.ttf);
}
@font-face {
	font-family: clearsans-bold;
	src: url(../fonts/ClearSans-Bold.ttf);
}
@font-face {
	font-family: clearsans-light;
	src: url(../fonts/ClearSans-Light.ttf);
}

img {
	max-width: 100%;
}

body {
	font-family: montserrat-regular, raleway, helvetica, arial, sans-serif;
	background-color: #f3f3f3;
	letter-spacing: 0.04em;
	color: #333333;
	font-size: 14px;
}

/*Browser resets*/
::-moz-selection { /* Code for Firefox */
    background: yellow;
}

::selection {
    background: yellow;
}
/*Browser resets*/

.padding-reset {
	padding-left: 0px;
	padding-right: 0px;
}

.margin-reset {
	margin-left: 0px;
	margin-right: 0px;
}

div, a, button, .transition-all, li {
	-webkit-transition:all 0.2s linear 0.02s;
	-o-transition:all 0.2s linear 0.02s;
	-moz-transition:all 0.2s linear 0.02s;
	transition:all 0.2s linear 0.02s;
}

p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

.assignfixedwidth {
	max-width: 1400px;
	margin: 0 auto;
}

.grey-bg {
	background-color: #f3f3f3;
}

.dark-grey-bg {
	background-color: #e8e7e8;
}

/* .white-bg {
	background-color: #ffffff;
} */
.line-bg{
	/* background-image: url("../images/line.png");
  	background-repeat: repeat-x;
	padding: 10px 0 8px; */
	background-repeat: repeat-x;
	padding: 10px 0 15px;
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 100%);
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#131313 100%);
	background: linear-gradient(to bottom, #4c4c4c 0%,#131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

.purple-bg {
	background-color: #f6eeff;
}

.light-black {
	/* background-color: #29282e; */
	background-color: #292929;
}

.dark-black {
	/* background-color: #212025; */
	background-color: #202020;
}

.light-purple {
	background-color: #f6eeff;
}

.row-less-padding  {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mt-10 {
	margin-top: 10px;
}

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

.mb-20 {
	margin-bottom: 20px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

/* top_info */
/* ul.top_info {
    list-style: none;
    z-index: 9999;
    margin-top: 35px;
    color: #fff;
} */
ul.top_info {
    list-style: none;
    z-index: 9999;
/*     margin-top: 35px; */
    margin-top: 50px;
    color: #fff;
    float: right;
    margin-left: 0;
    padding-left: 0;
    margin-right: 14px;
}
ul.top_info li{
    display: inline-block;
    list-style: none;
}
ul.top_info li:first-child{
	margin-right: 20px;
}
ul.top_info li i{
	font-size: 18px;
}
ul.top_info li a{
	font-size: 18px;
	text-decoration: none;
	color: #fff;
}
ul.top_info li a:hover{
	color: #dc5e0a;
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
}

/* footer contact info */
.contact_info {
    width: 58px;
    overflow: hidden;
    display: block;
    float: left;
    margin-bottom: 10px;
}
.animation-element.slide-bottom.in-view > p > strong {

    color: #dc5e0a;

}



/*Fixed Nav*/
.nav-position-fixed {
	position: fixed !important;
	left: 0px;
	right: 0px;
	z-index: 100 !important;
	top: 0px !important;
	border: 0;
	border-radius: 0;
	animation: slide-down 0.7s;
	-webkit-transition:all 0.2s linear 0.02s;
	-o-transition:all 0.2s linear 0.02s;
	-moz-transition:all 0.2s linear 0.02s;
	transition:all 0.2s linear 0.02s;
	-webkit-box-shadow: 0px 4px 22px -5px rgba(235,235,235,1);
	-moz-box-shadow: 0px 4px 22px -5px rgba(235,235,235,1);
	box-shadow: 0px 4px 22px -5px rgba(235,235,235,1);
}
.nav > li > a{
	padding: 10px 30px;
	line-height: 30px;
}

@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 0.9;
		transform: translateY(0%);
	}
}

/*Flex fix class*/
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


/*Scroll to top*/
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
	z-index: 1;
}
.scroll {
	position: absolute;
    right: 20px;
    bottom: 20px;
    background: #dc5e0a;
    padding: 8px 10px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    border-radius: 50%;		
}
.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size: 26px;
    margin-top: -4px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
	color: #ffffff;
}
/*Scroll to top*/

/*header styles*/
.header-padding {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* .ppmai-logo-box {
    display: block;
    max-width: 140px;
} */
.basic-title {
	font-size: 16px;
	font-family: montserrat-bold;
	color: #47286c;
	margin-bottom: 5px;
}
.member-login-form {
	margin-bottom: 5px;
}
.inline-form-control-custom {
	width: 210px !important;
    border: 2px solid #c5c5c5;
    border-radius: 0;
    margin-right: 5px;
    background-color: #ffffff;
    font-family: montserrat-medium;
}
.inline-form-control-custom:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: 2px solid rgba(43, 53, 120, 0.5);
	background-color: #ffffff;
}
.rounded-yellow-btn {
    border: 2px solid #f9b344;
    border-radius: 0;
    background-color: #f9b344;
    font-size: 14px;
    font-family: montserrat-bold;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}
.rounded-yellow-btn:hover, .rounded-yellow-btn:focus {
	background-color: #ff3b20;
	border: 2px solid #ff3b20;
	color: #ffffff;
	outline: none !important;
}
.form-helper-links, .form-helper-links a {
    font-size: 12px;
    font-family: montserrat-semibold;
    color: rgb(17, 20, 41);
}
.form-helper-links a:hover {
	color: #f9b344;
	text-decoration: none;
}
.toggle-members-login-form {
	float: right;
    border-radius: 20px;
    background-color: #f8b244;
    border-color: #f8b244;
    margin-top: 25px;
}
.toggle-members-login-form:hover, .toggle-members-login-form:focus {
	background-color: #2b3578;
	border-color: #2b3578;
	color: #ffffff;
	outline: none !important;
}
.join-ppmai-tab-btn {
	margin-right: 10px;
    background-color: #ff3a20;
    border-color: #ff3a20;
}
.join-ppmai-tab-btn {
	background-image: url("../images/join-btn-shine.png");
	background-position: -100px top;
	-webkit-background-size: 90% 100%;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	-webkit-animation: shining-first 2.5s linear infinite;
	-moz-animation: shining-first 2.5s linear infinite;
	animation: shining-first 2.5s linear infinite;
}
/*shining animation*/
@-moz-keyframes shining-first { 
	100% { 
	background-position: 85px top;
	} 
}	
@-webkit-keyframes shining-first { 
	100% { 
	background-position: 85px top;
	}
}
@keyframes shining-first {
 	100% { 
	background-position: 85px top;
	}
}
/*header styles*/

/*after login header styles*/
.user-account-btn-group {
	margin-top: 11px;
	margin-bottom: 6px;
}
.user-account-btn-group button {
	background-color: #f8b244;
    border-color: #f8b244;
    border-radius: 0;
    font-family: montserrat-semibold;
    font-size: 14px;
    color: #47286c;
    -webkit-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    -moz-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
}
.user-account-btn-group button:hover, .user-account-btn-group button:focus {
	background-color: #47286c;
	border-color: #47286c;
	color: #ffffff;
}
.user-account-btn-group-dd {
	z-index: 99999;
	border: 1px solid rgba(255, 255, 255, 0.15);
}
.user-account-btn-group-dd>li>a {
	padding: 7px 20px;
	font-size: 15px;
	font-family: clearsans-regular;
}
.user-account-btn-group-dd>li>a>i {
	color: #ff3b20;
	margin-right: 5px;
}
/*after login header styles*/

/*navbar styles*/
.ppmai-navbar {
	background-color: #dc5e0a;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}
.ppmai-navbar .navbar-nav>li>a {
	color: #ffffff;
    text-transform: uppercase;
    font-family: montserrat-medium;
    font-size: 14px;
}
.ppmai-navbar .navbar-nav>.active>a, .ppmai-navbar .navbar-nav>.active>a:hover, .ppmai-navbar .navbar-nav>.active>a:focus {
    color: #fff;
	background-color: #292929;
}
.ppmai-navbar .navbar-nav>li>a:hover, .ppmai-navbar .navbar-nav>li>a:focus {
    color: #fff;
	background-color: #292929;
}
.navbar-toggle {
    background-color: #ffffff;
}
.navbar-toggle .icon-bar {
	background-color: #282828;
}
.ppmai-navbar-right {
	margin-right: 15px;
}
.ppmai-navbar-right a {
	background-image: url("../images/join-btn-shine.png");
	background-position: -100px top;
	-webkit-background-size: 90% 100%;
	background-size: 90% 100%;
	background-repeat: no-repeat;
	-webkit-animation: shining 2.5s linear infinite;
	-moz-animation: shining 2.5s linear infinite;
	animation: shining 2.5s linear infinite;
}
/*shining animation*/
@-moz-keyframes shining { 
	100% { 
	background-position: 85px top;
	} 
}	
@-webkit-keyframes shining { 
	100% { 
	background-position: 85px top;
	}
}
@keyframes shining {
 	100% { 
	background-position: 85px top;
	}
}
.dropdown-menu-custom {
	background-color: #ffffff !important;
	left: 0 !important;
	right: auto !important;
	min-width: 200px !important;
	padding: 0;
	font-size: 14px;
	/* border: 1px solid #ffffff; */
	border-radius: 0;
}
.dropdown-menu-custom li a {
	color: #000;
	text-transform: capitalize;
	font-family: montserrat-medium;
	/* border-left: 0px solid transparent; */
	padding-top: 8px;
	padding-bottom: 8px;
}
.dropdown-menu-custom li a:hover, .dropdown-menu-custom li a:focus {
	color: #fff;
	/* border-left: 3px solid #dc5e0a; */
	background-color: #919191;
}

/*Second Level Menu starts here*/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  right: auto;
  margin-top: -1px;
}
.dropdown-submenu-custom {
	background-color: #ffffff !important;
	right: auto;
	left: 100%;
	padding: 0;
	font-size: 14px;
	/* border: 1px solid #ffffff; */
	border-radius: 0;
}
.dropdown-submenu-custom-left {
	left: auto !important;
	right: 100% !important;
	top: 100% !important;
	border-top: 3px solid #b7cd42 !important;
}
/*Second Level Menu starts here*/

.innov-navbar-toggle {
    background-color: #254099;
    opacity: 0.9 !important;
    border: 1px solid #254099;
}
/*navbar styles*/

/*home*/
.news-scroll-box {
	width: 100%;
	line-height: 40px;
	background-color: transparent;
	color: white;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.news-scroll-box .news-scroll-inner-box {
	display: inline-block;
    padding-left: 100%;
    animation: marquee 18s linear infinite;
    color: #47286c;
}
.news-scroll-box .news-scroll-inner-box a {
	text-decoration: none;
	font-family: montserrat-semibold;
    font-size: 15px;
    color: #47286c;
    padding-left: 5px;
    padding-right: 5px;
    border-left: solid 1px #47286c;
}
.news-scroll-box .news-scroll-inner-box a:first-child {
	border-left: 0;
}
.news-scroll-box .news-scroll-inner-box a:hover {
	color: #ff3b20;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
.news-scroll-box .news-scroll-inner-box:hover  {
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
.carousel-control.left>.banner_arrow, .carousel-control.right>.banner_arrow {
	width: 45px;
	height: 45px;
	text-align: center;
    font-size: 26px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    background-color: #dc5e0a;
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	color: #ffffff;
}
.carousel-control.right>.banner_arrow {
	right: 40%;
}
.carousel-control.left>.banner_arrow {
	left: 40%;
}
.carousel-caption-custom {
    left: 20%;
    right: 20%;
    bottom: 110px;
    padding-bottom: 15px;
	padding-left: 1%;
	padding-right: 1%;
}
.carousel-caption-custom h2 {
	font-family: clearsans-regular;
	font-size: 22px;
	margin-bottom: 20px;
}
.carousel-caption-custom h1 {
	font-family: clearsans-bold;
	font-size: 34px;
	margin-bottom: 25px;
}
.carousel-caption-custom h1 span {
	font-family: clearsans-light;
}
.carousel-caption-custom a {
	display: inline-block;
	text-decoration: none;
	font-family: montserrat-semibold;
	background-color: #dc5e0a;
	color: #ffffff;
	padding: 10px 15px;
	font-size: 13px;
}
.carousel-caption-custom a:hover, .carousel-caption-custom a:focus {
	background-color: #292929;
}
.carousel-caption.carousel-caption-custom.fadeInDown {
    background: rgba(0, 0, 0, 0.4);
    width: 40%;
    margin: auto;
    padding: 50px 0;
}
.row-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}
.row-less-top-padding {
	padding-top: 15px;
	padding-bottom: 40px;
}
.updates-tab-box {
	display: block;
}
.ppmai-updates-nav-tabs>li>a {
	font-family: clearsans-bold;
	font-size: 16px;
	color: #a2a2a2;
	padding: 8px 10px;
}
.ppmai-updates-nav-tabs>li>a:hover, .ppmai-updates-nav-tabs>li>a:focus {
	background-color: transparent;
	color: #8a8a8a;
	border: transparent;
	border-bottom: 3px solid #47286c;
}
.ppmai-updates-nav-tabs>li.active>a, .ppmai-updates-nav-tabs>li.active>a:hover, 
.ppmai-updates-nav-tabs>li.active>a:focus {
    color: #282828;
    background-color: transparent;
    border: transparent;
    border-bottom: 3px solid #47286c;
    cursor: default;
}
.l-t-r-border-bottom::after{
  content: '';
  position: absolute;
  width: 0px;
  height: 3px;
  left: 0;
  bottom:0;
  background-color: #47286c;
  transition: all ease-in-out .2s;
}
.l-t-r-border-bottom:hover::after{
  width: 100%;
}
.ppmai-updates-tab-content {
	padding: 15px 0;
}
.ppmai-update-box {
	display: block;
    height: 280px;
    overflow-y: auto;
}
/* width */
.ppmai-update-box::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.ppmai-update-box::-webkit-scrollbar-track {
    background: #e3e3e3; 
}
 
/* Handle */
.ppmai-update-box::-webkit-scrollbar-thumb {
    background: #868686; 
}

/* Handle on hover */
.ppmai-update-box::-webkit-scrollbar-thumb:hover {
    background: #47286c; 
}
/* width */
.ppmai-update-box::-moz-scrollbar {
    width: 4px;
}

/* Track */
.ppmai-update-box::-moz-scrollbar-track {
    background: #e3e3e3; 
}
 
/* Handle */
.ppmai-update-box::-moz-scrollbar-thumb {
    background: #868686; 
}

/* Handle on hover */
.ppmai-update-box::-moz-scrollbar-thumb:hover {
    background: #47286c; 
}
.ppmai-update-box ul {
	padding: 0;
	padding-right: 25px;
}
.ppmai-update-box ul li {
	background-color: #fff;
    padding: 10px;
    margin-bottom: 5px;
}
.ppmai-update-box ul li:hover {
	background-color: #f5edff;
}
.ppmai-update-box ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 100%; 
}
.update-date-no {
	color: #47286c;
    font-family: clearsans-bold;
    font-size: 36px;
    width: 12%;
    margin-right: 5px;
    display: inline-block;
}
.update-date-month-year {
	width: 12%;
	color: #47286c;
    font-family: clearsans-regular;
    display: inline-block;
}
.update-text {
	width: 64%;
	color: #222222;
    font-family: clearsans-bold;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
}
.update-btn {
	display: inline-block;
    margin-top: 5px;
}
.update-btn button {
	color: #47286c;
	font-size: 9px;
    font-family: montserrat-semibold;
	background-color: #f9b344;
	outline: none;
	border: 0;
	padding: 5px 10px;
}
.update-btn button:hover, .update-btn button:focus {
	background-color: #47286c;
	color: #ffffff;
}
a.ppmai-link-btn {
	display: inline-block;
    text-decoration: none;
    font-family: montserrat-semibold;
    padding: 10px 20px;
    font-size: 13px;
    -webkit-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    -moz-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
}
.blue-btn {
	background-color: #dc5e0a;
    color: #ffffff;
}
.blue-btn:hover, .blue-btn:focus {
	background-color: #292929;
	color: #ffffff;
}
.icon-title {
	font-family: clearsans-bold;
    color: #222222;
    margin-top: 30px;
    margin-bottom: 10px;
}
.icon-title img, .icon-title i {
	margin-right: 5px;
}
.ppmai-adv-carousel {
	margin-top: 30px;
    margin-bottom: 40px;
}
.ppmai-adv-carousel .owl-element a img {
	display: inline-block;
/*     max-height: 160px; */
    width: auto;
}
.ppmai-adv-carousel .owl-element img {
	/* max-width: 300px; */
	margin: 0 auto;
}
.ppmai-adv-carousel .owl-nav .owl-prev {
    font-size: 36px;
    opacity: 1;
    float: left;
    position: absolute;
    left: -5%;
    top: 38%;
    color: #a8a7a8;
    -webkit-transition: all 0.2s linear 0.02s;
    -o-transition: all 0.2s linear 0.02s;
    -moz-transition: all 0.2s linear 0.02s;
    transition: all 0.2s linear 0.02s;
}
.ppmai-adv-carousel .owl-nav .owl-next {
    font-size: 36px;
    opacity: 1;
    float: left;
    position: absolute;
    right: -5%;
    top: 38%;
    color: #a8a7a8;
    -webkit-transition: all 0.2s linear 0.02s;
    -o-transition: all 0.2s linear 0.02s;
    -moz-transition: all 0.2s linear 0.02s;
    transition: all 0.2s linear 0.02s;
}
.icon-title-no-mt {
	margin-top: 0 !important;
}
.home-search-box {
	margin-top: 30px;
}
.home-search-box .form-group {
	margin-bottom: 25px;
}
.home-search-box .form-control {
	height: 42px;
	border-radius: 0;
}
.home-search-box .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: 2px solid rgba(43, 53, 120, 0.5);
	background-color: #ffffff;
}
.ppmai-form-btn {
	border-radius: 0;
	padding: 10px 20px;
	font-family: montserrat-semibold;
	font-size: 13px;
    -webkit-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    -moz-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    margin-top: 10px;
}
.yellow-btn {
	background-color: #f9b344;
	color: #47286c;
}
.yellow-btn:hover, .yellow-btn:focus {
	background-color: #47286c;
	color: #ffffff;
}
.search-form-height {
	min-height: 420px;
}
.col-padding {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
@media only screen and (min-width: 1400px) {
	.col-padding {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 100px;
	padding-right: 40px;
	}
	.col-padding-simple {
	padding-left: 40px;
	}
}
h2.background {
	position: relative;
  	z-index: 1;
}
h2.background:before {
    border-top: 2px solid #dfdfdf;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}
h2.background span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #fff;
    padding: 0 15px;
}
.preface-row-reset {
	margin-left: 15px;
	margin-right: 15px;
}
.preface-blue-box {
	background-color: #47286c;
	padding: 10px;
	-webkit-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    -moz-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.4);
    margin-top: 20px;
}
.preface-blue-box-inner {
	border: 1px solid #ffffff;
	padding: 20px;
	color: #ffffff;
}
.preface-blue-box-inner h3 {
	font-family: montserrat-bold;
	margin-bottom: 10px;
	line-height: 28px;
}
.preface-blue-box-inner p {
	font-family: montserrat-regular;
}
.preface-white-box {
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 60px;
}
.preface-white-box h3 {
	font-family: clearsans-bold;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 28px;
}
.preface-white-box p {
	font-family: montserrat-regular;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 28px;
}
.preface-white-box a {
	display: inline-block;
	text-decoration: none;
	font-family: montserrat-bold;
	color: #47286c;
}
.business-classification-bg {
    background-image: url(../images/business-classification.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.bus-class-car {
	margin-top: 20px;
}
.bus-class-car .owl-element {
	background-color: rgba(41, 41, 41, 0.5);
	padding: 10px;
}
.bus-class-car .owl-element a.business-classification-box {
	display: block;
/*   	padding: 15px 10px; */
/*   	background: #47286c; */
	text-decoration: none;
	color: #ffffff;
/* 	border: 1px solid #ffffff; */
	min-height: 200px;
}
/* .bus-class-car .owl-element a.business-classification-box:hover {
	background: #f9b344;
} */
.bus-class-car .owl-element .business-classification-imgbox {
	display: inline-block;
	width: 100%;
/*     margin-bottom: 20px;
    margin-top: 10px; */
}
.bus-class-car .owl-element a.business-classification-box img {
	display: block;	
	margin: 0 auto;
/* 	width: 25% !important; */
}
.bus-class-car .owl-element a.business-classification-box p {
	display: block;	
	text-align: center;
	font-family: montserrat-semibold;
	color: #ffffff;
}

.aff-carousel {
	margin-top: 30px;
}
.aff-carousel .owl-element .aff-box {
	display: block;
	border: 1px solid #cacaca;
	padding: 10px;
	background-color: #ffffff;
	height: auto;
}
.aff-carousel .owl-element .aff-box img {
	display: inline-block;
	width: auto;
	max-height: 100px;
}
.aff-carousel .owl-dot, .aff-carousel .owl-nav .owl-next, .aff-carousel .owl-nav .owl-prev {
    display: inline-block;
    padding: 10px;
    font-size: 20px;
}
.text-sm-md-right {
	text-align: right;
}
.footer, .footer a {
	color: #ffffff;
	line-height: 24px;
	font-family: montserrat-regular;
}
.footer-row-mb {
	margin-bottom: 10px;
}
.footer-border-bottom {
	padding-bottom: 20px;
	border-bottom: 1px solid #363636;
}
.footer-logo {
	padding: 5px;
	background-color: #ffffff;
	margin-top: 5px;
}
.footer-titles {
	font-family: montserrat-bold;
    color: #dc5e0a;
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #5d5b5b;
    line-height: 45px;
}
.foo-adv-title-ml {
	margin-left: 0;
}
.footer-ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
}
.footer-ul li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.footer-ul li a {
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
}
.copyright-text, .website-designed-text, .website-designed-text a {
	text-decoration: none;
	font-family: montserrat-regular;
	color: #ffffff;
	font-size: 13px;
}
.footer-ul li a:hover, .website-designed-text a:hover {
	color: #ff533b;
}
.footer-social-ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
}
.footer-social-ul li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.footer-social-ul li a {
	display: inline-block;
    text-decoration: none;
    text-align: center;
    background-color: #47286c;
    border: 1px solid #47286c;
    color: #ffffff;
    font-size: 14px;
    width: 35px;
    line-height: 35px;
    padding: 0 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.footer-social-ul li a:hover {
	background-color: #ff533b;
	color: #ffffff;
}
.foo-ad-holder {
	width: 100%;
    margin: 0 auto;
    background-color: transparent;
}
.foo-ad-holder a {
	display: inline-block;
}
.foo-ad-holder img {
	display: inline-block;
    vertical-align: middle;
    height: 95px;
    margin: 10px 0px;
}
.no-ad-pl-md {
	padding-left: 0;
}
/*home*/

/*about ppmai*/
.ppmai-page-title {
    padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.profile{
	background-image: url(../images/profile.png);
	padding: 90px 0;
}
.productsbg{
	background-image: url(../images/productsbg.png);
	padding: 90px 0;
}
.manufacturersbg{
	background-image: url(../images/manufacturebg.png);
	padding: 90px 0;
}
.contactusbg{
	background-image: url(../images/contactbg.png);
	padding: 90px 0;
}
.industriesbg{
	background-image: url(../images/industriesbg.png);
	padding: 90px 0;
}
.inner-page-bg {
    background-image: url(../images/inner-page-bg.jpg);
}
.ppmai-page-title-text {
	color: #fff;
    font-family: clearsans-medium;
    margin-bottom: 10px;
    text-align: left;
}
.ppmai-breadcrumb {
	padding: 8px 0px;
	margin-bottom: 0;
    background-color: transparent;
    text-align: left;
}
.ppmai-breadcrumb a {
	color: #fff;
	text-decoration: none;
}
.ppmai-breadcrumb li{
	color: #fff;
	text-decoration: none;
}
.ppmai-breadcrumb a:hover {
	color: #f7b244;
}
.ppmai-breadcrumb>.active {
	color: #dc5e0a;
}
.page-content-bg {
	background-color: #ecf1f5;
	padding-top: 20px;
	padding-bottom: 20px;
}
.white-content-bg {
	background-color: #ffffff;
	padding: 20px 30px;
}
.content-banner {
	border-radius: 5px;
}
.heading {
	font-family: clearsans-bold;
	color: #292929;
	margin-top: 20px;
}
.heading span {
	color: #dc5e0a;
}
.small-underline {
	display: block;
	width: 50px;
	height: 2px;
	background-color: #dc5e0a;
	margin-top: 20px;
	margin-bottom: 20px;
}
.content {
	font-family: montserrat-regular;
	color: #3c3c3c;
	text-align: justify;
}
p.content > a{
    color: #dc5e0a;
    font-weight: 700;
    text-decoration: underline;
}
.content-list {
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-list li {
	list-style-type: none;
	margin-bottom: 10px;
}
.content-list li i {
	margin-right: 5px;
	font-size: 20px;
	color: #ff3a20;
}
.right-block {
	display: block;
    float: right;
    width: 100%;
    background-color: #ffffff;
    padding: 10px 10px;
}
.right-block h3 {
	font-family: montserrat-semibold;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #2b3578;
    background-color: #f3f3f3;
}
.right-block a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #ffffff;
	color: #2b3578;
	font-family: montserrat-semibold;
	border-bottom: 1px dashed #dadada;
}
.right-block a:hover, .right-active {
	border-right: 4px solid #ff3a20 !important;
	color: #ff3a20 !important;
}
/*about ppmai*/

/*vision, mission, values*/
.heading-styled-disaligned {
	font-family: clearsans-bold;
    color: #ff3a20;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    position: absolute;
    top: 10px;
    left: 35px;
    font-size: 26px;
    margin-top: 12px;
}
ul.stylized-ul {
	padding: 0;
	margin: 0;
	padding: 45px 20px 25px 20px;
	margin-top: 10px;
}
ul.stylized-ul li {
	list-style-type: none;
	font-family: montserrat-semibold;
	line-height: 30px;
	color: #2b3578;
	padding-left: 20px;
	letter-spacing: initial;
}
ul.stylized-ul li:before {
	content: "\f0c8";
    position: absolute;
    font-family: FontAwesome;
    color: #011144;
    left: 35px;
    font-size: 8px;
    line-height: 30px;
}
ul.stylized-ul li.link:before {
	content: "\f0c1";
    position: absolute;
    font-family: FontAwesome;
    color: #ff3a20;
    left: 35px;
    font-size: 12px;
    line-height: 30px;
}
ul.stylized-ul li.link a {
	color: #2b3578;
	text-decoration: none;
}
.vmv-img {
	margin-top: 10px;
}
/*vision, mission, values*/

/*board of directors*/
.member-box {
	display: block;
	border: 1px solid #e6e6e6;
	padding: 20px 10px;
	font-family: montserrat-regular;
	font-size: 14px;
	margin-bottom: 20px;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.2);
    -moz-box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.2);
    box-shadow: 0px 4px 28px -5px rgba(74,74,74,0.2);
}
.member-box:hover {
	-webkit-box-shadow: 0 8px 14px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 8px 14px 0 rgba(0,0,0,.15);
}
.member-photo {
	display: inline-block;
	float: left;
	width: 20%;
	margin-right: 3%;
}
.member-photo img {
	width: 85px;
    height: 85px;
    margin: 0 auto;
    object-fit: cover;
    border: 1px solid #e1e1e1;
}
.member-photo2 img {
	width: 125px;
    height: 125px;
}
.member-details {
	display: inline-block;
	width: 77%;
	color: #3c3c3c;
	line-height: 22px;
}
.member-details h4 {
	font-family: montserrat-semibold;
	font-size: 15px;
	color: #011144;
}
.member-details h4 span {
	font-size: 12px;
	color: #ff3a20;
}
.member-details a {
	text-decoration: none;
	font-family: montserrat-semibold;
	color: #3c3c3c;
}
.custom-hr {
	border-top: 1px solid #dddddd;
	margin-top: 12px;
	margin-bottom: 12px;
}
/*board of directors*/

/*photo gallery*/
.basic-heading {
	font-family: clearsans-bold;
    color: #011144;
    margin-bottom: 15px;
}
.gallery-filter-tab {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gallery-filter-tab li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #f8b244;
    padding: 8px 18px;
    font-size: 14px;
    border-radius: 0;
    background-color: #f8b244;
    cursor: pointer;
    font-family: montserrat-medium;
}
.gallery-filter-tab li:hover, .gallery-filter-tab li:focus, .gallery-filter-tab li.filtr-active {
	background-color: #ff3b20;
	color: #ffffff;
	border: 1px solid #ff3b20;
}
a.gallery-thumb {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	border: 1px solid #d6d6d6;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: montserrat-regular;
}
.gallery-icon {
	position: absolute;
    top: 35%;
    font-size: 26px;
    left: 45%;
    opacity: 0;
    width: 55px;
    line-height: 50px;
    color: rgba(255,255,255,1);
    background-color: #ff3b20;
    padding: 4px 8px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.ppmaispeak-icon {
	position: absolute;
    top: 38%;
    font-size: 24px;
    left: 42%;
    opacity: 0;
    width: 58px;
    line-height: 50px;
    color: rgba(255,255,255,1);
    background-color: #ff3b20;
    padding: 4px 8px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
a.gallery-thumb:hover .gallery-icon, a.gallery-thumb:hover .ppmaispeak-icon {
	opacity: 1;
}
a.gallery-thumb img {
	max-width: 100%;
    height: auto;
	margin-bottom: 10px;
}
.gallery-thumb-title {
	margin: 0;
	font-family: montserrat-semibold;
	font-size: 14px;
	color: #47286c;
	margin-bottom: 3px;
	padding: 0 5px;
}
.gallery-thumb-date {
	margin: 0;
	font-family: montserrat-regular;
	font-size: 13px;
	color: #47286c;
	margin-bottom: 3px;
	padding: 0 5px;
}
.gallery-thumb-calltoaction {
	margin: 0;
	font-family: montserrat-semibold;
	font-size: 14px;
	color: #ff3a20;
	margin-bottom: 3px;
}
/*photo gallery*/

/*change password*/
.form-box-shadow {
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.form-heading {
	font-size: 18px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
    font-family: montserrat-semibold;
}
.small-form-box .form-group {
	margin-bottom: 25px;
}
.small-form-box .form-control {
	height: 42px;
	border-radius: 0;
	font-family: montserrat-regular;
}
.small-form-box textarea.form-control {
	height: auto;
}
.small-form-box .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: 2px solid rgba(43, 53, 120, 0.5);
	background-color: #ffffff;
	font-family: montserrat-medium;
	font-size: 15px;
}
.big-form-box .form-group {
	margin-bottom: 20px;
}
.big-form-box .form-control {
	height: 42px;
	border-radius: 0;
	font-family: montserrat-regular;
	background-color: #ebecee;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.big-form-box .form-group label {
	font-family: montserrat-regular;
	font-size: 13px;
}
.big-form-box textarea.form-control {
	height: auto;
}
.big-form-box .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border: 2px solid rgba(43, 53, 120, 0.5);
	background-color: #ffffff;
	font-family: montserrat-medium;
	font-size: 15px;
}
.fw-rounded-btn {
	width: 100%;
	border-radius: 3px;
}
.orange-btn {
	background-color: #ff3b20;
	color: #ffffff;
}
.orange-btn:hover, .orange-btn:focus {
	background-color: #47286c;
	color: #ffffff;
}
.purple-btn {
	background-color: #47286c;
	color: #ffffff;
}
.purple-btn:hover, .purple-btn:focus {
	background-color: #ff3b20;
	color: #ffffff;
}
.mt-0 {
	margin-top: 0;
}
/*change password*/

/*join ppmai*/
.join-ppmai-tab {
	padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.join-ppmai-tab li {
	list-style-type: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    font-family: montserrat-semibold;
    position: relative;
}
.join-ppmai-tab li a {
    display: inline-block;
    text-decoration: none;
}
.join-ppmai-tab li .steps {
	display: inline-block;
	width: 100%;
	font-size: 13px;
    margin-top: 5px;
    color: #a8a9b4;
}
.join-ppmai-tab li .steps.active {
	color: #000;
	font-size: 15px;
}
.join-ppmai-tab li .steps-nos {
	display: inline-block;
    background-color: #a8a9b4;
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    color: #fff;
}
.join-ppmai-tab li .steps-nos-complete {
	background-color: #4caf50;
}
.join-ppmai-tab li .steps-nos:after {
  	content: "";
    display: block;
    background: #e8e8e8;
    height: 1px;
    width: 72%;
    position: absolute;
    bottom: 45px;
    left: 63%;
}
.join-ppmai-tab li:last-of-type .steps-nos:after {
  display: none;
}
.join-ppmai-tab li.join-ppmai-active .steps-nos {
	background-color: #ff3a20;
	color: #fff;
	font-size: 15px;
}
.green-text {
	color: green;
}
span.multiselect-native-select {
    display: block !important;
}

span.multiselect-native-select .btn-group {
	width: 100%;
}

span.multiselect-native-select .btn-group button.multiselect {
	width: 100% !important;
    text-align: left !important;
    height: 40px !important;
    border-radius: 0 !important;
    background-color: #ebecee !important;
    border: 0 !important;
    color: #3c3c3c !important;
}

span.multiselect-native-select .open > .dropdown-menu {
    display: block;
    top: 100%;
    height: 200px;
    overflow-y: auto;
}

.multiselect-container {
	width: 100%;
}

.multiselect-container > .active > a, .multiselect-container > .active > a:hover, .multiselect-container > .active > a:focus {
    /*background-color: #1c62d8;*/
    background-color: #ff3a20;
}

.multiselect-container > .active > a > .checkbox {
	 color: #ffffff !important;
}
/*join ppmai*/

/*Advertisement Tariff*/
.adv-package {
	background-color: #ffffff;
	border: 1px solid #e8e8e8;
	margin-bottom: 20px;
}
.adv-checkbox {
	background-color: #f6eeff;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: clearsans-bold;
    text-transform: capitalize;
    font-size: 16px;
}
.adv-checkbox input {
	width: 15px;
    height: 15px;
    background-color: #ffffff;
}
.adv-content {
	padding: 10px 15px;
	font-size: 13px;
}
.adv-content thead {
	background-color: #f5f5f5;
}
/* The container */
.adv-checkbox label {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.adv-checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}

.adv-checkbox label {
    padding-left: 30px !important;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #47286c;
}

/* On mouse-over, add a grey background color */
.adv-checkbox label:hover input ~ .checkmark {
  background-color: #47286c;
}

/* When the checkbox is checked, add a blue background */
.adv-checkbox label input:checked ~ .checkmark {
  background-color: #47286c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.adv-checkbox label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.adv-checkbox label .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-heading2 {
	font-size: 14px;
    text-align: left;
    margin-bottom: 25px;
    font-family: montserrat-medium;
    color: #333333;
}
.adv-content-head {
	font-family: montserrat-semibold;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
}
.adv-content-body {
	font-size: 14px;
}
.adv-content-body ul {
    padding: 0;
    margin-left: 15px;
    margin-top: 5px;
}
.adv-form-box {
	padding: 20px;
    border: 1px solid #ddd;
}
/*Advertisement Tariff*/

/*Others*/
.list-bottom-border {
	padding-bottom: 20px;
	margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.list-bottom-border:first-child {
	margin-top: 5px;
}
.list-bottom-border:last-child {
	margin-bottom: 0;
}
.ppmai-list {
    background-color: #f3f3f3;
    padding-top: 20px;
    border-left: 4px solid #d2d2d2;
}
.ppmai-list p {
	font-size: 15px;
    font-family: montserrat-medium;
    padding-left: 30px;
}
.ppmai-list p:before {
    content: "\f152";
    position: absolute;
    left: 20px;
    font-family: FontAwesome;
    color: #c1c1c1;
    top: 0;
}
.ppmai-list a {
	font-family: montserrat-medium;
	font-size: 14px;
	color: #ff3a20;
	text-decoration: none;
}
.ppmai-list a:hover {
	color: #47286c;
}
.ppmai-list span {
	display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
}
.download-link-box {
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	margin-top: 10px;
}
a.download-link {
	display: inline-block;
    text-decoration: none;
    font-family: montserrat-bold;
    padding-left: 30px;
}
.basic-sub-title {
	font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}
.basic-sub-title i {
	color: #ff3a20;
}
a.ppmai-contact-link {
	color: #47286c;
	font-weight: 600;
	text-decoration: none;
}
/*Others*/

/*Members Directory*/
ul.members-alphabet-list {
    display: block;
    line-height: 22px;
    width: 100%;
    max-width: 1200px;
    margin: 20px auto 0px;
    padding: 0px;
}
ul.members-alphabet-list > li {
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #3c3c3c;
    list-style-type: none;
}
ul.members-alphabet-list > li:last-child {
    border-right: 0;
}
ul.members-alphabet-list > li > a {
	text-decoration: none;
    display: inline-block;
    font-size: 14px;
    color: #3c3c3c;
    cursor: pointer;
    -webkit-transition: 0.2s linear 0.02s;
    -moz-transition: 0.2s linear 0.02s;
    -o-transition: 0.2s linear 0.02s;
    transition: 0.2s linear 0.02s;
}
ul.members-alphabet-list > li > a:hover, ul.members-alphabet-list > li > a:focus, ul.members-alphabet-list > li > a.active {
	color: #ff3b20;
	font-weight: bold;
}
.listing {
	display: block;
    background-color: #ffffff;
    border-bottom: 1px dotted #d8d8d8;
    font-family: montserrat-medium;
    color: #333333;
}
.member-basic-details a {
	text-decoration: none;
    display: inline-block;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-transform: capitalize;
    color: #333;
}
.member-basic-details a:hover {
	background-color: #47286c;
	color: #ffffff;
}
.ppmai-pagination {
	font-family: clearsans-regular;
	margin-top: 30px;
}
.ppmai-pagination>.active>a, .ppmai-pagination>.active>span, .ppmai-pagination>.active>a:hover, .ppmai-pagination>li>a:hover, .ppmai-pagination>.active>span:hover, .ppmai-pagination>.active>a:focus, .ppmai-pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #47286c;
    border-color: #47286c;
    cursor: pointer;
}
.ppmai-pagination>li>a, .ppmai-pagination>li>span {
    color: #47286c;
}
/*Members Directory*/

/*Company Details*/
.table-head {
	background-color: #ecf1f5;
}
.br-0 {
	border-radius: 0 !important;
}
.panel-heading-custom {
	background-color: #ecf1f5 !important;
}
.panel-heading-custom h4 {
	font-size: 14px;
}
.panel-heading-custom h4 a {
	display: block;
	text-decoration: none;
}
/*Company Details*/

/*Blog*/
.blog-title-parent {
	display: block;
	width: 100%;
	color: red;
	font-size: 16px;
	text-transform: uppercase;
	font-family: montserrat-bold;
}
.blog-title, .blog-title a {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #333333;
    font-size: 22px;
    font-family: clearsans-medium;
    margin-top: 5px;
    margin-bottom: 10px;
}
.blog-subtitle {
	display: inline-block;
	margin: 0;
	color: #999;
	font-size: 12px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #999999;
}
.blog-subtitle-bold-color {
	color: #999;
    font-weight: bold;
    display: inline-block;
	margin: 0;
	font-size: 12px;
	float: left;
	padding-right: 5px;
	margin-right: 10px;
}
.mt-8 {
	margin-top: 8px;
}
.replies-title {
	font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: montserrat-bold;
}
.reply-by {
	margin-top: 20px;
    color: #47286c;
    font-weight: bold;
}
.reply-by-grey {
    color: #6d6d6d;
}
/*Blog*/

/*Complaints*/
.big-form-box .form-group span {
	color: red;
}
/*Complaints*/

/*Seminar*/
.seminar-title-box {
	display: block;
}
.seminar-title-box h2 {
	display: block;
    width: 100%;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
    font-family: clearsans-bold;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 15px;
}
.seminar-details-box {
	display: block;
	background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.seminar-venue {
    width: 80%;
    margin-top: 10px;
}
.seminar-detail-title {
	color: #999;
    font-weight: bold;
    font-size: 13px;
}
.seminar-detail-title img {
	display: inline-block;
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    background-color: transparent;
}
.seminar-detail-desc {
	padding-bottom: 5px;
	text-transform: uppercase;
	font-family: clearsans-regular;
}
.seminar-detail-desc span {
	text-transform: capitalize;
}
.custom-hr-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.seminar-btn {
	display: inline-block;
    margin: 0 auto;
    padding: 8px 20px;
    margin-top: 15px;
    background-color: #ff3a20;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-family: montserrat-semibold;
    font-size: 13px;
}
.seminar-btn:hover, .seminar-btn:focus {
	color: #ffffff;
	background-color: #47286c;
}
.seminar-border-left {
	border-left: 6px solid #dbe4ea;
}
.form-control-readonly:focus {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #ebecee !important;
    font-size: 14px !important;
    font-family: montserrat-regular !important;
}
/*Seminar*/

/*Search Results*/
.search-results-title {
	background-color: #ecf1f5;
	color: #ff3a20;
	margin: 0;
	padding: 15px 0;
	border: 0;
	margin-bottom: 15px;
}
.pt-0 {
	padding-top: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
/*Search Results*/

@media only screen and (min-width: 768px) {
	/*caption animation*/
	.caption-animate .item.active .carousel-caption-custom {
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
	.caption-animate  .item.active .carousel-caption-custom.infinite {
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	}
	.caption-animate  .item.active .carousel-caption-custom.hinge {
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;
	}
	.caption-animate .item.active .carousel-caption-custom.flipOutX,
	.caption-animate .item.active .carousel-caption-custom.flipOutY,
	.caption-animate .item.active .carousel-caption-custom.bounceIn,
	.caption-animate .item.active .carousel-caption-custom.bounceOut {
	  -webkit-animation-duration: .75s;
	  animation-duration: .75s;
	}
	.caption-animate .item .carousel-caption-custom.fadeIn,
	.caption-animate .item .carousel-caption-custom.fadeInDown,
	.caption-animate .item .carousel-caption-custom.fadeInDownBig,
	.caption-animate .item .carousel-caption-custom.fadeInLeft,
	.caption-animate .item .carousel-caption-custom.fadeInLeftBig,
	.caption-animate .item .carousel-caption-custom.fadeInRight,
	.caption-animate .item .carousel-caption-custom.fadeInRightBig,
	.caption-animate .item .carousel-caption-custom.fadeInUp,
	.caption-animate .item .carousel-caption-custom.fadeInUpBig{
	  opacity:0;
	}
	/*animation element sliding left*/
	.animation-element {
	  opacity: 0;
	  position: relative;
	}

	.animation-element.slide-left {
	  opacity: 0;
	  -moz-transition: all 500ms linear;
	  -webkit-transition: all 500ms linear;
	  -o-transition: all 500ms linear;
	  transition: all 500ms linear;
	  -moz-transform: translate3d(-50px, 0px, 0px);
	  -webkit-transform: translate3d(-50px, 0px, 0px);
	  -o-transform: translate(-50px, 0px);
	  -ms-transform: translate(-50px, 0px);
	  transform: translate3d(-50px, 0px, 0px);
	}

	.animation-element.slide-left.in-view {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}

	.animation-element.slide-right {
	  opacity: 0;
	  -moz-transition: all 500ms linear;
	  -webkit-transition: all 500ms linear;
	  -o-transition: all 500ms linear;
	  transition: all 500ms linear;
	  -moz-transform: translate3d(25px, 0px, 0px);
	  -webkit-transform: translate3d(25px, 0px, 0px);
	  -o-transform: translate(25px, 0px);
	  -ms-transform: translate(25px, 0px);
	  transform: translate3d(25px, 0px, 0px);
	}

	.animation-element.slide-right.in-view {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-bottom {
	  opacity: 0;
	  -moz-transition: all 500ms linear;
	  -webkit-transition: all 500ms linear;
	  -o-transition: all 500ms linear;
	  transition: all 500ms linear;
	  -moz-transform: translate3d(0px, 50px, 0px);
	  -webkit-transform: translate3d(0px, 50px, 0px);
	  -o-transform: translate(0, 50px);
	  -ms-transform: translate(0, 50px);
	  transform: translate3d(0, 50px, 0px);
	}

	.animation-element.slide-bottom.in-view {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-top {
	  opacity: 0;
	  -moz-transition: all 500ms linear;
	  -webkit-transition: all 500ms linear;
	  -o-transition: all 500ms linear;
	  transition: all 500ms linear;
	  -moz-transform: translate3d(0px, -50px, 0px);
	  -webkit-transform: translate3d(0px, -50px, 0px);
	  -o-transform: translate(0, -50px);
	  -ms-transform: translate(0, -50px);
	  transform: translate3d(0, -50px, 0px);
	}

	.animation-element.slide-top.in-view {
	  opacity: 1;
	  -moz-transform: translate3d(0px, 0px, 0px);
	  -webkit-transform: translate3d(0px, 0px, 0px);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate(0px, 0px);
	  transform: translate3d(0px, 0px, 0px);
	}
	.left-head {
	float: left;
	margin-bottom: 0;
	}
	.right-head {
	float: right;
	margin-top: 0;
	}
}

@media only screen and (max-width: 1366px) {
	.preface-blue-box-inner h3 {
    font-size: 18px;
	}
	.preface-white-box h3 {
    font-size: 22px;
	}
}

@media only screen and (max-width: 1361px) {
    .inline-form-control-custom {
    width: 185px !important;
	}
	.rounded-yellow-btn {
    padding-left: 15px;
    padding-right: 15px;
	}
	.ppmai-updates-nav-tabs>li>a {
    font-size: 11px;
    padding: 8px 8px;
	}
	.update-date-no {
    font-size: 24px;
    }
    .update-date-month-year {
    width: 17%;
    font-size: 11px;
	}
	.update-text {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11px;
	}
	.update-btn button {
    font-size: 9px;
    padding: 5px 6px;
	}
}

@media only screen and (max-width: 1260px) {
/* 	.ppmai-adv-carousel .owl-element a img {
    max-height: 140px;
    } */
}

@media only screen and (max-width: 1200px) {
	.ppmai-navbar .navbar-nav>li>a {
    font-size: 10px;
	}
	.right-block h3, .right-block a {
    font-size: 10px;
	}
	.carousel-caption-custom {
    bottom: 125px;
    }
    .carousel-caption-custom h2 {
    font-size: 14px;
    margin-bottom: 10px;
	}
	.carousel-caption-custom h1 {
    font-size: 21px;
    margin-bottom: 15px;
	}
	.carousel-caption-custom a {
    padding: 8px 8px;
    font-size: 10px;
	}
	.preface-blue-box-inner {
    padding: 10px;
    }
    .preface-blue-box-inner h3 {
    margin-bottom: 5px;
    font-size: 18px;
    }
    .preface-white-box h3 {
    margin-bottom: 5px;
    font-size: 18px;
	}
}

@media only screen and (max-width: 1199px) {
	.members-login-form {
    border-top: 1px solid #212226;
    background-color: #212226;
    padding: 20px 0;
    margin-top: 10px;
    text-align: center;
	}
}

@media only screen and (max-width: 1100px) {
    .carousel-caption-custom h2 {
    font-size: 12px;
	}
/* 	.ppmai-adv-carousel .owl-element a img {
    max-height: 120px;
	} */
}

@media only screen and (max-width: 991px) {
	.ppmai-navbar .navbar-nav>li>a, .dropdown-menu-custom>li>a {
    font-size: 13px;
	}
	.ppmai-navbar{
    position: absolute;
    width: 100%;
    z-index: 9999;
    }
    .sm-mt-50 {
    margin-top: 50px;
    }
    .sm-mt-20 {
    margin-top: 20px;
    }
    .sm-mt-10 {
    margin-top: 10px;
    }
    .sm-mb-20 {
    margin-bottom: 20px;
    }
    .right-block {
    padding: 10px 0px;
	}
	.ppmai-page-title-text, .heading {
    font-size: 20px;
	}
	.right-block h3, .right-block a {
    font-size: 14px;
	}
	.carousel-caption-custom {
    bottom: 50px;
    }
    .row-padding {
    padding-top: 15px;
    padding-bottom: 15px;
	}
	.home-search-box .form-group {
	margin-bottom: 10px;
	}
	a.business-classification-box, .aff-carousel {
	margin-top: 10px;
	}
	a.business-classification-box {
		margin-bottom: 15px;
	}
	.text-sm-md-right {
	text-align: left;
	}
	.no-ad-pl-md {
	padding-left: 15px;
	}
	.ppmai-navbar-right a {
    background-image: unset;
    }
    .sm-pb-ul-0 {
    padding-bottom: 0 !important;
    }
    .sm-pt-ul-0 {
    padding-top: 0 !important;
    }
    .sm-mt-ul-0 {
    margin-top: 0 !important;
    }
    .ppmai-adv-carousel .owl-nav .owl-next {
    right: 0;
	}
	.ppmai-adv-carousel .owl-nav .owl-prev {
    left: 0;
	}
}

@media only screen and (max-width: 767px){
	.inline-form-control-custom {
	width: auto !important;
    margin: 0 auto;
    background-color: transparent;
    }
    .basic-title {
    margin-bottom: 10px;
    font-family: montserrat-semibold;
	}
	.rounded-yellow-btn {
    padding-left: 35px;
    padding-right: 35px;
	}
	.carousel-inner {
	overflow: initial;
	}
	.carousel-caption-custom {
	background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
	}
	.carousel-caption-custom h1 {
    font-size: 14px;
    }
    .carousel-caption-custom h2 {
    font-size: 11px;
    margin-bottom: 5px;
	}
	.carousel-caption-custom a {
    background-color: #ffffff;
    color: #47286c;
    padding: 6px 6px;
    font-size: 9px;
	}
	.update-margin {
	margin-top: 110px;
	}
	.ppmai-adv-carousel {
    margin-top: 10px;
    margin-bottom: 20px;
	}
	.xs-text-center {
	text-align: center;
	}
	.icon-title {
	font-size: 20px;
    margin-top: 0;
	}
	.col-padding {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
	}
	/*.ppmai-adv-carousel .owl-nav .owl-prev {
	left: 22px;
	}
	.ppmai-adv-carousel .owl-nav .owl-next {
	right: 22px;
	}*/
	.search-form-height {
	min-height: 100%;
	}
	.footer-titles {
    font-size: 14px;
	}
	.ppmai-adv-carousel .owl-element a img {
    max-height: 205px;
	}
	.updates-tab-box {
    margin-top: 25px;
	}
	.small-devices-padding-reset {
	padding-left: 0;
	padding-right: 0;
	}
	.join-ppmai-tab li .steps-nos:after {
  	display: none;
  	}
  	.join-ppmai-tab li .steps.active {
    font-size: 13px;
	}
	.join-ppmai-tab li .steps {
    font-size: 10px;
	}
	.join-ppmai-tab li .steps-nos {
    width: 30px;
    line-height: 30px;
    }
    .form-heading {
    font-size: 14px;
    }
    .seminar-btn {
    margin-bottom: 15px;
	}
	.seminar-venue {
    width: 100%;
    }
    .seminar-btn {
    width: 50%;
    }
}

@media only screen and (max-width: 525px){
	.gallery-filter-tab {
    margin-top: 0;
    }
    .gallery-filter-tab li {
    margin-top: 8px;
	}
}

@media only screen and (max-width: 480px){
	.line-bg{
		padding: 0;
	}
	.carousel-caption.carousel-caption-custom.fadeInDown{
		width: 100%;
		padding: 0;
	}
	.xs-container-reset {
	padding-left: 0;
	padding-right: 0;
	}
	.ppmai-logo-box {
    max-width: 100px;
	}
	.toggle-members-login-form {
    margin-top: 15px;
	}
	.members-login-form {
   /*  border-top: 1px solid #212226; */
    background-color: #212226;
	}
	.members-login-form .form-group {
	margin-bottom: 10px;
	}
	.inline-form-control-custom {
	height: 40px;
	}
	.ppmai-breadcrumb>.active {
    color: #ffffff;
	}
	.member-photo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
	}
	.member-details {
    width: 100%;
    }
    .carousel-control.left>.banner_arrow, .carousel-control.right>.banner_arrow {
    width: 35px;
    height: 35px;
    font-size: 20px;
    top: 42%;
    padding: 8px;
	}
	.ppmai-updates-nav-tabs {
	text-align: center;
	}
	.ppmai-updates-nav-tabs li {
	float: initial;
	display: inline-block;
	}
	.ppmai-update-box ul {
    padding-right: 10px;
	}
	.update-btn {
	display: none;
	}
	.update-date-month-year {
    width: 20%;
    }
    .ppmai-adv-carousel .owl-nav .owl-prev {
    left: 3%;
	}
	.ppmai-adv-carousel .owl-nav .owl-next {
	right: 3%;
	}
	.ppmai-adv-carousel .owl-element img {
    max-width: 235px;
	}
	.preface-white-box {
    padding-left: 0;
    padding-right: 0;
	}
	.join-ppmai-tab li {
	width: 30%;
	}
	.join-ppmai-tab li .steps-nos {
    width: 25px;
    line-height: 25px;
	font-size: 11px;
	}
	.join-ppmai-tab li .steps.active, .join-ppmai-tab li .steps {
    font-size: 8px;
	}
}

/*-----new rules------*/

.basic-title a {
	text-decoration: none;
	color: #3c3c3c;
}

.basic-title a:hover {
	text-decoration: none;
	color: #ff3b20;
}

#myadvertModal a img {
max-width:100%;
display: block;
margin: 0 auto;
}

.main-advert-close {
	position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #000000!important;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #ffffff;
    line-height: 30px;
    border-radius: 4px;
}

.main-advert-row {
	width: 100%;
	max-width: 800px;
	margin: 15px auto;
	
}
.main-advert-row a {
	display: inline-block;
	width: 100%;
	border: 1px solid #e4e4e4;
}

@media only screen and (max-width: 991px) {
#myadvertModal {
	z-index: 99999!important;
	}
}





/* == about_section == */
.about_section > h1{
	font-size: 28px;
    line-height: 33px;
    color: #dc5e0a;
    font-weight: 400;
    margin: 0 0 10px 0;
}
.about_section > h2{
	font-size: 28px;
    line-height: 33px;
    font-weight: 700;
    color: #000;
/*     text-transform: uppercase; */
    margin: 0;
    padding-bottom: 15px;
}

/* certified_company */
.iso_area {
    text-align: center;
    margin: 124px;
}
.iso_area > .title {
    font-size: 36px;
    color: #000;
    font-weight: 900;
}
.iso_area > .sub_title{
    color: #dc5e0a;
    font-weight: 900;
	font-size: 36px;
}
.certified_img > a > img {
    border: 6px solid #292929;
    padding: 0;
}

i.fa.fa-angle-left.product_showcase{
	background: /* #dc5e0a */rgba(220, 94, 10, 0.8);
    color: #fff;
    padding: 0px 15px;
    margin: auto;
    display: block;
}
i.fa.fa-angle-left.product_showcase:hover{
	background-color: #292929;
	color: #fff;
	transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}
i.fa.fa-angle-right.product_showcase{
    background: rgba(220, 94, 10, 0.8);
    color: #fff;
    padding: 0px 15px;
    margin: auto;
    display: block;
}
i.fa.fa-angle-right.product_showcase:hover{
	background-color: #292929;
	color: #fff;
	transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}

/* our_menufacturere btn */
i.fa.fa-angle-left.our_menufacturere {
    background: #292929;
    color: #fff;
    padding: 5px 15px;
    margin: auto;
}
i.fa.fa-angle-right.our_menufacturere {
    background: #292929;
    color: #fff;
    padding: 5px 15px;
    margin: auto;
}
i.fa.fa-angle-left.our_menufacturere:hover{
	background-color: #dc5e0a;
	color: #fff;
	transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}
i.fa.fa-angle-right.our_menufacturere:hover{
	background-color: #dc5e0a;
	color: #fff;
	transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}

/* Footer product list */
i.fa.fa-life-ring {
    color: #dc5e0a;
}
ul.product_list {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    width: 50%;
    float: left;
}
ul.product_list li{

}

/* Quick Links */
ul.quick_links{
	 margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

a.navbar-brand{display: none;}

@media(min-width: 992px) and (max-width: 1360px){
	.carousel-caption.carousel-caption-custom.fadeInDown{width: 50%;}
	.carousel-caption-custom{bottom: 75px;}
	.nav > li > a{padding: 10px 25px;}
	.iso_area{margin: 115px 0 0;}
}

@media(min-width: 768px) and (max-width: 991px){
	.carousel-caption.carousel-caption-custom.fadeInDown{width: 50%;}
	.carousel-caption-custom{bottom: 10px;}
	.nav > li > a{padding: 10px 25px;}
	.iso_area{margin: 115px 0 0;}
	a.navbar-brand{display: block;font-weight: bold; color: #fff;}
	.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 20px;
	}
	.navbar-brand:hover,
	.navbar-brand:focus {
	  text-decoration: none;
	}
	ul.top_info li a{font-size: 12px;}
}

@media(min-width: 572px) and (max-width: 767px){
	.line-bg{background-color: #17181c;}
	.img-responsive.logo {margin: auto;}
	.carousel-caption.carousel-caption-custom.fadeInDown{padding: 23px 0;width: 100%;}
	a.navbar-brand{display: block;font-weight: bold; color: #fff;}
	.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 20px;
	}
	.navbar-brand:hover,
	.navbar-brand:focus {
	  text-decoration: none;
	}
	ul.top_info{float: none; text-align: center;}

}


@media(min-width: 572px) and (max-width: 767px){
	.line-bg{background-color: #17181c;}
	.img-responsive.logo {margin: auto;}
	.carousel-caption.carousel-caption-custom.fadeInDown{padding: 23px 0;width: 100%;}
	a.navbar-brand{display: block;font-weight: bold; color: #fff;}
	.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 20px;
	}
	.navbar-brand:hover,
	.navbar-brand:focus {
	  text-decoration: none;
	}
	ul.top_info{float: none; text-align: center; margin-top: 16px;}
	.iso_area{margin: 0px auto 10px;}
	.certified_img > a > img{margin:auto; display: block;}
}


@media(min-width: 320px) and (max-width: 571px){
	.line-bg{background-color: #17181c;}
	.img-responsive.logo {margin: 10px auto 0;}
	ul.top_info{margin-top: 17px; margin-right: 0;}
	ul.top_info li a, ul.top_info li i{font-size: 15px;}
	.carousel{margin-top: 47px;}
	.carousel-caption.carousel-caption-custom.fadeInDown{padding: 12px 0;width: 100%;}
	a.navbar-brand{display: block;font-weight: bold; color: #fff;}
	.navbar-brand {
	  float: left;
	  height: 50px;
	  padding: 15px 15px;
	  font-size: 18px;
	  line-height: 20px;
	}
	.navbar-brand:hover,
	.navbar-brand:focus {
	  text-decoration: none;
	}
	ul.top_info{float: none; text-align: center;}
	.iso_area{margin: 0 auto 10px;}
	.iso_area > .title{font-size: 22px;}
	.iso_area > .sub_title{font-size: 22px;}
	.certified_img > a > img{margin:auto; display: block;}
	ul.product_list{width: 100%; float: none;}
}

/* product page */
h2.product_title {
    margin-bottom: 10px;
    color: #dc5e0a;
}
.tab-content-area {
    background: #f3f3f3;
    padding: 20px;
}
img.product_img_right{
    float: right;
    margin: 0 0 10px 20px;
}

img.product_img_left{
    float: left;
    margin: 0 20px 10px 0;
}

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
  border: 1px solid #ddd;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  background-color: #dc5e0a;
  border: 1px solid #dc5e0a;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
  font-size: 17px;
  color: #292929;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
  color: #292929;
  background-color: #f3f3f3;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* Vbelt */
.vbelts{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
}
.vbelts a img {
    /* max-width: 100%; */
    width: 100%;
    -transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.vbelts a img:hover{
	-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.vbelts .title {
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5px 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

/*=========== contact us page =================*/
li.ppmai-navbar-right {
    background: #728692;
}
.contactbg{
	background: url(../images/contact-us-banner.jpg) no-repeat;
    background-size: cover;
    padding: 70px 0;
    margin-top: -30px;
}
.office-address-area{
	/*padding: 40px 40px 70px 40px;*/
	padding: 40px 12px;
	-webkit-box-shadow: 0 0 30px rgba(224, 224, 224, 0.6);
	-moz-box-shadow: 0 0 30px rgba(224, 224, 224, 0.6);
	box-shadow: 0 0 30px rgba(232, 232, 232, 0.8);
}
.office-title h2{
    font-size: 21px;
    color: #292929;
    margin: 0;
    /* font-weight: 700; */
/*     text-transform: uppercase; */
}
.office-address-area .address-info ul {
    margin: 0;
    padding: 0;
    list-style: none; 
}
.office-address-area .address-info ul li {
	display: block;
	vertical-align: middle;
	position: relative;
	padding-left: 52px;
	margin-bottom: 30px;
/*	cursor: pointer; */
}
.office-address-area .address-info ul li a{
	display: block;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
}
.office-address-area .address-info ul li i {
	position: absolute;
	left: 0;
	top: -7px;
	width: 37px;
	height: 37px;
	line-height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	background: #dc5e0a; 
}
.office-address-area .address-info ul li i.fa.fa-mobile {
    font-size: 19px;
}
.office-address-area .address-info ul li i:before {
	margin-left: 0;
	color: #ffffff;
}
.office-address-area .address-info ul li span {
	display: block;
	font-size: 16px;
/* 	line-height: 21px; */
	color: #333333;
	font-weight: 400; 
}

/*========== contact form area ===========*/
.contact-form-area {
    padding: 40px 12px;
    -webkit-box-shadow: 0 0 30px rgba(224, 224, 224, 0.6);
    -moz-box-shadow: 0 0 30px rgba(224, 224, 224, 0.6);
    box-shadow: 0 0 30px rgba(232, 232, 232, 0.8);
}
.contact-form-area .contact-form-title h2 {
    font-size: 21px;
    color: #292929;
    margin: 0;
  /*   font-weight: 700; */
/*     text-transform: uppercase; */
}
.contact-form-area form .form-group input {
    width: 100%;
    height: 40px;
    padding: 10px 20px;
    font-size: 16px;
    color: #767676;
    font-weight: 300;
    border: 1px solid #bfbdbd;
    outline: none;
    box-shadow: none;
}
.contact-form-area form .form-group textarea {
    width: 100%;
    height: 145px;
    padding: 10px 20px;
    font-size: 16px;
    color: #767676;
    font-weight: 300;
    border: 1px solid #bfbdbd;
    outline: none;
    box-shadow: none;
    resize: none;
}
.contact-form-area form .submit-btn {
    margin-top: 20px;
}
.contact-form-area form .submit-btn input{
    border: none;
    padding: 8px 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background: #dc5e0a;
    color: #ffffff;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.contact-form-area form .submit-btn input:hover{
	background: #292929;
	color: #fff;
}

/* == Menufacture == */
.our-menufactur {
    text-align: center;
    border: 1px solid #dfdfdf;
    margin-bottom: 30px;
    box-shadow: 0px 0px 5px #dfdfdf;
}

/* == industry == */
.industry{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 30px;
    border: 1px solid #dfdfdf;
}
.industry a img {
    /* max-width: 100%; */
    width: 100%;
    -transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.industry a img:hover{
	-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.industry .title {
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5px 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    background: rgba(220, 94, 10, 0.9);
}

/* CSR */
.csr{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 30px;
}
.csr a img {
    width: 100%;
    -transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.csr a img:hover{
	-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.csr .title {
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: 0;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5px 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    background: rgba(220, 94, 10, 0.8);
}
.modal-content.csr{
    border-radius: 5px 5px 0 0;
}
.modal-content.csr > .modal-header {
    text-align: center;
    background: #dc5e0a;
    color: #fff;
    font-size: 26px !important;
}

.modal-content.csr img {
    width: 100%;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-shadow: inherit;
    filter: alpha(opacity=20);
    opacity: inherit;
}
h2.our_location{
    font-size: 21px;
    color: #292929;
    margin: 0 0 5px;
}


@media(min-width: 992px) and (max-width: 1024px){
	ul.top_info li a{font-size: 16px;}
	.tabs-left > li.active > a, .tabs-left > li.active > a:hover, 
	.tabs-left > li.active > a:focus{font-size: 14px;}
	.vbelts .title{font-size: 15px;}
	.industry .title{font-size: 15px;}
	.csr .title{font-size: 15px;}
}


@media(min-width: 768px) and (max-width: 991px){
	.tabs-left > li.active > a:focus{font-size: 14px;}
	.csr .title, .vbelts .title, .industry .title{font-size: 15px;}
}

@media(min-width: 552px) and (max-width: 767px){
.tab-content{margin-top: 20px;}
}

@media(min-width: 320px) and (max-width: 767px){
	.white-content-bg{padding: 20px 20px;}
	.profile, .productsbg, .manufacturersbg, .contactusbg, .industriesbg{padding: 50px 0;}
	.ppmai-page-title-text{margin-bottom: 0; color: #dc5e0a;}
	.ppmai-breadcrumb a{color: #dc5e0a;}
	.ppmai-breadcrumb > .active, .ppmai-breadcrumb li {color: #dc5e0a;}
	.dropdown-menu{float: none; position: static;}
}