@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&family=Lato:wght@700;900&display=swap');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}

.large-text {
    font-size: 30px;
    font-weight: 900;
	color: #14304b !important;
}

.medium-text{
	
	font-size: 25px;
    font-weight: 600;
	color: #14304b !important;
}

.small-text{
	
	font-size: 16px;
	color: #14304b !important;
}


.MainBanner .carousel-caption {
    display: block !important;
	bottom: 0px !important;
	top: auto !important;
}
.banner-text{
	background-color: rgb(240, 240, 240, 0.7);
}


@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000; font-family:'Fira Sans', sans-serif; font-size:16px; margin:0px; padding:0px; line-height:1.6;}

p{margin-bottom:20px;} hr {margin:45px 0; background-color:#636363;}
a{color:#fd5f20; outline:none!important;}
a:hover {color:#1e314b; text-decoration:none;}
textarea.form-control{resize:none;min-height:120px;} .form-control {height:45px; border-color:#acacac;}

.gutter-xs {margin-left:-3px!important;margin-right:-3px!important;}
.gutter-xs div[class^="col"]{padding-left:3px!important;padding-right:3px!important; margin-bottom:6px;}

.gutter-sm {margin-left:-13px!important;margin-right:-13px!important;}
.gutter-sm div[class^="col"]{padding-left:13px!important;padding-right:13px!important;}

h1,.h1, h2,.h2{}
h1,.h1{font-size:30px; margin-bottom:25px; line-height:1;}
h2,.h2{font-size:31px; margin-bottom:15px;line-height:1;}
h3,.h3{font-size:18px; margin-bottom:15px;}

.Bor:after {border-bottom:1px solid #717171; content:"";display:block; margin:auto auto 20px; padding-bottom:35px; width:40%;}
.Bor1:after {border-bottom:3px solid #8b0c33; content:"";display:block; margin:0 0 20px; padding-bottom:25px; width:70px;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/
.font-weight-semi{font-weight:600;}
.font-weight-medium {font-weight:500;}
.font-weight-bold{font-weight:700;} 
.font-weight-bolder{font-weight:900 !important;}

.font-lato {font-family: 'Lato', sans-serif;}
.font-fira {font-family: 'Fira Sans', sans-serif;}
    
.ImgFade{background-color:#1f2f45;}
.ImgFade img{opacity:0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

 .home-pro{height:200px !important; margin:auto  !important;}
 .ProText{height:110px; overflow:hidden;}
 .contact-bottom{display:none;}


/******* Buttons ********************************************************************/
.btn{text-decoration:none !important; moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius:0px;padding:12px 26px;font-family: 'Fira Sans', sans-serif;font-weight:400; font-size:17px; text-transform:uppercase;}

.btn-lg{padding:13px 40px !important; font-size:14px; text-transform:uppercase;} 

.btn-danger{background-color:#ff0030 !important; border-color:#ff0030 !important;}
.btn-danger:hover,.btn-danger.focus,.btn-danger:focus{background-color:#387dc0 !important; border-color:#387dc0 !important;color:#fff !important;}

.bg-light{background-color:#efefef !important;}
.bg-dark{background-color:#10304c !important;} 

.text-dark{color:#3e3e3e !important;}
.text-danger{color:#ff0030 !important;}
.text-light{color:#818181 !important;}

.fs-20 {font-size:20px;}
.fs-13 {font-size:13px;}
.fs-22 {font-size:22px;}
.fs-31 {font-size:31px;}

.ls-1{letter-spacing:.1em;}
.ls-3{letter-spacing:.1em;}

.lh-1 {line-height:1;}
.lh-13 {line-height:1.3;}
.lh-2 {line-height:2;}

.box-shadow{box-shadow:0px 0px 3px rgba(0,0,0,.2);}

/************************************************* Header ********************************************************************/
#Header{background:rgba(255,255,255,.5); z-index:999;}
#Header a{color:#fff;} #Header a:hover{color:#bd8c14;}
#search {z-index: 99;right:0px; width:250px;}
#search .form-control{height:42px; border-radius:0px; border:none; font-size:12px;} 
#search .btn{height:42px;border-radius:0px; font-size:16px; padding:2px 14px;border:none; background:#0d4c84;}

/************************************************* Navbar ********************************************************************/
.navbar .nav-item .nav-link{color:#013461 !important; font-size:17px; padding:0px; font-weight:700;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#ff0030 !important;}

/*******************************Dropdown Menu*****************************************/
/*.dropdown-menu {padding:8px 8px; margin:0; min-width:13rem ;}
.dropdown-item {color:#fff ; padding:4px 10px 4px 10px;font-size:13px ; font-weight:500 ;}
.dropdown-item:focus, .dropdown-item:hover {background-color:transparent ; color:#b4b4b4 ;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}*/

/******* Slider ********************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0;right:0;}
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
.SocailLink li a{color:#FFF; display:block; margin-bottom:5px;}
.SocailLink li a:hover{color:#ffcc00;}

.MainBanner .carousel-indicators {z-index:999; bottom:20px;}
.MainBanner .carousel-indicators li {background-color:#76413f; opacity:1;border-radius:50%; width:12px; height:12px; margin:0 5px;} 
.MainBanner .carousel-indicators .active {background-color:#7a828d !important;}

/********** Content **************************************************************************************************/
#ProductArea{background:#fff url(../images/logoicon1.png) no-repeat center center;}
.ProName{position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/textbg.png) no-repeat top left; padding:18px 15px;}

/**************************************************************/
#Blog{background:#10304c url(../images/logoicon.png) no-repeat center center;}
#Blog .ProText{font-size:15px;}
#Blog .Slider {position: relative;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:26%; right:-85px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:-85px; right:auto;}
#Blog .Slider .slideshow {overflow:hidden;}
#Blog .Slider .slideshow .isItem {white-space:normal; vertical-align:top;}

.List {padding:0; margin:0 0 35px 0; list-style-type:none;}
.List li{background:url(../images/icon.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 35px; margin:0px;}
	
/********** ContactForm ***************************************************************************************************/
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:13px; border:none !important; border-bottom:solid 1px #2c4d6b !important; background:none; border-radius:0; height:40px; color:#fff;font-family: 'Fira Sans', sans-serif; padding:0px;}
#ContactForm .form-control::placeholder{color:#fff;}
#ContactForm textarea.form-control{height:70px;}

/********** Footer ***************************************************************************************************/
#Footer {color:#fff; font-size:13px; line-height:25px;} 
#Footer h3{font-size:25px;}
#Footer a{color:#fff;} #Footer a:hover{color:#ff0030;}
#Footer hr{background-color:#6a6a6a;}
.copy{color:#585858 !important; font-size:12px; letter-spacing:.1em;}
.copy a{color:#6a6a6a !important;}
.copy a:hover{color:#75db1b;}


/***************mycss******************/
.wpcf7 form.sent .wpcf7-response-output{
    display: none !important;
}
.social-links a{font-size:20px;color:#ff0030  !important;}
.social-links li a:hover {
	color:#6a6a6a  !important;
}
.dropdown-item {padding:unset !important;}
.dropdown-menu>ul { /*border: 1px solid #ccc*/}
.dropdown-menu>li {margin:0; min-width:13rem; background-color:#fff !important; }
.dropdown-menu>li>a {color:#013461  !important; padding:4px 10px 4px 10px;font-size:17px; font-weight:700;display:block; text-transform:uppercase;display:block;}
.dropdown-menu li:hover {background: #fff !important;}
.dropdown:hover>.dropdown-menu {display: block !important;}
.dropdown-menu>li>a:hover {color:#fff!important;background:#ff0030 !important;}
ul.dropdown-menu{top:25px !important; padding:0px;}
.navbar-nav .dropdown-menu > li > a {white-space: nowrap !important;}
.dropdown-item>ul.submenu.dropdown-menu {display:none !important;}
.dropdown-item:hover>ul.submenu.dropdown-menu {display: block!important;top: auto!important;/*right: 0!important;*/left: 100%!important;text-align: left!important;position: absolute;}

.parent_cat ul.submenu {margin-top:-30px!important;}

.wp-pagenavi {
    clear: both;
}
 
.wp-pagenavi a, .wp-pagenavi span {
    color: #FFF;
    text-decoration: none;
    background-color:#6FB7E9; 
    border: 1px solid #B2D1E5;
    padding: 5px 5px;
    margin: 2px;
}
 
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #E9F2F9;
    background-color:#6FB7E9;
}
 
.wp-pagenavi span.current {
    font-weight: bold;
    background-color:#3C8DC5;
}

.text-primary{color: #013461 !important;}
.text-danger{color: #ff0030  !important;}
.mycss-box {
    box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
}
.entry-content a { box-shadow: none !important; transition: none !important;color:#ff0030 ;}
.entry-content h4{font-size:22px;margin-bottom:20px;padding-top:0px;color:#013461;}
.mycss-height{min-height:250px;}
a.post-edit-link{color:#ff0030 ;}

ul.list li {
    list-style:none;
    background: url(../images/list.png)no-repeat 0.1em 0.43em;
    padding-left: 30px;
}

.ngg-gallery-thumbnail{width: 310px; height: 250px;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    width:100%
}
svg.icon.icon-arrow-right{width:15px !important;}
svg.icon.icon-arrow-left{width:15px !important;}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]), .wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background:none !important;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  padding: 20px;
  
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

img:hover.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.bg-dark a:hover{color:#fff !important;}
/*.js .dropdown-toggle {
	display: block !important;
   position: unset !important;
}*/
/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(54,46,46, 0.45); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#bd8c14; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}


@media (min-width:992px) {
#Header {background:rgb(234 230 230 / 50%);/*background:rgba(255,255,255,.5); */padding-top:17px; padding-bottom:17px; top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:#FFF !important; box-shadow:0px 5px 12px rgba(0,0,0,.5); padding-top:8px !important; padding-bottom:8px !important; z-index:999;}
.Logo img {max-height:95px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.MainBanner .carousel-item img {
    height:849px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
}

/* ============ desktop view ============ */
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display: none;}
	.navbar .nav-item:hover .nav-link{ color: #fff;}
	.navbar .nav-item:hover .dropdown-menu{ display: block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
	.navbar-nav>li+li {margin-left:15px;}
	
}	
/* ============ desktop view .end// ============ */

@media (min-width: 1920px) {
	.container-fluid{max-width:1190px !important;}
	.container-new,.container-new1{max-width:1920px !important; margin:auto;}
	.gutter-lg {margin-left:-34px!important;margin-right:-34px!important;}
    .gutter-lg div[class^="col"]{padding-left:34px!important;padding-right:34px!important;}
	.ysm-search-widget.ysm-search-widget-1.ysm-active.ysm-hide{width: 80% !important;float: right !important;}
}
	
.container-fluid{max-width:1190px !important;}
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

@media (min-width: 1600px) {}
@media (min-width: 1200px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:26%; right:-40px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:-40px; right:auto;}

}

@media (min-width: 767.98px) {	
.navbar-nav>li+li {margin-left:25px;/*margin-left:65px;*/}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
#Blog .Slider {padding:0 50px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:21%; right:-10px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:-10px; right:auto;}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled){margin-top:30px;}
.ysm-search-widget-1 .search-field[type="search"]{margin-top:30px;}
.ysm-search-widget.ysm-search-widget-1.ysm-active.ysm-hide{width: 80% !important;float: right !important;}

}

@media (min-width: 768px) and (max-width: 991.98px) {
#Header {position:static; padding:15px 0px 10px 0; background:#fff;}
.navbar-nav>li+li {margin-left:30px;}
#Blog .Slider {padding:0 40px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:21%; right:-5px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:-5px; right:auto;}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled){margin-top:30px;}
.ysm-search-widget-1 .search-field[type="search"]{margin-top:30px;}
.navbar-toggler{position:absolute;top:20px;right:0px;background-color:#f0f0f0 !important; outline:none !important;} .navbar .nav-item .nav-link{padding:10px 15px;color:#013461 !important; display:block;}
.navbar {width: 100% !important;/*padding:0px !important;*/}
 .navbar .nav-item {border-bottom:solid 1px #ccc; background:#fff; color:#013461;} .navbar-toggler-icon{width:1em; height:1em; color:#000;}	
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#ff0030 !important;background:#fff; display:block;}
.navbar-nav>li+li {margin-left:0px !important;}

.dropdown-menu {padding:0px; margin:0; min-width:13rem; background-color:#272323;}
.dropdown-item {color:#fff; padding:7px 15px;font-size:13px; font-weight:500; text-align:center;border-top:1px solid #5d5c5c !important}
.dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:hover {background-color:#484848; color:#fff !important; display:block;}
.nav-css {
    float: none;
    
}
.ysm-search-widget label {width: 85%;}
.navbar-toggler {
    top: -86px !important;
}
}

@media (max-width: 767.98px) {	
#Header {position:static; padding:15px 0px 10px 0; background:#fff;}
#search {z-index: 99;left:0px; width:250px;}
.ProName{padding:14px 10px; font-size:13px;background:url(../images/textbg.png) no-repeat top right;}

#Blog .Slider {padding:0 40px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:21%; right:-5px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:-5px; right:auto;}

.navbar-toggler{position:absolute;top:20px;right:0px;background-color:#f0f0f0 !important; outline:none !important;} .navbar .nav-item .nav-link{padding:10px 15px;color:#013461 !important; display:block;}
.navbar {padding:0px !important;} .navbar .nav-item {border-bottom:solid 1px #ccc; background:#fff; color:#013461;} .navbar-toggler-icon{width:1em; height:1em; color:#000;}	
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#ff0030 !important;background:#fff; display:block;}
.navbar-nav>li+li {margin-left:0px !important;}

.dropdown-menu {padding:0px; margin:0; min-width:13rem; background-color:#272323;}
.dropdown-item {color:#fff; padding:7px 15px;font-size:13px; font-weight:500; text-align:center;border-top:1px solid #5d5c5c !important}
.dropdown-menu a.dropdown-item:focus, .dropdown-menu a.dropdown-item:hover {background-color:#484848; color:#fff !important; display:block;}
}

@media (max-width: 479px) {
#Blog .Slider {padding:0 20px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:21%; right:-12px; z-index:99; cursor:pointer; width:12%;}
#Blog .Slider .cycle-prev {left:-12px; right:auto;}
#Blog .Slider .cycle-prev img, #Blog .Slider .cycle-next img {width:80%;}
.ProName{padding:16px 14px; font-size:16px;background:url(../images/textbg.png) no-repeat top left;}
.ysm-search-widget.ysm-search-widget-1.ysm-active {
    width: 75% !important;
}
.navbar-toggler {
  
    top: -55px !important;
}
.Logo{margin-bottom:10px;}
}

@media (max-width: 320px) {
	.ysm-search-widget.ysm-search-widget-1.ysm-active {
    width: 70% !important;
}
}