@font-face {font-family: 'ProximaNova-Bold'; src: url('../fonts/ProximaNova-Bold.eot'), url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.otf') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'); font-weight: normal; font-style: normal 
}

@font-face { font-family: 'proximanovalight';  src: url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg'); src: url('../fonts/proximanovalight.eot');  src: url('../fonts/proximanovalight.woff2') format('woff2'), url('../fonts/proximanovalight.eot?#iefix') format('embedded-opentype');
font-weight: normal; font-style: normal }

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

@font-face {
 font-family: 'ProximaNova-Semibold';
src: url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
 font-weight: normal;
font-style: normal
}

body{font-size:14px; color:#324259; padding:0; margin:0; font-family:ProximaNova-Regular}


a { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s }
a:focus, input:focus { outline: none }
img { max-width: 100%; height: auto; }
.no_padding { padding: 0px }
.no_margin { margin: 0px }
.site_btn { display: inline-block; background: #56a8fe; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; position: relative; vertical-align: middle; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); border-radius: 3px; border: none; padding: 5px }
.site_btn:before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #324259; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: 50%; -webkit-transform-origin: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; border-radius: 3px } 
.site_btn:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1) } 
.wrapper{/*max-width:1420px;*/width:100%;margin: 0 auto;}
/* padding: 0 10px */
main{ min-height:700px}

/*User Page*/
.user_page{ width: 100%; background-position: center center; /*height: 100vh;*/ background-repeat: no-repeat; background-image: url(../images/loginbg.jpg);  background-size: cover; float: left}


