a,
menu,
ul {
    margin: 0;
    padding: 0
}

.sf-menu a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

a,
hr,
menu,
ul {
    padding: 0
}

#nav,
.navbar-nav>li>a,
ul#navlist li {
    position: relative
}

.cnt-info,
.header,
.lgn-sgn-up,
.top-header {
    width: 100%;
    float: left
}

.abt-us li,
.sf-menu .sub-menu li,
.system li,
menu,
ul,
ul#navlist {
    list-style: none
}

.cenlubVideos,
.info-box,
.products {
    box-sizing: border-box
}

* {
    outline: 0
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

a {
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    outline: 0!important
}

.clear {
    clear: both
}

ins {
    text-decoration: none
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

#cssmenu,
#cssmenu a,
#cssmenu li,
#cssmenu ul,
#cssmenu>ul>li>a:hover,
.abtus-rd-mr a:hover,
.cnt-indiv-menu ul li a:hover,
.cnt-info a:hover,
.exhib-section .exhib-hvr-innr a:hover,
.indiv-menu a:hover,
.indiv-menu ul li a:hover,
.lgn-sgn-up a:hover,
.sf-menu .sub-menu a,
ul#navlist li a {
    text-decoration: none
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.table-responsive {
    margin: 10px 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

.cnt-info a,
.lgn-sgn-up a {
    color: #F48A36;
    display: inline-block
}

input,
select {
    vertical-align: middle
}

textarea {
    overflow: auto
}

ol,
ul {
    list-style-position: inside
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    background: #fff
}

.cnt-info a span,
.lgn-sgn-up a span {
    font-size: 13px
}

.col-padding {
    padding-left: 50px!important;
    padding-right: 50px!important
}

.no-padding-rt {
    padding-right: 0!important
}

.less-padding,
.less-padding-rt {
    padding-right: 7px!important
}

.no-padding-lft {
    padding-left: 0!important
}

.less-padding,
.less-padding-lft {
    padding-left: 7px!important
}

.no-margin {
    margin-left: 0!important;
    margin-right: 0!important
}

.form-control,
.input-group-addon {
    border-radius: 0!important
}

.top-header {
    border-top: 4px solid #F58931;
    background: #F5F5F5;
    padding: 8px 0
}

.cnt-info {
    text-align: left
}

.cnt-info a {
    margin: 0 10px 0 0
}

.cnt-info a .fa {
    margin: 0 5px 0 0
}

.lgn-sgn-up {
    text-align: right
}

.lgn-sgn-up a {
    margin: 0 0 0 10px
}

.lgn-sgn-up a .fa {
    margin: 0 5px 0 0
}

.header {
    padding: 20px 0
}

.navbar-brand {
    height: auto!important;
    padding: 0!important
}

.navbar-default {
    background: 0 0!important;
    border: none!important;
    margin: auto!important
}

.navbar-nav>li>a {
    font-size: 15px;
    padding: 10px 0!important;
    margin: 0 15px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background: 0 0!important;
    color: #EF8C3B!important;
    border-bottom: 2px solid #ef8c3b!important;
    padding-bottom: 3px!important
}

.logo,
.navbar-collapse {
    padding: 0
}

.nav.navbar-nav.navbar-right {
    margin-top: 10px
}

#bs-megadropdown-tabs {
    margin: 0
}

.logo {
    float: left;
    height: 69px;
    width: 180px;
}
.logo img { width: 100%; height: 100%; }

.right-header {
    float: right
}

#nav {
    margin-top: 15px
}

#nav>select {
    display: none
}

ul#navlist {
    margin: 0;
    padding: 0
}

ul#navlist li {
    float: left
}

ul#navlist>li {
    margin: 0
}

ul#navlist li a {
    display: inline-block;
    font-size: 15px;
    transition: all .17s ease-in-out;
    -moz-transition: all .17s ease-in-out;
    -webkit-transition: all .17s ease-in-out;
    -o-transition: all .17s ease-in-out;
    color: #6e7179;
    text-transform: capitalize;
    margin: 0 15px;
    padding: 8px 0;
    outline: 0;
    border-bottom: 2px solid transparent
}

ul#navlist li a.active,
ul#navlist li a:hover,
ul#navlist li.current a {
    border-bottom: 2px solid #ef8c3b;
    color: #ef8c3b
}

.sub-menu li a {
    border-bottom: 2px solid #ef8c3b;
    color: #6e7179!important
}

