
body {
	font-family: 'Roboto', sans-serif;
	font-size: 100%;                                                      /* default font size - 100% = 16px*/
	background-color:#f2f9ff;
}.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { display: none !important; }.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { display: none !important; }
form, body {
	margin: 0;
	padding: 0;
}
input, textarea, button {
	font-family: 'Roboto', sans-serif;
}
img {
	border: 0 none;
	max-width: 100%;                                                      /*to optimize full width of its parent element*/
}
main {
	display:block;
}
address {
	font-style: normal;                                                   /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p, ol {
	margin: 0;
}
ol {
	padding:0 0 20px 20px;
}
.ctr {
	text-align:center;
}
.clear {
	clear:both;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
	color: #26398f;
	text-decoration: none;
}
a:hover {
	color: #00407c;
	text-decoration: none;
}
p {
	padding:0 0 5px 0;
}
ul {
	padding:0 0 20px 0;
	list-style:none;
}
ul li {
	/* background:url(../images/bullet.jpg) no-repeat left 13px; */
	/* padding:0 0 0 12px; */
}.bulletornaments { margin-top: -4em !important; }.aggregatesbullet { padding: 0 20px 0 5px;	list-style: disc;	font-size: 17px;    font-weight: 500;    line-height: 34px;    color: #8b8b8b;	margin-left: 30px; 	background: none;	}	.businessbullet { padding: 0 0px 0 5px;	list-style: disc;	font-size: 15px;    font-weight: 500;    line-height: 26px;    /* color: #8b8b8b; */	margin-left: 15px; 	background: none;	}.business  { margin-top: -60px; }
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.inner_wrap {
	padding:0 10px 0 10px;
	margin:0 auto;
	max-width:1080px;
}.more { text-align: center; }.more a { text-decoration: none; color: #828282; }.more a:hover { text-decoration: none; color: #26398f; }.ornamentsactive a { color: #b1872d !important; }.aggregatesactive a { color: #753f54 !important; }.businessconsultactive a { color: #ee1a3a !important; }a.vivanornaments.homeactive { color: #25398f; }

.footernav { color: #FFF; }
.footernav:hover { color: #000; }

/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* ============= header and main Start============================ */
.header_logo {
	display:block;
	max-width:255px;
	margin: 12px auto 12px auto;
}
.header_logo img {
	display:block;
}
/* ============= Topnav Start============================ */
#top_nav {
	text-align: right;
	display:none;
	background-color:#c3c5c9;
}
a.menu_trigger {
	color: #333333;
	display:inline-block;
	vertical-align:top;
	font-size: 16px;
	line-height:16px;
	font-weight:600;
	padding: 0 27px 0 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	margin:23px 0 34px 0;
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {
	cursor: pointer;
	height:3px;
	width:22px;
	background: #333333;
	position: absolute;
	display: block;
	content: '';
	right:0;
	top:7px;
}
a.menu_trigger span:before {
	top: -5px;
	right:0;
}
a.menu_trigger span:after {
	top:5px;
	right:0;
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.menu_trigger.active span {
	background-color: transparent;
}
a.menu_trigger.active span:before, a.menu_trigger.active span:after {
	top: 0;
	width:22px;
}
a.menu_trigger.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
a.menu_trigger.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.first_links, .topnav_links {
	text-align:left;
	padding:0;
}
.first_links li, .topnav_links li {
	padding: 5px 8px 5px 8px;
	border-bottom:1px solid #333333;
	line-height:16px;
	background:none;
}
.first_links a, .topnav_links a {
	font-size: 15px;
	line-height: 18px;
	color:#8c8c8c;
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	font-style:normal;		font-weight: bold;
}
.first_links a:hover, .topnav_links a:hover {
	color:#25398f;
}
.topnav_links li ul {
	padding:0;
}
.topnav_links li ul li {
	border:none;
}
.header_right_logo {
    float: right;
}
/* ============= Home Page Start============================ */
.orange_section {
	background:#e7bf6b;
	padding:20px 0 0 0;
}
.bucket_wrap {
	position:relative;
	margin:0 auto 24px auto;
	z-index:99;
	max-width:1010px;
}
.about_content {
	background:#ffffff;
	border-bottom:1px solid #dddbdb;
	font-size:18px;
	line-height:35px;
	color:#5d5d5d;
	padding:24px 43px 32px;
}
.about_content a {
	display:inline-block;
	vertical-align:middle;
	padding:0 38px 0 0;
	background:url(../images/home-about-link-bg.jpg) no-repeat right center;
	font-size:20px;
	line-height:1em;
	color:#f9bf2f;
	text-decoration:none;
}
.about_content a:hover {
	text-decoration:underline;
}span.clientname { font-size: 15px !important; text-transform: uppercase; }span.clientlocation { font-size: 14px !important; text-transform: capitalize !important; }
.whypatlon_section { padding: 10px 0 10px; background: #f2f9ff; }.happy_customers_ornaments { margin-top: 2em; padding: 0px 0 0%; }.happy_customers { padding: 0px 0 40px; margin-top: -2em; }.social_media { text-align: center; }.social_media_ornamentals { padding: 0px 0 10px; }.breadcrumb { padding: 20px 0px; font-size: 12px; }.inner_wrap.clearfix.investor-relations { padding-top: 1%; background: #f2f9ff; }.title { color: #0054a5; text-align: left;font-size: 13px; font-weight: 600; line-height: 25px; }
.contacttitle { color: #0054a5; text-align: left;font-size: 13px; font-weight: 600; line-height: 25px; padding-top: 10px; clear: both; }.contact { color: #0054a5; margin-bottom: 0.5em !important; text-align: left; font-weight: 600; font-size: 18px;}.ornamentscontactfooter { width: 100%; float: left;color: #8b8b8b; margin-left: -1em !important;}.icon { width: 10%; float: left;color: #8b8b8b; }.address { width: 90%; float: left;color: #8b8b8b; font-size: 14px; line-height: 2em; font-weight: 500; text-align: left; }.ornamentsproducts { width: 100%; float: left;color: #8b8b8b; }.first { width: 48%; float: left;color: #8b8b8b; }.second { width: 48%; float: left;color: #8b8b8b; font-size: 14px; line-height: 2em; font-weight: 500; }.seprator { width:4%; float: left; }.productdevider { height: 2.8em; clear: both; float: left;  }h2.aggregateclientle { color: #802046 !important; text-align: center; font-size: 28px; font-weight: 400; }h2.businessclientle { color: #ee1a3a !important; text-align: center; font-size: 28px; font-weight: 400; }.heightfifteen { height: 12px; }.col-sm-12.client { text-align: center; }
.whypatlon_section h2 {
	color:#b1872d;
	font-size:28px;
	line-height:28px;
	font-weight:400;
	padding: 0em 0 0px 0;		text-align: center;
}
.whypatlon_section h2 span {
	color:#e3bc4d;
}
.video {
    margin: 0 0 20px 0;
}
.video img  {
	display:block;
	margin: 0 auto;
}
.whypatlon_section p {
	font-size: 13px;    font-weight: bold;    line-height: 34px;    padding: 0 0 0px;    color: #000;    text-align: left;
}
.news_section article {
	margin:0 0 20px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}	
.news_section h2 {
    color: #2a2a2a;
    font-size: 28px;
    font-weight: 300;
    line-height: 28px;
     padding: 24px 0 33px;
}
.news_section article:nth-of-type(2) {
	/* background:#e5e8eb;
	min-height: 388px; */
	padding: 0;
}
.news_section article:nth-of-type(2) img {
	/* display:block;
	margin: 0 auto; */
	padding: 10px 10px 0px 0px;
}
.news_section article:nth-of-type(2) h2 {
	/* padding: 25px 0 34px 38px; */
}

.news_section article > div {
   /* border-bottom: 1px dotted #aaaaaa; */
    clear: both;
    overflow: hidden;
    padding: 0;
}
.date {
    background: #d07943;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
    color: #ffffff;
    float: left;
    font-size: 14px;
    height: 70px;
    line-height: 16px;
    margin: 0 29px 62px 0;
    padding: 10px 0 0 18px;
    width: 73px;
}
.date > span {
    background: #f4c535 none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 6px;
    padding: 4px 0 5px 13px;
    position: relative;
}

.date > span::after {
    background: #f4c535 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}
.news_section article > div > p {
    color: #8b8b8b;    font-size: 17px;    font-weight: 500;    line-height: 34px;    padding: 25px 0 20px;	text-align: center;
}
.news_section article > div > p > span {
    color: #282828;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding: 9px 0 7px;
}
.news_section article > div > a {
    color: #444747;
    font-size: 13px;
    line-height: 15px;
    text-decoration: none;
}
.news_section article > div > a:hover {
	text-decoration:underline;
	color: #26398f;
}
li.vivanaggregates.homeactive a {
    color: #0054a5;
	    font-size: 15px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
}
/* ul.topnav_links li ul li a {    font-size: 15px;	text-align: center;	color: #802046;	font-weight: 600;	letter-spacing: 0.1em;} */li.vivanaggregates a:hover {    color: #00407c;}li.vivanornaments a:hover {    color: #b0872d;}.aggregatesubmenu a { color: #802046; font-size: 15px; text-align: center; font-weight: 600; letter-spacing: 0.1em;}.aggregatesubmenu a:hover { color: #25398f !important;}.ornamentssubmenu a { color: #b0872d; font-size: 15px; text-align: center; font-weight: 600; letter-spacing: 0.1em;}.ornamentssubmenu a:hover { color: #25398f !important;}article.separate { border-right: solid 1px #828282; width: 33% !important;}article.separate1 { width: 33% !important; padding: 0 5px 0 30px !important;}.ornaments { padding-left: 2em !important; }.footerphi { color: #FFF; text-decoration: none; font-weight: 600; }
/* ============= Footer Section Start============================ */ 
footer {
	/* border-top: 3px solid #e6b45e; */	background: #0054a5;
}
.footer_right {
   /* background: #e6b45e; */
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
    max-width: 488px;
    overflow: hidden;
    padding: 10px 0px 0 10px;
    position: relative;
    text-align: center;
	margin:0 auto 30px auto;
}
.footer_right > h2 {
    color: #121212;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 0 9px;
    position: relative;
    text-align: left;
    z-index: 99;
}
.footer_right h2 span {
    border-top: 2px solid #f4c535;
    display: inline-block;
    padding: 9px 0 6px;
    vertical-align: top;
}
.footer_right > a {
    border: 1px solid #ebd3a0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
    color: #6a4b0b;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px 9px;
    min-width: 126px;
    padding: 8px 11px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}
.footer_right > a:hover {
	/* background:#f4c535; */
}
.footer_left {
    padding: 16px 0 0px;
	text-align:center;
}
.footer_left > nav {
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
}
.footer_left nav a {
    color: #FFF;
    text-decoration: none;
}
.footer_left nav a:hover {
	color:#000000;
}
.footer_left > nav > span {
    display: block;
    padding: 16px 0 18px;
}
.footer_left > p {
    color: #FFF;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    padding: 0 0 0px;
}
.footer_left p span {
    display: block;
    padding: 2px 0 6px;
}
.footer_left > p a {
    color: #000000;
    text-decoration: none;
}
.footer_left > p a:hover {
	text-decoration:underline;
}
.social_icon > a {
    display: inline-block;
    margin: 0 5px 0 2px;
    vertical-align: top;
}
.social_icon img {
    display: block;
}
/* ============= Page Banner Start============================ */
#page_banner {
	position:relative;
	min-height:309px;
}
#page_banner .banner_text {
	position:absolute;
	left:0;
	bottom:25px;
	width:100%;
	margin:auto;
}
#page_banner .banner_text span {
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
	padding:7px 18px 12px;
	border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-webkit-border-radius:5px;
	font-size:25px;
	line-height:1.5em; /*24px/ 16px = 1em*/
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;
	
}
.page-bradecrumb {
	font-size:13px;
	line-height:20px;
	color:#ffffff;
	font-weight:300;
	  padding: 38px 0 0;
}
.page-bradecrumb a {
	color:#cdcbcb;
	text-decoration:none;
}
.page-bradecrumb a:hover {
	text-decoration:underline;
}
.product_banner {
	background:url(../images/products-banner.jpg) no-repeat center top;
	background-size:cover;
}
.about_banner {
	background:url(../images/about-banner.jpg) no-repeat center top;
	background-size:cover;
}
/* ============= Content Area Start============================ */
.content_area {
	font-size:15px;
	line-height:28px;
	color:#1d1d1d;
	padding:0px 0 30px 0;
	font-weight:300;
}
/* ============= Page Heading Start============================ */
h1 {
	font-size:20px;
	color:#2a2a2a;
	line-height:24px;
	padding:0 0 30px 0;
	font-weight:600;
}
h2 {
	font-size:18px;
	color:#2a2a2a;
	line-height:22px;
	padding:0 0 20px 0;
	font-weight:600;
}
h3 {
	font-size:16px;
	color:#2a2a2a;
	line-height:20px;
	padding:0 0 20px 0;
	font-weight:600;
}
/* ============= Inner pages Start============================ */
.page_bucket {
	text-align:center;
}
.page_bucket article {
	font-size:1.066666666666667em; /*16px / 15px = 1.066666666666667em*/
	max-width:19.75em; /*316px / 16px = 19.75em*/
	box-sizing:border-box;
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin:0 1% 1.875em 1%; /*30px / 16px = 1.875em*/
	padding: 0.1875em;               /*3px / 16px = 0.1875em*/       
	text-align:left;
	/* border:1px solid #dddbdb; */
}
.page_bucket article a {
	display:block;
	color:#ffffff;
	font-size:0.875em; /*14px / 16px = 0.875em*/
	line-height:1.785714285714286em; /* 25px / 14px = 1.785714285714286em*/
	text-decoration:none;
	overflow:hidden;
}
.page_bucket article a > img {
	display:block;
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}
.page_bucket article a:hover > img {
	 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);   
}
.page_bucket article a > h2 {
	font-size:1.214285714285714em; 			/*17px / 14px = 1.214285714285714em*/
	font-weight:500;
	line-height:1em;
	padding:0.6470588235294118em 0.2941176470588235em 0.6470588235294118em 0.8823529411764706em; /*11px 5px 11px 15px / 17px = 0.6470588235294118em 0.2941176470588235em 0.6470588235294118em 0.625em 0.8823529411764706em*/
	background:#eaa339;
	color:#ffffff;
	text-align:center;
	position:relative;
	z-index:999;
}
.page_bucket article a > h2:after {
	border-bottom: 40px solid #ffffff;
    border-right: 18px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.page_bucket article a:hover > h2 {
	background:#000000;
}
.page_bucket article a > span {
	display:block;
	min-height: 8.928571428571429em; /*125px / 14px = 8.928571428571429em*/ 
    padding: 1.142857142857143em 1.142857142857143em 1.142857142857143em 1.642857142857143em; /*16px 16px 16px 23px / 14px = 1.142857142857143em 1.142857142857143em 1.142857142857143em 1.642857142857143em*/
	background:#d07943;
	position:relative;
	z-index:999;
}
.page_bucket article a > span > mark {
	background: url(../images/page-bucket-arrow.png) no-repeat left top;
    display: inline-block;
    height: 9px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 10px;
}
.product_page_bradecrumb {
	text-align:center;
}
.product_page_bradecrumb a {
	color:#2a2a2a;
	font-size:15px;
	line-height:15px;
	padding:9px 9px 9px 13px;
	position:relative;
	font-weight:500;
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	margin:0 0 20px 0;
	border-bottom:1px solid #d4d5d9;
}
.product_page_bradecrumb a:hover, .product_page_bradecrumb a.active {
	background:#d07943;
	color:#ffffff;
	text-decoration:none;
}

.product_page_bradecrumb a.active:before, .product_page_bradecrumb a:hover:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #d07943;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
}
.product_page_bradecrumb a.active:after, .product_page_bradecrumb a:hover:after {
    border-bottom: 40px solid #ffffff;
    border-right: 16px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.product_subpages_bradecrumb {
	font-size:14px;
	color:#969696;
	line-height:14px;
	font-weight:400;
	padding:0 0 45px 0;
	text-align:center;
}
.product_subpages_bradecrumb a {
	color:#969696;
	text-decoration:none;
	display:inline-block;
	vertical-align:top;
	margin: 0 0 10px 0;
}
.product_subpages_bradecrumb a:hover, .product_subpages_bradecrumb a.active {
	color:#1d1d1d;
}
.products_video_bucket article {
	background:#e19c37;
	margin:0 0 37px 0;
	text-align:center;
}
.products_video_bucket article div {
	box-sizing:border-box;
	padding:15px 35px 13px 20px;
}
.products_video_bucket article div h2 {
	font-size:16px;
	font-weight:500;
	color:#ffffff;
	line-height:16px;
	padding:0 0 10px 0;
}
.products_video_bucket article div h2 span {
	display:block;
	padding:0 0 15px 0;
}
.products_video_bucket article div p {
	font-size:14px;
	line-height:25px;
	color:#694209;
	padding:0 0 10px 0;
}
.products_video_bucket article div a {
	display:inline-block;
	vertical-align:top;
	color:#ffffff;
	font-size:15px;
	line-height:15px;
	padding:9px 0 13px 48px;
	text-decoration:none;
	font-weight:600;
	background:url(../images/pdf-download-bg.png) no-repeat left top;
	margin: 0 0 0 7px;
}
.products_video_bucket article > a {
	display:inline-block;
	vertical-align:top;
}
.products_video_bucket article > a img {
	display:block;
}
.about_page_content strong {
	font-size:17px;
	color:#d07943;
	font-weight:600;
}

.leftnav {
    padding: 0 0 40px;
    text-align: center;
}

.leftnav > a {
    background: #d2d5da;
    color: #373737;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 10px;
    text-decoration: none;
    vertical-align: top;
	line-height:20px;
}
.leftnav > a:hover, .leftnav > a.active {
	font-weight:600;
	background:#f9c032;
	color:#1d1d1d;
}
.advantages_section ol {
    padding: 0 0 20px 20px;
	counter-reset:item;
}
.advantages_section > ol > li {
    padding: 0 0 20px;
}
.content_area strong {
    font-weight: 600;
}

.quality_credentials_img {
    margin: 0 auto 20px;
    max-width: 250px;
}
.quality_credentials_img > img {
    display: block;
}
ul.logo_bullet li {
	background:url(../images/logo_bullet_bg.jpg) no-repeat left 6px;
	padding:6px 0 37px 73px;
}
ul.logo_bullet li:nth-of-type(2) {
	background:url(../images/logo_bullet_bg01.jpg) no-repeat left 6px;
}
ul.logo_bullet li:nth-of-type(3) {
	background:url(../images/logo_bullet_bg03.jpg) no-repeat left 6px;
}
ul.logo_bullet li:nth-of-type(4), ul.logo_bullet li:nth-of-type(5) {
	background:url(../images/logo_bullet_bg04.jpg) no-repeat left 6px;
}
.logo_bullet img {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}.googleiframe { height: 260px; width: 450px; }.youtubeiframe { height: 450px; width: 980px; }.youtube { margin-top: -50px; padding-bottom: 50px; }.footerornaments { margin-top: 15px; }.fb-page.fb_iframe_widget { margin-left: -1.8em; }.col-sm-5.clientpic { padding-left: 12em; margin-top: -0.9em; }.carousel-control .glyphicon-chevron-left { background-image: url("images/pre-slide.png"); background-color: #cccccc; }.media {padding-bottom: 20px;}		/*=============================================================================  		MEDIUM SCREEN STYLES [iPhone MOBILE LANDSCAP VIEW] START  		============================================================================= */ 				@media screen and (min-width: 170px) and (max-width:240px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 300px; }			.youtubeiframe { height: 250px; width: 300px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 1em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 0.8em; }			.fb-page.fb_iframe_widget { margin-left: 0.2em; width: 280px !important;}		}		@media screen and (min-width: 241px) and (max-width: 320px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 300px; }			.youtubeiframe { height: 250px; width: 300px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 5em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 0.8em; }			.fb-page.fb_iframe_widget { margin-left: 0.8em;  width: 280px !important;}		}		@media screen and (min-width: 321px) and (max-width: 360px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 320px; }			.youtubeiframe { height: 250px; width: 320px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 6em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 0.8em; }			.fb-page.fb_iframe_widget { margin-left: 0.4em; width: 350px !important;}		}		@media screen and (min-width: 361px) and (max-width: 420px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 340px; }			.youtubeiframe { height: 250px; width: 340px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 7em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 0.8em; }			.fb-page.fb_iframe_widget { margin-left: 0.4em; width: 400px !important;}		}		@media screen and (min-width: 421px) and (max-width: 603px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 400px; }			.youtubeiframe { height: 250px; width: 400px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 8em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 1.2em !important; }			.fb-page.fb_iframe_widget { margin-left: 1em; width: 410px !important;}		}		@media screen and (min-width: 604px) and (max-width: 768px)		{			article.separate { border-right: none; text-align: center; width: 100% !important;}			article.separate1 { width: 100% !important; padding: 0 5px 0 30px !important; }			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 420px; }			.youtubeiframe { height: 250px; width: 420px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 12em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 1.8em !important; }			.fb-page.fb_iframe_widget { margin-left: 1.2em; width: 440px !important;}		}				@media screen and (min-width: 770px) and (max-width: 900px)		{			article.separate { border-right: none; text-align: center;}			.footer_right { font-size: 12px;margin: 0 auto 0px auto; }			.ornamentscontactfooter { margin-left: 0em !important; }			.googleiframe { height: 220px; width: 420px; }			.youtubeiframe { height: 250px; width: 420px; }			.ornaments { padding-left: 0.2em !important; }			.col-sm-5.clientpic { padding-left: 8em; margin-top: -0.9em; }			.slick-dots { bottom: -5% !important; }			.col-sm-5.client { text-align: center; }			.productdevider { height: 1.8em !important; }			.fb-page.fb_iframe_widget { margin-left: 2em; width: 480px !important;}		}						/*=============================================================================  		End Media Query MEDIUM SCREEN STYLES [iPhone MOBILE LANDSCAP VIEW] START  		============================================================================= */ 						
/*=============================================================================  
MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START  
============================================================================= */ 
/* 640px/16px = 40em */
@media only screen and (min-width: 40em) {
/* ============= Header Start============================ */
.header_logo {
	float:left;
	 margin: 12px 0 10px;
}
.header_right_logo {
    margin: 27px 5px 0 0;
}
/* ============= Topnav Start============================ */
#top_nav {
	max-width:260px;
	/* margin:0 auto 21px auto; */
	display:block;
	background: none;
	text-align:center;
	width:100%;
	clear:both;
}
a.menu_trigger {
	display:none;
}

.name { width: 20%; float: left; text-align: left; font-size: 13px; padding: 5px; color: #444747; }
.comma { width: 5%; float: left; text-align: left;font-size: 13px; padding: 5px; color: #444747;}
.info { width: 65%; float: left; text-align: left; font-size: 13px; padding: 5px; line-height: 22px; color: #444747;}
.contactinfo { width: 100%; float: left; margin-top: -38px; height: 1220px; }
.financial { background: #0556a5; color: #FFF; text-align: left; padding:3px 10px !important; }
.reportinfo { border-bottom: solid 1px #82b9ed; color: #444745; font-size: 13px; border-left: solid 1px #82b9ed; border-right: solid 1px #82b9ed; text-align: left; padding:0px 10px !important; background: #ebecee; }
span { position: relative; top: -7px; }
.pdf { padding: 10px 10px 0px 0px; }

.first_links {
	padding:0 18px 10px 0;
    text-align: right;
	}
.first_links li {
	border:none;
	display:inline-block;
	vertical-align:top;
	padding:0 9px 0 0;
}
.first_links li a {
	font-size:13px;
	color:#333333;
	line-height:15px;
}
.first_links li a:hover {
	color:#333333;
	text-decoration:underline;
}
.topnav_links {
	display: flex;
	padding: 3.9em 0 0 20px;
	text-align:center;
	position:relative;
}
.topnav_links li {
	flex-grow:1;
	border:none;
	padding: 6px 8px 8px;
	position:relative;
}

.topnav_links li.active > a, .topnav_links li:hover > a {
	color:#25398f;
}
.topnav_links li ul {
	position:absolute;
	left:0;
	top:100%;
	visibility:hidden;
	padding: 15px 0;
	z-index: 999;
	text-align:center;
	background:#c3c5c9;
}
.topnav_links li:hover ul {
	visibility:visible;
}

.topnav_links li ul li {
    padding: 0 25px 10px;
}
.topnav_links li:hover ul li a {
	white-space:nowrap;
	
}
/* ============= Home Page Start============================ */
.orange_section {
	padding:0
}
.bucket_wrap {
	margin:-57px auto 24px auto;
	}
.about_content {
	padding:24px 38px 32px;
	margin:0 5px;
}
.video {
    float: left;
    margin: 0 28px 20px 0;
	width:48%;
}
/* ============= banner Start============================ */ 
#page_banner .banner_text span {
	font-size:2.1875em; /*35/16= 2.1875em;*/
	padding:7px 18px 12px;
}
.products_video_bucket article {
	text-align:left;
}
.products_video_bucket div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: -moz-calc(100% - 300px);
}
.quality_credentials_img {
	float:left;
	margin:0 20px 20px 0;
}
.left_col {
	float:left;
	width:calc(100% - 270px);
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
  ============================================================================= */
/* 800px/16px = 50em */
@media only screen and (min-width: 50em) {

/* ============= Home Page Start============================ */
.news_section article {
	float:left;
	width:38%;
	padding: 0 20px 0 0px;	text-align: center;
}.news_section article.second {	float:left;	width:62% !important;	padding: 0 10px 0 0px;	text-align: center;}
.news_section article:nth-of-type(2) {
    /* min-height: 388px; */
    padding: 0;
    width: 49%;	padding: 0 10px 0 0;	
}
/* ============= Footer Section Start============================ */ 
.footer_right {
    text-align: right;
	margin:0;
	float: right;
	z-index:99;	color: #FFF;	font-size: 12px;
}.footer_right.menu { padding-right: 12%; }

.footer_right > a:last-child {
    float: left;
    margin: 0 0 10px 42px;
}
.footer_left {
	text-align:left;
	position: relative;
}

.footer_left:after {
    /* background: #e6b45e; */
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 412px;
}
/* ============= Inner pages Start============================ */
.page_bucket article {
	font-size:1.5vw;
    float: left;
    margin: 0 1.3% 1.875em 0; /*30px / 16px = 1.875em*/
    width: 31.8%;
}
.page_bucket article:nth-of-type(3n) {
    margin: 0 0 1.875em 0; /*30px / 16px = 1.875em*/
}
.page_bucket article:nth-of-type(4n) {
	clear:left;
}
.leftnav {
    float: left;
    text-align: left;
    width: 22.6131%;
	padding: 0 0 5px;
}
.leftnav > a {
	display:block;
	margin:0;
	padding: 17px 34px 13px;
	border-top: 1px solid #c1c4cb;
}
.leftnav > a:hover {
	border-top: 1px solid #f9c032;
}
.leftnav > a:first-child {
    border: medium none;
    padding: 10px 34px 8px;
}
.about_page_content {
   box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
    float: left;
    padding: 10px 0 0 50px;
    width: 77.3869%;
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
  ============================================================================= */
/* 960px/16px = 60em */
@media only screen and (min-width: 60em) {
	/* ============= Header Start============================ */	
	/* ============= Topnav Start============================ */
#top_nav {
	/* margin:18px 0px 21px 0; */
	  float: right;
	  clear:none;
}

}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
  ============================================================================= */
/* 1270px/16px = 55.75em */
@media only screen and (min-width: 995px) {
/* ============= Inner pages Start============================ */
.page_bucket article {
	font-size:16px;
}
.product_page_bradecrumb, .product_subpages_bradecrumb {
	text-align:left;
}
