@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'open_sansregular'; src: url('../font/OpenSans-Regular-webfont.eot'); src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') 
format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }


body{ margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#000;}

.container_top{ width:100%; margin:0px; height:auto; background:url(../images/topnav_bg.jpg) no-repeat center top #000;  }

.containertop_inner{width:1010px; margin:0px auto; height:auto; } 
.select_language_text {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#999; margin-top:10px; width:100px; display:block;}
.select_language_input { float:left; width:205px; height:25px; margin-top:5px; margin-left:0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color:#666 !important; border:none !important; color:#CCC !important;}

.logo{width:236px; margin-top:15px; margin-left:80px; float:left;}

.clear{clear:both;}
.login {list-style-type:none;}
.login li {line-height:15px; margin-top:10px;}
.login li a {text-decoration:none; cursor:pointer !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#999; padding:0px 10px; border-right:1px solid #666; height:13px; display:block}


/*===== horizantal dropdawn start ========*/

.fmt{ height:40px; position:relative; font-family:'open_sansregular'; font-size:13px; width:100%; z-index:100;margin:0 auto; letter-spacing:.4px; }
.fmt .select a{display:block; height:35px;float:left; font-weight:700; text-decoration:none; line-height:35px;  color:#b2b2b2; padding:0 20px;  margin-top:4px;}
.fmt .select a:hover,.fmt .select li:hover a{ cursor:pointer;color:#0088cc;} 
.fmt .select a:hover b,.fmt .select li:hover a b{display:block;float:left; cursor:pointer; color:#1d9ad6;  background-image:url(../images/nav_arrow1.png); background-repeat:no-repeat; background-position:bottom center;-moz-animation:fadeIn .1s ease-in-out; -webkit-animation:fadeIn .1s ease-in-out; -o-animation:fadeIn .1s ease-in-out; -ms-animation:fadeIn .1s ease-in-out; animation:fadeIn .1s ease-in-out; } 

.fmt .select :hover .select_sub,.fmt .current .show{ display:block; position:absolute; width:99.5%; top:39px; color:#333; z-index:100; left:0;text-align:center; padding:5px; background:url(../images/nav_bg_new.png) repeat-x top center; height:42px; -moz-animation:fadeIn .1s ease-in-out; -webkit-animation:fadeIn .9s ease-in-out; -o-animation:fadeIn .9s ease-in-out; -ms-animation:fadeIn .9s ease-in-out; animation:fadeIn .9s ease-in-out; }

.fmt .select :hover .sub li a:hover,.fmt .current .sub li a:hover{visibility:visible;color:#0088cc; }

.fmt .table,.fmt2 .table,.fmt3 .table{display:table;margin:0 auto;  width:100px !important;}
.fmt .select,.fmt .current,.fmt2 .select,.fmt2 .current,.fmt3 .select,.fmt3 .current{list-style:none;display:table-cell;white-space:nowrap;margin:0;padding:0}
.fmt li,.fmt2 li,.fmt3 li{height:auto;float:left;margin:0;padding:0}
.fmt .select a b,.fmt2 .select a b,.fmt3 .select a b{font-weight:normal;}
.fmt .select_sub,.fmt2 .select_sub,.fmt3 .select_sub{display:none}
.fmt table,.fmt2 table,.fmt3 table{border-collapse:collapse;font-size:1em;width:0;height:0;margin:-1px}
.fmt .sub,.fmt2 .sub,.fmt3 .sub{display:table;list-style:none;margin:0 auto;padding:0}
.fmt .sub_active .current_sub a,.fmt .sub_active a:hover,.fmt2 .sub_active .current_sub a,.fmt2 .sub_active a:hover,.fmt3 .sub_active .current_sub a,.fmt3 .sub_active a:hover{background:transparent;color:#2b3238}
.fmt .current .show,.fmt2 .current .show,.fmt3 .current .show{z-index:10}
.fmt .select :hover .sub li a,.fmt .current .show .sub li a,.fmt2 .select :hover .sub li a,.fmt2 .current .show .sub li a,.fmt3 .select :hover .sub li a,.fmt3 .current .show .sub li a{display:block;float:left;background:transparent;white-space:nowrap;border:0;color:#fff;margin:0;padding:0 10px;}
.fmt .current .sub li.sub_show a,.fmt2 .current .sub li.sub_show a,.fmt3 .current .sub li.sub_show a{color:#2b3238;cursor:default}
.fmt .select .sub li a,.fmt2 .select .sub li a,.fmt3 .select .sub li a{font-weight:400}
.sub li a {color:#333 !important; letter-spacing:1px; text-shadow: 1px 1px .5px #000000;  font-size:11px; text-transform:uppercase !important;}
.sub li a:hover {color:#084795 !important; -moz-animation:fadeIn .1s ease-in-out; -webkit-animation:fadeIn .1s ease-in-out; -o-animation:fadeIn .1s ease-in-out; -ms-animation:fadeIn .1s ease-in-out; animation:fadeIn .1s ease-in-out;}

.fmt .last a{background:none;}

@-moz-keyframes fadeIn {0%{opacity:.1;}100%{opacity:1;}}
@-webkit-keyframes fadeIn {0%{opacity:.1;}100%{opacity:1;}}
@-ms-keyframes fadeIn {0%{opacity:.1;}100%{opacity:1;}}
@keyframes fadeIn {0%{opacity:.1;}100%{opacity:1;}}

/*===== horizantal dropdawn ends ========*/

/*===== footer start ========*/

.footer {width:100%; bottom:0px; min-height:140px; height:auto; background:url(../images/topnav_bg.jpg) repeat-y #000 top center; }
.footer_container{width:1010px; margin:0px auto;  }

.copywrite { font-size:11px; color:#999; clear:both; margin-left:0px}

.footer_nav {float:left; font-size:11px; color:#999; padding:10px 12px 15px 0px; text-decoration:none}
a.footer_nav:hover {color:#FFF;}

.footer_nav2 { font-size:11px; color:#999; padding:0px 10px 15px 0px; text-decoration:none}
a.footer_nav2:hover {color:#FFF;}

.social_icon { margin-top:5px; float:right;}
.fb {background-image:url(../images/fb_icon.jpg); width:13px; height:13px; display:block; background-repeat:no-repeat; background-position:top left; padding:0px !important;}
.fb:hover { background-position:bottom left;}
.twitter {background-image:url(../images/twitter_icon.jpg); width:13px; height:13px; display:block; background-repeat:no-repeat; background-position:top left; padding:0px !important; margin-left:12px;}
.twitter:hover { background-position:bottom left;}

/*===== footer ends========*/


.titles_new{width:950px; float:left; margin-bottom:0px !important;   }
.line{border-bottom:1px #d9d7d7 solid; height:1px; width:100%; float:left;  }

/*===== inner pages container ========*/
.inner_container{width:1010px; margin:0px auto; }
.main_contents {
    display: flex;
    justify-content: center;
    padding: 15vh 0 38vh;
}
.main_contents.report-sec{
    display: flex;
    justify-content: center;
    padding: 15vh 0 38vh;
    gap: 20px;
    flex-wrap: wrap;
}
.pdf_container {
    border: 1px solid #3ea9dc;
    border-radius: 4px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 267px;
}   
.download_file a {
    color: #fff !important;
}
.download_file {
    background: #1697d5;
    padding: 7px 15px;
    border-radius: 4px;
}
.text-white {
    color: #fff;
    text-decoration: none;
    border: 0;
} 
.pdf_container img {
    width: 81px;
    height: auto;
}
.pdf_container div {
    margin-top: 15px;
    font-weight: 700;
    font-size: 18px;
}
.main_contents a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*===== about start ========*/
.aboutus_bg{background:url(../images/aboutus_bg.jpg) no-repeat center top #533571; }
.middle_container {background-image:url(../images/bg.png); display:block; margin-top:50px; margin-bottom:50px;/* margin-bottom:210px;*/}
.about-us-container {width:950px; height:auto; overflow:hidden; margin:30px; }
.about-us_text {width:700px; height:auto; float:left; margin:0px !important; }
.about-us_text2 {width:700px; height:auto; float:right; margin:0px 0px 30px 0px; }
.p_text { text-align:justify; font-size:14px; line-height:24px; color:#fff;}
.image_space{float:right;  margin:8px 0px 20px 25px; }
.image_space2{float:left;  margin:8px 25px 0px 0px; }

.image_space3{float:left;  margin:15px 25px 0px 0px; }
 
.imagesabout{float:right; width:250px; text-align:right; margin-top:20px; }
.imagesabout2{float:left; width:250px; text-align:left; margin-top:20px; }
/*===== about ends ========*/

.diamonds_bg{background:url(../images/bg9.jpg) no-repeat center top #021631;  } 
.newsevent_bg{background:url(../images/color5.jpg) no-repeat center top #036655; }

.contactpage_bg{ background:url(../images/color6.jpg) no-repeat center top #3fbcef; }

.careers_bg{background:url(../images/color4.jpg) no-repeat center top #e5b81f; }

.customer_bg{background:url(../images/color2.jpg) no-repeat center top #761b24; }

.edu{background:url(../images/education_bg.jpg) no-repeat center top #e0497e;  }

.online_inven_bg{background:url(../images/color1.jpg) no-repeat center top #3f074e; }

.more_info {padding:7px 15px; background-color:#fff; color:#052843; text-decoration:none;}
.more_info:hover {background-color:#ccc; color:#333}

.title_inner {font-size:18px; text-transform:uppercase; border-bottom:1px solid #d9d7d7; padding-bottom:15px; margin-bottom:15px; margin-top:7px; display:block; color:#fff; text-shadow: 1px 1px 2px #000000;}

.title_inner_new {font-size:16px; text-transform:uppercase; color:#fff; text-shadow: 1px 1px 2px #000000;}
.title_inner2 {font-size:18px; text-transform:uppercase; padding-bottom:15px; margin-bottom:15px; margin-top:15px; display:block; color:#fff;  text-shadow: 1px 1px 2px #000000;}
.title_inner3 {font-size:18px; text-transform:uppercase; display:block; color:#fff;  text-shadow: 1px 1px 2px #000000; }
.form_title{font-size:18px; text-transform:uppercase; color:#fff;  text-shadow: 1px 1px 2px #000000;}

.mail {color:#79c4f3; text-decoration:underline; font-size:14px;}
a.mail:hover{color:#fff; font-size:14px;}

.form_text{font-size:14px; color:#fff; }
.form_text_small{font-size:13px; color:#fff; }

.input_fields{background-color:#FFFFFF; border-radius:4px; color:#666; height:25px; width:250px; border:1px solid #CCCCCC; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.submit_old {background-color:#d2bbb5; color:#000; -webkit-border-radius:7px; -moz-border-radius: 7px; height:30px; width:70px; cursor:pointer;border-radius: 7px; border:none; }

.submit { height:30px; width:72px; cursor:pointer; border:none; }

.submit:hover {background-color:none;}

.fgt_pass{font-size:12px; font-weight:bold; text-decoration:none; color:#fff; }
a.fgt_pass:hover{ text-decoration:none; color:#CCC; }

.timliner_title1 {
    background-image: url("../images/arrow2.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #E5A465;
    font-size: 13px;
    font-weight: 700;
    padding-right: 20px;
    text-align: right;
}

.timliner_title2 {
    background-image: url("../images/arrow3.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #E5A465;
    font-size: 13px;
    font-weight: 700;
    padding-left: 20px;
    text-align: left;
}
.margin_right {
    margin-right: 5px;
}
.border_right {
    border-right: 1px solid #efb2c7;
}

/* ========= accordion =========*/
#according_main{width:100%; margin:0px auto}
.accordion-header{font-size:15px; background-color:#060a00; cursor:pointer; color:#999 !important; margin:2px 0 0; padding:5px 20px; text-transform:uppercase !important; text-shadow: 1px 1px 2px #4D4D4D;}

.inactive-header{/*background:url(../images/inactive-header.gif) #ccc;*/color:#666; background-repeat:no-repeat;background-position:right 50%}
.accordion-content{display:none; width:99.5%; background-color:transparent; color:#fff; /*background-color:#CCC;*/ padding:20px}
/* ========= accordion end =========*/





.ho-box{
	position: relative;
	overflow: hidden;
}
.hover-content-box{
	display: none;
}
.hover-content-box, .hover-content-copy-txt, .hover-content-box-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.hover-content-copy-txt{
	z-index: 2;
	overflow: auto;
	color: #fff;
}
.hover-content-box-overlay{
	background: #001e33;
	/*opacity: 0.75;*/
	z-index: 1;
}
.ho-content, .ho-push-content{
	display: none;
}
.hover-content-block{
	padding: 10px;
	line-height: 14px;
}

.title_hovers{font-size:15px; color:#fff; font-weight:bold; }
.p_text_effect{font-size:12px; color:#fff; }

.discover{font-size:15px; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer; }
a.discover:hover{ color:#44779b; }

.new_title{font-size:18px; text-transform:uppercase; color:#fff;  }

/*-----------------glossary style----------------*/

.letters{ font-family:'open_sansregular'; font-size:15px; font-weight:bold; color:#fff; float:left; text-decoration:none; background-color:#c63262; display:block;  border:1px #8f0e3a solid; width:24px; height:24px; text-align:center; padding-top:3px; margin:0px 5px 0px 5px; }
a.letters:hover{ color:#fff; background-color:#6b0023; display:block;  border:1px #6b0023 solid; }
.current_letter{ font-family:'open_sansregular'; font-size:15px; font-weight:bold; float:left; text-decoration:none;  display:block;  border:1px #8f0e3a solid; width:24px; height:24px; text-align:center; padding-top:3px; margin:0px 5px 0px 5px; color:#fff; background-color:#6b0023; border:1px #6b0023 solid; }
/*-----------------glossary style-- ends--------------*/


/*-----------------------------Listing 1------------------------------ */

.glos{ font-size:14px; color:#fff; text-decoration:none; float:left; padding-left:0px; width:100%; }

.glos ul{  padding-left:0px !important;  margin-top:25px;  list-style-type:none; float:left; width:900px; margin-left:10px; margin-bottom:0px;}

.glos ul li { background:url(../images/bull.png) no-repeat 0 13px; width:900px; float:left; padding:8px 0px 5px 20px; color:#fff; text-decoration:none; line-height:22px;}


.glos2{ font-size:14px; color:#fff; text-decoration:none; float:left; padding-left:0px; width:auto; }

.glos2 ul{  padding-left:0px !important;  margin-top:5px;  list-style-type:none; float:left; width:630px; margin-left:10px; margin-bottom:0px;}

.glos2 ul li { background:url(../images/bull.png) no-repeat 0 13px; width:600px; float:left; padding:8px 0px 5px 20px; color:#fff; text-decoration:none; line-height:22px;}


/*-------------------------------------------------------------------------*/


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10; display:none; padding:10px 10px; margin-top:-30px; margin-left:10px; width:auto; line-height:0px; }
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #ccc; background:#fff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/
a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #000; -webkit-box-shadow: 5px 5px 8px #000; box-shadow: 5px 5px 8px #000; }

.tip{font-size:14px; color:#fff; text-decoration:underline; }
a.tip:hover{font-size:14px; color:#fff; }

.ddc{font-size:14px; color:#fff; text-decoration:none; display:block; width:260px; line-height:30px; padding-left:10px; background:url(../images/shadow.png) repeat; text-shadow: 1px 1px .5px #000000; text-transform:uppercase; }
a.ddc:hover{font-size:14px; color:#f84282; background-color:#53091f; }





.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

.footer_container:before, .footer_container:after { content: ""; display: table; }
.footer_container:after { clear: both; }
.footer_container { zoom: 1; }
.mb-toggled, #mobile-menu{ display: none; }

.box-re-table{ display: none; }
.box-five-table{ display: none; }

.mobile-form-area{ overflow: scroll; }
.mobile-form-area table{ width: 930px; }


/*Responsive view*/

@media (max-width:1023px) {
/*mobile menu*/
/*start*/
#mobile-menu{ display: block; position: relative; z-index: 999999; }
.menu-trigger.open span{background-color: rgba(0,0,0,.0)}
.menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #E74A30; }
.menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #E74A30; }
#mobile-menu .navbar{ background: #000000; position: fixed; top: -100vh; width: 320px; height: 100vh; right: 0; box-sizing: border-box; z-index: 99999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0;}
#mobile-menu .navbar.open{ top:0; }
#mobile-menu  ul ul{ display: none; background: transparent; margin-top: 10px;margin-bottom: 0; }
#mobile-menu  ul ul ul{background: transparent; margin-bottom: 0; }
#mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
#mobile-menu  li{ border-bottom:2px solid #ffffff; list-style: none; position: relative; display: block;margin: 0; padding: 9px 0px 12px 15px; }
#mobile-menu  li:before{ display: none; }
#mobile-menu  li:last-child{ border-bottom-width: 0; }
#mobile-menu  em{display: block;position: absolute;top: 0;right: 0;width: 48px;height: 48px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
#mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
#mobile-menu  em.level-two:after{display: none;}
#mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
#mobile-menu  li a{ color: #fff;padding: 0;display: inline-block; margin-right: 0; line-height: 15px; font-size: 13px; font-weight: 600;letter-spacing: 0.09em; position: relative; z-index: 1; font-weight: 500; cursor: pointer; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease-in-out; }
#mobile-menu  li a:hover{ text-decoration: none; color: #0088cc; }
#mobile-menu  li li{border-color: transparent; }
#mobile-menu  li li a{text-transform: none;padding-left: 0;}
#mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
#mobile-menu  li li li li a{padding-left: 30px;margin-right: 0; }
.scroll-hidden{overflow: hidden;height: 100%;}
#mobile-menu li > a{ margin-bottom: 0px; position: relative; }
#mobile-menu li > em:after{ content: ''; display: block; position: absolute; right: 17px; top: 19px;width: 16px; height: 9px; background: url(../images/mobile-white-arrow-down.png) no-repeat;background-size: cover; pointer-events: none; }
#mobile-menu ul > li.up-arrow > em:after{ content: ''; display: block; position: absolute; right: 17px; top: 18px; width: 16px; height: 9px; background: url(../images/mobile-white-arrow-up.png) no-repeat; background-size: cover; } 
#mobile-menu ul > li > ul > li > em:after{ top:16px; }
#mobile-menu  li li > a{ font-weight: 600; font-size: 13px; line-height: 15px; color: #fff !important; }
#mobile-menu ul > li{ padding-top: 14px; padding-right: 10px; }
.navbar ul{ margin: 0; }
#mobile-menu ul > li > ul > li{ padding: 9px 20px 8px 20px;  }
#mobile-menu ul > li > ul > li > ul > li:before{ display: none; }
#mobile-menu ul > li > ul > li > ul > li{ padding: 9px 0px 8px 22px;  }
#mobile-menu ul > li > ul > li > ul > li> a{ padding: 0; font-weight: normal; }
.mobile-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity: 0;visibility: hidden;}
.mobile-overlay.open{opacity: 1;visibility: visible;}
#mobile-menu ul > li > ul > li > em{ height: 41px; }
#mobile-menu ul > li > ul > li.hassub a:after{ top: 5px;}
#mobile-menu ul > li a:after{ display: none; }
#mobile-menu ul > li.hassub > a:After{ display: inline-block; }
.contact-mb-info{ display: block;width: 100%;padding: 20px 10px;border-top: 2px solid #555555;margin-top: 17px; box-sizing: border-box; }
.contact-mb-info ul{ display: block; width: 100%; float: left; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;align-content: stretch;}
#mobile-menu .contact-mb-info ul li{ font-size: 16px; line-height: 18px; color:#fff; font-weight: normal; text-transform: none; border-bottom: 0; padding: 0px 5px; box-sizing: border-box; float: left; }
#mobile-menu .contact-mb-info ul li > a{ font-size: 13px; line-height: 15px; color:#fff; font-weight: normal; }
#mobile-menu .contact-mb-info ul li:before{ display: none; }
.menu-area-mb{ display: block; width: 100%; margin-top: 0; height: calc( 100vh - 80px ) }
.menu-area-mb ul{ display: block; padding-left: 0; }
#mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a { color: #0088cc; }
.menu-area-mb ul li{ display: block; float: none; }
.menu-trigger { display: block; width: 42px; height: 42px; position: fixed; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 999999; right: 320px; top: -50px; transition: all 1s ease-in-out; }
#mobile-menu.open .menu-trigger{ top:7px; }
.menu-trigger span, .menu-trigger span:after, .menu-trigger span:before{ height: 3px; transition: all 0.5s ease-in-out; } 
.menu-trigger span {position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); }
.menu-trigger span:after, .menu-trigger span:before {border-radius: 25%; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffffff; } 
.menu-trigger span:before {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #ffffff; } .menu-trigger span:after, .menu-trigger span:before { content: ''; position: absolute; left: 0; width: 100%; border-radius: 25%; }
.menu-overlayer{ display: block; position: fixed; width: 0; height: 100vh; right: 0; bottom: 0; background: rgba(0,0,0,0.6); transition: all 0.3s ease-in-out; opacity: 0; }
.menu-overlayer.open { width: 100vw; height: 100vh; opacity: 1; top:0; }
.navbar ul.third-menu, .navbar ul.second-menu{ display: none; margin-top: 25px; border-top: 2px solid #555555; }
.second-menu li .new-post{ float: right; margin-top: 2px; margin-left: 0; margin-right: 0; position: absolute; right: 5px; top:12px; }
#mobile-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:  rgba(255, 187, 35, 0.75); }
/* end */

/*mobile menu*/
/*start*/
.mb-toggled.mb-closed{ position: absolute; top: 50px; display: block; right: 10px; }
.mb-button { display: block; position: absolute; right: 9px;}
.mb-button span { display: block; margin: 4px 0px 6px 0px; height: 2px; background: #ffffff; width: 28px; float: none; border-radius: 24px; } 
.mb-button { display: block;right: 5px; }
.pb-0{ padding-bottom: 0 !important; }
.sub-menu-toggle{ display: none; }
/*end*/

.box-table{ display: none; }
.box-re-table{ display: block; widows: 100%; padding-top: 15px; }
.box-re-table .col-4{ display: inline-block; float: left; width: 24%; margin-right: 1%; }
.box-re-table .col-4:nth-child( 4n + 4 ){ margin-right: 0; }
.box-re-table .col-4 a{ display: block; width: 100%; }
.box-re-table .col-4 a img{ display: block; width: 100%; height: auto; }


.box-table{ display: none; }
.box-five-table{ display: block; width: 100%; padding-top: 20px; }
.box-five-table .col-3{ display: inline-block; float: left; width: 24%; margin-right: 1%; margin-bottom: 10px; }
.box-five-table .col-3:nth-child( 4n + 4 ){ margin-right: 0; }
.box-five-table .col-3 a{ display: block; width: 100%; }
.box-five-table .col-3 a img{ display: block; width: 100%; height: auto; }
.box-re-table img{ display: block; width: 100%; height: auto; }
.glos ul{ width: 100%; }
.glos ul li{ width: 100%; box-sizing: border-box; }
.t-left{ text-align: left; }
.n-mt{ margin-top: 0 !important; }
.n-bt{ margin-bottom: 10px !important; }
.mb-pd{ padding: 15px 15px; box-sizing: border-box; }

.about-us-container .col-right p{ text-align: left; }
#contactform{ overflow: scroll; }
.f-text{ float: left; margin-bottom: 20px !important; }
.accordion-content{ width: 100% !important; box-sizing: border-box; padding-top: 0; }


.two-col-cell.full-img .col-left-cell p img{ display: block; max-width: 100%; height: auto;  }

.box-five-table .col-3 img, .box-five-table .col-3 object{ display: block; width: 100%; height: auto !important }

}


@media (max-width:640px) {
.containertop_inner{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.footer_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.container_top .containertop_inner{ padding-bottom: 10px; }
#fdw{ display: none; }
#fdw .fmt .select a{ padding: 0 18px; }
.footer{ min-height: auto; padding: 5px 0; }
.container_top .containertop_inner > div:first-child{ display: none; }
.logo{ width: 150px; margin-top: 8px; margin-left: 0; float: left; height: auto !important; }
.logo a{ display: block; width: 100%; height: auto !important; }
.logo a img{ display: block; width: 100%; height: auto !important; }
.account-sec{ display: inline-block; width: auto !important; text-align: right; margin-top: 10px !important; }
.account-sec ul{ margin: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0 !important; }
.account-sec ul li{ margin-top: 0 !important; }
.account-sec ul li a img{ margin-top: -1px; }
.footer-left-cell{ display: inline-block; width: auto !important; }
.footer-right-cell{ display: inline-block; width: auto !important; }
.mb-toggled.mb-closed{ top: 35px; right: 3px; }
#mobile-menu .navbar{ width: 240px; }
.menu-trigger{ right: 240px; }

.inner_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 3%; box-sizing: border-box; }
.about-us-container{ width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0 3%; box-sizing: border-box; }

.sec-grp{ width: 100%; } 
.sec-grp .about-us_text{ width: 100%; }
.sec-grp .imagesabout{ width: 100%; }
.sec-grp .about-us_text2{ width: 100%; }
.sec-grp .imagesabout2{ width: 100%; }
.sec-grp .imagesabout img, .sec-grp .imagesabout2 img{ display: block; width: 100%; height: auto; }
.titles_new{ display: block; }
.titles_new img{ margin: 0 !important; display: block; width: 250px; height: auto; margin-top: 30px !important; }
.about-us-container p{ margin-left: 0 !important; margin-right: 0 !important; }
.image_space2{ display: block; width: 100%; height: auto; }
.image_space2 img{ display: block; width: 100%; }

.about-us-container .titles_new img{ margin-top: 0 !important; }
.about-us-container .col-left{ width: 100% !important; margin-left: 0; }
.about-us-container .col-right{ width: 100% !important; margin-left: 0; }
.about-us-container .col-right img{ margin-left: 0 !important; }
.about-us-container .col-left img{ display: block; width: 100%; height: auto; }
.about-us-container .col-right .accordion-content{ padding-left: 0; padding-right: 0; width: 100% !important; }
.middle_container{ margin-top: 25px; margin-bottom: 25px; }

table.two-col-table table{ width: 100%; }
table.two-col-table a img{ margin: 0 !important; }
table.two-col-table tbody > tr > td{ display: block; width: 100%; }
table.two-col-table div{ margin: 0 !important; display: block; width: 100%; }
table.two-col-table p{ text-align: left; }
.title_inner2{ font-size: 14px; }

.two-col-cell{ display: block; justify-content: space-between; }
.col-left-cell{ width: 100% !important; }
.col-right-cell{ width: 100% !important; }
.two-col-cell p img{ width: 100%; height: auto !important; margin-left: 0 !important; }
.two-col-cell img{ width: 100%; height: auto !important; margin-left: 0 !important; }
.two-col-cell table{ width: 100% !important; }

.box-re-table .col-4{ display: inline-block; float: left; width: 100%; margin-right: 0; }
.box-five-table .col-3{width: 100%; margin-right: 0;}
.about-us-container .titles_new{ margin-bottom: 10px !important; max-width: 100% !important; }
.about-us-container img{ margin: 0; max-width: 100%; width: auto; height: auto; padding-top: 10px; }

.list-area p.p_text img{ width: auto !important; height: auto !important; }
p.p_text img{ width: auto !important; height: auto !important; }

.about-us-container p.p_text img, .about-us-container img{ width: 100% !important; height: auto !important; }

.form-table{ width: 100%; }
.input_fields{ width: 185px; }


.mobile-form-area.mb-small table{ width: 500px !important; }

.normal-table{ width: 100%; }
.normal-table table{ width: 100%; }
.normal-table td{ width: 100%; }
.normal-table img{ position: relative !important; width: 100%; height: auto !important; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
.containertop_inner{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.footer_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.container_top .containertop_inner{ padding-bottom: 10px; }
#fdw{ display: none; }
#fdw .fmt .select a{ padding: 0 18px; }
.footer{ min-height: auto; padding: 5px 0; }
.container_top .containertop_inner > div:first-child{ display: none; }
.logo{ width: 200px; margin-top: 8px; margin-left: 0; float: left; height: auto !important; }
.logo a{ display: block; width: 100%; height: auto !important; }
.logo a img{ display: block; width: 100%; height: auto !important; }
.account-sec{ display: inline-block; width: auto !important; text-align: right; }
.account-sec ul{ margin: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.account-sec ul li{ margin-top: 0 !important; }
.account-sec ul li a img{ margin-top: -1px; }
.footer-left-cell{ display: inline-block; width: auto !important; }
.footer-right-cell{ display: inline-block; width: auto !important; }

.inner_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.about-us-container{ width: 100%; height: auto; overflow: hidden; margin: 0; padding: 30px; box-sizing: border-box; }

.sec-grp{ width: 100%; } 
.sec-grp .about-us_text{ width: 70%; }
.sec-grp .imagesabout{ width: 28%; }
.sec-grp .about-us_text2{ width: 70%; }
.sec-grp .imagesabout2{ width: 28%; }
.sec-grp .imagesabout img, .sec-grp .imagesabout2 img{ display: block; width: 100%; height: auto; }
.about-us-container p{ margin-left: 0 !important; margin-right: 0 !important; }

.about-us-container .titles_new img{ margin-top: 0 !important; }
.about-us-container .col-left{ width: 30% !important; margin-left: 0; }
.about-us-container .col-right{ width: 68% !important; margin-left: 0; }
.about-us-container .col-right img{ margin-left: 0 !important; }
.about-us-container .col-left img{ display: block; width: 100%; height: auto; }

table.two-col-table a img{ margin: 0 !important; }
table.two-col-table tbody > tr > td{ display: block; width: 100%; }
table.two-col-table div{ margin: 0 !important; display: block; width: 100%; }
table.two-col-table p{ text-align: left; }

.two-col-cell{ display: block; justify-content: space-between; }
.col-left-cell{ width: 100% !important; }
.col-right-cell{ width: 100% !important; }

.normal-table{ width: 100%; }
.normal-table table{ width: 100%; }
.normal-table td{ width: 100%; }
.normal-table img{ position: relative !important; width: 100%; height: auto !important; }

}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
.containertop_inner{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.footer_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.container_top .containertop_inner{ padding-bottom: 10px; }
#fdw{ display: none; }
#fdw .fmt .select a{ padding: 0 18px; }
.footer{ min-height: auto; padding: 5px 0; }
.container_top .containertop_inner > div:first-child{ display: none; }
.logo{ width: 200px; margin-top: 8px; margin-left: 0; float: left; height: auto !important; }
.logo a{ display: block; width: 100%; height: auto !important; }
.logo a img{ display: block; width: 100%; height: auto !important; }
.account-sec{ display: inline-block; width: auto !important; text-align: right; }
.account-sec ul{ margin: 0; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.account-sec ul li{ margin-top: 0 !important; }
.account-sec ul li a img{ margin-top: -1px; }
.footer-left-cell{ display: inline-block; width: auto !important; }
.footer-right-cell{ display: inline-block; width: auto !important; }

.inner_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.about-us-container{ width: 100%; height: auto; overflow: hidden; margin: 0; padding: 30px; box-sizing: border-box; }

.sec-grp{ width: 100%; } 
.sec-grp .about-us_text{ width: 70%; }
.sec-grp .imagesabout{ width: 28%; }
.sec-grp .about-us_text2{ width: 70%; }
.sec-grp .imagesabout2{ width: 28%; }
.sec-grp .imagesabout img, .sec-grp .imagesabout2 img{ display: block; width: 100%; height: auto; }

.about-us-container .titles_new img{ margin-top: 0 !important; }
.about-us-container .col-left{ width: 30% !important; margin-left: 0; }
.about-us-container .col-right{ width: 68% !important; margin-left: 0; }
.about-us-container .col-left img{ display: block; width: 100%; height: auto; }
.accordion-content{ box-sizing: border-box; width: 100% !important; }

table.two-col-table a img{ margin: 0 !important; }

.two-col-cell{ display: flex; justify-content: space-between; }
.col-left-cell{ width: 59% !important; }
.col-right-cell{ width: 40% !important; }

table.box-table tbody{ width: 100%; } 
table.box-table tbody tr td{ width: 25%; }

.normal-table{ width: 100%; }
.normal-table table{ width: 100%; }
.normal-table td{ width: 100%; }
.normal-table img{ position: relative !important; width: 100%; height: auto !important; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {  
.containertop_inner{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
#fdw nav{  padding: 0 2%; box-sizing: border-box; }
#fdw .fmt .select a{ padding: 0 18px; }
.footer{ min-height: auto; padding: 5px 0; }

.inner_container{ width: 100%; max-width: 1010px; margin: 0px auto; height: auto; padding: 0 2%; box-sizing: border-box; }
.about-us-container{ width: 100%; height: auto; overflow: hidden; margin: 0; padding: 30px; box-sizing: border-box; }

.sec-grp{ width: 100%; } 
.sec-grp .about-us_text{ width: 70%; }
.sec-grp .imagesabout{ width: 28%; }
.sec-grp .about-us_text2{ width: 70%; }
.sec-grp .imagesabout2{ width: 28%; }

.about-us-container .titles_new img{ margin-top: 0 !important; }
.about-us-container .col-left{ width: 30% !important; margin-left: 0; }
.about-us-container .col-right{ width: 68% !important; margin-left: 0; }
.about-us-container .col-left img{ display: block; width: 100%; }

.two-col-cell{ display: flex; justify-content: space-between; }
.col-left-cell{ width: 63% !important; }
.col-right-cell{ width: 35% !important; }


}

/* 5. Other media-query
------------------------------------------------------------------------------*/