ul#navlist>li:last-child a {
    margin-right: 0
}

.sf-menu {
    line-height: 1;
    overflow: visible!important
}

.sf-menu .sub-menu {
    position: absolute;
    top: -999em;
    width: 300px;
    margin: 0!important;
    padding-left: 0;
    padding-top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    overflow: visible!important
}

.banner,
.navigation,
.sf-menu ul li {
    width: 100%
}

.sf-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    float: left;
    position: relative
}

.sf-menu a {
    position: relative
}

.sf-menu li.sfHover ul,
.sf-menu li:hover ul {
    left: 0;
    top: auto;
    z-index: 99
}

.sf-menu li.sfHover li ul,
.sf-menu li:hover li ul {
    top: -999em
}

.sf-menu li li.sfHover ul,
.sf-menu li li:hover ul {
    left: 100%;
    top: 0
}

.sf-menu li li.sfHover li ul,
.sf-menu li li:hover li ul {
    top: -999em
}

.sf-menu li li li.sfHover ul,
.sf-menu li li li:hover ul {
    left: 100%;
    top: 0
}

.sf-menu .sub-menu li {
    padding-right: 0
}

.sf-menu .sub-menu li:after,
.sf-menu .sub-menu li:before {
    display: none
}

.sf-menu .sub-menu a {
    border: 1px solid #f5f5f5!important;
    transition: all .17s ease-in-out;
    -moz-transition: all .17s ease-in-out;
    -webkit-transition: all .17s ease-in-out;
    -o-transition: all .17s ease-in-out;
    display: block;
    color: #8c9195;
    font-size: 13px;
    padding: 12px!important;
    font-weight: 300;
    background: #fff!important;
    margin: 0;
    width: 100%
}

.sf-menu .sub-menu a:hover {
    color: #ef8c3b!important;
    border-bottom: 1px solid #ef8c3b!important
}

.sub-menu span {
    display: none
}

.navigation {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    padding: 0;
    background: #fff
}

.navigation.active {
    margin-top: 0;
    position: fixed;
    border-bottom: 1px solid #e5e8eb;
    -webkit-transform: translateZ(0);
    z-index: 111
}

.banner {
    float: left
}

.main-text {
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px
}

.btn-clear {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px
}

.btn-clear:hover {
    color: #000;
    background-color: #FFF
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    width: 100%
}

.product-section {
    width: 100%;
    float: left;
    padding: 60px 0
}

.cenlub-prds {
    width: 100%;
    float: left;
    margin: 0 0 20px
}

.cenlub-prds-hd {
    background: #ddd;
    float: left;
    margin: 0 0 3px;
    padding: 10px 0;
    width: 100%
}

.cenlub-prds-hd .title {
    position: relative;
    display: inline-block;
    font-size: 20px;
    margin: auto
    vertical-align:middle;
}

.cenlub-prds-hd .title:after,
.cenlub-prds-hd .title:before {
    position: absolute;
    width: 25px;
    height: 3px;
    background: #F28C3A;
    top: 45%
}

.abtus-hd h1:before,
.abtus-hd h2:before,
.cenlub-hd h2:before,
.cenlub-hd strong:before,
.cenlub_video:before,
.cenlub-prds-hd .title:after,
.cenlub-prds-hd .title:before {
    display: block;
    content: ''
}

.cenlub-prds-hd .title:before {
    left: -33px
}

.cenlub-prds-hd .title:after {
    right: -33px
}

.about-us-section,
.abtus-hd,
.img-cntnr {
    width: 100%;
    float: left
}

.about-us-section {
    padding: 50px 0;
    background: #F0F0F0
}

.abtus-hd {
    margin: 0 0 40px
}

.abtus-hd h1, .habout h2 {
    font-size: 26px;
    font-weight: 800;
    margin: auto;
    padding: 0 0 15px;
    position: relative
}

.abtus-hd h1:before,
.abtus-hd h2:before,
.habout h2:before {
    position: absolute;
    width: 60px;
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    background: #F28C38;
    bottom: 0
}

.abtus-cntnt,
.abtus-rd-mr,
.cenlub-hd,
.cenlub-prdts-section {
    width: 100%;
    float: left
}

.abtus-cntnt p {
    font-size: 15px;
    font-weight: lighter;
    line-height: 26px
}

.abtus-rd-mr {
    margin: 20px 0 0
}

