/*********************************************************************************
common styles
***************/
body {
 background:#fff!important;
 color:#333!important;
 font-family: 'Poppins', sans-serif!important;
 font-size:14px!important;
}
h1, h2, h3, h4, h5, p, ul, li {
 margin:0px!important;
 padding:0px!important;
}
a {
 color:#333!important;
 cursor:pointer;
 text-decoration:none!important;
}
a:active {
 box-shadow:none!important;
}
p {
 line-height:22px;
 margin-bottom:10px!important;
 font-size:14px!important;
}
h1, h2 {
 margin-bottom:10px!important;
}
.no-padding {
 padding-left:0px!important;
 padding-right:0px!important;
}
.no-padding-right {
 padding-right:0px!important;
}
.no-padding-left {
 padding-left:0px!important;
}
/*********************************************************************************
colored text and buttons
***************/
.text-orange {
 color:#ef642d
}
.btn {
 padding:6px 20px !important;
 border-radius:0!important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.btn-sub, .btn-cancel {
 background: #0072b8;
 color:#fff;
 padding:10px 20px !important;
 border-radius:3px!important;
 margin-right:10px;
 margin-top:15px;
}
.btn-cancel {
 background:#fc910f;
}
.btn:hover {
 background:#333!important;
 color:#fff!important;
}
/*********************************************************************************
header styles
***************/
header {
}
header .top-bar {
	background: linear-gradient(90deg, #fff 50%, #861b1b 50%);
 overflow:hidden;
}
header .top-bar .top-col{ background:#861b1b;  }
header .top-bar .top-col::after {
	content: '';
	position: absolute;
	left: -32px;
	top: 0;
	bottom: 0;
	width: 100px;
	background:#861b1b; 
	-ms-transform: skewY(40deg);
	-moz--transform: skewY(40deg);
	-webkit-transform: skewY(40deg);
	transform: skewX(40deg);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border-bottom-left-radius: 10px;
    
}

/*cont nav*/
header .cont-nav {
	float: left;
	margin: 8px 0;
	position: relative;
	z-index: 1;
}
header .cont-nav ul {
 list-style:none;
}
header .cont-nav ul li {
 float:left;
}
header .cont-nav ul a {
 display:block;
 padding:0px 20px;
 font-size:13px;
 color:#fff!important;
 border-left:1px solid #ffffff54;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
header .cont-nav ul a img {
 margin-right:10px;
 width:20px;
}
header .cont-nav ul li:first-child a {
 padding-left:0;
 border:0;
}
header .cont-nav ul a span.cont-text {
}
header .cont-nav ul a:hover {
}
/*user nav*/
header .user-nav {
	float:right;
	margin:5px 0;
}
header .user-nav ul {
	list-style:none;
}
header .user-nav ul li {
	float:left;
}
header .user-nav ul a {
	display: block;
	margin-left: 5px;
	padding: 2px 15px 3px;
	font-size: 13px;
	color: #fff !important;
	text-transform: capitalize;
	border-radius: 5px;
	border: 1px solid #ffffffb0;
}
header .user-nav ul a.login {
	background:#e10080;
}
header .user-nav ul a.join {
	background:#0f7ec0;
}
header .user-nav ul a:hover, header .user-nav ul a:hover .fa {
	background:#333!important;
} 
/*social links*/	
header .social-nav {
 float:right;
 margin:9px 0 10px 0;
}
header .social-nav ul {
 list-style:none;
}
header .social-nav li {
 float:left;
 margin-left:20px!important;
}
header .social-nav li a {
 width:17px;
 height:17px;
 display:block;
}
header .social-nav li a img {
 max-width:100%;
}
header .social-nav li a:hover img {
 opacity:0.5
}
/*logo bar*/
header .logo-bar {
 background:#fff;
 height: 85px;
}
header .logo-fixed-bar {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 z-index:9991;
 -moz-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);
 box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);
}
header .logo-fixed-bar .logo{
 top: -21px;
 margin-left: 23px;
}
header .logo-fixed-bar .logo img {
 max-width:150px;
  -webkit-transition: all 100ms linear;
 -moz-transition: all 100ms linear;
 -o-transition: all 100ms linear;
 -ms-transition: all 100ms linear;
}
header .logo {
 position:absolute;
 top:-32px
}
header .logo img {
 max-width:110px;
}
/* nav bar */
header .nav-bar {
}
/*site nav*/
header .site-nav {
 float:right;
}
/*********************************************************************************
section styles
***************/
section.slider {
 position: relative;
}
/**/
section.contents {
}
/*main heading*/
.main-head {
 line-height:38px!important;
 font-weight:600;
 font-family: 'Roboto Condensed', sans-serif!important;
 font-size:34px;
 color:#333;
 text-transform:uppercase
}
.main-head span {
 font-family: 'Poppins', sans-serif!important;
 font-size:16px!important;
 font-weight:500;
 color:#0955a1;
 text-transform:uppercase
}
.main-head span.brdr {
 background: #52a016;
 height:3px;
 display:block;
 width:50px;
 margin:25px 0 20px!important;
}
.main-head span.brdr img {
 width:32px;
 height:41px;
 margin: auto;
 margin-top:-27px
}
/*icon bar*/
.icon-bar {
 margin-top: -90px;
 margin-bottom: 30px;
 position: relative;
 z-index: 999;
}
.icon-bar .container {
 background: #b31510;
 padding-top:5px;
 padding-bottom: 9px;
}
.icon-box {
 border:none;
}
.icon-box .icon {
 display: table;
 margin: 0 auto;
 padding: 0;
 position: relative;
 width: 80px;
 height: 80px;
}
.icon-box .icon::before {
 content: attr(data-num);
 text-align: center;
 position: absolute;
 font-size: 85px;
 font-weight: 700;
 width: 100%;
 bottom: -65px;
 left: -55px;
 color: rgba(255, 255, 255, 0.05);
}
.icon-box .icon img {
 max-width: 50px;
 -webkit-transition: 0.8s;
 -moz-transition: 0.8s;
 -o-transition: 0.8s;
 transition: 0.8s;
 position: relative;
 margin: auto;
 display: table;
 margin-top: 15px;
}
.icon-box:hover .icon {
}
.icon-box:hover .icon a {
 cursor:default!important
}
.icon-box:hover .icon img {
 transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -webkit-transition:0.4s;
 -moz-transition:0.4s;
 -o-transition:0.4s;
 transition:0.4s;
}
/* icon-box-body */
.icon-box-body {
}
.icon-box-body p {
 text-align: center;
 background: none !important;
 font-family: 'Roboto Condensed', sans-serif!important;
 font-weight: bold;
 color: #fff;
 font-size: 27px !important;
 line-height: 33px;
 text-transform: uppercase;
 margin-bottom:0!important
}
/**/
.home-abt-bar {
 padding:40px 0 70px 0!important;
}
.home-abt-bar .main-head {
 margin-top:10px !important
}
.home-abt-bar img {
 max-width:100%;
 /*border-radius:100%;*/
 /* border: 5px solid #52a016; */
}
.our-philosopy{
	text-align:center;
	margin-bottom:60px;
}
.philosopy-bg{
	background:#FFF;
	padding:40px 30px;
	position:relative;
	bottom:-100px;
	margin-top:-120px;
	-webkit-box-shadow: 0px 0px 19px 9px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 19px 9px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 19px 9px rgba(0,0,0,0.14);
}
.philo-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 180px;
    height: 180px;
    background: #73c418;
    border-radius: 50%;
    overflow: hidden;
    padding: 12px;
    font-weight: 300;
    font-size: 24px;
    line-height: 27px;
    color: #FFF;
	margin:0 auto;
}
.our-philosopy p{
	font-size:16px !important;
	line-height:24px;
	font-weight:600;
	color:#FFF !important;
}
.home-abt-bar .lb-yrs {
 width: 300px;
 height:300px;
 line-height: 30px;
 font-size: 22px !important;
 position: absolute;
 background: #52a016 url(../design_img/home-3.jpg) no-repeat center bottom;
 background-size:cover;
 color: #ffffff;
 padding: 100px 20px 20px !important;
 text-align: center;
 text-transform: uppercase;
 top: 80px;
 left: -130px;
 border: 3px solid #fff;
 border-radius:100%;
}
.home-abt-bar .lb-yrs strong {
 font-size: 80px;
 font-weight: 700;
}
.home-abt-bar .lb-yrs span {
 font-weight: 300;
 letter-spacing: 2.5px;
}
.home-abt-bar p {
 text-align:justify;
 font-size:15px!important;
}
.home-abt-bar .btn-more {
 background:transparent;
 color: #52a016!important;
 display: block;
 width:140px;
 margin:20px 0 0px!important;
 font-weight: 500;
 padding: 10px 5px;
 text-transform: uppercase;
 text-align:center;
 letter-spacing:1px;
 border:2px solid #52a016;
 border-radius:25px!important;
 position:relative;
 overflow:hidden;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.home-abt-bar .btn-more:after, .home-abt-bar .btn-more:before {
 content:'';
 position:absolute;
 top:50%;
 left:0%;
 right:0%;
 bottom:50%;
 background:rgba(82, 160, 22, 0.1);
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 z-index:-1
}
.home-abt-bar .btn-more:after {
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.home-abt-bar .btn-more:hover:after, .home-abt-bar .btn-more:hover:before {
 top:0%;
 bottom:0%;
 background:rgba(82, 160, 22, 1);
}
.home-abt-bar .btn-more:hover {
 color: #fff!important;
 background:transparent!important;
}
/**/
.home-cont-bar {
 background:#115aa4 url(../design_img/home-back-1.jpg) no-repeat center center;
 background-size:cover;
 padding:60px 0 0;
}
.home-cont-bar .main-head {
 color:#fff;
 text-align:center;
}
.home-cont-bar .main-head span {
 color: #52a016;
 font-weight: 500;
 font-size: 16px !important;
 margin-top: 5px;
}
.home-cont-bar .btn-cont {
 background:transparent;
 color: #f2c21a!important;
 display: block;
 width:155px;
 margin:15px auto 0px!important;
 font-weight: 500;
 padding: 10px 5px;
 text-transform: uppercase;
 text-align:center;
 letter-spacing:1px;
 border:2px solid #f2c21a;
 border-radius:25px!important;
 position:relative;
 overflow:hidden;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 z-index:1
}
.home-cont-bar .btn-cont:after, .home-cont-bar .btn-cont:before {
 content:'';
 position:absolute;
 top:50%;
 left:0%;
 right:0%;
 bottom:50%;
 background:rgba(242, 194, 26, 0.1);
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 z-index:-1
}
.home-cont-bar .btn-cont:after {
 -webkit-transition: all 400ms linear;
 -moz-transition: all 400ms linear;
 -o-transition: all 400ms linear;
 -ms-transition: all 400ms linear;
 transition: all 400ms linear;
}
.home-cont-bar .btn-cont:hover:after, .home-cont-bar .btn-cont:hover:before {
 top:0%;
 bottom:0%;
 background:rgba(242, 194, 26, 1);
}
.home-cont-bar .btn-cont:hover {
 color: #fff!important;
 background:transparent!important;
}
/**/
.uses-bar {
 padding-top:150px;
 padding-bottom:50px;
 background:#fff;
}
.uses-bar .main-head {
 text-align:center
}
.uses-bar .main-head span.brdr {
 margin: 20px auto 35px !important;
}
.uses-col {
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.uses-col .h-pic {
 height:185px;
 overflow:hidden
}
.uses-col .h-pic img {
 max-width:100%;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.uses-col .h-text {
 padding:30px 30px 20px;
 margin-bottom:30px;
 background:#fff;
 cursor:pointer;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.uses-col .h-text h4 {
 position: relative;
 text-align:left;
 font-family: 'Roboto Condensed', sans-serif!important;
 font-size:18px;
 font-weight:600;
 color:#333;
 text-transform: uppercase;
 margin:0px 0 8px 31px !important
}
.uses-col .h-text h4:after {
 content: '';
 border-top: 2px solid #52a016;
 width: 20px;
 position: absolute;
 left: -30px;
 top: 10px;
}
.uses-col .h-text p {
 text-align:justify;
 color:#999;
 line-height:28px
}
.uses-col:hover {
 -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
 transform:scale(1.05);
}
.uses-col:hover .h-pic img {
 transform:scale(1.1);
}
/**/
.work-bar {
 background:#115aa4 url(../design_img/home-back-2.jpg) no-repeat center center;
 background-size:cover;
 overflow:hidden
}
.work-bar .main-head span.brdr {
 margin: 20px 0 20px !important;
}
.work-bar img {
 max-width:100%;
}
.work-bar .work-col {
 padding:40px 10px 0px;
}
.work-bar .mylist {
 margin: 0 0 15px 35px !important;
}
.work-bar .mylist li {
 color:#666;
 margin-bottom:15px!Important;
 text-indent: -35px;
}
.work-bar .mylist li strong {
 font-family: 'Roboto Condensed', sans-serif!important;
 text-transform:uppercase;
 font-size:16px;
 color:#333
}
.work-bar .mylist li:before {
 content: url(../design_img/icon-list.png);
 vertical-align: -5px;
}
/*product slide bar */
.product-slide-bar {
 background: #fff;
 padding:40px 0 30px;
}
.product-slide-bar .product-slide-container {
 padding:0 80px;
}
.product-slide-bar .main-head {
 text-align:center
}
.product-slide-bar .main-head span.brdr {
 margin: 20px auto 15px !important;
}
.product-slide-bar .product-pic-container {
 padding: 10px;
}
/*products*/
 .product {
 margin: 0 10px;
}
.product-container {
 width:100%;
 height:auto;
 overflow:hidden;
}
.product-pic-container {
 width: 100%;
 height: auto;
 position:relative;
 overflow: hidden;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 transition: all 200ms linear;
}
.product-back {
 position: absolute;

 top: 50%;
 left: 50%;
 bottom: 50%;
 right: 50%;
 background: #000;
 z-index: 2;
 visibility: hidden;
 opacity: 0;
 border-radius:100%;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.product-pic {
 border-radius:10%;
 overflow:hidden;
 margin: 13px;
 -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
 box-shadow: 0px 0px 12px 0px rgb(64 9 9 / 68%);
}
.product-pic img {
 max-width: 100%;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.product-new {
 position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
 display: inline-block;
 background-color: #f36a1f;
 display:none
}
.product-new span {
 color: white;
 text-transform: capitalize;
 padding: 15px 0px;
 display: inline-block;
 transform: rotate(-90deg);
 font-weight: 300;
}
.product-new:after {
 content: "";
 width: 0px;
 height: 0;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
 border-top: 4px solid #f36a1f;
 position: absolute;
 bottom: -4px;
 left: 50%;
 margin-left: -4px;
}
.discount {
 background:#ffefca;
 color: #000;
 width: 62px;
 height: 25px;
 position: absolute;
 top: 0px;
 right: 0;
 z-index: 1;
 text-align: center;
 line-height: 22px;
 display:none
}
.product-btn {
 width: 50px;
 height: 115px;
 position: absolute;
 z-index: 3;
 left: 50%;
 top: 50%;
 margin-top:-56px;
 margin-left:-25px;
 -webkit-transition: all 350ms linear;
 -moz-transition: all 350ms linear;
 -o-transition: all 350ms linear;
 -ms-transition: all 350ms linear;
 transition: all 350ms linear;
}
.product-btn a {
 background: #52a016;
 font-size: 14px;
 color: #fff !important;
 width: 40px;
 height: 40px;
 display: block;
 text-align: center;
 padding-top: 10px;
 position:absolute;
 top:50%;
 margin-top:-20px;
 left:50%;
 margin-left:-20px;
 border-radius: 100%;
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 transform: scale(0);
 -webkit-transition: all 150ms linear;
 -moz-transition: all 150ms linear;
 -o-transition: all 150ms linear;
 -ms-transition: all 150ms linear;
 transition: all 150ms linear;
 position:relative
}
.product-btn a:hover {
 background: #fff;
 color:#333!important
}
.product-name {
 text-align:center;
 text-transform:uppercase;
 font-size:14px!important;
 margin:10px 0 5px !important;
 overflow: hidden !important;
 text-overflow: ellipsis;
 display: inline-block;
 white-space: nowrap !important;
 width: 100%;
}
.product-name a {
 color:#333 !important;
}
.product-name span {
 color:#999
}
.product-price {
 text-transform:capitalize;
 text-align:center;
 margin-top:5px!important;
 margin-bottom: 5px !important;
 display:none
}
.product-price .price-before {
 color:#999;
 text-decoration:line-through;
 font-size: 17px;
}
.product-price .price-now {
 font-weight:600;
 color:#1393dd;
 margin:0 5px;
 font-size: 17px;
}
.product-container:hover .product-back {
 visibility:visible;
 opacity: 0.3;
 top: 10px;
 left: 10px;
 bottom: 10px;
 right: 10px;
}
.product-container:hover .product-pic-container img{
	animation: animName 2s linear;
}
@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.product-container:hover .product-btn a {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 transform: scale(1);
}
/**/
/

section.contents .content-bar {
 padding:40px 0;
 overflow:hidden;
}
/* page banner*/
.banner-bar {
 background:#0072b8 url(../design_img/inner-banner.jpg) no-repeat center center;
 background-size:cover;
 padding:100px 0 100px;
}
.banner-bar .banner-content {
}
.banner-bar .banner-content h1 {
 font-weight:700;
 color:#FFF;
 text-transform:uppercase;
 position:relative;
 text-align:center;
}
/*.banner-bar .banner-content h1:before {
 content: '';
 border-top: 1px solid #999;
 width: 30px;
 position: absolute;
 left: 0;
 top: -15px;
 z-index: 2;
} */
/*location*/ 
.location {
	list-style: none;
    position: relative;
    display: table;
    margin: 15px auto 10px !important;
}
.location li {
 color:#ca0363 !important;
 text-transform:capitalize;
 float:left;
 width:auto;
 margin:  0px 10px 0px 0!important;
}
.location li:last-child {
 margin-right:0px!important;
}
.location li a:after {
 content: '\f105 ';
 font-family: 'FontAwesome';
 font-size: 13px;
 margin-left:10px;
 color:#ca0363;
}
.location li:last-child a:after {
 content: '';
 margin-left:0px;
}
.location li a {
 color:#ca0363 !important;
 font-size:16px;
 line-height:22px;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.location li a:hover {
 color:#fff !important;
}
.location li a.active {
 color:#fff!important;
}
/*bankers*/
.banker-col {
 min-height: 20px;
 padding: 15px;
 margin-bottom: 20px;
 background-color: #fff;
 border-radius: 4px;
 border: 1px solid #ddd;
}
.banker-col img {
 margin-bottom: 20px;
 display: inline-block;
 max-width: 100%;
 height: auto;
 padding: 4px;
 line-height: 1.42857143;
 background-color: #fff;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.banker-col p {
 color: #333;
 font-size:14px!important;
 margin-bottom:0!important
}
/*legals*/
.legal {
 height: auto;
 padding:10px 0px 0px 0px!important;
}
.legal:first-child {
 border: none;
}
.legal img {
 margin: auto;
 display: block;
 max-width: 100%;
}
.legal p {
 margin-top:10px!important;
 font-weight:600!important;
 text-transform: uppercase;
 color: #666;
 padding-bottom: 6px;
 text-align: center !important;
}
/* download col*/
 .download-col {
 text-align: center;
}
.download-col p {
 margin-bottom: 5px !important;
 font-weight: 600;
 font-size: 15px !important;
 text-align: center !important;
 color: #333;
 padding: 20px 5px !important;
 text-transform:uppercase
}
.download-col a {
 font-size:14px;
 background:#f34747;
 text-transform:uppercase;
 color:#fff!important;
 padding:5px 10px;
 letter-spacing:1.8px;
}
.download-col a:hover {
 background:#666;
}
.download-col img {
 margin:auto;
}
/* contact bar */
.contact-bar {
}
.contact-bar .cont-nav {
 background:#f5dd96;
 padding:40px;
 overflow:hidden;
}
.contact-bar .cont-nav h3 {
 color:#333;
 text-transform:uppercase;
 font-weight:600;
 margin: 0 0 40px 0!important;
 text-align:left
}
.contact-bar .cont-nav ul {
 list-style:none;
 margin-bottom:20px!important;
}
.contact-bar .cont-nav ul li {
 line-height: 24px;
 margin-bottom: 20px !important;
 overflow:hidden;
}
.contact-bar .cont-nav ul a {
 display:block;
 color:#333 !important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 font-size: 14px;
}
.contact-bar .cont-nav ul a i {
 margin-right:25px;
 float:left;
 margin-top: 4px;
 font-size: 20px;
 width:20px;
}
.contact-bar .cont-nav ul a span {
 float:left;
 display:block;
 width:calc(100% - 50px );
}
/**/
.contact-bar .main-head {
 text-align:center;
 margin: 30px 0 !important;
}
.contact-bar .iframe-form {
 width:100%;
 height:400px;
}
.contact-bar .form-group {
 position: relative;
 margin-bottom:7px!important;
}
.contact-bar .input-group-addon {
 border-radius: 3px !important;
 background: #eee;
 border:0;
 color:#999;
 width: 42px !important;
 border-top-right-radius:0 !important;
 border-bottom-right-radius:0 !important
}
.contact-bar .input-group {
 width: 100%;
}
.contact-bar input[type="text"], .contact-bar input[type="email"], .contact-bar input[type="password"], .contact-bar select, .contact-bar textarea {
 display:block;
 width:100%;
 color:#333333;
 font-size:14px;
 padding:15px 10px;
 height:auto;
 background:#f6f6f6!important;
 border-radius: 3px !important;
 border-top-left-radius:0 !important;
 border-bottom-left-radius:0 !important;
 border:0px solid #ececec!important;
 transition:all 500ms ease;
 -webkit-transition:all 500ms ease;
 -ms-transition:all 500ms ease;
 -o-transition:all 500ms ease;
}
.contact-bar textarea {
 height:160px;
 resize:none;
 padding-left: 10px !important;
}
.contact-bar .button {
 font-size:16px;
 margin-top:10px;
 margin:auto;
 display:table;
}
/*rankers*/
.rankers .achievers {
 background:#fff;
 border:1px solid #eee;
 border-bottom-color:#eee;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 margin-bottom:10px!important;
 margin-top:10px!important;
 width:100%;
 border-radius:0;
 overflow:hidden;
 margin: auto;
}
.rankers .achievers-container {
 width:100%;
 height:auto;
 position:relative;
 border-bottom:1px solid #eee;
}
.rankers .achievers-pic-container {
 width:100%;
 height:260px;
 margin-bottom:0px;
 position:relative;
}
.rankers .achievers-pic-container img {
 max-width:100%;
 max-height:100%;
 border-radius:0;
 position:absolute;
 top:50%;
 margin-bottom:-50%;
 left:50%;
 margin-right:-50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
}
.rankers .achievers-back {
 position:absolute;
 bottom:0%;
 left:0;
 top:0%;
 right:0;
 background:#000;
 z-index:2;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 transition: all 200ms linear;
 opacity:0;
 height:100%;
}
.rankers .achievers-btn {
 width:100%;
 height:auto;
 position:absolute;
 z-index:3;
 top: 130%;
 left: 50%;
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 transition: all 200ms linear;
}
.rankers .achievers-btn p {
 font-size:14px !important;
 color:#fff!important;
 text-align:center;
 line-height:24px;
}
.rankers h2 {
 font-size: 13px !important;
 color: #555;
 font-weight: 300;
 text-transform: capitalize;
 background: none;
 margin-bottom: 15px !important;
 border: 0;
 text-align: center;
 margin-top: 15px !important;
}
.rankers .rank {
 background: #c61c00;
 color: #fff;
 position: absolute;
 z-index: 1;
 top: -3px;
 padding: 2px 2px;
 font-size: 12px;
 border-radius: 0;
 left: -3px;
 font-weight: bold;
 width: 58px;
 text-align: center;
}
.rankers .achievers-container:hover .achievers-back {
 opacity: 0.8;
}
.rankers .achievers-container:hover .achievers-btn {
 top:50%;
}
/*********************************************************************************
my table start
***************/
section.contents .mytable {
}
section.contents .mytable caption {
 color:#333333;
 text-align:center;
 margin-bottom:5px;
 padding:0px;
 font-weight:600;
}
section.contents .mytable th {
 background:#3b8334;
 color:#fff;
 font-weight:600;
 vertical-align:middle!important;
 text-align:center;
 font-size:14px;
 text-transform:capitalize;
 height:40px;
}
section.contents .mytable td {
 vertical-align:middle!important
}
section.contents .mytable tr {
 -webkit-transition: all 0.25s ease-out;
 -moz-transition: all 0.25s ease-out;
 -ms-transition: all 0.25s ease-out;
 -o-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
}
section.contents .mytable tbody > tr > td {
 text-align:center;
 font-size:14px;
}
 section.contents .mytable tr:nth-child(odd) {
background:#e9faf9;
}
section.contents .mytable tr:hover {
 background:#eee
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
 list-style:none;
 padding:0 0 0 10px;
 margin:0 0 15px 25px !important;
 font-size:14px
}
ul.mylist li {
 line-height:22px;
 text-indent:-25px;
}
ul.mylist li:before {
 content: "\f138   ";/*f105 f138  */
 font: normal normal normal 14px/1 FontAwesome;
 margin-right:10px;
 color:#f88530;
}
ul.mylist li li:before {
 content: "- ";/*f105 f138  */
 font: normal normal normal 14px/1 FontAwesome;
 margin-right:16px;
 color:#f88530;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
 position: relative;
 margin-bottom: 18px !important;
}
.form-group label {
 font-weight:normal;
}
.form-group .label-err {
 width: auto;
 font-size: 11px;
 color: #f17e21;
 padding: 0px;
 position: absolute;
 left: 0;
}
.form-group .form-control {
 border-radius:0!important;
 box-shadow:none;
 background:none;
 padding:8px 12px;
 height:auto;
}
.form-group select.form-control {
 background-color: transparent;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-image: url(../design_img/icon-select-arrow.png);
 background-repeat: no-repeat;
 background-position: right 6px top 50%;
 z-index: 0;
 /*padding: 7px 20px 7px 4px; */
	padding-left:5px;
 padding-right:20px;
}
/*@-moz-document url-prefix() {
	.form-group select.form-control {
		padding: 7px 20px 7px 4px;
	}
}*/
.form-group .label-radio {
 margin-right:15px;
}
.form-group input[type=radio] {
 margin-right:5px;
}
.form-group .label-check {
 margin-right:15px;
 text-transform:none!important;
 font-family: 'Poppins', sans-serif!important;
}
.form-group .label-check a {
 color: #fcd80f!important;
}
.form-group .label-check a:hover {
 text-decoration:underline!important
}
.form-group input[type=checkbox] {
 margin-right:5px;
}
.form-group .form-control:focus {
 box-shadow:none;
 border-color:#ffa34a;
 color:#ffa34a
}
.form-group textarea.form-control {
 resize:none;
}
/*********************************************************************************
footer styles
***************/
footer {

    background: url(../design_img/footer-back.jpg) no-repeat bottom;
    background-size: cover;
}
footer h2 {
 text-align: left;
 color: #52a016;
 font-family: 'Roboto Condensed', sans-serif!important;
 font-size: 17px !important;
 margin-bottom: 20px !important;
 margin-left: 32px !important;
 text-transform: uppercase;
 position: relative;
}
footer h2:after {
 content: '';
 border-top: 2px solid #52a016;
 width: 20px;
 position: absolute;
 left: -30px;
 top: 10px;
}
footer .footer-bar {
 padding:80px 0px 10px;
}
footer .footer-bar p {
 line-height:25px;
 color:#fff
}
footer .footer-bar p a {
 color:#f2c21a!important;
}
/* footer site nav*/
footer .site-nav ul {
 list-style:none;
 margin-left: 28px!important;
 margin-bottom:20px!important;
}
footer .site-nav ul li {
 text-indent: -13px;
 line-height:30px;
 color:#fff!important;
}
footer .site-nav ul li i {
 margin-right:8px;
 color:#fff !important;
}
footer .site-nav ul a {
 color:#fff !important;
 text-align:left;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
footer .site-nav ul a:hover {
 color:rgba(255, 255, 255, 0.5)!important;
}
/* footer site nav*/
footer .nav-menu ul {
 list-style:none;
 margin:0!important;
}
footer .nav-menu ul li {
 line-height:30px;
 display:block;
 padding-right: 20px !important;
}
footer .nav-menu ul a {
 display:block;
 color:#fff!important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
footer .nav-menu ul a:hover {
 color:rgba(255, 255, 255, 0.5)!important;
}
/*social nav*/ 
footer .social-nav ul {
 list-style:none;
 padding:0px!important;
 float:left;
 margin-bottom:35px!important
}
footer .social-nav li {
 float:left;
 margin-right:5px!important;
}
footer .social-nav li a {
 border:0!important;
 padding:0!important
}
footer .social-nav li a .fa {
 color:#666!important;
 width:35px;
 height:35px;
 line-height:35px;
 text-align:center;
 border:0px;
 vertical-align:middle;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
footer .social-nav li a:hover .fa {
 color:rgba(255, 255, 255, 1)!important;
}
/*footer bar bottom*/

footer .footer-bar-bottom {
 color:#fff;
 background:rgba(0, 0, 0, 0.4)
}
footer .footer-bar-bottom .container {
 padding:20px 0!important;
}
footer .footer-bar-bottom .copy {
 text-align:center;
 margin-bottom:0px!important;
}
footer .footer-bar-bottom .co-name {
 margin-right:5px;
 color:#f2c21a;
}
footer .footer-bar-bottom .designer {
 margin-top:2px!important;
}
footer .footer-bar-bottom .designer img {
 border-radius: 100%;
 padding: 1px;
 background: #fff;
}
/* top and down button*/
#goTop, #goDown {
 border-radius:100%;
 width:40px;
 height:40px;
 padding-top:7px;
 text-align:center;
 position: fixed;
 bottom: 40px;
 right:  20px;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
 cursor: pointer;
 color: #fff!important;
 font-weight: bold;
 background: #33342e;
 z-index:9999;
}