/*Login Page*/
.login_page{ width: 100%; background-position: center center; height: 100vh; background-repeat: no-repeat; background-image: url(../images/loginbg.jpg);  background-size: cover; float: left}
.login_section{background: #fff; width: 785px; height: 345px; margin: 0 auto; border-radius: 8px;margin-top:140px;box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.2);}
.loginimg{ background: url(../images/logo.png)no-repeat center center; height: 70px}
#loginlogo{ margin: 140px auto 0}
.logintext{font-family: 'proximanovalight'; font-size:25px; color:#000;margin-top: 10px;}
.left_blk{float:left;width:50%}
.right_blk{float:left;width:50%; background: #a9eae4;height: 345px; padding:25px 50px;border-radius:0 8px 8px 0}
.login_blk{width:100%}
.login_blk h4{font-size:16px; color:#324259; text-transform:uppercase;font-family: 'ProximaNova-Bold';}
.login_blk .txt_box.email { background-image: url('../images/user.png')!important }
.login_blk .txt_box.pass { background-image: url('../images/key.png')!important }
.login_blk .txt_box.email:focus { background-image: url('../images/user-active.png')!important }
.login_blk .txt_box.pass:focus { background-image: url('../images/key-active.png')!important }

/* .emaill { background-image: url('../images/user.png')!important; background-repeat: no-repeat; }
.form-control:focus + .emaill { background-image: url('../images/user-active.png')!important; background-repeat: no-repeat; } */
.boxdesign:valid + .emaill { background-image: url('../images/user-active.png')!important; background-repeat: no-repeat; }
.boxdesign:valid + .passs { background-image: url('../images/key-active.png')!important; background-repeat: no-repeat; }
/* .passs { background-image: url('../images/key.png')!important; background-repeat: no-repeat; }
.form-control:focus + .passs { background-image: url('../images/key-active.png')!important; background-repeat: no-repeat; } */

.login_blk .txt_box { font-family: 'ProximaNova-Regular'; font-size: 15px; color: #324259; background-color: #a9eae4!important; background-repeat: no-repeat; background-position: left center; border: none; border-bottom: 1px solid #627590; padding: 12px 0px 12px 30px; width: 100%; margin: 0px; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; outline:none; box-shadow:none}
.login_blk input.txt_box:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px #a9eae4;}
section.login_section .login_blk .txt_box::-webkit-input-placeholder { color: #324259 }
section.login_section .login_blk .txt_box::-moz-placeholder { color: #324259 }
section.login_section .login_blk .txt_box:-ms-input-placeholder { color:#324259 }
section.login_section .login_blk .txt_dec { position: relative; margin: 0px 0px 12px }
section.login_section .login_blk .txt_box ~ .high_border { background: #56a8fe; display: block; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s }
section.login_section .login_blk .txt_box:focus ~ .high_border { width: 100% }
.login_blk .alert-danger{padding-top:0px !important; padding-bottom:0px !important;}
.login_blk .alert-success{padding-top:0px !important; padding-bottom:0px !important;}
.login_blk .alert{height:37px; margin-bottom:0px !important;}
.loginbutton{float:left;width:100%;margin-top:10px}
.loginbutton .login_btn{float:right; color:#fff; font-size:15px; font-family:ProximaNova-Bold;padding:5px 20px;border:0px;}
.loginbutton .forget{float:left; color: #324259;  margin-top: 6px}
.loginheader{ background:#324259; width:100%;height:63px;position: relative}
/* .headersocial{ position:absolute;top: 18px;right:100px}
.headersocial a{width:25px; height:25px; border-radius:50%; color:#000; background:#fff;float:left; text-align:center;margin-left:10px}
.headersocial a:hover{ background:#56a8fe; color:#fff}
.headersocial a .fa{font-size: 15px; position: relative; top: 4px;} */
.loginheader ul{list-style:none;padding:0;width:100%; text-align:center; margin: 21px 0 0;}
.loginheader ul li{ display:inline-block}
.loginheader ul li a{padding:0 20px; text-transform:uppercase;color:#fff; font-family:ProximaNova-Bold;text-decoration:none;font-size:13px}
.newuserlk{clear:both; display:block;color:#126fd0; text-decoration:underline;font-size:13px;margin-top:25px; font-family:ProximaNova-Bold;float:left}
/*End*/

/*Mainheader*/
/* .userprofile .dropdown-toggle{padding: 15px 0;text-align: center; cursor:pointer} */
/* .mainheader { background: #324259; width: 100%; height: 63px; position: relative;box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2)}
.mainheader .navbar{width:100%;padding:0; background:none;box-shadow:none; border:none}
.navbar-header{ background:#fff;width:178px; text-align:center}
.navbar-header .navbar-brand{width: 100%;}
.mainheader .navbar-nav li a{padding:21px 30px 22px; text-transform:uppercase; font-family:Proximanova-bold; font-size:13px; color:#fff;border-right: 1px solid #232e3e}
.mainheader .navbar-nav li.active > a, .mainheader .navbar-nav li.active > a:focus{ background:#56a8fe}
.mainheader .navbar-nav li > a:focus, .mainheader .navbar-nav li > a:hover{ background:#56a8fe}
.mainheader .navbar-nav ul.dropdown-menu li a{ color:#324259;padding: 5px 15px; border-right:0}
.mainheader .navbar-nav ul.dropdown-menu li a:hover, .mainheader .navbar-nav ul.dropdown-menu li.active a{ color:#fff}
.userprofile{ float:right; background:#232e3e; color:#fff; width:200px; height:63px; padding:0 15px}

.userprofile .dropdown-toggle{padding: 13px 0;text-align: center; cursor:pointer}
.userprofile .dropdown-toggle img{margin:0 7px}
.userprofile .dropdown-toggle .caret{border-top: 8px solid #5097e3; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.userprofile .dropdowm-menu{margin:0} */

/*End*/

/*Home Page*/
.hometop_section{ background:#fff url(../images/hometopbg.png)repeat-x bottom center;padding-top: 70px;padding-bottom: 50px}
.hometop_section .container{width:1150px}
.toptitle:before{ border-top:1px solid #c7c7c7; position:absolute; content:''; top:14px;width:100%; height:10px; left:0}
.toptitle{position:relative; text-align:center;width:1015px; margin:0 auto}
.hometop_section h3{ font-family:ProximaNova-Regular; font-size:30px; text-align:center; text-transform:uppercase; margin:0; display:inline-block; z-index: 999; position: relative; padding: 0 17px; background-color:#fff;}
.hometop_section h3 span{font-family:ProximaNova-Bold}
.exp_box{ background:url(../images/explorebg.png)no-repeat center center / cover;width:1117px; height:177px;margin:50px 0 30px}
.exp_box .boxex{float:left;width:365px;margin: 50px 0 0;padding-left: 70px}
.boxex .boxleft{ float:left;width:75px; text-align:center;font-size: 16px;color: #324259;font-family: Proximanova-bold}
.boxex .boxleft span{margin-top: 7px;display: block}
.boxex .boxright{float:left;width:200px;padding-left: 15px}
.boxex .boxright ul{ margin:0; padding:0}
.boxex .boxright ul li{ display:block; background:url(../images/expli.png)no-repeat 0px 4px; font-size:13px;padding-left: 20px;margin-bottom: 3px}
.homebotsec{ background:#f0f3f8; min-height:450px;padding-top: 30px}
.homebotsec .container{max-width:1250px;width:100%}
.varbox{width:100%; height:98px; background:#fff;border-radius: 5px;padding:20px;box-shadow:0px 2px 6px -1px rgba(0,0,0,0.2); display:table}
.homebotsec .col-sm-3{margin-bottom:20px;padding:0 10px}
.vartitle{width: 150px;font-size: 16px;font-family: 'ProximaNova-Semibold';line-height: 19px;padding-left: 45px;display: table-cell;vertical-align: middle}
.vartitle.vtitle1{ background:url(../images/homeicon1.png)no-repeat center left;}
.vartitle.vtitle2{ background:url(../images/homeicon2.png)no-repeat center left;}
.vartitle.vtitle3{ background:url(../images/homeicon3.png)no-repeat center left;}
.vartitle.vtitle4{ background:url(../images/homeicon4.png)no-repeat center left;}
.vartitle.vtitle5{ background:url(../images/homeicon5.png)no-repeat center left;}
.vartitle.vtitle6{ background:url(../images/homeicon6.png)no-repeat center left;}
.vartitle.vtitle7{ background:url(../images/homeicon7.png)no-repeat center left;}
.varno{display: table-cell;vertical-align: middle; text-align:right; font-size:25px}


/*Reports Page*/
.reports_page{ margin-bottom:100px;float: left;width: 100%;}
.breadcrumsec{ background:#f0f3f8}
.breadcrumsec .breadcrumb{padding:17px 0; font-size:13px;color:#324259; border-bottom:1px solid #ccc; border-radius:0}
.breadcrumsec li a, .breadcrumsec li.active{color:#324259; text-decoration:none}
.reportsleft{float:left;width:60%}
.reportsleft .nav-tabs{ float:left; width:23%;background:#324259;padding:15px 0; border-radius:5px}
.reportsleft .nav-tabs li{clear:both; width:100%; float:left;padding:0 20px; }
.reportsleft .nav-tabs li a{ color:#c7d5eb;border-left:0;border-right:0;border-top:0; font-family:ProximaNova-Semibold; font-size:13px; padding:10px 0;border-bottom:1px solid #232e3e}
.reportsleft .nav-tabs li.active { background:#56a8fe}
.reportsleft .nav-tabs li.active a{border-left:0;border-right:0;border-top:0;border-bottom:1px solid #56a8fe; background:url(../images/arrowtab.png)no-repeat 0px 14px;color:#fff; padding:10px 0 10px 20px}
.reportsleft .nav-tabs li a:hover{ background-color:transparent}
.reportsleft .tab-content{float:left; width:77%;padding:0 70px 0 40px; font-size:17px}
.reportsleft .tab-content h3{ font-size:26px; color:#324259; font-family:ProximaNova-Semibold; margin:0 0 25px}
.reportsleft .tab-content p{ margin-bottom:40px}
.reportsleft .features h4{ font-size:18px; font-family:ProximaNova-Bold; position:relative; display:inline-block;margin-bottom: 20px;}
.reportsleft .features h4:before{ content:''; border-top:3px solid #56a8fe; position:absolute; top:25px;width:60%}
.reportsright{float:left;border-left:1px solid #cccccc; min-height:400px; margin-top:50px;width:40%;padding-left: 35px}
.reports_page .breadcrumsec{margin-bottom: 45px;}


/*Search Page*/
.search_page{ background:#f0f3f8;float: left;width: 100%}
.search_page .breadcrumsec .breadcrumb{background:#f0f3f8}
.searchwrapper{/*max-width:1200px;*/ width:100%;margin:0 auto}
.searchwrapper h3{ font-size:18px; color:#324259; font-family:Proximanova-bold;margin: 30px 0 25px; font-weight:normal}
.searchinners .panel-default{background: #fff;border-radius: 5px;padding: 10px 15px;box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.2);margin-top:15px!important}
.panel-default > .panel-heading + .panel-collapse .panel-body{border:0}
.searchinners .panel-body ul{ list-style:none;}
.searchinners .panel-body ul li{ float:left;margin-right: 25px;}
.searchinners .panel-body ul li label{ font-weight:normal; font-size:13px}
.searchinners .panel-body .checkmark{width: 20px;height: 20px}
.searchinners .panel-body label { position: relative; padding-left: 31px; padding-top: 1px}
.panel .panel-body label .checkmark::after { left: 7px; top: 3px}
.panel .panel-body label .checkmark:after{  border: solid #333; border-width: 0 3px 3px 0; }
.panel .panel-body label input:checked ~ .checkmark { background-color: #f0f3f8; border: 1px solid #acacac}
.panel-default > .panel-heading{ background:none}
.panel label{ position:relative;padding-left: 37px;padding-top: 4px; cursor:pointer}
.panel .glyphicon{width: 14px;height: 14px;font-size: 0;position: relative;top: -5px}
.panel .panel-title a{float:right; text-align:right;width:35px}
.panel .glyphicon-plus{background:url(../images/plus.png)no-repeat center left;} 
.panel .glyphicon-minus{background:url(../images/minus.png)no-repeat center left;} 
/* Hide the browser's default checkbox */
.panel input { position: absolute; opacity: 0}
/* Create a custom checkbox */
.checkmark { position: absolute;top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;	border-radius: 3px;	border: 1px solid #acacac}
/* On mouse-over, add a grey background color */
.panel label:hover input ~ .checkmark { background-color: #ccc}
/* When the checkbox is checked, add a blue background */
.panel label input:checked ~ .checkmark { background-color: #2196F3; border: 1px solid #2196F3}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none}
/* Show the checkmark when checked */
.panel label input:checked ~ .checkmark:after {display: block}
/* Style the checkmark/indicator */
.panel label .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}
.buttoncon{ text-align:right; margin-top:30px;min-height:190px;float:left;width:100%}
.buttoncon .resetbutton{ background:#324259;width:190px; padding:20px 0; font-size:14px; text-transform:uppercase; font-family:Proximanova-bold; color:#fff}
.buttoncon .continuebut{padding:20px 25px;color:#fff;font-size:14px; text-transform:uppercase; font-family:Proximanova-bold; width:250px;margin-left:16px}
.buttoncon .continuebut .fa{ float:right;margin: 2px 0 0}
.buttoncon .resetbutton:hover{color:#fff}
.topbuttsec .site_btn{ color:#fff; float:right; font-size:13px; font-family:Proximanova-bold;width:155px; padding:10px 20px}
.topbuttsec .site_btn .fa{float:left;margin-top: 2px}
.searchwrapper .topbuttsec h3{float:left}
.topbuttsec{float:left;width:100%}
.advancedform{background: #fff;padding: 10px 0;float: left;width: 100%;border-radius: 5px;box-shadow: 0px 2px 6px -1px rgba(0,0,0,0.2)}
.advancedform .row{padding:10px 25px; margin:0; border-bottom:2px solid #f2f2f2}
.advancedform .row:last-child{border-bottom:0px}
 .advancedform .col-sm-2{/*width:20%; min-height:90px */}
.advancedform label{ font-weight:normal; font-size:14px}
.advancedform h4{ font-size:18px; font-family:Proximanova-bold}


/*Footer Css*/
footer{ background:#dbe0e7; clear:both;width:100%}
footer .copyright{ text-align:left;padding:10px 0;color:#324259; font-size:13px}
footer .copyright a{color:#324259; text-decoration:none}
.login-component + footer .copyright{ text-align:center}

/* .attrSelectedVals{
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
    cursor: pointer;
} */

.attrSelectedVals{
    font-weight: bold;
    position: relative;
    padding: 1px;
    margin: 2px;
    background-color: #89c7f9;
    width: auto;
    float: left;
    box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.75);
    /*cursor: pointer;*/
}

.attrcloseclick{
    color: #e64a65 !important;
    box-shadow: 1px 0px 1px 0px rgba(248, 234, 234, 0.75);
    cursor: pointer;
  }

.customStickyHeader{
    border-radius: 0;
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
	top: 0;
	z-index: 22;
}

/*Media Queries*/
@media screen and (max-width: 1399px)
{
.userprofile{width:175px}
}
@media screen and (max-width: 1200px)
{
.exp_box { width: 995px; height: 157px}
.exp_box .boxex{width:330px;margin: 44px 0 0;padding-left: 42px}
.hometop_section .container {width: 1024px;max-width: 1024px;}
.navbar-header {width: 150px;float:left}
.navbar-nav {margin: 0;float: left;width: 715px}
.mainheader .nav > li a{padding: 21px 15px 22px;font-size: 13px}
.mainheader .nav > li{ float:left}
}

@media screen and (max-width: 1023px)
{
body{width:1024px}
.container{width:1024px}
.wrapper{width:1024px;}
.navbar-nav {margin: 0;float: left; width: 721px}
}
#datepicker {
    background-image: url(../images/datepicker.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}


/*Main Page*/
.indexheader{ min-height:85px; background:#fff; float:left; width:100%; padding:15px 0; }
.quicksup{float:left; font-size:16px; width:160px;margin: 12px 0 0}
.quicksup a{ background:url(../images/envelop.png)no-repeat left center; padding:0 0 0 28px; color: #000;  text-decoration: none;font-family:proximanova-semibold}
.getlicence{float:left;width:250px; border-left:1px solid #9b9b9b; padding:0 25px;font-family:proximanova-semibold; font-size:16px}
.getlicence a{color:#56a8fe; text-transform:uppercase}
.customerllog{float:left; width:165px}
.customerllog  a{width:100%; display:block; text-align:center; color:#fff; text-decoration:none; padding: 9px 0; text-transform: uppercase}                                                                                                           
.bannerarea{ background:url(../images/bannerbg.jpg)no-repeat center center ; min-height:565px; width:100%; background-size:cover; float:left}
.navbarmenus{ border-bottom:1px solid #5b799d; float:left; width:100%}
.navbarmenus ul{ margin:0; list-style:none; text-align:center; padding: 15px 0}
.navbarmenus ul li{ display:inline-block; padding:0 17px}
.navbarmenus ul li a{ color:#fff; text-align:center; text-decoration:none; font-size:13px; font-family:proximanova-bold; text-transform:uppercase}
.sliderhome{ clear:both; width:100%; margin-top:85px; float:left;}
.sliderhome .flexslider{ background:none;}
.sliderhome .flex-direction-nav{ display:none}
.sliderhome .flex-control-nav{ position: absolute; top:110px; height: 140px; width: 25px; right:30px}
.sliderhome .flex-control-paging li a{background: none; border: 1px solid #fff;}
.sliderhome .flex-control-paging li a:hover{background: #fff}
.sliderhome .flex-control-paging li a.flex-active{background: #fff}
.slidetext{ float:left; position:absolute;max-width:450px; margin-top: 105px}
.slidetext h4{ font-size:42px; color:#fff; font-family:Montserrat-Bold}
.slidetext h5{ font-size:32px;color:#fff; font-family:proximanovalight}
.slideimg{ text-align:right; float: right}
.mainfooter .wrapper, .indexheader .wrapper, .mainindexpage .wrapper{ max-width:1250px; width:100%}
.database_sec{ width:100%; float:left; background:#f4f4f4; padding-bottom: 50px}
.whatnewsec{ border-bottom:1px solid #cbcbcb; color:#333; padding:30px 0; font-size:15px}
.whatnewsec span{ text-transform:uppercase; color:#fff; background:#f14e63; padding:8px 15px 5px; display:inline-block; margin-right: 25px;font-size: 12px}
.biomaklist{ margin:60px 0 55px; float:left; width:100%}
.bioli{ float:left; width:14%; border-right:1px solid #b9b9b9; padding: 0 26px}
.bioli:last-child{border-right:0}
.bioli h4{ font-size:14px; color:#174478; font-family:Proximanova-bold; text-transform:uppercase}
.bioli span{ font-size:24px; color:#666}
.lastupdate{ font-size:13px; color:#999; text-transform:uppercase; text-align:center; clear:both}
.videosec { float:left; width:100%; margin:60px 0}
.videotext p{ color:#666; font-size: 17px; line-height: 27px}
.videotext h4{ font-size:27px; font-family:proximanovalight; color:#000; margin-bottom: 25px}
.videotext h4 span{ font-size:30px; font-family:Montserrat-Bold}
.videoarea iframe{width:525px; height:288px; float:right}
.tabsmainpage{ clear:both}
.tabscontent{}
.viewrelease{width:100%; clear:both; float:left; margin: 60px auto}
.viewrelease a{ color:#fff; font-size:17px; font-family:Proximanova-semibold; display: block; padding:17px 0; width:650px; margin:0 auto; text-decoration:none; text-align: center}
.tabsmainpage .ui-tabs{ border:0}
.tabsmainpage .ui-tabs-nav{width:800px; margin:0 auto;border: 0; padding:0; background:none; text-align:center;border-bottom:1px solid #7f7f7f; border-radius:0}
.tabsmainpage .ui-tabs .ui-tabs-nav li{ float:left; width: 25%; text-align: center;display:inline-block; border: 0; background: none; margin:0}
.tabsmainpage .ui-tabs .ui-tabs-nav li:after{border-right: 1px solid #c7c7c7; position: absolute; width: 1px; height: 20px; content: ''; bottom: 23px}
.tabsmainpage .ui-tabs .ui-tabs-nav li:last-child:after{ content:none}
.tabsmainpage .ui-tabs .ui-tabs-nav .ui-tabs-anchor{     color: #333; font-family: Proximanova-regular; font-size: 17px;  text-transform: uppercase; display: block;  position: relative;  width: 100%; padding: 20px 0}
.tabsmainpage .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{color:#174478; font-family: Proximanova-semibold;}
.tabsmainpage .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:before{ border-bottom: 3px solid #f14e63; width: 100%; content: ''; position: absolute; left: 0; bottom: -2px}
.tabseutext{ text-align:center; max-width:980px; font-family: Proximanova-semibold; display:block; color:#000; font-size:23px; margin:50px auto}
.tabslists h4{ background:url(../images/tabarrow.png)no-repeat 0px 0px;padding: 5px 0 10px 42px; font-size: 20px; font-family: Proximanova-semibold;}
.tabslists p{ font-size:17px; line-height:25px}
.tabsmainpage .ui-tabs-panel{font-family:Proximanova-regular; font-size:16px;}
.tabsmainpage .col-sm-4{margin-bottom:30px}
.col-sm-4 { width: 33.33333333333333%; float:left}
.featurechildli{margin-bottom:45px}
.tabslists.featureslist{ margin-top:50px }
.tabslists.featureslist h4{background: url(../images/featurearrow.png)no-repeat 0px 0px;}
.tabslists.userlistsdiv{margin-top:50px}
.tabslists.userlistsdiv h4{background: url(../images/usersarrow.png)no-repeat 0px 0px;}
.userlistli p{ font-family:proximanova-semibold; color:#666 }
.userlistli ul{ margin:0; padding:0; list-style:none}
.userlistli ul li{ background: url(../images/userarrowli.png)no-repeat 0px 5px; padding: 0 0 11px 20px}
.benefitli{margin-bottom:30px}
.benefitli h5{background: url(../images/userarrowli.png)no-repeat 0px 3px; font-family: proximanova-semibold; color: #666; font-size: 17px; padding: 0 0 0 15px}
.tabslists.contentsdiv{margin-top:50px}
.tabslists.contentsdiv h4{background: url(../images/contentli.png)no-repeat 0px 0px;}
.contentsdiv .benefitli h5{background: url(../images/contentbenli.png)no-repeat 0px 3px}


/*Footer Css*/
footer{ background:#dbe0e7; clear:both;width:100%; float:left; z-index: 10;}
footer .copyright{ text-align:left;padding:10px 0;color:#324259; font-size:13px}
footer .copyright a{color:#324259; text-decoration:none}
.login-component + footer .copyright{ text-align:center}
.mainfooter{ background:#324259	; color:#99abc6; padding-top:40px}
.mainfooter a{color:#99abc6;}
.footertoplogo{float:left; width:100%; margin-bottom:35px}
.footerrow{ margin-bottom:35px; float:left; width:100%}
.socialicon a{ display:inline-block; width:45px; height:45px; font-size:22px; border:4px solid #fff;border-radius: 50%; line-height: 37px; text-align: center; color: #fff; text-decoration: none; margin-right:15px}
.socialicon a:hover{background: #fff; border: 4px solid #56a8fe; color: #56a8fe}
.mmaincopyright{ clear:both; width:100%; border-top:1px solid #5b687a; padding:20px 0}



/*Media Queries*/
@media screen and (max-width: 1399px)
{
.userprofile{width:175px}
}
@media screen and (max-width: 1200px)
{
.exp_box { width: 995px; height: 157px}
.exp_box .boxex{width:330px;margin: 44px 0 0;padding-left: 42px}
.hometop_section .container {width: 1024px;max-width: 1024px;}
/* .navbar-header {width: 150px;float:left}
.navbar-nav {margin: 0;float: left;width: 670px}
.mainheader .nav > li a{padding: 21px 15px 22px;font-size: 13px}
.mainheader .nav > li{ float:left} */
.navbarmenus ul li { display: inline-block; padding: 0 7px }
.slideimg{width:60%}
.slidetext{padding-left:25px}
.slidetext h4 {font-size: 33px}
.slidetext h5 {font-size: 26px}
.mainfooter{padding:40px 20px 0}
.footerrow p{width:auto!important}
.bannerarea{ min-height:490px}
.bioli{ padding:0 14px;}
.bioli h4 { font-size: 13px}
.videoarea iframe { width: 450px; height: 260px}

@media screen and (max-width: 1023px)
{
body{width:1024px}
.container{width:1024px}
.wrapper{width:1024px;}
}}