.abtus-rd-mr a {
    background: #F28C38;
    border: 1px solid #F28C38;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    transition: all .3s ease-out 0s
}

.abtus-rd-mr a:hover {
    background: 0 0;
    color: #F28C38
}

.cenlub-prdts-section {
    padding: 50px 0
}

.cenlub-hd {
    margin: 0 0 40px
}

.cenlub-hd h2,
.cenlub-hd strong,
.cenlub_video {
    font-size: 26px;
    font-weight: 800;
    margin: auto;
    padding: 0 0 15px;
    position: relative;
    line-height: 1.1;
}

.cenlub-hd h2:before,
.cenlub-hd strong:before,
.cenlub_video:before {
    position: absolute;
    width: 60px;
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    background: #F28C38;
    bottom: 0
}

.cenlub-hd h2 span {
    font-weight: 800
}

.products-icns-section {
    width: 100%;
    float: left;
    margin: 0 0 40px
}

.products-icns-section .prdt-icns {
    width: 17%;
    float: left
}

.products-icns-section .prdts-cntnt {
    width: 81%;
    float: left;
    margin: 0 0 0 2%
}

.products-icns-section .prdts-cntnt h3,
.products-icns-section .prdts-cntnt strong {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    text-transform: uppercase
}

.products-icns-section .prdts-cntnt p {
    font-size: 13px;
    font-weight: lighter;
    line-height: 19px
}

.products-icns-section .prdts-cntnt p a {
    color: #F28C38;
    transition: all .3s ease-out 0s
}

.products-icns-section .prdts-cntnt p a:hover {
    text-decoration: none
}

.cenlab-exbhi {
    width: 100%;
    float: left;
    padding: 50px 0;
    background: #F0F0F0
}

.exhib-section {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 20px
}

.exhib-section:hover .exhib-hvr {
    opacity: 1;
    transition: all .3s ease-out 0s
}

.btn,
.delete-btn {
    transition: background .5s
}

.exhib-hvr2 {
    display: none
}

.exhib-section .exhib-hvr {
    bottom: 0;
    float: left;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, .65);
    opacity: 0
}

.exhib-section .exhib-hvr-innr {
    border: 2px solid rgba(255, 255, 255, .46);
    height: 70%;
    margin: 8% auto;
    width: 80%;
    padding: 8% 0;
    font-size: 20px
}

.client-section,
.clnt-sec-icn,
.foot-cont,
.foot-logo,
.footer,
.indiv-menu {
    width: 100%;
    float: left
}

.exhib-section .exhib-hvr-innr h3,
.exhib-section .exhib-hvr-innr span {
    color: #fff;
    font-weight: lighter;
    margin: auto
}

.exhib-section .exhib-hvr-innr a {
    background: #F28C3A;
    border: 1px solid #F28C3A;
    font-size: 16px;
    color: #fff;
    padding: 5px 20px
}

.exhib-section .exhib-hvr-innr a:hover {
    background: 0 0;
    color: #F28C3A
}

.client-section {
    padding: 50px 0
}

#owl-demo .item {
    background: 0 0;
    padding: 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

.customNavigation {
    text-align: center
}

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.clnt-sec-icn .item img {
    border: 1px solid #ededed;
    padding: 3px
}

.footer {
    background: #333;
    padding: 30px 0
}

.foot-cont {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 25px 0;
    margin: 25px 0 0
}

.indiv-menu .fheading,
.indiv-menu h3 {
    color: #fff;
    font-size: 22px;
    padding: 0 0 10px;
    position: relative;
    margin: 0 0 20px;
    text-transform: uppercase
}

.indiv-menu .fheading:before,
.indiv-menu h3:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 40px;
    height: 3px;
    left: 0;
    bottom: 0
}

.indiv-menu ul {
    margin: 0;
    padding: 0
}

.indiv-menu ul li {
    font-size: 13px;
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 5px
}

.indiv-menu ul li:before {
    position: absolute;
    display: block;
    content: '\f101';
    font-family: FontAwesome;
    color: #727272;
    left: 0
}

.indiv-menu ul li a {
    color: #ccc
}

.indiv-menu a,
.indiv-menu a:hover {
    color: #727272
}

.cnt-indiv-menu {
    width: 100%;
    float: left
}

.cnt-indiv-menu .fheading,
.cnt-indiv-menu h3 {
    color: #fff;
    font-size: 22px;
    padding: 0 0 10px;
    position: relative;
    margin: 0 0 20px;
    text-transform: uppercase
}

