@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400|Roboto:300,400|Lato:300,400,700');

/*
 ***
 ** TOP PART Design ****
 ***
*/


.topmost{height:40px;background:url(../images/);}
.topmost a{ color:#fff}
.top{ background:#fff;}

.errormgs{ display:block; background:#FEE7DE; padding:3px 10px; font-size:12px; width:80%; margin:5px 0; color:red}
label{ font-weight:normal;}

.header{}

.wrap-title{ float:left;}

.logo img{}
.logo h2{}


/*
 ***
 ** MENU Customize ****
 ***
*/

.top-head{ border-bottom:1px solid #ccc; background:#f7f7f7;}
.navbar-nav{ width: 100%; float:right;  margin-bottom:0px;}	
.navbar-nav>li>a{ line-height:75px; padding-top:0; padding-bottom:0; color:#1E3D86; opacity:10; font-size:16px; text-transform:uppercase; font-weight:bold;font-family:Lato,"Trebuchet MS", Courier, monospace; letter-spacing:1.5px; word-spacing:3px}	
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus{ background:none !important} 
.navbar-nav a:hover{ color: #ccc !important; background:none !important}	


.top-head{ background:#2e3138;border-bottom:0px solid #ccc;}
.navbar-nav>li>a{ color:#fff;}
.logo h2{ color:#eee;}


/****** Sticky Navigation Style *********/
.sticky {
	position: fixed !important;
	top: 0;
	left: 0;
	padding: 0 !important;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	z-index:99999;
	min-height:inherit !important;
	border-bottom:0 !important
}
.sticky .top-nav > ul > li{
	/*border:0 !important*/
}
.sticky.top-head-4 .gray-nav:before, .sticky.top-head-4 .gray-nav:after{
	display:none
}
.sticky.top-head-4 .gray-nav{
	background:transparent;
	border:0;
	margin-bottom:0
}
.sticky .top-nav > ul > li > a{
	color:#777 !important
}
.sticky .top-nav > ul > li > a:hover{
	background:transparent !important
}
.sticky .top-nav > ul > li > a i,.sticky .top-nav > ul > li:after,.sticky .bg-head2{
	display: none;
}
.sticky .top-search a{
	margin-top:10px;
	border-radius:0 !important;
	/*width:45px;*/
	height:40px;
	line-height:40px;
	text-align: center;
	padding: 0 !important;
}
.sticky .top-search a span{ color:#fff}
.sticky .search-box{
	top:60px
}
.sticky .search-box:before{
	position: absolute;
    top: -10px;
    right: 0;
    z-index: 0;
    display: inline-block;
    width: 40px;
    height: 10px;
    content: "";
	background:#2157B1;
}
.sticky .top-nav > ul > li > a, .sticky .top-nav > ul > li {
	height: 60px !important;
	padding-top:0
}
.sticky .top-nav > ul > li.selected > a{
	background:transparent !important;
	color:#777 !important
}
.sticky .top-nav > ul > li > a {
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent none;
	line-height:60px
}
.sticky .top-nav > ul > li > a span{
	margin-top:0;
	line-height:60px
}
.sticky .top-nav > ul > li > ul {
	top: 60px !important;
	left: 0 !important;
}
.sticky .top-nav > ul > li > ul:after{
	top:-8px;
	bottom:auto !important;
	border-width: 0 10px 8px 10px !important;
}
.sticky .top-nav > ul > li > ul ul{
	bottom:auto !important;
	top:0 !important
}
.sticky .logo{
	margin-top:0px
}
.sticky .top-nav > ul > li.hasChildren > a:after{
	display:none !important
}
.sticky .div-mega{
	top:60px !important
}
.sticky .logo h2{ color:#555;}



/*
 ***
 ** SEARCH Layout ****
 ***
*/		

.search-tab{ float:left; width:100%; background:#DADCE7; padding:5px; margin:10px 0; border-radius:6px; border:1px solid #AAB5C6; }
.search-tab #def_form input[type='text']{ border:0; }
.search-tab #def_form button{ padding: 6px 25px 7px 25px; vertical-align:bottom; border:1px solid #4B657E; background:#3E5984;  }
.search-tab #def_form button i{ font-size:16px; font-weight:bold; color:#fff;}		

.search-tab #search_form input[type='text']{ border:0; }
.search-tab #search_form button{ padding: 6px 25px 7px 25px; vertical-align:bottom; border:1px solid #9D3213; background:#9D3213;  }
.search-tab #search_form button i{ font-size:16px; font-weight:bold; color:#fff;}	

.btn-primary:hover {background-color:#CC3300;border-color: #CC3300;}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{height:27px !important; width:auto !important}

input.gsc-input {
  font-size: 13px !important;
  padding: 1px 6px;
}

/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  border:1px solid #000000 !important;
  background: #000000 !important;
}





/*
 ***
 ** Slider Design ****
 ***
*/
.slider{ background:#eee url(../images/slide-bg1.jpg) 110% 0%; background-size: cover;}

.slider .container{ background:none !important;}
.carousel{height:480px;overflow:hidden}
.carousel-control{ color:#000; top:80%; text-shadow:none;}
.carousel-control.left{ background:none; right:28% !important; left:auto;}
.carousel-control.right{ background:none; right:6%}
.carousel-control .fa{ color:#993333;}
.carousel-caption{ color:#fff; text-shadow:none}
.carousel-indicators{ left:100%; top:82%; width:12%}
.carousel-indicators li{ border-color:#4B369E; border-radius:0; margin:3px}
.carousel-indicators .active{ background:#4B369E;margin:2px}
.item .m { padding:0;}
.item .m img{ padding:0px; width:100%; height:auto}
.item .t{ padding:30px 30px 0 0; text-align:center; vertical-align:middle}
.item .t h2{ font-size:30px; line-height:35px; margin:18px 10px;}
.item .t p{ font-size:16px; line-height:25px}
.item .t .btn-default{ border-radius:0; background:#4a5d96; border:none; color:#fff; padding:7px 22px; font-size:17px;}







/*
 ***
 ** LIST Layout ****
 ***
*/

.most, .recent{ margin:10px 10px 20px 5px;   border:1px solid #dfe2f4; padding:5px 3px 15px 3px; width:98%; clear:both}
.most h2, .recent h2{ margin:0; padding:1px 8px; font-size:17px; font-weight:bold; color:#444; text-transform:uppercase; }
.most ul, .recent ul{ padding:0 0 0 5px; margin:0 3px; list-style-position:inside ; list-style-type:none}
.most ul li, .recent ul li{  color:#555; border-bottom:1px dotted #ddd; clear:both; margin:5px 0; height:60px}
.most ul li img, .recent ul li img{width:120px; float:left; padding-right:10px; margin:0 0 15px 0; height:60px}
.most ul li a, .recent ul li a{ line-height:20px; font-size:14px;}

/*.most{ margin:10px 10px 10px 5px;  border:0px solid #3E5984; padding:1px 3px; width:98%; clear:both}
.most h2{ margin:0; padding:1px 8px; font-size:17px; color:#444; text-transform:uppercase;}
.most ul{ padding:0 0 0 10px; margin:0 3px; list-style-position:inside; background:#EFF0F5;border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px; border:1px solid #dfe2f4 ; list-style-type:none}
.most ul li{  color:#555; border-bottom:1px dotted #eee}
.most ul li img{width:120px; height:80px}
.most ul li a{ line-height:25px}*/


.related{ display:block; padding:0 0 0 5px ; margin:50px 0 50px 0;  }
.related h2{ font-size:19px; text-transform:uppercase; border-bottom:1px solid #bbb; margin:15px 0}
.related h3{ font-size:18px; padding:8px 0; line-height:26px}
.related ul{ list-style-position:inside; width:100%; margin:0; padding:0 0 0 5px; list-style-type:none}
.related ul li{ text-align:left; padding:3px 2px; }
.related ul li a{ color:#056DAB}


.next-prev{ margin-top:30px; font-size:14px; padding:10px 0;border-top:1px solid #ccc; border-bottom: #ccc 1px solid; line-height:25px}
.next-prev strong{ font-size:18px; font-weight:normal; line-height:30px}
.next-prev .prev img{ width:90px; padding:3px; border:1px solid #ddd}
.next-prev .next img{width:90px; padding:3px; border:1px solid #ddd}
.next-prev span{ padding:0 5px;}

/*
 ***
 ** FORM Design ***
 ***
*/		


.form-control{ border-radius:2px; border:1px solid #aaa; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}




/*
 ***
 ** ARTICLE Layout ***
 ***
*/		

.page-title{ background:#f7f7f7; padding:10px 0 10px 0;}
.page-title h1{ font-size:26px; line-height:32px;}
.title-1{background:#613c90; padding:18px 0}
.title-1, .title-1 a{ color:#fff;}

.blog-block{ background:#222; margin:20px 0; padding:50px 0;}
.article-item{ margin: 10px 0 40px 0; width: auto; overflow: hidden; border-top:3px solid blue}
.article-title .title{ color:#fff; text-align:center; margin:20px 0}
.article-thumbnail{ position: relative;}
.article-thumbnail img { display: block; width: 100%; height:200px}
.article-content { border: 0px solid #e1e1e1; padding: 15px 20px; background:#fff;}
.article-item .article-title {text-transform: none; line-height: 26px;}
.article-item .article-title a { color: #222; font-size: 20px; text-transform: none; line-height: 26px; letter-spacing:.5px;}
.article-content p {color: #555; line-height: 1.62857; margin: 10px 0; font-size:16px}


#article-post{ margin-bottom:20px;}
#article-post .fulltext{ font-size:16px; font-family:Lato,"Trebuchet MS", Courier, monospace; line-height:23px}	
#article-post h1, .cat-view h1, .cat-view-top h1{ font-size:24px; margin:10px 0 15px 0; line-height:24px; font-family:Lato,"Trebuchet MS", Courier, monospace; }
#article-post p{ margin:12px 0;}
#article-post .fulltext a{ color:#9B3D0F; text-decoration:underline}
#article-post footer{ border-top:1px dotted #aaa; padding:5px; margin-top:25px;}
#article-post footer a{ color:#444; font-size:13px; margin:2px 2px; color:#0D64A4}
pre{ background-color:#efefef; border-radius:2px;}



.content{ padding:10px 0;}
.content h1{ line-height:30px; font-size:28px; border-bottom:1px solid #ccc;}
.con{ margin:0px 0;}
.content a{ color:#A84D09}
.breadcrumb a{ color:#506951}
.breadcrumb{display:block; padding:5px 5px; font-size:12px}

.con_util{ position:absolute; right:20px; top:53px;}
.con_util ul{}
.con_util ul li{ display:inline;font-weight:normal}
.con_util ul li a{ font-size:15px; font-weight:normal; padding:3px 5px; color:#fff; background:#888; margin:2px; border-radius:4px;}
.con_util ul li a i{ color:#fff; font-size:13px}

.default-view{ background:#f7f7f7;}
.front-view{ background:#fff;}
.blog-view{ background:#f7f7f7;}

.share-w{ right: auto; left:40px; top: 130px; position: fixed; bottom: auto; }
.share-w a{ display:block; line-height:31px; border:1px solid #aaa; width:33px; height:33px; border-radius:33px; text-align:center; margin:10px 0}
.share-w a i{ color:#444; font-size:16px}



/* 
  ** Category views slide, scroll, thumb, texual, classic etc.
*/

.cat-view-top{ margin-bottom:20px; width:100%; float:left; clear:right}
.cat-view-top ul{ list-style-type:none; padding:0;width:50%; float:left}
.cat-view-top ul li{ float:left; width:100%;  margin:10px 10px; border-bottom:1px solid #eee; border-left:2px solid #4B657E}	
.cat-view-top ul li a{ display:block; font-weight:bold; color:#3166A8; padding:10px 10px 10px 10px; font-size:17px}
.cat-view-top ul li a i{ font-size:13px}
.cat-view-top ul li a:hover{ background:#4B657E; color:#fff; text-decoration:none;}
.cat-view-top ul li .text{ display:block;}


.cat-view{ margin-bottom:20px;}
.cat-view ul{ list-style-type:none; padding:0; float:left}
.cat-view ul li{ float:left; width:48%; padding:10px 20px 10px 0px; border-bottom:1px solid #eee;}
.cat-view ul li a{ display:block; font-weight:bold; color:#3166A8}
.cat-view ul li .text{ display:block;}
.cat-view .see-more{ display:block; float:left; clear:both; font-weight:bold; width:15%; border:1px solid #777; border-radius:6px; padding:2px 5px; margin:15px 0;}


.col-md-6 .adjust, .col-md-3 .adjust, .col-md-12 .adjust { border:1px solid #e4e4e4; padding:0px; margin: 0 8px 20px  5px; background:#fff}


.links{ margin:8px 0; padding:0 0 0 10px; list-style-type:none; display:block; overflow:hidden; }
.links li{ float:left; display:block; width:162px; height:80px; padding:1px; margin:8px 20px 8px 0px; background:#fff; border:1px solid #ccc; overflow:hidden; text-align:center;background:#f2f2f2;}
.links li:hover{ border:1px solid #eee;background:#f1f1f1}
.links li a img{ display:block; margin:auto auto; padding:5px 0 5px  0;line-height:25px; width:125px !important; height:50px; text-align:center}
.links li a{ font-weight:bold; padding:3px 18px 12px 18px; margin:0; display:block; font-size:12px; }
.links li a span{}

.sh{ height:20px; margin-top:1px; background: #f1f1f1 url(../images/sh.png) no-repeat 50% 50% !important; cursor:pointer;}
.sh1{ height:20px; margin-top:1px; background:#f1f1f1 url(../images/sh1.png) no-repeat 50% 50% !important; cursor:pointer;}
.sh:hover{ background-color:#e1e1e1 !important}
.view{ background:red !important}
.close{ background:blue !important}




#cat_page{}

#cat_page h2{ text-transform:uppercase; margin:5px 0; padding:0; border-bottom:1px solid #aaa;}	
#cat_page .a-z{ margin:18px 0 10px 0;}	
#cat_page .a-z a{ border:1px solid #aaa; padding:1px 6px 3px 6px; margin:0 2px;}
#cat_page ul li a{ color:#183987}


.page{ line-height:24px}
.page a{ color:#0A7BB8; text-decoration:underline}



/*Rating Product*/

.stars{ list-style:none;width:90px;	height:17px; background-image:url(../images/stars.png);	background-repeat:no-repeat; margin:0; padding:0;}
.stars li, .stars li a {float:left;	display:block;width:18px;height:17px; margin:0; padding:0}

.rate-1,.star-1 {background-position:0 -17px;}
.rate-2,.star-2 {background-position:0 -34px;}
.rate-3,.star-3 {background-position:0 -51px;}
.rate-4,.star-4 {background-position:0 -68px;}
.rate-5,.star-5 {background-position:0 -85px;}	


.pdmgrcut a:nth-child(n+12){ display:none}
.lastupdate{ display:block;text-align:right; font-size:12px; padding:5px 10px 1px 10px; position:relative;}

.full_n div{ margin:20px 8px;}
.full_n img, .full_n a{ float:left; display:block;}
.full_n a{ font-weight:bold; font-size:16px; color:#942F03; width:75%}
.full_n img{ width:70px; margin:3px 7px 3px 5px; background:#ccc; min-height:40px}
.full_n h5, h5{ font-size:16px; font-weight:bold; border-bottom:1px dotted #333; line-height:22px; padding:0 5px;}


.btn-primary {
	color: #fff;
	background-color: #09a757;
	border-color: #099850;
}
.btn-primary:hover{
	background-color: #333;
	border-color: #333;
}


/*
 ***
 ** FOOTER Customize
 ***
*/		


.footer{ font-size:13px;}
.footer a{ color:#333; }
.footer div{ margin:15px 0 15px 0;}
.footer ul{ margin:0; padding:0; list-style-type:none}
.footer ul li{ line-height:23px; padding:5px;}
.footer ul li a{ font-size:14px}
.footer ul li i{ font-size:18px}
.footer .footer_logo{border:1px solid #8BA963; padding:6px; margin-bottom:6px; border-radius:4px;}
.footer h3{font-size:17px; padding:5px 0; margin:15px 0; text-transform:uppercase; border-bottom:1px solid #295BD1; font-weight:bold; color:#666;}
.bottom-part{ margin:15px 0; text-align:center;}

.social-icons a{ padding:5px 11px; border:1px solid #ccc; border-right:0px;}
.social-icons a:nth-last-child(1){ border-right:1px solid #ccc;}



.fs {text-align:right; margin-top:10px;}
.fs a{ margin:0px 3px;}
.fs a i{color:#333;}


.scrollToTop { background: rgba(6, 25, 51, 0.75); color:#fff; border-radius:2px; position: fixed; bottom: 4%;	padding:10px 13px 13px 13px; display:none; right: 6%; width: 40px; border:0px solid #fff; z-index:100}
.scrollToTop:hover{ color:#FCEAAB}