@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:300,400,500,600|Work+Sans:500');
@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebasneue-regular-webfont.woff2') format('woff2'),
url('../fonts/bebasneue-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
background:#ffffff;
}
.full-control{
width:100%;
overflow:hidden;
}
.phone{
display:block;
position:relative;
margin:0 auto;
width:280px;
padding:16px 0;
}
.phone img{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
.phone-txt{
display:inline-block;
vertical-align:middle;
font-family: 'Poppins', arial;
font-size:12px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
line-height:20px;
}
.phone-txt span{
color:#777575;
font-weight:400px;
text-transform:none;
}
.searcht{
position: relative;
margin: 38px 20px;
cursor: pointer;
margin-right: 0px;
}
.baskett{
position: relative;
margin: 38px 20px;
cursor: pointer;
margin-right: 0px;
}
.searchmain{
display:none;
position:absolute;
background: url(../../im/search-ico.png) no-repeat #ffffff 93% center;
color:#000;
font-size:11px;
font-family: 'Poppins', arial;
font-weight:400;
height:52px;
width:200px;
border:0;
padding:20px;
margin-top:16px;
webkit-border-radius:10px;
border-radius:10px;
border:solid 1px #999999;
right: 200%;
top: -30px;
z-index: 9;
}
.searchmain placeholder{
color:#333333;
}
.top_links{
font-size:14px;
color:#FFFFFF !important;
}
.top_links:hover{
font-size:14px;
color:#00a3c8;
}
.banner{
width:100%;
}
.panel{
box-shadow:none;
background-color:#202020;
border:0;
border-radius:0;
}
.list-group-item:first-child,.list-group-item:last-child{
border-radius:0;
}
a.list-group-item-success{
color:#B2B2B2;
border:0;
background-color:#202020;
padding-left:46px;
font-family:roboto th;
font-size:17px;
}
a.list-group-item-success:hover, a.list-group-item-success:focus{
color:#fff;
background-color:#202020;
}
a.list-group-item{
font-family:roboto th;
font-size:17px;
color:#828282;
}
.dropdown2:hover, .dropdown2:focus{
color:#fff;
background-color:#101010;
}
.list-group-item{
padding: 10px 46px;
margin:0;
border:0;
background-color:#101010;
}
.list-group-submenu{
margin:15px 0px;
background-color:#000000;
}
#demo3{
margin:15px 0px;
background-color:#101010;
}
.ctg-box{
background:#2a2a2a;
padding:20px;
margin-bottom:20px;
height:277px;
}
.ctg-title{
font-family:roboto bl;
font-size:20px;
color:#fff;
width:100%;
padding:10px 0px;
}
.ctg-desc{
font-family:roboto;
font-size:15px;
color:#b8b8b8;
width:100%;
text-decoration:underline;
}
.gridspace{
margin-top:55px;
margin-bottom:55px;
}
.gridm{
display:block;
padding-left:0;
padding-right:0;
padding:1px;
margin-bottom:19px;
}
.gridm img{
width:100%
}
.commontxt{
display:block;
position:absolute;
width:80%;
top: 10%;
left: 10%;
background:url(../../im/pdf.png) no-repeat right bottom;
}
.commontxt2{
display:block;
position:absolute;
width:80%;
top: 10%;
left: 10%;
background:url(../../im/news.png) no-repeat right bottom;
}
.txt-titles{
display:block;
font-family:roboto th;
font-size:32px;
color:#fff;
text-transform:uppercase;
margin-bottom:-15px;
margin-top:-5px;
}
.txt-titleb{
display:block;
font-family:roboto bl;
font-size:40px;
color:#fff;
text-transform:uppercase;
margin-bottom:15px;
}
.txtdes{
display:block;
font-family:roboto th;
font-size:15px;
color:#fff;
margin-bottom:-15px;
}
.rmtxt{
display:block;
font-family:roboto;
font-size:15px;
color:#fff;
margin-top:50px;
background:url(../../im/rm.png) no-repeat 90px 7px;
}
.rmtxt a:link,.rmtxt a:visited{
text-decoration:none;
color:#fff;
}
#owl-demo .item{
padding: 0px 0px;
margin: 10px 5px;
}
.customNavigation{
text-align: center;
display: block;
position: relative;
}
.navcust{
text-align: center;
display: inline-block;
position:relative;
width:150px;
top: 14px;
float: right;
}
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#prev{
display:block;
position:absolute;
width:33px;
height:58px;
left:-60px;
top:150px;
cursor:pointer;
background:url(../../im/right-slide.png) no-repeat;
}
#next{
display:block;
position:absolute;
width:33px;
height:58px;
right:-60px;
top:150px;
cursor:pointer;
background:url(../../im/left-slide.png) no-repeat;
}
#cprev{
display:block;
position:absolute;
width:33px;
height:58px;
left:-60px;
top:120px;
cursor:pointer;
background:url(../../im/right-slide.png) no-repeat;
}
#cnext{
display:block;
position:absolute;
width:33px;
height:58px;
right:-60px;
top:120px;
cursor:pointer;
background:url(../../im/left-slide.png) no-repeat;
}
.f-pro{
display:block;
position:relative;
width:100%;
background:#FFFFFF;
margin-left:auto;
margin-right:auto;
overflow:hidden;
vertical-align:middle;
margin-bottom:12px;
border:1px solid #555958;
border-radius: 5px;
}
.f-pro:hover{
}
.f-pro-im{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
text-align:center;
height: 170px;
margin-top: 25px;
}
.f-pro-info{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
left:0;
height:45px;
right:0;
width:100%;
padding-top:10px;
}
.pro-name{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:13px;
color:#1f1f1f;
padding:0px;
text-align: center;
}
.pviews{
display: block;
position: relative;
margin: 15px auto;
font-family:arial;
font-size:15px;
color:#fff;
padding: 2px;
width: 138px;
background: #000000;
text-transform: uppercase;
text-align: center;
}
.pviews:hover{
color: #fff;
background: #511700;
text-decoration: none;
}
.pro-art{
display:block;
position:relative;
font-family:roboto th;
font-size:18px;
color:#3b3b3b;
text-align:center;
}
.pro-name a:link,.pro-name a:visited{
text-decoration:none;
color:#3b3b3b;
}
.pro-sdes{
display:block;
position:relative;
font-family:roboto lt;
font-size:15px;
color:#fff;
}
#main-feature{
display:block;
}
.featurespace{
margin-top:20px;
margin-bottom:20px;
}
.nav-pills{
margin: 58px 0px;
}
.nav-pills > li > a{
border:0;
border-radius:0;
background:none;
font-family:roboto th;
font-size:15px;
color:#959595;
padding:5px 50px;
padding-left:0px;
text-decoration:underline;
}
.nav-pills > li > a:hover,.nav-pills > li > a:focus,.nav-pills > li > a:active{
border:0;
border-radius:0;
background:none;
color:#FFF;
text-decoration:underline;
}
.bmenuspace{
padding-left:0;
padding-right:0;
}
.bmenus{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
padding:0;
margin:0;
list-style:none;
margin:0px 110px;
}
.bmenus li{
display:inline-block;
padding:25px 30px;
}
.bmenus li a{
font-family:roboto th;
font-size:15px;
color:#959595;
}
.bmenus li a:hover{
text-decoration:none;
color:#fff;
}
.bmenulines{
background:#202020;
}
.crbg{
text-align:center;
padding:40px 0px;
}
.credit{
font-family:roboto th;
font-size:15px;
color:#828282;
}
.a_read_more{
color:#FFFFFF;
background-color:#2798d9;
font-size:16px;
padding:12px;
}
.a_read_more:hover{
color:#FFFFFF;
background-color:#3d3d3d;
font-size:16px;
padding:12px;
text-decoration:none;
}
.a_main_cate > span{
text-align:right;
float:right;
font-size:12px;
padding:12px;
background-color:#d3d3d3;
margin-top: -9px;
}
.a_main_cate{
font-size:16px;
padding-top:12px;
padding-bottom:12px;
color:#000000;
border-bottom:solid 1px #dddddd;
}
.a_main_cate a{
font-size:16px;
color:#000000;
}
.sectit_down{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:35px;
color:#000;
font-weight:400;
text-transform:none;
text-align:center;
}
.sectit_cat{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:22px;
color:#000;
font-weight:400;
text-transform:none;
text-align:center;
margin:5px 0;
}
.sectit_f{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:30px;
color:#000;
font-weight:600;
text-transform:uppercase;
text-align:center;
margin-bottom:35px;
}
.sectit{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:30px;
color:#000;
font-weight:600;
text-transform:uppercase;
text-align:center;
margin:5px 0;
}
.sectxt_f{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:13px;
color:#2798d9;
font-weight:300;
text-align:center;
margin-bottom:0px;
}
.sectxt{
display:block;
position:relative;
font-family: 'Poppins', arial;
font-size:13px;
color:#c6c6c6;
font-weight:300;
text-align:center;
margin-bottom:35px;
}
.mail_link{
text-align:left;
}
.clock_link{
text-align:right;
}
@media only screen and (max-width: 1199px) {
.mail_link{
text-align:left;
}
.clock_link{
text-align:right;
}
.commontxt,.commontxt2{
left: 40px;
top: 20px;
}
.commontxt3{
left: 20px;
top: 20px;
}
.tsmenu li{
display:inline-block;
}
.tsmenu a{
padding:22px 10px;
}
}
@media only screen and (max-width: 992px) {
.mail_link{
text-align:center;
}
.clock_link{
text-align:center;
}
.pull-left-sm{
float:left;
}
.pull-right-sm{
float:right;
}
.commontxt,.commontxt2,.commontxt3{
top: 40px;
left: 50px;
}
#prev{
left:-10px;
}
#next{
right:-10px;
}
.tmenu{
display:none;
}
}
@media only screen and (max-width: 768px) {
.mail_link{
text-align:center;
}
.clock_link{
text-align:center;
}
.gtxt{
display:block;
position:relative;
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.search-trig{
display:none;
}
.fb,.tw,.lin{
margin-top:26px;
margin-bottom:26px;
}
.lin{
margin-right:15px;
}
.menu-trigger{
margin-right:15px;
margin-top:29px;
margin-bottom:29px;
}
#pushthat{
z-index:100;
}
.cbp-spmenu-vertical {
width: 250px;
}
.cbp-spmenu-left {
left: -250px;
}
.cbp-spmenu-right {
right: -250px;
}
.cbp-spmenu-push-toright {
left: 250px;
}
.cbp-spmenu-push-toleft {
left: -220px;
}
.commontxt,.commontxt2{
left: 40px;
top: 20px;
}
.commontxt3{
left: 20px;
top: 20px;
}
#prev{
left:0px;
}
#next{
right:0px;
}
.nav-pills{
margin: 20px 0px;
}
.bmenus{
margin:0px 0px;
text-align:center;
}
.bmenuspace{
padding-left:20%;
}
.navbar-nav{
margin:0 !important;
width: 100%;
text-align: center;
}
.navbar-default .navbar-nav > li > a {
padding: 15px 5px !important;
}
.search-trig{
margin-top:40px !important;
margin-bottom:30px;
}
}
.cbp-spmenu{
overflow-y:scroll;
}
.panel-body{
background:#fff;
}
.breadcrumb{
background-color:#d0d0d0;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
z-index: 3;
color: #fff;
background-color: #2A2A2A;
border-color: #2A2A2A;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #2A2A2A;
border-color: #2A2A2A;
}
.pagination > li > a, .pagination > li > span{
color: #2A2A2A;
}
.tsmenu li ul{
display:none;
position:absolute;
width:585px;
background:rgba(23,23,23,0.98);
padding:15px 0;
margin:0;
float:left;
left:0;
z-index:99;
-webkit-box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.4);
box-shadow: inset 0px 10px 5px -5px rgba(0,0,0,0.4);
}
.tsmenu li ul li{
display:inline-block;
position:relative;
width:191px;
padding:15px 30px;
font-family:apr;
font-size:20px;
color: #fff;
text-transform:uppercase;
padding-top:0;
}
.tsmenu li:hover ul{
display:block;
}
.tsmenu li ul li ul{
display:block;
position:relative;
width:100%;
margin:0;
padding:10px 0px;
background:transparent;
box-shadow:none;
}
.tsmenu li ul li ul li{
padding:0
}
.tsmenu li ul li ul li a{
font-family:roboto;
padding:5px 0px;
font-size:15px;
color: #7a7a7a;
}
.footer{
background:transparent;
padding-top:30px;
padding-bottom:45px;
}
.menu-plus-cc{
font-family:roboto;
font-size:16px;
color:#6b6b6b;
line-height:30px;
}
.menu-plus-cc a{
font-family:roboto;
font-size:16px;
color:#6b6b6b;
}
.bsocial{
text-align:right;
}
.news-plus-cat{
margin:20px 0px;
}
.news-box{
display:block;
width:100%;
background:#fff;
margin-bottom:15px;
}
.news-title{
font-family:roboto th;
font-size:40px;
color:#2a2a2a;
text-transform:uppercase;
padding:35px;
line-height:40px;
padding-bottom:0;
}
.news-detail{
font-family:roboto;
font-size:15px;
color:#2a2a2a;
padding:20px 35px;
}
.cat-box{
display:table;
width:100%;
background:#fff;
padding:15px;
margin-bottom:15px;
color:#2a2a2a;
}
.cat-box img{
margin-right:15px;
float:left;
}
.cat-title{
display:block;
font-family:apr;
font-size:20px;
text-transform:uppercase;
}
.cat-detail{
display:block;
font-family:roboto;
font-size:15px;
color:#2a2a2a;
text-decoration:underline;
}
.cat-box:hover, .cat-box:focus{
background:#fff;
color:#2a2a2a;
text-decoration:none;
}
.news-letter-bg{
background:url(../../im/email.png) no-repeat #232323 right bottom;
padding:20px 15px;
}
.n-letter-title{
line-height:50px;
font-family: apr;
font-size:35px;
color:#fff;
text-transform:uppercase;
}
.n-letter-title-s{
font-family: roboto;
font-size:15px;
color:#fff;
}
.newsemail{
display:block;
width:100%;
height:45px;
border:0;
background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:23px 0px;
margin-bottom:10px;
padding:0px 15px;
}
.search-trig{
display:inline-block;
position:relative;
width:20px;
height:20px;
float:right;
cursor:pointer;
margin-top:46px;
margin-right:20px;
margin-bottom:40px;
z-index:100;
}
.basket-ico{
display:inline-block;
position:relative;
width:22px;
height:20px;
float:right;
cursor:pointer;
margin-top:46px;
margin-bottom:40px;
z-index:2
}
.navbar-default {
background: none;
border-radius: 0px;
border: 0;
margin: 0;
}
.nav > li{
margin:0px;
}
.navbar-default .navbar-nav > li > a{
display:block;
font-family:apr;
font-size:20px;
color:#fff;
text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
color:#ea0000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{
background-image:none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
background-color:transparent !important;
color: #3b3b3b !important;
}
.navbar-toggle {
margin-top: 5px;
margin-bottom: 5px;
}
.ctgbox{
position:relative;
width:100%;
margin-top:12px;
}
.overlay{
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
background-color: rgba(16, 198, 63, 0.8);
text-align:center;
font-family: 'Poppins', arial;
color:#fff !important;
font-weight:bold;
font-size:24px;
text-transform:uppercase;
letter-spacing:-1px;
text-decoration:none !important;
padding:0 15px;
transition:0.3s;
padding-top:25%;
}
.ctgbox:hover .overlay{
display:block;
}
.poverlay{
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
background: url(../../im/poverlay.png) no-repeat rgba(18,198,66,0.8) center center;
text-align:center;
font-family:arial;
color:#fff !important;
font-weight:bold;
font-size:32px;
text-transform:uppercase;
letter-spacing:-1px;
text-decoration:none !important;
padding:0 15px;
padding-top:20%;
}
.f-pro:hover .poverlay{
display:block;
}
.btmtitle{
font-family:arial;
font-size:16px;
color:#fff;
font-weight:normal;
padding-bottom:5px;
margin-bottom:10px;
text-transform: uppercase;
}
.a_under2{
font-size:16px;
color:#00FF00
}
.a_under2:hover{
font-size:16px;
color:#00FF00
}
.btmcontent{
font-family: roboto th;
font-size:14px;
color:#656565;
line-height:40px;
}
.btmmenu{
padding:0;
margin:0;
padding-right:15px;
}
.btmmenu li{
list-style:none;
}
.btmmenu li a{
display:block;
position:relative;
width:100%;
font-family: 'Open Sans', arial;
font-size:14px;
color:#cccccc;
text-transform:none;
padding:5px 0px;
}
.btmmenu li a:hover{
text-decoration:none;
color:#fff;
}
.navbar-default .navbar-collapse{
border:0 !important;
}
.navbar-default .navbar-nav > li{
margin:0 3px;
}
.navbar-default .navbar-nav > li > a{
color:#000000;
font-size:14px;
font-family:arial;
font-weight:bold;
text-transform: uppercase;
padding:4px 12px;
border-bottom: 0px solid #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
color:#fff;
webkit-border-radius:8px;
border-radius:8px;
background-color:#511700;
border-bottom: 0px solid #511700;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
color:#fff;
background-color:#f9f9f9;
}
.navbar-default{
box-shadow:none;
background:transparent;
}
.dropdown:hover .dropdown-menu{
display:block;
}
.bsocia li a{
background:none;
}
.bsocia li a:hover{
background:none;
}
.newsbox{
display:block;
position:relative;
width:100%;
background:transparent;
padding:15px;
}
.newstitle{
font-family: 'Open Sans', arial;
font-size:20px;
color:#000;
font-weight:700;
text-align:left;
text-transform:uppercase;
padding-top:0px;
padding-bottom:0px;
}
.newsdet{
font-family: 'Open Sans', arial;
font-size:15px;
color:#000000;
text-align:left;
padding-top:5px;
padding-bottom:5px;
line-height:25px;
}
.newsdate{
font-family: 'Open Sans', arial;
font-size:16px;
color:#000;
text-align:left;
font-weight:700;
padding-bottom:10px;
margin-top:-5px;
}
.carousel-indicators{
bottom:0;
margin-bottom:3px;
}
.carousel-indicators li{
border-radius:0;
border:0;
background:#646464;
}
.carousel-indicators .active{
background:#000;
}
.email{
display:inline-block;
vertical-align:middle;
border:0px;
width:100%;
height:42px;
background:#373737;
color: #fff;
font-size: 11px;
font-family: 'Poppins', arial;
font-weight: 400;
padding:0 15px
}
.emailsub{
display:inline-block;
color: #000;
font-size: 15px;
font-family: 'Poppins', arial;
font-weight: 600;
border:0;
background:#2798d9;
height: 40px;
width:100%;
margin-top:20px;
}
.emailsub:hover{
display:inline-block;
color: #FFF;
font-size: 15px;
font-family: 'Poppins', arial;
font-weight: 600;
border:0;
background:#2798d9;
height: 40px;
width:100%;
margin-top:20px;
}
.logo{
margin: 10px 0;
}
.catbox{
display: block;
position: relative;
width: 100%;
margin-top: 25px;
font-family: Myriad Pro;
font-size: 22px;
color: #000000;
font-weight: bold;
text-align:center;
line-height:15px;
text-transform: uppercase;
}
.catbox:hover{
color: #511700;
}
.catbname{
display: block;
position: relative;
font-family: arial;
font-size: 25px;
color: #fff;
font-weight: bold;
text-align:center;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 28px;
padding-top: 20px;
padding-bottom: 15px;
}
.catbname span{
font-size: 14px;
letter-spacing: 0;
}
.hmtstyle{
font-family: Myriad Pro;
font-size: 24px;
color: #2798d9;
text-align:center;
font-weight: bold;
}
.bform input{
display: block;
width: 100%;
background:transparent;
border: 1px solid #4c5053;
border-radius: 3px;
margin-bottom: 15px;
padding: 0 15px;
height: 40px;
color: #fff;
}
.bform textarea{
width: 100%;
display: block;
background:transparent;
border: 1px solid #4c5053;
border-radius: 3px;
margin-bottom: 15px;
padding: 15px;
color: #fff;
resize: none;
}
.bform .bsubb{
width: 100px;
background: #505457;
}
@media only screen and (max-width: 1199px) {
.navbar-default .navbar-nav > li > a{
padding: 48px 7px;
}
.searcht{
margin-left: 9px;
}
}
@media only screen and (max-width: 991px) {
.logo{
width: 100%;
margin: 45px 0;
}
.navbar-default .navbar-nav > li > a {
font-size: 11px;
padding: 28px 1px;
}
.searcht{
margin-top: 26px;
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.smenu{
padding:0 15px;
background: #272262;
margin-left: -15px;
margin-right: -15px;
}
.navbar-default{
background: #c60203;
}
.navbar-default .navbar-nav > li{
margin: 0;
}
.navbar-nav > li > .dropdown-menu{
position: relative;
width: 100%;
top: 0;
left: 0;
right:0;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #fff;
}
}