.cnt-indiv-menu .fheading:before,
.cnt-indiv-menu h3:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 40px;
    height: 3px;
    left: 0;
    bottom: 0
}

.cnt-indiv-menu ul li {
    position: relative;
    color: #fff;
    padding: 0 0 0 40px;
    font-weight: lighter;
    margin: 0 0 30px
}

.cnt-indiv-menu ul li:first-child:before,
.cnt-indiv-menu ul li:last-child:before,
.cnt-indiv-menu ul li:nth-child(2):before,
.cnt-indiv-menu ul li:nth-child(3):before  {
    position: absolute;
    font-size: 20px;
    color: #A8A8A8;
    background: #4D4D4D;
    width: 32px;
    height: 32px;
    text-align: center;
    display: block;
    left: 0;
    font-family: FontAwesome
}
.cnt-indiv-menu ul li:nth-last-child(2):before{content: '\f09a';    position: absolute;
    font-size: 20px;
    color: #A8A8A8;
    background: #4D4D4D;
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    font-family: FontAwesome;}
.cnt-indiv-menu ul li:first-child:before {
    content: '\f041'
}

.cnt-indiv-menu ul li:nth-child(2):before {
    content: '\f095';
    top: -4px
}


.cnt-indiv-menu ul li:nth-child(3):before {
    content: '\f0e0';
    top: -4px
}
.cnt-indiv-menu ul li:last-child:before {
    content: "\f0e1";
    top: -4px
}

.cnt-indiv-menu ul li a,
.cpy-rt {
    color: #fff
}

.cpy-rt {
    float: left;
    font-size: 12px;
    padding: 30px 0 0;
    width: 100%
}

.inner-banner {
    background: #f0f0f0;
    padding: 50px 0 60px
}

.inner-heading {
    overflow: hidden
}

.inner-banner .inner-heading h1 {
    font-size: 30px;
    float: left;
    margin: 0;
    color: #F58931;
    padding-bottom: 15px;
    position: relative
}

.inner-banner .inner-heading h1:before {
    background: #587293;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    bottom: 5px;
    width: 100%
}

.inner-banner .bread-cumb {
    text-align: right
}

.inner-banner .bread-cumb span .fa,
.inner-banner .bread-cumb span a {
    color: #F58931
}

.content-section {
    padding: 30px 0;
    min-height: 300px
}

.content-section h2 {
    font-size: 18px;
    color: #586C8E;
    padding-bottom: 10px;
    font-weight: 700;
    margin: 10px 0 15px
}

.content-section p {
    line-height: 25px;
    margin-bottom: 10px
}

.exhibitionPage img {
    margin-bottom: 20px
}

.btn_register {
    background: #f58931;
    color: #fff
}

.btn_register:hover {
    background: #e5781f;
    color: #fff
}

.abt-us {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative
}

.abt-us li {
    line-height: 30px;
    margin-bottom: 10px
}

.abt-us li:before {
    content: "\f007";
    position: absolute;
    display: block;
    left: 0;
    font-family: FontAwesome
}

#cssmenu,
#cssmenu a,
#cssmenu li,
#cssmenu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    line-height: 1;
    font-size: 14px;
    position: relative
}

#cssmenu a {
    line-height: 1.3
}

#cssmenu {
    background: #fff
}

#cssmenu>ul>li {
    margin: 0 0 10px
}

#cssmenu>ul>li:last-child {
    margin: 0
}

#cssmenu>ul>li>a {
    font-size: 15px;
    display: block;
    color: #565656
}

#cssmenu>ul>li>a>span {
    display: block;
    border: 1px solid #666;
    padding: 8px 10px
}

#cssmenu>ul>li.active {
    border-bottom: none
}

#cssmenu ul ul,
#cssmenu>ul>li.active>a,
#cssmenu>ul>li.active>a span {
    border: 1px solid #597194
}

#cssmenu>ul>li.active>a {
    background: #597194;
    color: #fff
}

#cssmenu>ul>li.has-sub>a span {
    background: url(../images/icon_plus.png) 98% center no-repeat
}

#cssmenu>ul>li.has-sub.active>a span {
    background: url(../images/icon_minus.png) 98% center no-repeat
}

#cssmenu ul ul {
    padding: 0 12px;
    display: none
}

