@charset "utf-8";


.rot-text{
    vertical-align: middle;
    padding-top:10px;
    width:6%;
    border-left:5px dashed #666;
    border-top:5px dashed #666;
    border-bottom:5px dashed #666;
}
.rot-text img{
    width:70%;
}

.image-container {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 3px;
  text-align: center;
  margin: 4px;
}

.manage .tbl-header div:hover{
    cursor:pointer;
}

@media print
{
  .no-print, .no-print *
  {
    display: none !important;
  }
}

@media screen
{
  .only-print, .only-print *
  {
    display: none !important;
  }
}

/* CSS Document */
@font-face {
    font-family: 'yu_mincholight';
    src: url('../fonts/yuminl-webfont.eot');
    src: url('../fonts/yuminl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yuminl-webfont.woff2') format('woff2'),
         url('../fonts/yuminl-webfont.woff') format('woff'),
         url('../fonts/yuminl-webfont.ttf') format('truetype'),
         url('../fonts/yuminl-webfont.svg#yu_mincholight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff'),
         url('../fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.eot');
    src: url('../fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff'),
         url('../fonts/lato-medium-webfont.ttf') format('truetype'),
         url('../fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato-semibold-webfont.eot');
    src: url('../fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('../fonts/lato-semibold-webfont.woff') format('woff'),
         url('../fonts/lato-semibold-webfont.ttf') format('truetype'),
         url('../fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.home_inner_header {position: absolute; top: 0; left: 0; z-index: 1000; max-width: 1200px; margin: 0 auto; left: 50%; margin-left: -600px;}
/*slider start*/
.slider{position:relative; z-index:0;}
/*header starrt*/
.slider header{position:absolute; top:0px; left:0px; right:0px; z-index:1; padding:0px; margin:0px; height:138px;}
header .logo{background:#fff; width:40%; display:inline-block; float:left;}
header .logo figure{text-align:center; padding: 31px 0 0 0;}
.top-menu {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-top: 5px;
    overflow: hidden;
}
.top-menu .ctas {
    text-align: left;
    float: left;
    padding: 0;
}
.top-menu .ctas li {
    display: inline-block;
    list-style: none;
    padding: 0 0;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #e6e6e6;
}
.top-menu .ctas li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.top-menu .ctas li a, .top-menu .ctas li a:focus, .top-menu .ctas li a:active {
    color: #929292;
    text-decoration: none;
}
.top-menu .login {
    text-align: right;
    float: right;
}
.top-menu .login li {
    display: inline-block;
    list-style: none;
    padding: 0 0;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #e6e6e6;
}
.top-menu .login li:first-child, .top-menu .login li.dashboard-item {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.top-menu .login li a, .top-menu .login li a:focus, .top-menu .login li a:active {
    color: #929292;
    text-decoration: none;
}
.header-right-panel{background:#fff; padding:24px 18px 0 45px; display:inline-block; width:60%; float:left; height:137px;}
.menu figure { height: 32px; width: 32px; max-width:100%; display:inline-block;}
.menu figure img { max-width: 100%;}
.menu ul { font-size: 0; margin: 0 15px 0 0; padding: 0; display:inline-block; vertical-align:middle;}
.menu ul li{display: inline-block; font-size: 14px; list-style: outside none none; margin-right: 32px; vertical-align: top;}
.menu ul.login li{margin-right:25px;}
.menu ul.login li a{color:#7d7d7d; text-transform:uppercase; font-family: 'latoregular'; font-size:13px;  transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.menu ul.login li a:hover{text-decoration:none; color:#067900; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.menu figure { display: inline-block; height: 42px; line-height: 42px; max-width: 100%; vertical-align: top; width: 32px;}
.menu figure img { max-width: 100%;}
.menu ul.cart li{margin-right:0px;}
.cart span { color: #7d7d7d; display: inline-block; font-family: 'latoregular'; font-size: 13px; line-height: 38px;}
.support-content { display: inline-block; margin-left: 15px;}
.support-content span { color: #7d7d7d; font-size: 11px; text-transform: uppercase;}
.support-content h4 { color: #7d7d7d; font-size: 21px; margin: 0; line-height:21px; font-family:"yu_mincholight"; }
.support-content{display:inline-block;}
.navigation .navbar-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-radius: 0; margin:29px 0 0; min-height: auto; display:inline-block; width:100%;}
.navigation .navbar-collapse{padding:0px;}
.navigation .navbar-nav{ display: inline-block; float: none;}
.navigation .navbar-nav > li { display: inline-block; float: none; padding:0 3px;}
.navigation .navbar-default .navbar-nav > li > a { border-bottom: 6px solid transparent; color: #282828; font-family: latoregular; font-size: 14px; padding: 0 10px 15px; text-transform: uppercase; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.navigation .navbar-nav > li:last-child { float: right; margin-left: 30px; margin-right:0px; padding: 0;}
.navigation .navbar-default .navbar-nav > .active > a,.navigation  .navbar-default .navbar-nav > .active > a:hover,.navigation .navbar-default .navbar-nav > .active > a:focus, .navigation .navbar-default .navbar-nav > li > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 6px solid #067900; color: #282828; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.support-content h4.mail-id{font-size:17px;}
.support-content h4.mail-id a{text-decoration:none; font-size:18px; font-family:"yu_mincholight"; color:#7d7d7d; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.support-content h4.mail-id a:hover{transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; color:#067900;}
.search { background: #fff none repeat scroll 0 0; height: 33px; width: 215px; display:inline-block; margin-left:0px; position:relative;}
.search input { border: 0 none; box-shadow: none; background: #e7e7e7; color: rgba(0, 0, 0, 0.6); font-size: 13px; height: 100%; padding-left: 13px; width:100%;}
.search img {position:absolute; top:7px; right:10px;}
/*header end*/
.slider .carousel-inner{position:relative;}
.slider .carousel-inner::after{position:absolute; left:0px; top:0px; width:100%; height:100%; content:""; background:rgba(5,6,26,0.4);}
.slider .carousel-inner figure{margin: 0; text-align: center;}
.slider-content{left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 275px; width: 660px;}
.slider-content h1{color: #fff; font-family: 'latoregular'; font-size: 36px; margin: 0; text-transform: uppercase; letter-spacing:0.72px;}
.slider-content p{color: #fff; font-family: 'latoregular'; font-size: 16px; margin:12px 0 45px; letter-spacing:0.50px;}
.slider-content a.btn-default{width:229px; /*height:75px;*/ display:inline-block; margin:0 10px; text-align:center; border-radius:3px; padding:12px 0; font-size:16px; font-family: 'latobold'; text-decoration:none;}
.slider-content a.btn-default b{font-weight:normal; display:block; font-size:27px; font-family: 'latobold'; line-height:27px; text-transform:uppercase;}
.slider-content a.btn-default.buy {background:#067900; color:#fff; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.slider-content a.btn-default.buy:hover{background:#fff; color:#232139; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.slider-content a.btn-default.sell{background:#fff; color:#232139; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.slider-content a.btn-default.sell:hover{background:#067900; color:#fff; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.construction-list { bottom: 32px; left: 0; margin: 0 auto; max-width: 1170px; position: absolute; right: 0; width: 100%;}
.construction-list ul{padding:0px; margin:0px; font-size:0px;}
.construction-list ul li{display:inline-block; width:33%; font-size:14px; list-style:none;}
.construction-list figure { display: inline-block; vertical-align: top; margin-right:5px;}
.list-content { display: inline-block;}
.list-content h4{margin:0px; text-transform:uppercase; color:#fff; font-size:23px; font-family: 'latoregular';}
.list-content p{font-size:14px; font-family: 'latoregular'; margin-bottom:14px; color:#fff;}
.list-content a{font-size:14px; font-family: 'latoregular'; padding-bottom:12px; color:#fff; position:relative; border-bottom: 3px solid #067900; max-width:79px; display:block; text-decoration:none; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.list-content a:hover{color:#067900; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
/*slider end*/
/*network-construction start*/
.network-construction{
    background-color:#05061a;
    height: 100%;
    width: 100%;
    padding:50px 0;
}
.network-construction h2{padding:0px; margin:0px; color:#999; text-align:center; font-size:27px; font-family:'latobold';}
.network-construction p{color:#999; font-size:18px; font-family: 'latoregular'; margin:0 0 40px; text-align:center;}
.about { background: #232139 none repeat scroll 0 0; display: inline-block; margin-right: 20px; vertical-align: top; width: 65.5%; margin-bottom:20px; height:440px;}
.about figure{width:49%; display:inline-block; height:440px; overflow:hidden;}
.about img { margin-left: -150px;}
.about-content{display:inline-block; width:50%; padding:40px 10px 26px 24px; vertical-align:top;}
.about-content h5{margin:0px; font-size:23px; color:#fff; font-family: 'latoregular'; font-weight:normal;}
.about-content p{margin-top:25px; margin-bottom:0px; color:rgba(255,255,2555,0.4); font-size:14px; font-family: 'latoregular'; text-align:left;}
.about-content a.btn-default{height:35px; width:105px; border:1px solid #067900; display:block; background:none; text-align:center; color:#067900; line-height:35px; margin-top:35px; text-transform:uppercase; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; font-size:12px; font-family: 'latoregular';}
.about-content a.btn-default:hover, .about-content a.btn-default:focus{text-decoration:none; color:#fff; border:1px solid #fff; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.code { display: inline-block; vertical-align: top; width: 32%; margin-bottom:20px;}
.code figure{width:375px; height:440px; overflow:hidden; position:relative;}
.code figure::after{position:absolute; top:0px; left:0px; content:""; height:100%; width:100%; background:rgba(5,6,26,0.7);}
.code img { margin-left: -133px;}
.code-content { bottom: 35px; left: 19px; position: absolute; right: 19px; z-index: 1;}
.code-content h3{color:#fff; margin:0px; font-size:23px; font-weight:normal; font-family: 'latoregular';}
.code-content p{text-align:left; color:#fff; font-size:14px; font-family: 'latoregular'; margin:20px 0 0px;}
.code-content a.btn-default{height:35px; width:105px; border:1px solid #fff; display:block; background:none; text-align:center; color:#fff; line-height:35px; margin-top:35px; text-transform:uppercase; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; font-family: 'latoregular'; font-size:12px;}
.code-content a.btn-default:hover, .code-content a.btn-default:focus{text-decoration:none; color:#067900; border:1px solid #067900; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.sell-with-us{display:block; position:relative; height:557px; width:100%; background-image:url(../images/sell-img.jpg); background-repeat:no-repeat;}
.sell-content { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50px; z-index: 1;}
.sell-content h4{color:#fff; font-size:44px; text-transform:capitalize; margin:0px; font-weight:normal; font-family: 'latoregular';}
.sell-content p{text-align:center; color:#fff; font-size:23px; font-family: 'latolight'; margin:20px 0 30px; }
.sell-content a.btn-default{ background:transparent; height:48px; line-height:48px; color:#fff; width:174px; margin:0 auto; border:1px solid #fff; display:block; font-size:17px; text-transform:uppercase; font-family: 'latoregular'; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.sell-content a.btn-default:hover, .sell-content a.btn-default:focus{color:#232139; border:1px solid #232139; text-decoration:none;  transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}

/*network-construction end*/
/*resource management start*/
.resource-management {background:#fff;  text-align:center; padding:50px 0;}
.resource-management .tabs .content ul {font-size: 0; margin: 0; padding: 0;}
.resource-management .tabs .content ul li{list-style:none; font-size:14px; display:inline-block; width:23.5%; margin:0 20px 20px 0; vertical-align:top;}
.resource-management .tabs .content ul li:nth-child(4n+4){margin:0 0 20px 0;}
.resource-management .tabs .content ul li  figure{height:295px; width:277px; overflow:hidden; position:relative; background:#000;}
.resource-management .tabs .content ul li figure::after{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+26&0+1,0.08+57,0.08+60,0.89+98,0.89+99,0.89+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.04) 26%, rgba(0,0,0,0.08) 57%, rgba(0,0,0,0.08) 60%, rgba(0,0,0,0.89) 98%, rgba(0,0,0,0.89) 99%, rgba(0,0,0,0.89) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 26%,rgba(0,0,0,0.08) 57%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.89) 98%,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.89) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 26%,rgba(0,0,0,0.08) 57%,rgba(0,0,0,0.08) 60%,rgba(0,0,0,0.89) 98%,rgba(0,0,0,0.89) 99%,rgba(0,0,0,0.89) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000',GradientType=0 ); /* IE6-9 */ position:absolute; left:0px; bottom:0px; width:100%; height:100%; content:"";}
.resource-content { bottom: 20px; left: 20px; position: absolute; text-align:left; z-index: 1;}
.resource-content h3{margin:0px; font-size:22px; font-family: 'latoregular'; color:rgba(255,255,255,0.8);}
.resource-content h3 a{font-size:22px; font-family: 'latoregular'; color:rgba(255,255,255,0.8); text-decoration:none;}
.resource-management h2 { color: #202328; font-family: latobold; font-size: 27px; font-weight: normal; margin: 0;}
.resource-management p{margin:20px 0 60px; font-size:14px; font-family: 'latoregular'; color:rgba(0,0,0,0.8);}
.resource-management .nav-tabs { border-bottom: 1px solid #dadadb; display: block;}
.resource-management .nav-tabs > li { display: inline-block; float: none; margin: 0;}
.resource-management .tabs .content ul li:hover figure img{  transform: scale(1.05);}
.resource-management .tabs .content ul li figure img{transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.resource-management .nav-tabs li{border-bottom: 6px solid transparent;}
.resource-management .nav-tabs li.active, .resource-management .nav-tabs li.active:hover, .resource-management .nav-tabs li:hover{border-bottom: 6px solid #067900;}
.resource-management .nav-tabs > li > a { border-radius: 0; color: #202328; font-family: "latoregular"; font-size: 15px; margin: 0; outline: 0 none; padding: 10px 19px 9px 19px; text-transform: uppercase; border:0px; outline:0px;}
.resource-management .nav-tabs > li.active > a, .resource-management .nav-tabs > li.active > a:hover,.resource-management .nav-tabs > li.active > a:focus, .resource-management .nav-tabs > li > a:hover{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background:none; border:0px; padding: 10px 19px 9px 19px; border-image: none; border-style: solid; border-width: 0px; cursor: defaul;}.resource-management .tabs .content{margin-top:35px;}
.resource-management .tabs .content ul li:last-child figure{background:#232139;}
.resource-management .tabs .content ul li:last-child figure::after{display:none;}
.resource-management .tabs .content ul li:last-child figure .resource-content{display:block; text-align:center; left:0px; right:0px; bottom:0px; top:45%;}
.resource-management .tabs .content ul li:last-child figure .resource-content a{color:#72ac20; font-size:22px; font-family: 'latoregular'; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; text-transform:capitalize;}
.resource-management .tabs .content ul li:last-child figure .resource-content a:hover{color:#fff; text-decoration:none; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
/*resource management end*/

/*footer start*/
.footer-body{padding:38px 0 36px;}
.footer-body h4{margin:0 0 25px; font-size:18px; font-family: 'latobold'; font-weight:normal; color:rgba(0,0,0,0.8);}
.footer-body ul{padding:0px; margin:0px; font-size:0;}
.footer-body ul li{font-size:14px; list-style:none; margin:0 0 7px;}
.footer-body ul li a{font-size:14px; font-family: 'latoregular'; color:rgba(0,0,0,0.8); text-decoration:none; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.footer-body ul li a:hover{transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; text-decoration:none; color:#067900;}
.footer-body .social li{display:inline-block; margin-left:5px;}
.footer-body .social li:first-child{margin-left:0px;}
.footer-body .social li figure{height:38px; width:38px; overflow:hidden; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.footer-body .social li figure:hover img{margin-top:-38px; transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.elink { display: inline-block; vertical-align: top; width: 30%;}
.Services {display: inline-block; vertical-align: top; width: 15%;}
.Materials { display: inline-block; vertical-align: top; width: 27%;}
.Equipment { display: inline-block; vertical-align: top; width: 25%;}
.Follow-us { display: inline-block; vertical-align: top; width: 16%;}
.footer-bottom{border-top:1px solid #e7e7e7; padding:18px 0;}
.footer-bottom ul{padding:0px; margin:0px; font-size:0px;}
.footer-bottom ul li{font-size:14px; list-style:none; display:inline-block; padding:0 10px; position:relative;}
.footer-bottom ul li::after { border: 1px solid #3d3d3d; content: ""; height: 13px; left: 0; position: absolute; top: 5px; width: 1px;}
.footer-bottom ul li:first-child::after{display:none;}
.footer-bottom ul li:first-child{padding-left:0px;}
.footer-bottom ul li a{font-size:14px; font-family: 'latoregular'; color:rgba(0,0,0,0.8); transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s;}
.footer-bottom ul li a:hover{transition: all 0.7s ease 0s; -moz- transition: all 0.7s ease 0s; -ms- transition: all 0.7s ease 0s; -o- transition: all 0.7s ease 0s; -webkit- transition: all 0.7s ease 0s; text-decoration:none; color:#067900;}
.footer-bottom p{text-align:right; font-size:14px; font-family: 'latoregular'; color:rgba(0,0,0,0.8); margin:0px;}
/*footer end*/

/**about-us page css**/
.menu ul.cart{margin:0;}
body{font-family: 'latoregular';}
footer{background-color:#fff;}
.inner_header{background-color:#fff;}
.graybg{background-color:#f1f1f1;}
.graybg .breadcrumb{background-color:inherit; margin:0; padding:15px 0;}
.graybg .breadcrumb li, .graybg .breadcrumb li a{color:#939393; font-size:14px; font-family: 'latoregular'; text-decoration:none;}

.aboutus{margin-bottom:35px;}
.aboutus .nav-tabs{border:none;}
.aboutus .nav-tabs > li{float:none; margin-bottom:0;}
.aboutus .nav-tabs > li a{margin:0; border:none; font-size:18px; color:#202328; border-radius:0; position:relative; padding:11px 15px; outline:0;}
.aboutus .nav-tabs > li.active > a, .aboutus .nav-tabs > li.active > a:hover, .aboutus .nav-tabs > li.active > a:focus
{border:none; background-color:#067900; color:#fff; border-radius:0;}
.aboutus .nav-tabs > li > a:hover{background-color:inherit;}
.aboutus .nav-tabs > li.active > a:after{position:absolute; top:0; right:-24px; content:""; height:47px; width:24px; background-image:url(../images/green-arw.png); background-repeat:no-repeat;}
.about_text{background-color:#fff; padding:35px 40px 90px;}
.about_text h2{font-size:23px; padding:0; margin:0 0 40px; color:#3d3d3d; position:relative;}
.about_text h2:after{position:absolute; bottom:-15px; left:0; content:""; height:7px; width:70px; background-color:#067900;}
.about_text h3{margin:0 0 25px; padding:15px; color:#3d3d3d; background-color:#f1f1f1; font-size:18px;}
.about_text p{font-size:14px; color:#7e7e7e; margin:0 0 25px 0; line-height:22px;}
.about_text ul{list-style:none; display:block; margin:0; padding:0;}
.about_text ul li{display:contents; margin:0; padding:8px 0 8px 20px; position:relative; font-size:13px; color:#7e7e7e;}
.about_text ul li:after{position:absolute; top:15px; left:0; content:""; height:7px; width:7px; background-color:#067900;}

/**login page css**/
.styled-selectors{position:relative;}
.styled-selectors input[type=checkbox]:not(old), .styled-selectors input[type=radio]:not(old):not(.style_none_checkbox){width:28px;	margin:0; padding:0; opacity:0; position:absolute; left:-1px; cursor:pointer;}
.styled-selectors input[type=checkbox]:not(old)+label, .styled-selectors input[type=radio]:not(old)+label{display:inline-block;	margin-right:6px; margin-left:0; padding-left:28px; line-height:28px; cursor:pointer; font-weight:normal;}
.styled-selectors input[type="checkbox"]:not(old) + label{background:url(../images/uncheck.png) no-repeat; background-position:0px 5px;}
.styled-selectors input[type="checkbox"]:checked + label{background:url(../images/check.png) no-repeat; background-position:0px 5px;}
.styled-selectors input[type="radio"]:not(old) + label{background:url(../images/radio-uncheck.png) no-repeat; background-position:0px 5px;}
.styled-selectors input[type="radio"]:checked + label{background:url(../images/radio-checked.png) no-repeat; background-position:0px 5px;}

.login_page{background-color:#fff; margin:32px 0 38px; padding:38px 35px 98px; position:relative;}
.login_page:after{position:absolute; top:50%; left:50%; content:""; width:1px; height:100%; background-image:url(../images/login-shadow.png); background-repeat:no-repeat; margin:-288px 0 0 -85px;}
.login_page h3{font-size:23px; color:#3d3d3d; margin:0 0 30px; line-height:30px;}
.login_page h3 span{display:block; font-size:18px; font-family: 'latolight';}
.login_page .form-control{border:none; border-bottom:1px solid #cfcfcf; box-shadow:none; padding:6px 0; border-radius:0; color:#3d3d3d; height:46px; margin-bottom:14px; font-size:15px;}
.login_page .form-control::-moz-placeholder{color:#3d3d3d;}
.login_page .form-control:-ms-input-placeholder{color:#3d3d3d;}
.login_page .form-control::-webkit-input-placeholder{color:#3d3d3d;}
.continue_login .form-group{margin-bottom:0; position:relative;}
.continue_login .form-group .form-control{padding-left:35px;}
.continue_login .form-group > img{position:absolute; top:12px; left:0;}
.login_page p a{color:#067900;}
.login_page .styled-selectors input[type=checkbox]:not(old)+label a, .login_page .styled-selectors input[type=radio]:not(old)+label a{color:#067900;}
.login_page .btn.btn-default{background-color:#067900; color:#fff; border:1px solid #067900; font-size:15px; height:43px; display:block; text-transform:uppercase; width:100%; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.login_page .btn.btn-default:hover, .login_page .btn.btn-default:active, .login_page .btn.btn-default:focus{background-color:#232139; color:#fff; border:1px solid #232139;}
.login_page p{margin:0; font-size:15px;}
.continue_login{padding-right:35px;}
.registration{padding-left:35px;}
.login_page .continue_login .btn.btn-default{margin-bottom:40px;}
.continue_login .styled-selectors{margin:20px 0 30px; display:inline-block;}
.registration .col-sm-12 .styled-selectors{margin:20px 0 30px; display:inline-block;}
.login_page .registration .btn.btn-default{height:53px; margin:12px 0px 0px 0px;}
.capcha{border:1px solid #d3d3d3; background-color:#f9f9f9; border-radius:4px; padding:5px 15px; position:relative; min-height:80px; line-height:68px;}
.capcha a{position:absolute; top:4px; right:15px;}

/* Partners Signup */
.partners_signup .form-control{border:none; border-bottom:1px solid #cfcfcf; box-shadow:none; padding:6px 0; border-radius:0; color:#3d3d3d; height:46px; margin-bottom:14px; font-size:15px;}
.partners_signup .form-control::-moz-placeholder{color:#3d3d3d;}
.partners_signup .form-control:-ms-input-placeholder{color:#3d3d3d;}
.partners_signup .form-control::-webkit-input-placeholder{color:#3d3d3d;}
.partners_signup .form-group{margin-bottom:0; position:relative;}
.partners_signup .form-group .form-control{padding-left:35px;}
.partners_signup .form-group > img{position:absolute; top:12px; left:0;}
.partners_signup p a{color:#067900;}
.partners_signup .styled-selectors input[type=checkbox]:not(old)+label a, .partners_signup .styled-selectors input[type=radio]:not(old)+label a{color:#067900;}
.partners_signup .btn.btn-default{margin-top: 20px; background-color:#067900; color:#fff; border:1px solid #067900; font-size:15px; height:auto; padding: 15px 30px; display:block; text-transform:uppercase; width: auto; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.partners_signup .btn.btn-default:hover, .login_page .btn.btn-default:active, .partners_signup .btn.btn-default:focus{background-color:#232139; color:#fff; border:1px solid #232139;}
.partners_signup p{margin:0; font-size:15px;}
.continue_login{padding-right:35px;}
.partners_signup .continue_login .btn.btn-default{margin-bottom:40px;}
.partners_signup .styled-selectors{margin:20px 0 30px; display:inline-block;}
.partners_registration .col-sm-12 .styled-selectors{margin:20px 0 30px; display:inline-block;}
.partners_signup .registration .btn.btn-default{height:53px; margin:12px 0px 0px 0px;}
.capcha{border:1px solid #d3d3d3; background-color:#f9f9f9; border-radius:4px; padding:5px 15px; position:relative; min-height:80px; line-height:68px;}
.capcha a{position:absolute; top:4px; right:15px;}
.partners_signup textarea {min-height: 200px;}

.partners_registration h3 {
    font-size: 23px;
    color: #3d3d3d;
    margin: 0 0 30px;
    line-height: 30px;
    background: none;
    padding: 0;
}
.partners_registration h3 span {
    display: block;
    font-size: 18px;
    font-family: 'latolight';
}

/* Leads Signup */
.leads_signup {
    padding-bottom: 50px;
}
.leads_signup .form-control{border:none; background: none; border-bottom:1px solid #cfcfcf; box-shadow:none; padding:6px 0; border-radius:0; color:#3d3d3d; height:46px; margin-bottom:14px; font-size:15px;}
.leads_signup .form-control::-moz-placeholder{color:#3d3d3d;}
.leads_signup .form-control:-ms-input-placeholder{color:#3d3d3d;}
.leads_signup .form-control::-webkit-input-placeholder{color:#3d3d3d;}
.leads_signup .form-group{margin-bottom:0; position:relative;}
.leads_signup .form-group .form-control{padding-left:35px;}
.leads_signup .form-group > img{position:absolute; top:12px; left:0;}
.leads_signup p a{color:#067900;}
.leads_signup .styled-selectors input[type=checkbox]:not(old)+label a, .partners_signup .styled-selectors input[type=radio]:not(old)+label a{color:#067900;}
.leads_signup .btn.btn-default{margin-top: 20px; background-color:#067900; color:#fff; border:1px solid #067900; font-size:15px; height:auto; padding: 15px 30px; display:block; text-transform:uppercase; width: auto; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s;}
.leads_signup .btn.btn-default:hover, .login_page .btn.btn-default:active, .partners_signup .btn.btn-default:focus{background-color:#232139; color:#fff; border:1px solid #232139;}
.leads_signup p{margin:0; font-size:15px;}
.continue_login{padding-right:35px;}
.leads_signup .continue_login .btn.btn-default{margin-bottom:40px;}
.leads_signup .styled-selectors{margin:20px 0 30px; display:inline-block;}
.leads_registration .col-sm-12 .styled-selectors{margin:20px 0 30px; display:inline-block;}
.leads_signup .registration .btn.btn-default{height:53px; margin:12px 0px 0px 0px;}
.leads_signup textarea {min-height: 200px;}

.leads_registration h3 {
    font-size: 23px;
    color: #3d3d3d;
    margin: 0 0 30px;
    line-height: 30px;
    background: none;
    padding: 0;
}
.leads_registration h3 span {
    display: block;
    font-size: 18px;
    font-family: 'latolight';
}
.sidebar p a {color: #067900;}


/**listing page css**/
.product_tabs .nav-tabs{border-bottom:inherit; margin-bottom:40px; text-align:center;}
.product_tabs .nav-tabs > li{margin:0 8px; float:none; display:inline-block; vertical-align:top; font-size:18px;}
.product_tabs .nav-tabs > li a{color:#3d3d3d; border:none; margin:0; background-color:#fff; border-radius:4px; padding:15px 20px; width:200px; outline:none; position:relative;}
.product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li.active > a:focus{border:none; background-color:#067900; color:#fff;}
.product_tabs .nav-tabs > li.active > a:after{position:absolute; content:""; left:0; bottom:-10px; width:100%; height:12px; background-image:url(../images/tab_btm_arw.png); background-repeat:no-repeat; background-position:center;}
.filter_result{background-color:#fff; padding:15px 18px; margin-bottom:18px;}
.filter_result p{margin:0; font-size:18px; color:#3d3d3d; padding:5px 0px 0px 0px;}
.filter_result p strong{font-weight:normal; display:inline-block; vertical-align:top; color:#067900; font-family: 'latobold';}
.filter .form-control{height:36px; box-shadow:none; border-radius:0; display:inline-block; vertical-align:top; width:190px;}
.filter .go_btn .form-control{ padding:6px 40px 6px 12px;}
.filter select.form-control{width:165px; appearance:none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; background-image:url(../images/select_drpdwn.png); background-repeat:no-repeat; background-position:95% 17px; cursor:pointer;}
.go_btn{position:relative; display:inline-block; margin:0px 5px; vertical-align:top;}
.go_btn button{background-color:#067900; border:1px solid #067900; color:#fff; display:block; height:36px; width:38px; text-align:center; font-size:13px; text-transform:uppercase; position:absolute; top:0; right:0;}
.filter > a{display:inline-block; height:36px; width:38px; border:1px solid #dfdfe2; text-align:center; line-height:30px; vertical-align:top;}

.product_listing ul.prdt_list{list-style:none; padding:0; margin:0; font-size:0; text-align:center;}
.product_listing ul.prdt_list li{display:inline-block; width:270px; margin:0 20px 25px 0; padding:0; vertical-align:top; font-size:14px; background-color:#fff; -webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.1); box-shadow:0 0 2px 1px rgba(0,0,0,.1); position:relative; text-align:left;}
.product_listing ul.prdt_list li figure{text-align:center; background-color:#f2f2f2;}
.product_listing ul.prdt_list li figure img{max-width:100%;}
.left_link .navbar-collapse{padding:0;}
.left_link h3{font-size:18px; margin:0; color:#3d3d3d; font-family: 'latobold'; background-color:#f7f7f7; color:#3d3d3d; padding:16px 20px;}
.left_link ul{list-style:none; padding:12px 0 50px; margin:0; background-color:#fff;}
.left_link ul li{display:block; margin:0; padding:5px 15px; font-size:13px;}
.left_link ul li a{color:#202328;}
.left_link ul li a.more{color:#067900; font-size:15px;}
.pro_detail{padding:15px 15px 20px; height:252px;}
.pro_detail h4{margin:0 0 12px; font-size:18px;}
.pro_detail h4 a{color:#3d3d3d; text-decoration:none;}
.pro_detail span{display:block; color:#7e7e7e; font-size:13px; font-family: 'latobold';}
.pro_detail span img{margin-right:7px; vertical-align:top;}
.pro_detail p{font-size:13px; color:#7e7e7e; margin:20px 0;}
.pro_detail span.prize{
    font-family: 'latoregular'; font-size:19px; color:#fff;
    text-align:center; line-height:48px; height:57px;
    width:225px; background-image:url(../images/prize_ribben-long.png);
    background-repeat:no-repeat; /*position:absolute; bottom:10px; left:-10px;*/ margin-left: -24px;}


.product_listing nav{text-align:center;}
.product_listing .pagination{margin:25px 0 50px;}
.product_listing .pagination > li{display:inline-block;}
.product_listing .pagination > li > a, .product_listing .pagination > li > span{color:#067900;}
.product_listing .pagination > li:first-child > a, .product_listing .pagination > li:first-child > span{color:#ccc;}
.product_listing .pagination > li > a.active{color:#3d3d3d;}
.product_listing .pagination > li > a.disable{cursor:no-drop;}

.profile-form .form-control {
    padding: 10px;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}
.profile-form .form-control:focus {
    border-color: #067900;
}

.sk-circle {
  margin: 30px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.help-block, .about_text p.help-block {
    color: #a13030;
    font-size: 16px!important;
    margin-bottom: 15px!important;
    padding-left: 0;
    font-weight:bold;
}
#captcha {
    margin-bottom: 8px;
}

.login_page .btn.btn-default:active, .login_page .btn.btn-default:focus {
    background-color: #067900;
    color: #fff;
    border: 1px solid #067900;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    outline: none;
}

@media (min-width:1200px) and (max-width:1400px){
.slider .carousel-inner figure img {
    /*margin-left: -275px;*/
}
}

@media (min-width:768px){
.aboutus .col-sm-9{padding-left:0;}
.aboutus .nav-tabs > li{z-index:1;}
.about_text p, .about_text h4 {padding-left:8px;}
}
@media (min-width:992px){
.navigation .navbar-nav > li:last-child{margin-top:-8px;}
}
@media (min-width:1200px){
/**listing page css**/
.product_listing ul.prdt_list li:nth-child(3n+3){margin-right:0;}
.buy .col-sm-3{width:26.5%;}
.buy .col-sm-9{width:73.5%;}
.filter{text-align:right;}
.menu ul.login{margin:0 18px 0 12px;}
}
@media (min-width:992px) and (max-width:1199px){
.slider header {height:auto;}
header .logo figure { padding: 27px 0; text-align: center;}
header .logo { width: 315px;}
.header-right-panel { height: 121px; padding: 13px 10px 0; width: 623px;}
.menu ul li { margin-right: 10px;}
.support-content { margin-left: 7px;}
.support-content h4 { font-size: 16px;}
.menu ul.login li { margin-right: 10px;}
.menu ul.login li a {font-size: 12px;}
.support-content span { font-size: 10px;}
.navigation .navbar-default .navbar-nav > li > a { font-size: 12px; padding: 0 5px 9px;}
.search { margin-left:20px; width: 175px;}
.construction-list { max-width: 970px;}
.construction-list figure { width: 20%;}
.construction-list img { max-width: 100%;}
.list-content h4 {font-size:20px;}
.list-content p { font-size: 12px; margin-bottom: 7px;}
.code { height: 440px; margin-bottom: 20px; width: 31%;}
.code figure { height: 100%; width: 100%;}
.about-content { padding: 15px 10px;}
.code-content { bottom: 18px;}
.sell-content p { font-size: 20px; margin: 15px 0 23px;}
.resource-management { padding: 25px 0;}
.resource-management p { margin: 10px 0 23px;}
.resource-management .tabs .content ul li { width: 23%;}
.resource-management .tabs .content ul li figure { height: 235px; width: 214px;}
.navigation .navbar-nav > li:last-child { float: right; margin-left: 0; margin-right: 0;}
.menu ul { margin: 0;}
/**listing page css**/
.buy .col-sm-3{width:32.5%;}
.buy .col-sm-9{width:67.5%;}
.product_listing ul.prdt_list li:nth-child(2n+2){margin-right:0;}
.filter_result p{margin-bottom:20px; text-align:center;}
.filter{text-align:center;}
.support-content h4.mail-id a{font-size:17px;}
}
@media (min-width:768px) and (max-width:991px){
.network-construction { padding: 30px 0;}
.network-construction h2 {font-size: 23px;}
.about { height: 395px; margin-right: 13px; width: 60.5%;}
.about figure { height: 395px; width: 49%;}
.about-content { padding: 15px 5px 15px 10px;}
.about-content p { font-size: 12px; margin-top: 10px;}
.about-content a.btn-default { margin-top: 15px;}
.code { width: 37%;}
.code figure { height: 395px; width:100%;}
.code img { margin-left: -178px;}
.code-content { bottom: 10px; left: 10px; right: 10px;}
.code-content a.btn-default { margin-top: 15px;}
.code-content p { font-size: 13px; margin: 10px 0 0;}
.sell-content p { font-size: 17px; margin: 9px 0 21px;}
.sell-with-us figure { height: 275px;}
.sell-content a.btn-default { width: 160px;}
.resource-management { padding: 25px 0;}
.resource-management p { margin: 15px 0 25px;}
.resource-management p br{display:none;}
.resource-management .tabs .content ul li {  margin: 0 16px 16px 0; width: 30.5%;}
.resource-management .tabs .content ul li figure { height: 200px; width: 100%;}
.resource-management .tabs .content ul li:nth-child(4n+4) { margin: 0 16px 16px 0;}
.resource-management .tabs .content ul li:nth-child(3n+3) {margin: 0 0px 16px 0;}
.elink { width: 25%;}
.Services { width: 16%;}
.Materials { width: 24%;}
.Equipment { width: 30%;}
.Follow-us { width: 20%;}
.footer-body h4 { margin: 0 0 15px;}
.construction-list { background: #232139 none repeat scroll 0 0; bottom: 0; left: 0; margin: 20px auto 0; max-width: 100%; padding: 10px 0; position: relative; right: 0; text-align: center; width: 100%;}
.list-content a { margin: 0 auto;}
.slider header { height: auto; left: 0; margin: 0; padding: 0; position: relative; right: 0; top: 0; z-index: 1;}
.slider .item img { max-width: 100%;}
.slider-content { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 85px; width: 660px;}
.slider-content h1 { color: #fff; font-family: "latoregular"; font-size: 27px; margin: 0; text-transform: uppercase;}
.slider-content p { color: #fff; font-family: "latoregular"; font-size: 16px; margin: 11px 0 24px;}
.navigation .navbar-collapse.collapse {  display: none !important;}
.navigation .navbar-collapse.collapse.in { display: block !important;}
.navigation  .navbar-header .collapse, .navbar-toggle { display:block !important; border-color: #888;}
.navigation .navbar-header {float:none;}
.search.hidden-xs.search-lap { display: none;}
.visible-xs.search-visible { display: block;}
.logo img { max-width: 90%;}
header .container { padding: 0;}
header .logo { width: 60%;}
.header-right-panel { height:auto; position:relative; padding: 10px; width: 40%;}
.navigation .navbar-default { margin: 0; width: 100%;}
.menu ul.contact { display: inline-block; font-size: 0; margin: 0 0 11px; padding: 0; vertical-align: middle; width: 100%;}
.search { margin-left: 0px;}
.navigation .navbar-default .navbar-nav > li > a{padding:10px; border:0px;}
.navigation .navbar-default .navbar-nav > .active > a, .navigation .navbar-default .navbar-nav > .active > a:hover, .navigation .navbar-default .navbar-nav > .active > a:focus, .navigation .navbar-default .navbar-nav > li > a:hover{padding:10px; border:0px; color:#fff;}
.navigation .navbar-collapse li { display: block; padding: 8px 15px; width: 100%;}
.navigation .navbar-collapse li:hover, .navigation .navbar-collapse li.active{background:#232139;}
.navigation .navbar-default .navbar-toggle:hover,.navigation .navbar-default .navbar-toggle:focus { background: none;}
.menu ul.contact li { display: inline-block; font-size: 14px; list-style: outside none none; margin-right:25px; vertical-align: top;}
.menu ul.contact li:last-child{margin-right:0;}
.navigation .visible-xs.search-visible { display: block;}
.navigation nav { width: 100%;}
.navigation { bottom: 0; right: 0; width: 100%;}
.navigation .navbar-collapse { background: #067900 none repeat scroll 0 0; border: 0 none; left: 0; position: absolute; right: 0; top: 55px; width: 100%; z-index:1;}
.navigation .navbar-collapse li{width:100%; display:block; padding:0px; margin:10px 0;}
.menu ul { position: relative; z-index: 1;}
.navigation .navbar-nav > li:last-child { margin-right: 0; padding:0 10px; margin-left:0px;}
.navigation .navbar-nav > li:last-child:hover{background:0px;}
.navigation .navbar-nav {  width: 100%;}
/**about-us page css**/
.aboutus .col-sm-3{width:30%;}
.aboutus .col-sm-9{width:70%;}
/**login page css**/
.continue_login{padding-right:15px;}
.registration{padding-left:15px;}
.login_page{padding:38px 25px;}
.login_page::after{margin:-288px 0 0 -60px;}
.capcha img{max-width:40px;}
.capcha a{right:8px;}
/**listing page css**/
.buy .col-sm-3{width:34.5%;}
.buy .col-sm-9{width:65.5%;}
.product_listing ul.prdt_list li{width:220px;}
.product_listing ul.prdt_list li:nth-child(2n+2){margin-right:0;}
.pro_detail p{margin:15px 0;}
.pro_detail h4{font-size:16px;}
.left_link ul li{padding:5px 10px;}
.filter_result p{margin-bottom:20px; text-align:center;}
.filter{text-align:center;}
.filter .form-control{width:160px;}
.search, .search input{width:100%;}
.search img{position:absolute; top:7px; right:20px; margin:0;}
.navigation .navbar-default .navbar-toggle .icon-bar{background-color:#888;}
.navigation .navbar-collapse li.visible-sm.visible-xs{padding:0 10px;}
.navigation .navbar-collapse li.visible-sm.visible-xs:hover{background-color:inherit;}
    .home_inner_header {
        position: relative; max-width: none; margin-left: 0; left: auto;}
    header .logo figure {
        padding:49px 0 20px 0;
    }
    .login {display: none!important;}

    .navbar-header {
        border-top: 1px solid #e3e3e3;
        padding: 10px 20px;
        background-color: #fff;
    }
    .navbar-default {margin: 0!important;}
    .navbar-header span.menu-title {
        float: left;
        padding: 10px 20px;
        display: inline-block;
    }
    .navigation .navbar-collapse {
        z-index: 8000;
    }
    .navigation .navbar-default .navbar-nav > li > a {
        color: #fff;
    }
}
@media (max-width:767px){
    .navbar-header {
        border-top: 1px solid #e3e3e3;
        padding: 10px 20px;
        background-color: #fff;
    }
    .navbar-default {margin: 0!important;}
    .navbar-header span.menu-title {
        float: left;
        padding: 10px 20px;
        display: inline-block;
    }
    .navigation .navbar-collapse {
        z-index: 8000;
    }
    .navigation .navbar-default .navbar-nav > li > a {
        color: #fff;
    }
    #carousel-example-generic {display: none;}
    .home_inner_header {
        position: relative; max-width: none; margin-left: 0; left: auto;}
    .support-content span, .support-content h4, .support-content h4 a {
        color: #fff;
    }
    .navigation .navbar-nav > li:last-child {
        float: none;
        margin: 0;
        padding: 0;
    }
.slider .item img { max-width: 100%;}
header .logo figure { padding: 15px 0; text-align: center;}
.logo img { max-width: 90%;}
.slider header { height: auto; left: 0; margin: 0; padding: 0; position: relative; right: 0; top: 0; z-index: 1;}
header .logo { display: block; float: none; width: 100%;}
.header-right-panel { background: #232139 none repeat scroll 0 0; display:block; float: none; height: auto; padding: 0; position: relative; width: 100%;}
.navigation .navbar-nav { display: inline-block;float: none; margin: 10px auto; width: 100%;}
.navigation .search { margin-left: 0; width: 100%;}
.slider-content { left: 0; margin: 0 auto; position: relative; right: 0; text-align: center; top: 0; width: 100%; padding: 30px 0 15px;}
.slider-content h1 { color: #232139; font-size: 22px; margin: 10px 0 0;}
.slider-content p { color: #232139; font-size: 14px; margin: 10px 0;}
.slider-content a.btn-default { font-size: 13px; height: 66px; margin: 0; padding: 12px 0; width: 49%;}
.slider-content a.btn-default b { font-size: 16px; line-height: 16px;}
.slider-content a.btn-default.sell { background: #232139 none repeat scroll 0 0; color: #fff;}
.slider-content a.btn-default.buy:hover{ background: #232139 none repeat scroll 0 0; color: #fff;}
.construction-list { background: #232139 none repeat scroll 0 0; bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: relative; right: 0; top: 10px; width: 100%;}
.construction-list ul { padding: 10px 0; text-align:center;}
.construction-list ul li { display: inline-block; font-size: 14px; list-style: outside none none; width: 100%;}
.network-construction { margin-top: 15px; padding: 15px 0;}
.list-content { margin-bottom: 10px; margin-top: 10px; text-align:center;}
.list-content p { margin-bottom: 8px;}
.list-content a { margin: 0 auto; padding-bottom:7px; text-align:left;}
.network-construction h2 {font-size: 20px;}
.network-construction p { font-size: 16px; margin: 7px 0 20px;}
.about {display: block; height: auto; margin-right: 0; width: 100%;}
.about figure { display: block; height: auto; width: 100%;}
.about img { margin-left: 0; max-width: 100%;}
.about-content { display:block; padding: 15px 10px; width: 100%;}
.about-content h5 { font-size: 20px;}
.network-construction .about-content p { font-size: 13px; margin-bottom: 0; margin-top: 10px;}
.about-content a.btn-default { margin-top:10px;}
.code { width: 100%;}
.code figure { height: auto; width: 100%;}
.code img { margin-left: 0; max-width: 100%;}
.code-content { bottom: 15px; left: 10px; right: 10px; z-index: 1;}
.code-content h3 { font-size: 20px;}
.network-construction .code-content p { font-size: 13px; margin: 5px 0 0;}
.code-content a.btn-default { margin-top: 15px;}
.sell-with-us figure { height: 100%; width: 100%;}
.sell-with-us figure img { margin-top: 0; max-width: 100%; opacity: 1;}
.sell-content { top: 18px;}
.sell-content h4 { font-size: 25px;}
.network-construction .sell-content p { font-size: 12px; margin: 4px 0 10px;}
.sell-content br { display: none;}
.sell-content a.btn-default { font-size: 13px; height: 40px; line-height: 40px; margin: 10px auto 0; width: 120px;}
.resource-management { padding: 15px 0;}
.resource-management h2 { font-size: 23px;}
.resource-management p { font-size: 14px; margin: 10px 0;}
.resource-management p br{display:none;}
.resource-management .tabs .content ul li { margin: 0 0 20px; width: 100%;}
.resource-management .tabs .content ul li figure { height: auto; width: 278px; margin:0 auto;}
.footer-body { padding: 20px 0 0;}
.elink { width: 53%;}
.Services { width: 45%;}
.Materials { width: 49%;}
.Equipment { width: 49%;}
.Follow-us { width: 49%;}
.footer-bottom ul { text-align: center;}
.footer-bottom ul li { padding: 0 6px;}
.footer-bottom p {font-size: 13px; margin: 10px 0 0; text-align: center;}
.footer-bottom { padding: 10px 0;}
.footer-body h4 { font-size: 16px; margin: 0 0 12px;}
.footer-body ul li { font-size: 14px; list-style: outside none none; margin: 0 0 3px;}
.footer-body ul{margin-bottom:20px;}
.support-content { display: inline-block; margin-left: 5px;}
.support-content h4 { font-size: 18px; margin: 0;}
.menu {padding-top: 5px; background: #fff;}
.menu ul li { margin-right: 0;}
.navigation { bottom: 0; display: block;  right: auto; vertical-align: middle; width: 100%; z-index: 1;}
.navigation .navbar-collapse { background: #067900 none repeat scroll 0 0; border: 0 none; left: 0; padding: 0 15px; position: absolute; right: 0; top: 52px; width: 100%;}
.navigation .navbar-nav > li { display: block; float: none; padding: 0px; margin:10px 0;}
.navigation .navbar-default .navbar-nav > .active > a, .navigation .navbar-default .navbar-nav > .active > a:hover, .navigation .navbar-default .navbar-nav > .active > a:focus, .navigation .navbar-default .navbar-nav > li > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 0 none; color: #ffffff; padding: 10px; transition: all 0.7s ease 0s;}
.navigation .navbar-default .navbar-nav > li > a { border-bottom: 0px solid rgba(0, 0, 0, 0); padding: 10px;}
.navigation .navbar-nav > li:hover, .navigation .navbar-nav > li.active{background-color:#232139;}
.search { margin-left: 10px;}
.navigation .navbar-default { width: 100%;}
.navigation .navbar-default .navbar-toggle:hover,.navigation .navbar-default .navbar-toggle:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
header .container { padding: 0;}
.navigation .visible-xs figure { display: inline-block; height: 32px; overflow: hidden; width: 32px;}
.navigation .search { margin-left: 0;}
.navigation .visible-xs figure img{max-width:100%;}
.navigation .navbar-default .navbar-nav > .active > a:focus, .navigation .navbar-default .navbar-nav > li > a:hover{color:#fff;}
.menu ul { display: inline-block; font-size: 0; margin: 0; padding: 0; position: relative; vertical-align: middle; z-index: 2;}
.navigation .support-content h4.mail-id a:hover{color:#fff;}
.support-content {  padding: 5px 0;}
.support-content span { font-size: 14px;}
.support-content h4.mail-id a { font-size: 18px; color: #fff;}
.navigation .visible-xs figure { margin-left: 10px;}
/**about-us page css**/
.about_text{padding:20px 15px 30px;}
.about_text h3{font-size:16px; padding:15px 10px;}
.aboutus .nav-tabs > li.active > a, .aboutus .nav-tabs > li.active > a:hover, .aboutus .nav-tabs > li.active > a:focus{max-width:97%;}
/**login page css**/
.continue_login{padding:0;}
.registration{padding:60px 0 0;}
.login_page{padding:20px 15px 30px; overflow:hidden;}
.capcha img{max-width:40px;}
.capcha a{right:8px;}
.login_page::after{background-size:100% auto; left:0; top:445px; margin:0; z-index:1; height:1px; width:100%; background-color:#dcdcdc;}
/**listing page css**/
.product_listing{margin-top:20px;}
.product_listing ul.prdt_list li{width:215px;}
.product_listing ul.prdt_list li:nth-child(2n+2){margin-right:0;}
.pro_detail p{margin:15px 0;}
.pro_detail h4{font-size:16px;}
.product_listing .pagination > li > a, .product_listing .pagination > li > span{padding:4px 7px;}
.filter_result p{margin-bottom:20px; text-align:center;}
.filter{text-align:center;}
.filter .form-control{width:155px; margin-bottom:8px;}
.filter select.form-control{width:150px;}
.filter_result p{font-size:15px;}
.product_tabs .nav-tabs > li{font-size:15px; margin:0 5px;}
.product_tabs .nav-tabs > li a{padding:10px 5px; width:130px;}
.product_tabs .nav-tabs > li.active > a::after{margin:0 0 0 -16px;}
.left_link .navbar-toggle{float:none; margin:0 0 10px; padding:16px 20px; display:block; color:#3d3d3d; font-size:16px; font-family:"latobold"; text-decoration:none; background-color:#f7f7f7;}
.left_link .navbar-toggle::after{background:url("../images/minus_icon.png") no-repeat; content:""; height:13px; position:absolute; right:15px; top:22px; width:13px;}
.left_link .navbar-toggle.collapsed::after{background:url("../images/plus_icon.png") no-repeat; content:""; height:13px; position:absolute; right:15px; top:22px; width:13px;}
.resource-management .tabs .content ul li:last-child figure{height:295px;}
.sell-with-us{height:100%; min-height:170px;}
.sell-content{left:auto; margin:0 auto; padding:15px; position:relative; right:auto; text-align:center; top:auto; z-index:inherit;}
.navigation .navbar-collapse{background:#067900;}
.navigation .navbar-nav > li:hover, .navigation .navbar-nav > li.active{background-color:#232139;}
.navigation .navbar-default .navbar-toggle .icon-bar{background-color:#888;}
.search, .search input{width:100%;}
.search img{position:absolute; top:7px; right:10px; margin:0;}
}
@media (max-width:479px){
/**login page css**/
.registration .col-sm-12 .styled-selectors label{line-height:14px;}
/**listing page css**/
.product_listing ul.prdt_list li{width:270px; margin-right:0; max-width:100%;}
.product_listing ul.prdt_list li:nth-child(2n+2){margin-right:0;}
.product_listing ul.prdt_list li img{max-width:100%;}
.product_listing .pagination > li > a, .product_listing .pagination > li > span{font-size:12px; padding:4px 6px;}
.slider-content a.btn-default{font-size:12px;}
.slider-content h1{font-size:18px;}
.slider-content p{line-height:16px;}
}




/* Custom Alert Styles */
.alertIn, .alertOut {
    -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.22s cubic-bezier(0.25, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.22s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.22s cubic-bezier(0.25, 0, 0.25, 1);
    -o-transition: -o-transform 0.22s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.22s cubic-bezier(0.25, 0, 0.25, 1);
    transition: transform 0.22s cubic-bezier(0.25, 0, 0.25, 1), opacity 0.22s cubic-bezier(0.25, 0, 0.25, 1);
}
.alertIn.ng-hide-remove, .alertOut.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0px);
    transform: translate3d(100px, 0px, 0px);
    display: block !important;
}
.alertOut.ng-hide-add, .alertIn.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
    display: block !important;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.loaderMsg {
    background: rgba(255,255,255, .9);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.loaderMsgBox {
    position: absolute;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    top: 50%;
    text-align: center;
}

.tbl-header {
    background: #ebebeb;
    padding: 10px;
    display: flex;
}
.tbl-header div {float: left;}
.listingId {width: 30%;}
.listingTitle {width: 75%;}
.listingActions {width: 25%; text-align: right;}
.listings-list {clear: both;}

.listing-item div{
    overflow-x: hidden !important;
}

.listing-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}
.listing-item p {
    margin-bottom: 0;
    padding: 0;
}

.listing-item .listingTitle {width: 75%; float: left;}
.listing-item .listingTitle a {color: #2b542c; font-size: 14px;}
.listing-item .listingTitle a:hover {
    color: #606060;
}
.listing-item .listingActions {width: 25%; float: left; text-align: right;}
.listing-item .listingActions a {display: inline-block; margin-left: 10px; color: #606060; cursor: pointer; font-size: 16px;}



.requestId {width: 30%;}
.requestTitle {width: 75%;}
.requestActions {width: 25%; text-align: right;}
.requests-list {clear: both;}
.request-item {
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}
.request-item p {
    margin-bottom: 0;
    padding: 0;
}

.request-item .requestTitle {width: 75%; float: left;}
.request-item .requestTitle a {color: #2b542c; font-size: 14px;}
.request-item .requestTitle a:hover {
    color: #606060;
}
.request-item .requestActions {width: 25%; float: left; text-align: right;}
.request-item .requestActions a {display: inline-block; margin-left: 10px; color: #606060; cursor: pointer; font-size: 16px;}




.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    text-align: center;
    padding: 80px 40px;
}
.form {clear: both; width: 100%;}
.manage-title {
    float: left;
}
.new-listing-btn {
    float: right;
}
.new-request-btn {
    float: right;
}

.form .form-control {
    padding: 10px;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}
.form .form-control:focus {
    border-color: #067900;
}
.form textarea {min-height: 220px;}
.about_text.contact_form_text {
    padding-bottom: 15px;
    margin-bottom: 100px;
}
.form select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
    height: 40px!important;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .home_inner_header {
        left: auto;
        position: relative;
        max-width: none;
        margin-left: 0;
    }
}