a { transition: all 0.3s ease; }
h1{ padding:0; margin: 0; line-height: 40px; font-family: 'Open Sans'; font-size: 23px; font-weight: 500;}
h2{ padding:60px 0; margin: 0; text-align: center; font-family: 'Open Sans'; font-size: 33px; font-weight: 300; }
h3{ font-size: 50px; font-family: 'Open Sans'; font-weight: 300; padding: 100px 30px 0 0; margin: 0px; text-align: center; color: #fff;}
h4 { color: #fff; font-size: 20px; padding: 0 0 25px 0; margin: 0px;}
h5{ padding:25px 0 15px 0; margin: 0; text-align: center; font-family: 'Open Sans'; font-size: 33px; font-weight: 300; }
h6{ padding:20px 0; margin: 0; font-family: 'Open Sans'; font-size: 33px; font-weight: bold; border-bottom: 1px solid #ccc;}

img{ max-width: 100%;}
u{  text-decoration: underline; -webkit-text-decoration-color: #e7b21b; text-decoration-color: #e7b21b;}
button:focus { outline: none; }
ul{ padding: 0px; margin: 0px; list-style: none;}
a:hover,
a:focus {
	color: #0275d8;
	text-decoration: none;
	outline: none;
}

ul, h1 { 
	padding: 0;
	margin: 0; 
}
.row{ margin-left: 0px; margin-right: 0px;}

html,body { padding:0px; margin: 0px; font-size: 18px; }


.noborder{ border: 0px !important;}

.nopadding{ padding:0px !important;}
.nopaddingTOP{padding-top:0px !important;}
.nopaddingBOTTOM{padding-bottom:0px !important;}
.nopaddingLEFT{padding-left:0px !important;}
.nopaddingRIGHT{padding-right:0px;}

.paddingTOP{padding-top:10px;}
.paddingBOTTOM{padding-bottom:10px;}
.paddingLEFT{padding-left:10px;}
.paddingRIGHT{padding-right:10px;}

.marginTOP{margin-top:10px;}
.marginBOTTOM{margin-bottom:10px;}
.marginLEFT{margin-left:10px;}
.marginRIGHT{margin-right:10px;}

.pull-left{ float: left;}
.pull-right{ float: right;}

.nofloat{ float: none;}

.table{ font-size: 15px; }
.table-bordered thead th{ background:#3e4095; color: #fff; vertical-align: middle; text-align: center; text-transform: uppercase; }
.table-bordered td{ border: 1px solid #b5b6b7; vertical-align: middle;}
.table-bordered td:nth-child(2){  white-space: nowrap;}
.text-center{ text-align: center;}
html{ background: url(../img/main-bg.gif) repeat-x left top #fff;}

body {
	background: url(../img/footer-bg.gif) repeat-x left bottom;
	color: #312f2e;
	font-family: 'Segoe UI','Open Sans', Helvetica, Arial, sans-serif;
	padding-left: 60px;
	padding-right: 60px;
	/*overflow-x: hidden;*/
}

p { text-align: justify; padding:7px 0; margin: 0px; line-height: 23px; }

p:last-child { margin-bottom: 0; }

.img { padding: 15px; }
.pull-right{ float: right;}
.footer-text {
	font-size: 0.9em;
	margin-bottom: 0;
	padding: 20px 15px;
}

.footer a {
	color: #fff;
}
.custom-container { 
	background-color: #eee7e3; 
	padding: 22px 22px 100px 22px;
	max-width: 1200px;
}

.topLOGOBOX{ margin: 15px 0 10px 0; overflow: hidden;}
.clear{ clear: both;}
.borderBOTTOM{ border-bottom: 1px solid #d0cbc9;}

.navbar-row { position: relative; }
.navbar-container {
	background-color: #fff; 
	font-size: 14px;
	/*position: absolute; */ margin-bottom: 22px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ded5d0;
    z-index: 1000;
}

.navbar {
	color: #98847e;
	padding: 0;	

}
.smLOGO{ background: #3e4095; padding:10px 20px;}
.navbar-container.sticky {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1000;
	
	-webkit-box-shadow: 0px 1px 8px 0px rgba(64,64,64,1);
-moz-box-shadow: 0px 1px 8px 0px rgba(64,64,64,1);
box-shadow: 0px 1px 8px 0px rgba(64,64,64,1);
}


.navbar-brand {
	color: white;
	/*display: inline-block;*/
	
	margin: 0;

}

.navbar-brand:hover,
.navbar-brand:focus {
	color: white;
}

.nav-item {
	float: left;
	list-style: none; text-transform: uppercase; font-weight: 400; letter-spacing: 0.4px;
	border-right:1px solid #ded5d0; margin-left: 0px !important;
}
.nav-item:last-child{ border-right: 0px !important;}

.navbar-nav .nav-link,
.navbar-nav .nav-link:focus {
	color: #98847e;
	display: block; padding: 22px 30.5px;
	transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
	background-color: #2abcf2;
	color: white;
	text-decoration: none;
}

.dropdown-menu{ border-radius: 0px; background-color: #fff; margin-top:0px;
	font-size: 14px;
    border: 1px solid #ded5d0; margin-left:-1px;
	transition: all 0.3s ease;
}
ul.dropdown-menu{ padding:0px ;}
.dropdown-menu li{ border-bottom: 1px solid #ded5d0;}
.dropdown-menu li a{ background: #2abcf2; display: block; white-space: nowrap; color: #fff; padding: 6px 15px;}
.dropdown-menu li a:hover{  background: #fff; color: #2abcf2; }
.dropdown-menu li:last-child{ border-bottom: none;}


.home-right {
	padding: 100px 70px 100px 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}







.bannerBOX{ height: 529px; overflow: hidden;}
.bannerBOX img{ max-width: 103%;}
.bannerBOX .nivoSlider{ width: 100%; background-size: cover !important;}
.bannerLEFTBOX{ clear: both; overflow: hidden; }


.linkBOX{ overflow: hidden;}
.linkBOX li a{ display: block; overflow: hidden; color: #fff; }
.linkBOX li a.purpleBG{ background: #462d33; }
.linkBOX li a.greenBG{ background:  #0c5453;   }
.linkBOX li a.orangeBG{ background:  #c64a26;   }
.linkBOX li a.yellowBG{ background: #d1a447;   }

.linkBOX .imgBOX{ padding:35px 0px 35px 15px; width: 220px; overflow: hidden;}
.linkBOX .imgBOX1, .linkBOX .imgBOX2{ padding:10px 0 0 15px; }
.linkBOX .purple{ padding: 22px 15px 23px 30px;  background:url(../img/purple-cor.jpg) no-repeat left top #301b20;}
.linkBOX .green{ padding: 22px 15px 23px 30px;  background:url(../img/green-cor.jpg) no-repeat left top  #074442;   }
.linkBOX .orange{ padding: 22px 15px 23px 30px;  background:url(../img/orange-cor.jpg) no-repeat left top #ab3917;   }
.linkBOX .yellow{ padding: 22px 15px 23px 30px;  background:url(../img/yellow-cor.jpg) no-repeat left top #c29538;   }


.innerbannerBOX{ height: 350px; overflow: hidden; margin-bottom: 10px;}
.eventbannerBOX{ display: table; width:100%; height: 350px; background: url(../img/strip-bg-01.jpg) no-repeat center top; border: 1px solid #ccc; overflow: hidden; margin-bottom: 10px;}


.regulatoryBOX{ clear: both; overflow: hidden; padding:30px 0 0 0;}
.regulatoryBOX img.thumb{ height: 317px;}
.regulatoryBOX img{ border: 5px solid #ccc; margin:2px;}
.regulatoryBOX img:hover{ border: 5px solid #949292; }
.regulatoryBOX .title{ font-weight: bold; text-align: center; font-size: 15px;}

.products-download .lb-outerContainer{ height: 765px !important;}

.anniversary{ display: table; width: 100%; background: url(../img/strip-bg-01.jpg) no-repeat left top; background-size: cover; height: 350px;}
.cphi-worldwide{ width: 100%; background: url(../img/cphi-worldwide.gif) no-repeat center top; background-size: 75%; height: 105px; }
.cphi-india{ width: 100%; background: url(../img/cphi-india.png) no-repeat center top; background-size: 75%; height: 200px; margin-top:30px; }





.titleBOX{ padding: 65px 15px; border-bottom: 1px solid #d0cbc9;}

.imgLIST{ clear: both; overflow: hidden; margin-bottom: 0px;}
.imgLIST li{ float: left; padding: 0 6px 0 0;}
.imgLIST li:last-child{ padding-right: 0px;}


.sectionLIST{ clear: both; overflow: hidden; margin: 0px auto; padding-bottom: 100px; }
.sectionLIST .img{ padding: 10px 0 25px 0; text-align: center; }
.sectionLIST .title{ font-weight: 300; font-size: 25px; font-weight: 400; text-align: center; padding-bottom: 10px; }
.sectionLIST .txt{ color: #42403f; font-size: 17px; padding: 10px 0; text-align: center; }

.aboutsection{ padding-bottom:35px; overflow: hidden; font-size: 16px; }

.label{ color: #312f2e; font-size: 100%; font-weight: normal;}
.error { display: none; background:url(../img/error.png) no-repeat left 3px; padding:5px 0 5px 17px; color: red; font-size:11px; font-weight:bold;}
.error img{ display:none;}
.success { display: none; padding: 5px 5px 0 5px; font-family:"Roboto Slab", "Raleway", Arial; font-size:15px; font-weight:bold; text-align:center; }
#loading { text-align:center; padding-bottom:0px; padding-top:10px; width:100%;}
.downloadBTN {
	background-color: #3e4095;
	border: none;
	color: white;
	padding: 8px 20px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
    margin: 10px auto auto auto;
    text-align: center;
    display: block;
    width: 100px;
  }
  
  /* Darker background on mouse-over */
  .downloadBTN:hover {
	background-color: DodgerBlue;
	color: white;
  }

.footer { position: relative; margin-top: 0px; padding: 0 35px; }
.bottomBOX{ 
	padding: 50px 25px;
    background: url(../img/footer.gif) no-repeat center top;
    height: 130px;
	position: relative;
    margin-top: -75px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	}
.message{ margin-top:-15px; color: #fff; font-weight: 400; background: url(../img/message-icon.gif) no-repeat left 15px; padding: 20px 10px 0px 40px;}
 a.mail{ margin-top:-15px; border: 0px; text-transform: uppercase; background: #fff; border-radius: 4px; color: #000; padding: 17px 30px; font-weight: 400; font-size: 16px;}
.footer .footerSECTION{ color: #fff; margin: 0px auto; padding: 40px 0 25px 0; overflow: hidden;}
.footer .footerSECTION li{ font-size: 15px; border-bottom: 1px solid #333333; padding: 10px 0; overflow: hidden; }
.footer .footerSECTION li .img{ float: left; width: 50px; margin-right: 20px; overflow: hidden;}
.footer .footerSECTION li .txt{ float: left; padding-top:10px; overflow: hidden;  }
.footer .footerSECTION li:last-child{ border-bottom: none;}

.footer .copyrights{ color: #c4c4c4; padding: 25px; font-size: 13px; background: url(../img/footer-img.gif) no-repeat center top; height: 67px; }

form{ padding: 0px; margin: 0px;}
form input{ width: 100%; border: 1px solid #ccc; height: 30px; padding: 5px 8px;}
form textarea{ width: 100%; border: 1px solid #ccc; height: 150px;}
form button, form input[type='submit']{ padding:6px 10px; background:#29bbf1; color: #fff; text-align: center; border: 0;border-radius: 4px;}



@media screen and (max-width: 1400px) {
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:focus { }
	.navbar-brand {		}
	.navbar-container { 
		
		
	}
	.page-content { margin-top: 174px; }
}

@media screen and (max-width: 1300px) {
	.white-curve-left-circle,
	.white-curve-right-circle {
		width: 445px;
	}
	.contact-left { padding: 25px; }
}

@media screen and (max-width: 1199px) {
	
	h4{ text-align: center;}
	.navbar-container { font-size: 16px; }
	.page-content { margin-top: 135px; }
	.home-right { padding: 80px 50px 50px 60px; }
	.contact-info { margin-right: 10px; }

.topLOGOBOX{ margin-top:0px; text-align: center;}
	.bannerBOX{ height: auto;}

.open>.dropdown-menu{ width: 100%;}

.innerbannerBOX{ height: auto;}

.footer{ padding: 0 15px;}
.footer .bottomBOX{ background: #2abcf2; height: auto; overflow: hidden;}
.footer .message{padding: 20px 10px 10px 40px;}
.footer a.mail{ display: block; margin-top: 10px; text-align: center; }
.footer .footerSECTION ul{ margin-bottom: 50px;}
.footer .footerSECTION li .img{ width: 25px; margin-top:15px;}
.footer .footerSECTION li:last-child{ border-bottom: 1px solid #333333;}
}

@media screen and (max-width: 1060px) {
	.section {
		display: block;
		height: auto;
	}

	.section .col-lg-7,
	.section .col-lg-5 {
		width: 100%;
	}

	.white-curve-left-rec, 
	.white-curve-right-rec {
		width: 60%;
	}

	.white-curve-text {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.white-curve-left-circle, 
	.white-curve-right-circle {
		width: 50%;
	}

	.white-curve-left-circle { right: 1em; }
	.white-curve-right-circle { left: 1em; }

	#section-2,
	#section-3 {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	    -webkit-flex-direction: column;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-justify-content: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	}

	.img { padding: 0px; }
}

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

	.page-content { margin-top: 100px; }
	.navbar-container .navbar-brand { padding: 0.285em 1em;	}
	.navbar-nav .nav-item {	float: none; }

	.navbar-brand {
		display: block;
		float: left;
		font-size: 2em;
	}

	.navbar {
		position: absolute;
		right: 0;
		top: 43px;
		background-color: #fff;
		text-align: right;
		width: 100%;
	}

	.navbar-container.sticky .navbar { top: 68px; }
	.navbar-nav .nav-item+.nav-item { margin-left: 0; }

	.navbar-toggler {
		display: block;
		float: right;
	}
}

@media screen and (max-width: 800px) {	
	body { 
		
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav .nav-link,
	.navbar-nav .nav-link:focus { padding:9px; }

.flex-control-nav{ width: 260px !important;}


.footer .footerSECTION li{ text-align: center;}
.footer .footerSECTION li .img{ float: none; text-align: center; width: 100%; margin-top:15px;}
.footer .footerSECTION li .txt{ float: none;}

}

@media screen and (max-width: 550px) {	
	.custom-container {
		padding-left: 15px;
		padding-right: 15px;
	}	
}

@media screen and (max-width: 480px) {
	.white-curve-text { padding: 1.5em 1em; }
	.white-curve-right > .white-curve-text {
	    padding-right: 0;
	    padding-left: 2em;
	}

	.section-header {
		font-size: 1.8em;
		margin-bottom: 0.5em;
	}

	.home-right { padding: 2em; }
}