#cssmenu ul ul li {
    padding: 7px 0;
    border-bottom: 1px solid #f5f5f5
}

#cssmenu ul ul a {
    display: block;
    color: #595959;
    font-size: 14px
}

#cssmenu ul ul a:hover {
    color: #F68736
}

#cssmenu ul ul ul {
    border: none
}

.img-thumbnail {
    border-radius: 0!important
}

.no-padding {
    padding-left: 5!important;
    padding-right: 5!important
}

.service-list {
    margin: 20px 0
}

.service-list .srv-lst {
    border: 1px solid #ddd;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #f5f5f5;
    -webkit-box-shadow: -2px 18px 9px -15px rgba(153, 153, 153, 1);
    -moz-box-shadow: -2px 18px 9px -15px rgba(153, 153, 153, 1);
    box-shadow: -2px 18px 9px -15px rgba(153, 153, 153, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.description h2,
.m0 {
    margin: 0
}

.service-list .srv-lst .img-responsive {
    background: #fff
}

.service-list .srv-lst h3 {
    font-size: 15px;
    font-weight: 600;
    color: #586c8e
}

.service-list .srv-lst p {
    font-size: 13px;
    line-height: normal
}

.service-list .srv-lst:hover {
    border-color: #ddd;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.products,
.table {
    border: 1px solid #f1f1f1;
    background: #fff
}

@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes pulse {
    0%,
    100% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

.products {
    padding: 10px
}

.p0 {
    padding: 0!important
}

.table tr th {
    font-size: 13px;
    font-weight: 600
}

.table tr:nth-child(even) {
    background: #fff
}

.btn-sect {
    margin: 25px 0 0
}

.txt {
    height: 30px!important;
    width: 40px!important;
    text-align: center
}

h2.sign-in {
    margin: 0 0 15px;
    padding: 0 0 15px;
    font-size: 22px;
    color: #F48A3C;
    border-bottom: 1px dashed #ddd;
    font-weight: 700;
    float: left
}

.system {
    background: #f5f5f5;
    margin-top: 25px;
    padding: 7px 15px
}

.system li:before {
    content: "\f101";
    position: absolute;
    display: block;
    left: 0;
    font-family: FontAwesome;
    color: #f58931
}

.system li {
    position: relative;
    padding-left: 15px;
    line-height: 25px;
    margin: 6px 0
}

.info-box {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    min-height: 290px;
    margin-bottom: 15px
}

.info-box h3 {
    border-bottom: 1px dashed #ddd;
    width: 100%;
    margin-top: 0;
    padding-bottom: 10px;
    color: #586c8e;
    font-weight: 700;
    font-size: 18px
}

.info-sec span {
    float: left;
    width: auto;
    margin-right: 10px
}

.info-sec span .fa {
    font-size: 16px;
    padding-top: 18px
}

.info-sec p {
    float: left;
    line-height: normal;
    margin-top: 15px
}

.info-sec p a {
    font-size: 13px;
    display: block
}

#myModal-signup .close {
    top: 5px;
    right: 5px;
    position: absolute
}

#signupbox {
    margin: 15px 0 0
}

.login-form label {
    display: block;
    font-weight: 600
}

.login-form i.star {
    color: red
}

.login-form .input-group {
    width: 100%
}

.login-form .mandatory {
    color: #666;
    font-style: italic;
    font-size: 12px;
    padding-bottom: 10px
}

.success-msg {
    color: #468847;
    font-size: 20px;
    margin-top: 70px
}

.success-msg span {
    color: #000;
    display: block;
    font-size: 15px;
    margin: 20px 0
}

.product-popup {
    padding: 12px
}

#myModal-signup .login-form label {
    display: none
}

.input-group-addon {
    width: 38px
}

.delete-btn {
    background: #C30;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    padding: 4px 15px
}

.delete-btn:hover {
    background: #EC0000;
    color: #fff
}

.cont-left {
    float: left
}

.cont-right {
    float: right
}

.products-thumb-img {
    border: 1px solid #f1f1f1;
    max-width: 340px;
    max-height: 450px;
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 15px
}

.cenlubVideos {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 5px
}

.carousel-indicators {
    bottom: 5px!important;
    display: none
}

.btn-enquire-now {
    background: #f58931;
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    text-transform: uppercase;
    transition: all .5s
}

.btn-enquire-now:hover {
    background: #586c8e;
    color: #fff
}

.btn {
    border-radius: 0
}




.blog_pages .worktab {
    margin-bottom: 30px
}

.blog_pages #portoption li {
    padding: 10px 2px 0
}

.blog_details {
    max-width: 920px;
    margin: 0 auto
}

.blog_details .titlehead {
    font-size: 30px;
    font-weight: 600;
    color: #242b34;
    margin-bottom: 25px
}

.blog_details .left_views {
    width: 9%;
    margin-right: 3%;
    float: left;
    position: relative
}

.left_views img {
    vertical-align: middle
}

.blog_details .blog_top_content {
    margin-bottom: 30px
}

.blog_details .left_views span {
    color: #292c2d;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: bottom
}

.blog_details .left_views:after {
    width: 1px;
    height: 20px;
    background: #ced2d8;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}
#portoption{margin-bottom: 15px; text-align: center;}
#portoption li {
    display: inline-block;
    padding: 10px 2px 0
}

#portoption li a {
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background: #f6f7f8;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 20px
}

#portoption li a:hover,
#portoption li.active a {
    background: #f58931;
    border-color: #f58931;
    color: #fff!important
}


.blog_wrap .blog_box {
    width: 33.33%;
    padding: 0 12px;
    float: left;
    margin-bottom: 60px
}

.blog_wrap .blog_box p { min-height:50px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.blog_wrap #portlist {
    list-style: none;
    margin: 0 -12px
}

.blog_wrap #portlist:after {
    display: block;
    content: '';
    clear: both
}

.blog_box .blog_date {
    display: block;
    color: #292c2d;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px
}

.blog_box .blog_date:before {
    content: "";
    width: 45px;
    border-top: 1px solid #f58931;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.blog_box .blog_images { border: 1px solid #f1f1f1;
    margin-bottom: 25px;
    position: relative;
    background: #e4e4e4
}

.blog_box .blog_images .share_box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.blog_box .blog_images .share_box .icon {
    height: 38px;
    width: 38px;
    cursor: pointer;
    background: #fff url(../images/share-icon.png) no-repeat center center;
    position: absolute;
    bottom: -1px;
    right: 0
}

.arrow-left,
.arrow-red,
.arrow-right,
.arrow-white,
.bingadd,
.clutch,
.facebookicon,
.goodfirms,
.google-partner,
.hubsport,
.linkedinicon,
.locationicon,
.mailicon,
.moz,
.phoneicon,
.pintresticon,
.rankings,
.sertifed,
.siliconindia,
.subscribicon,
.topseo,
.twittericon,
.woorank,
.yourstory {
    background: url(../images/sprites-icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.bingadd {
    background-position: 0 0;
    width: 113px;
    height: 40px
}

.clutch {
    background-position: -153px 0;
    width: 73px;
    height: 40px
}

.goodfirms {
    background-position: -253px 0;
    width: 133px;
    height: 40px
}

.google-partner {
    background-position: -408px 0;
    width: 87px;
    height: 40px
}

.hubsport {
    background-position: -521px 0;
    width: 104px;
    height: 40px
}

.moz {
    background-position: 0 -62px;
    width: 80px;
    height: 40px
}

.rankings {
    background-position: -107px -63px;
    width: 100px;
    height: 40px
}

.sertifed {
    background-position: -516px -63px;
    width: 57px;
    height: 60px
}

.siliconindia {
    background-position: -231px -63px;
    width: 110px;
    height: 40px
}

.topseo {
    background-position: -372px -62px;
    width: 115px;
    height: 60px
}

.woorank {
    background-position: 0 -120px;
    width: 121px;
    height: 40px
}

.yourstory {
    background-position: 0 -176px;
    width: 94px;
    height: 40px
}

.linkedinicon {
    background-position: -163px -111px
}

.twittericon {
    background-position: -131px -110px
}

.facebookicon {
    background-position: -200px -111px
}

.phoneicon {
    background-position: -116px -164px;
    width: 16px;
    height: 18px
}

.subscribicon {
    background-position: -263px -116px;
    width: 22px;
    height: 16px
}

.locationicon {
    background-position: -168px -166px;
    width: 16px;
    height: 18px
}

.mailicon {
    background-position: -216px -165px;
    width: 17px;
    height: 18px
}

.arrow-right {
    background-position: -312px -167px;
    width: 26px;
    height: 15px
}

.arrow-left {
    background-position: -262px -167px;
    width: 26px;
    height: 15px
}

.arrow-white {
    background-position: -313px -126px;
    width: 21px;
    height: 10px
}

.arrow-red {
    background-position: -345px -126px;
    width: 21px;
    height: 10px
}

.pintresticon {
    background-position: -360px -154px
}

.bloglistimg {
    display: block;
    background-size: cover!important
}

.bloglistimg img{width: 100%;}
.blog_box .blog_title {
    font-size: 20px;
    color: #f58931;
    margin-bottom: 15px;
    min-height: 48px;
    overflow: hidden
}

.blog_box .share_box:hover .share_items {
    right: 38px;
    opacity: 1;
    visibility: visible
}

.share_items {
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    right: 0;
    position: absolute;
    bottom: 0
}

.share_items li {
    float: left
}

.share_items li a {
    display: block
}

.share_items i {
    height: 38px;
    width: 38px
}

.share_items li:nth-child(1) a i {
    background-color: #3f5e9b
}

.share_items li:nth-child(2) a i {
    background-color: #159dd8
}

.share_items li:nth-child(3) a i {
    background-color: #247cbf
}

.share_items li:nth-child(4) a i {
    background-color: #c51f26
}
.share_items li:nth-child(5) a i {
    background: #4ba233 url(../images/home-sprites.png) no-repeat;
    background-position: -230px -58px
}

.blog_single .share_items {
    opacity: 1;
    position: static;
    visibility: visible
}


.blog-detail-sec {  
    width: calc(100% - 400px); float: left;
}
.blog-detail-sec p, .blog-detail-sec p span{font-family: 'Open Sans', sans-serif!important;}
.blog-detail-sec h3{font-size: 16px; font-weight: bold;}
.blog-detail-sec .blog_images{ text-align: center; border:1px solid #f1f1f1; margin-bottom: 15px; }
.blog-detail-sec .blog_images img{ max-width: 100%; max-height:490px; line-height: 490px; display: inline-block; vertical-align: middle; }

.blog_single_wrap .headerbg{box-shadow: none;}
.blog_single_wrap .breadcrumb {margin-bottom: 40px; border-top: solid 1px #ccc;}
.blog_single {padding: 40px 0;}
.categories-side-blog a {padding: 5px 25px;cursor: pointer;border: 1px solid #e1e1e1;background: #f6f7f8;color: #000;font-size: 15px;
font-weight: 600;display: block;border-radius: 20px;}
.categories-side-blog ul li {padding: 8px 0 0 0;}
.share_h {margin-bottom: 10px; font-size: 16px;}
.share_wrap {margin-bottom: 30px;width: 100%;float: left;margin-top: 20px;}



@media(max-width:991px) {
.blog-detail-sec {width: calc(100% - 310px);}
}



.blog-detail-sec p {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom:15px;
}

.blog-detail-sec ol,
.blog-detail-sec ul {
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.4
}

.blog-sidebar {
    width: 350px;
    float: right
}

.sidetitle {
    font-size: 21px;
    color: #2c2c2e;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px
}

.sidetitle:before {
    content: "";
    height: 20px;
    border-left: 4px solid #f58931;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px
}

.categories-side-blog {
    padding: 30px
}

.categories-side-blog ul {
    list-style: none;
    margin-left:0px
}

.categories-side-blog ul li {
    font-size: 15px;
    padding: 1px 0
}

.categories-side-blog ul li a {
    padding: 5px 15px;
    display: inline-block;
    background: #fff
}

.categories-side-blog ul li a.clickactive-blog,
.categories-side-blog ul li a:hover {
    color: #fff;
    background: #f58931
}
.lightbg {
	background: #ecf0f1;
}

@media(max-width:1199px) {
.blog_box .blog_date, #portoption li a{font-size: 14px;}
.blog_box .blog_title{font-size: 18px;}
}


@media(max-width:991px) {
 .blog_wrap .blog_box{ width: 50%; }
 .blog-sidebar {width: 290px;}
 .blog-detail-sec p, .categories-side-blog ul li a{font-size: 14px;}
 .award_img{width: 100%!important;margin-top: 2rem!important}
 .award_img img{margin-top: 2rem}
}
@media(max-width:640px) {
 .blog_wrap .blog_box{ width: 100%; }
 #portoption li a {padding: 4px 10px; font-size: 13px;}
 .blog-detail-sec p {font-size: 14px;}
 .inner-banner .inner-heading h1 {font-size: 24px;}
}




.blog-detail-sec ol, .blog-detail-sec ul{list-style: disc;}
.blog-sidebar .popular-post .blog_box {display: flex;flex-wrap: wrap;}
.blog-sidebar .popular-post .blog_box .blog_img {width: 27%;}
.blog-sidebar .popular-post .blog_box .blog_title{width: 68%;margin-left: 1rem;font-size: 15px;line-height: 1.5;}



.top-wrap {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
}

.lgn-sgn-up {
    float: none;
    width: auto;
    margin-left: 24px;
}

.top-socail-link ul li {
    display: inline-block;
    padding-left: 16px;
}
.top-socail-link ul li a {
    color: #F48A36;
}


.support_sec{background: url('../images/bg_form.jpg') no-repeat;clear: both;background-size: cover;}
.support_sec.bg_form_logo{background: url('../images/bg_form_new.jpg') no-repeat #f5f5f5;background-size: contain;background-position: center;}
.support_form_right {background: #fff;padding: 2rem;width: 50%;border-radius: 20px;margin-bottom: 2rem;}
.support_feedback_form_right {background: #fff;padding: 3rem;width: 50%;border-radius: 20px;margin-bottom: 10rem;}
.support_flex {display: flex;flex-wrap: wrap;justify-content: space-between ;padding-bottom: 0;}
.support_img_left {width: 25%;    display: flex;align-items: flex-end;}
.support_img_left img{width: 100%;}
.form_heading h2{margin-bottom: 0;} 
.radio_img{list-style: none;display: flex;flex-wrap: wrap;margin: 0 -1rem;padding: 0;}
.radio_img li{width: calc(100% / 3);padding: 0 1rem;}
.radio_img li label{border: 1px solid #ccc;border-radius: 20px;position: relative;width: 100%;}
.radio_img li label img:hover{cursor: pointer;}
.radio_img li img{width: 100%;padding: 1rem;max-height: 125px;object-fit: cover;}
.radio_img p{text-align: center;}




/* HIDE RADIO */
.radio_img [type=radio] { 
    position: absolute!important;
    opacity: 1;
    right: -.5rem;
    top: -.5rem!important;
    margin-top: 0!important;
  }
  
  /* IMAGE STYLES */
  .radio_img [type=radio] + img {
    cursor: pointer;
  }
  
  /* CHECKED STYLES */
  .radio_img [type=radio]:checked + img {
    outline: 2px solid #ccc;
    border-radius: 20px;
  }
  .radio_img .checkmark {
    position: absolute; top: -.7rem; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; right: -.7rem;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .radio_img input:checked ~ .checkmark {
    background-color: green;
  }
  .radio_img [type=radio]:checked ~ .checkmark:after {
    display: block;
  }
  .radio_img .checkmark:after {
    content: '\f00c';
    top: 1px; left: 5px; border-radius: 50%; font-family: 'FontAwesome'; color: #fff;
 }

.certification_img .img-cntnr {
    padding: 8px 12px;
    border: 1px solid #c2c2cc;
    border-radius: 8px;
    background-color: #fff;
}
/* .certification_img .img-cntnr img {
    height: 410px;
} */
.certification_img.left .img-cntnr img {
    /* max-width: 288px; */
    margin: 0 auto;
}
.certification_img .img-cntnr img {
    height: 25rem;
    object-fit: contain;
}
.support_form_right .form_heading, .support_feedback_form_right .form_heading{position: relative;}
	.support_form_right .form_heading img.best_place_logo, .support_feedback_form_right .form_heading img.best_place_logo{
		position: absolute;
		width: 70px;
		right: 0;
		top: 0;
	}
    .top-wrap>a {
        color: #F48A36;
    }
 @media(max-width:767px) {
    .support_flex{padding-top: 15rem;}
    .support_sec.bg_form_logo{background: url(../images/bg_form_new_mb.jpg) no-repeat #f5f5f5;        background-position: top;
        background-size: 100%;}
    .support_img_left{display: none!important;}
    .support_form_right{width: 100%!important;padding: 1rem!important;}
    .radio_img li{width: calc(100% / 2)!important;}
.blog-detail-sec {width:100%;}
.support_form_right .form_heading img.form_inner_logo, .support_feedback_form_right .form_heading img.form_inner_logo {
    width: 185px !important;
}
.support_feedback_form_right {
    padding: 2rem;
    width: 100%;
}
}