@charset "utf-8";

/* CSS Document */



@import url('bootstrap.min.css');

@import url('font-awesome.css');

@import url('bootsnav.css');

@import url('owl.carousel.css');

@import url('owl.theme.default.css');

@import url('style.css');

@import url('TweenMax.css');

/* @import url('animate.min.css'); */

/* @import url('slideshow.css'); */

/* @import url('ocpagebuilder.css'); */

@import url('glasscase.min.css');

@import url('../source/jquery.fancybox.css');





@font-face {

    font-family: 'Mont';

    src: url('../fonts/Mont/Mont-Light.woff2') format('woff2'),

        url('../fonts/Mont/Mont-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Mont';

    src: url('../fonts/Mont/Mont-Heavy.woff2') format('woff2'),

        url('../fonts/Mont/Mont-Heavy.woff') format('woff');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Mont';

    src: url('../fonts/Mont/Mont-Regular.woff2') format('woff2'),

        url('../fonts/Mont/Mont-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Mont';

    src: url('../fonts/Mont/Mont-SemiBold.woff2') format('woff2'),

        url('../fonts/Mont/Mont-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Mont';

    src: url('../fonts/Mont/Mont-Bold.woff2') format('woff2'),

        url('../fonts/Mont/Mont-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}



body {

	

	  font-family: 'Mont';

	  background:#fff; 

	  font-size:14px;  

	  color:#000;

}



/* Typography Start */



a {

    background-color: transparent;

	outline: inherit !important;

}

a:hover {

    text-decoration: none;

}



::selection {

    background-color: #1d7874;

    color: #fff;

}

.m_tb25{

     margin: 25px 0px;

}

.m_btm25{

     margin-bottom: 25px

}

.m_t100{

   margin-top: 100px;

}

.m_t30px{

   margin-top: 30px;

}

.p_lr35{

	padding: 0px 35px !important;

}

.p_lrzero{

	padding-left: 0px !important;

	padding-right: 0px !important;

}

.mtb15{

	margin: 15px 0px;

}

.p_top82{

	padding-top: 82px;

}

.p_top30{

    padding-top: 30px;

}


.centerimg{

    display:block;

    margin-right: auto;

    margin-left: auto;

    width: 60%;

}



.cust-width{

    /* margin: 0 auto;

    width: 80%; */

    background-color: #516365;

    padding: 25px 25px 25px 0px;

    border-top-right-radius: 40px;

}



/* Typography End */



/* topbar section */



.topbar{

   background-color: #eff2dd;

   padding: 10px 0;



}

.topbar li {

    list-style: none;

    margin: 0px;

    line-height: 20px;

    display: inline-block;

}

.topbar li i {

    line-height: 21px;

    /*float: left;*/

    font-size: 21px;

    color: #516365;

    text-align: center;

    margin-right: 8px;

}

.brand_logo {
    float: left;
    padding: 0px 15px 0;
}



.top_search .cust_input {

    background-color: #d2d5c0 !important;

    border: none !important;

    height: 45px !important;

    box-shadow: none !important;

}

.top_search .cust_btn {

    background-color: #d2d5c0 !important;

    color: #516365 !important;

}



.form-control::placeholder {

    color: #516365 !important;

    opacity: 1;

}

.top_search {

    width: 55%;

    float: right;

    padding-top: 15px;

    display: flex;

}



.lang_search {
    float: right;
}

.lang {
    padding-right: 15px;
    position: relative;
    top: -5px;
}

.lang, .search {

    display: table-cell;
}

.goog-te-gadget-simple {

    background-color: transparent !important;

    border-left:none!important;

    border-top:none!important;

    border-bottom:none!important;

    border-right:none!important;

    font-size: 9pt;

    display: inline-block;

    padding-top: 0px !important;

    padding-bottom: 2px;

    cursor: pointer;

    zoom: 1;

}

.goog-te-gadget img {

    display: none;

}

.goog-te-gadget-simple .goog-te-menu-value {
    font-family:'Mont';
    color: #516365 !important;
    font-size: 14px;
    font-weight: normal;
}

.goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {
    display: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span:last-child {
    color: #516365 !important;
}



/* topbar section end */



/*:::::::::::::header section:::::::::::::*/



.h_position{

    position: relative;

    width: 100%;

    z-index: 2;

	background-color:#fff;

	padding: 0px 65px;

}

/*.fixednav {

    position: fixed;

    z-index: 2;

    width: 100%;

    top: 0;

    transition:  0.6s;

	background-color:#fff;

}*/

.verticalline {
    margin-top: 20px !important;
    color: #eff2dd;
}

.logo {

    padding: 0px 0px 8px 0px;

    width: 65%;

}

.logo a{

	display: inline-block;

}



.logo1 {

    padding: 10px 0px 0px 0px;

}

.logo1 a{

	display: inline-block;

}

.secd_menu{

    background-color: #516365;

    border-bottom: 1px solid #fff;

}



/*:::::::::::::header section end:::::::::::::*/



/*:::::::::::::banner section start:::::::::::::*/



.slideshow .slide .title{

    font-size: 4vw !important;

    font-family: 'Mont' !important;

    font-weight: bold !important;

    text-transform: capitalize !important;

    text-align: left;

    line-height: 1;

}

.slideshow .slide .text p {

    width: 100%;

    padding-top: 8px;

    font-size: 1.3vw;

}

.slideshow .slide .text p span{

    font-size: 1.8vw;

}



/*:::::::::::::banner section end:::::::::::::*/


/*:::::::::::::about section:::::::::::::*/



.welcome{
    padding:70px 0;
}

.welcome-note h4{

	font-family: 'Mont';

	font-size: 33px;

	color: #516365;

	font-weight:300;

	margin: 0;

	text-transform: capitalize;	

}

.welcome-note h2{

	font-family: 'Mont';

	font-size: 55px;

	color: #516365;

	font-weight:900;

	margin: 0;

	text-transform: capitalize;

}

.welcome-note p{

	font-family: 'Mont';

	font-size:16px;

	color:#516365;

	font-weight:normal;

	line-height: 35px;

	margin: 0;

	padding: 8px 0;

    width: 88%;

}

.welcome-note a{

    font-family: 'Mont';

    font-size: 14px;

    color: #eff2dd;

    font-weight: 500;

    text-transform: uppercase;

    background-color: #516365;

    border: 2px solid transparent;

    margin: 0;

    text-decoration: none;

    padding: 11px 20px;

    box-shadow: 4px 5px 0px #1d7874;

    transition: .3s ease;

    border-radius: 0px 15px 15px 15px;

}

.welcome-note a:hover {

    box-shadow: -4px -5px 0px #1d7874;

    background-color: transparent;

    border: 2px solid #516365;

    color:#516365;

}



/*:::::::::::::about section end:::::::::::::*/



/*:::::::::::::categorize section:::::::::::::*/



.categorize{

	background-image: url(../images/LC_typography-5.png), 

                      url(../images/LC_typography-3.png),

                      linear-gradient(to bottom, #eff2dd, transparent);

    background-position: 106% 30%, left bottom;

    background-repeat: no-repeat, no-repeat;

	padding:30px 0px 80px;

}

.Card_wrapper {

    transform: skew(-5deg);

    transition: 0.25s;

  }

.Card_wrapper:before {

    content: '';

    left: 0;

    top: 0;

    height: calc(100% - 5px);

    width: calc(100% - 5px);

    border-radius: 40px;

    opacity: 0;

    border: 2px solid #1d7874;

    position: absolute;

    z-index: -1;

    transition: 0.5s 0.05s;

  }

.Card_wrapper:hover:before {

    opacity: 1;

    transform: translateY(1.5rem) translateX(1.5rem);

  }

.Card_wrapper:nth-child(1) .card:before{

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("../images/LC_Catimg-1.png"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

.Card_wrapper:nth-child(2) .card:before{

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("../images/LC_Catimg-2.png"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

.Card_wrapper:nth-child(3) .card:before {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("../images/LC_Catimg-1.png"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

.Card_wrapper:nth-child(4) .card:before {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("https://images.pexels.com/photos/635537/pexels-photo-635537.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

.Card_wrapper:nth-child(5) .card:before {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("https://images.pexels.com/photos/6478/tree-lemon-fruit.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

.Card_wrapper:nth-child(6) .card:before {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("https://images.pexels.com/photos/709816/pexels-photo-709816.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

  .Card_wrapper:nth-child(7) .card:before {

    content: '';

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    /* background-image: url("https://images.pexels.com/photos/709816/pexels-photo-709816.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"); */

    background-size: cover;

    /* background-color: #373f51; */

    transform: skew(10deg) scale(1.2);

    transition: 0.25s;

  }

  .Card_wrapper:hover {

    transform: translateX(-1rem) translateY(-1rem) skew(-5deg);

  }

  .Card_wrapper:hover .card {

    box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.1);

  }

  .Card_wrapper:hover .card:after {

    background-blend-mode: normal;

  }

  .Card_wrapper .card {

    background-color: #fff;

    border-radius: 40px;

    height: 25rem;

    padding: 2rem;

    position: relative;

    overflow: hidden;

  }

  .Card_wrapper .card::before {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

  }



.Card_wrapper .card .card_cont{

position: absolute;
bottom: 0;
left: 1px;
z-index: 2;
background-image: linear-gradient(to bottom, transparent, #516365 25%);
width: 100%;
transform: skewX(5deg);
padding: 0 2.8rem 2.3rem;
transition: .4s ease-in;

}

.Card_wrapper .card:hover .card_cont{

    background-image: linear-gradient(to bottom, transparent, #1d7874 25%);

}

.Card_wrapper .card .card_cont h3{

    font-family: "Mont";

    font-size: 24px;

    color: #eff2dd;

    font-weight:700;

    margin: 0;

}

.Card_wrapper .card .card_cont span{

    font-family: "Mont";

    font-size: 12px;

    color: #eff2dd;

    font-weight:400;

    text-decoration: underline;

    text-transform: capitalize;

}



/*:::::::::::::categorize section end:::::::::::::*/



/*:::::::::::::featured section:::::::::::::*/



.featured{

	background-image: url(../images/LC_typography-2.png), 

                      url(../images/LC_typography-4.png);

    background-position: right 70%, left bottom;

    background-repeat: no-repeat, no-repeat;

    padding: 30px 0px 200px 0px;

}



.featured-1{

	padding: 20px 0;

}

.head_sct h2{

	font-family: 'Mont';

	font-size: 46px;

	font-weight: 900;

	text-transform: uppercase;

	position: relative;

    color: #516365;

}

.head_sct h2 span{

    font-weight: 300;

    padding-right: 15px;

}

.head_sct h2:after{

	content: '';

	position: absolute;

    top: 0;

	left: 0;

    right: 0;

    bottom: -130px;

    background: url(../images/LC_wave-img.png)center left no-repeat;

}

.feat_item{

	cursor: pointer;

    border: 2px solid #a8b1b2;

    border-top-right-radius: 85px;

    overflow: hidden;

}

.feat_item:hover{

    border: 2px solid #1d7874;

}

.feat_item .feat_img{

    background-color: #fff;

	/* position: relative; */

	display: block;

}

.feat_item .feat_img img{

   display: block;

   margin: 18px auto;

   width: 85%;

}



/* .feat_item .feat_img::after{

	content: '';

	display: block;

	position: absolute;

	opacity: 0;

	top: -18px;

	left: 0;

    height: 112%;

    width: 100%;

	background: url(../images/pluseicon-bg.png) no-repeat center center #27b7c8;

	-webkit-transition: ease 1s;

	transition: ease 1s;

    transform: scale(0);

    transform-origin: center bottom;

} */

.feat_item:hover .feat_img::after{

    opacity: 0.8;

    transform: scale(100%);

}

.feat_item .feat_content{

	background-color: #FFFFFF;

	text-align: center;

	font-family: 'Mont';

	font-weight: normal;

	text-transform: capitalize;

	padding: 12px;

}

.feat_item .feat_content h2{

    color: #0f0f0f;

	font-size: 16px;

	margin: 0px;

	padding-bottom: 4px;
	height: 20px;
    overflow: hidden;

}

.feat_item .feat_content span{

    color: #0f0f0f;

	font-size: 14px;

}

.feat_item .add-to-basket {

	font-family: 'Mont';

    color: #fff;

    background-color: #516365;

    font-size: 14px;

    text-align: center;

    text-transform: capitalize;

    font-weight:normal;

	text-decoration: none;

    width: 100%;

	display: block;

    padding: 12px 0;

    transition: 1s ease;

}

.feat_item:hover .add-to-basket {

    text-decoration: none;

	background-color: #1d7874;

    color: #fff;

}

.feat_item .add-to-basket .icon{

	font-size: 18px;

	padding-right: 5px;

}



.owl-nav {

    position: absolute;

    top: -160px;

    width: 100%;

    text-align: right !important;

}

.owl-carousel .owl-nav button.owl-prev, 

.owl-carousel .owl-nav button.owl-next{

    

    color: #0d3747 !important;

    font-size: 25px !important;

    margin-right: 2px !important;

    transition: all .3s;

    width: 40px;

    height: 40px;

    border: 2px solid #0d3747 !important;

    border-radius: 50% !important;

}

.owl-carousel .owl-nav button.owl-prev:hover, 

.owl-carousel .owl-nav button.owl-next:hover{

    color: #fff !important;

    background-color: #1d7874 !important;

    border: 2px solid #1d7874 !important;

}

.owl-carousel .owl-nav button.owl-prev span, 

.owl-carousel .owl-nav button.owl-next span{

    line-height: 40px !important;

}



/*:::::::::::::featured section end:::::::::::::*/





/*:::::::::::::footer section:::::::::::::*/





.f-content{

	background-color: #12292f;

	padding: 52px 0 8px 0;

    background: url(../images/TN_bg1.jpg)center center no-repeat;

	background-size: cover;

    border-bottom: 1px solid #27b7c8;

}

.center-contact{

	text-align: center;

}

.center-contact img{	

	margin-bottom: 30px;

} 

.center-contact h3{

    font-family: 'Mont';

    font-size: 24px;

	color: #1d7874;

    font-weight:normal;

    margin: 0;

    padding: 0px 0px 12px 0px;

    line-height: 26px;	

}

.center-contact p{

    font-family: 'Mont';

    font-size: 16px;

    color: #516365;

    font-weight:normal;

    margin: 0;

}

.center-contact h3 a{

	color:#FFFFFF;

	text-decoration: none;

}

.center-contact h3 a:hover{

	text-decoration:underline;

}

.SocialMediaIcon{

		  margin:0px auto;

		  padding: 40px 0px 7px 0px;

	      display: inline-block;

}		  

.SocialMediaIcon ul{

		   margin:0px;

		   padding:0px;

		   list-style:none;           

}	

.SocialMediaIcon ul li{

	   margin:0px;

	   padding:0px;

	   float: left; 

}

.SocialMediaIcon ul li a{

	  font-size:22px;

	  text-align:center;

	  margin:0px 10px 5px 0px;

	  padding:0px 0px 0px 0px;

	  line-height:45px;

	  background-color:#ffffff;

	  color: #0d3747;

	  display:block;

	  float:left;

	  width:45px;

	  height:45px;

	  transition:all .5s ease-in-out;

}

.SocialMediaIcon ul li a:hover{

	background-color:#27b7c8;

	color: #ffffff;

}



.footer-btm{

	 background-color: #1d7874;

     padding: 15px 0px 40px 0px;

}

.footer-btm h2{

	font-family: 'Mont';

    font-size: 24px;

	color: #eff2dd;

    font-weight:bold;

    margin:0;

	margin-bottom:25px;

	text-transform: uppercase;

    position: relative;

}



.footer-btm h2::before{

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    width: 40%;

    height: 2px;

    background-color:#eff2dd;

}

.footer-btm h2 span{

    font-weight: normal;

}



.footer-btm .contact_info h3{

    font-family: 'Mont';

    font-size: 21px;

    color: #eff2dd;

    font-weight: 600;

    margin: 0;

    text-transform: uppercase;

    line-height: 26px;

    padding-bottom: 5px;

}

.footer-btm .contact_info p{

    font-family: 'Mont';

    font-size: 15px;

    color: #eff2dd;

    font-weight: normal;

    margin: 0;

}

.footer-btm .contact_info p a{

    font-family: 'Mont';

    font-size: 16px;

    color: #eff2dd;

    font-weight: normal;

    margin: 0;

}

.footer-btm .contact_info p a:hover{

  text-decoration: underline;

}



.InformationLink{

	margin: 0px;

	padding: 0px;

}

.InformationLink ul{

	margin: 0px;

	padding: 0px;

	list-style: none;	

}

.InformationLink ul li{

	margin: 0px 0px 10px 0px;

	padding: 0px;

	float: none;

	display:block;

}

.InformationLink ul li a{

	font-family: 'Mont';

	font-size:14px;

	text-decoration:none;

	font-weight:normal;

	color:#ffffff;

	text-transform:capitalize;

	margin:0px;

	padding:8px 0px 0px 0px;

	cursor:pointer;

	line-height:18px;

	transition: all 0.3s ease-in;

    position: relative;

    z-index: 2;

}

.InformationLink ul li a:before{

    content: '';

    position: absolute;

    top: 28px;

    left: 0;

    background-color: #eff2dd;

    width: 100%;

    height: 1px;

    transform: scaleX(0);

    transition: .5s ease;

    transform-origin: left;

    z-index: -1;   

}

.InformationLink ul li a:hover:before{

    transform: scaleX(100%);

}



.newsletter {

    text-align: center;

    padding: 20px 30px;

    position: relative;

    top: -110px;

    display: block;

    z-index: 2;

    background-color: #eff2dd;

    border-radius: 60px 2px 2px 2px;

}

.newsletter h3{

    font-family: 'Mont';

    font-size: 18px;

    color: #516365;

    font-weight: 600;

    text-transform: uppercase;

}

.newsletter h3 span{

    font-size: 16px;

}



.newsletter span{

	font-family: 'Mont';

	font-size:14px;

	color:#516365;

	font-weight:normal;

	line-height: 30px;

    margin: 0px;

    padding-bottom: 15px;

    padding-top: 10px;

}





.newsletter input { 

    background: none;

    border: 1px solid #516365;

    height: 44px;

    text-indent: 10px;

    width: 100%;

    box-shadow: none;

    color: #fff;

    font-size: 13px;

    margin-bottom: 15px;

    text-align: left;

    background-color: #516365;

    border-radius: 5px;

}

.newsletter button {

    background: transparent;

    height: 44px;

    text-align: center;

    color: #1d7874;

    font-weight: 600;

    font-size: 13px;

    text-transform: uppercase;

    transition: all .5s ease;

    border: none;

    outline: none;

    width: 100%;

    border-radius: 50px 50px 0px 50px;

    border: 2px solid #1d7874;

}

.newsletter button:hover {

    background-color:#1d7874;

    color: #fff;



}



.newsletter .envelop_img {

	position: absolute;

	bottom: 0;

	right: 0;

	z-index: -1;

    opacity: 0.2;

}



.copyright {

    font-family: 'Mont';

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    position: absolute;

    left: 50%;

    bottom: -40px;

    transform: translate(-50%);

}

.copyright::before {

    content: '';

    position: absolute;

    background-color: #516365;

    width: 100%;

    height: 76px;

    bottom: 0;

    left: -35%;

}

.copyright .cr-text{

	text-align: left;

}

.copyright .powerd{

	text-align: right;

}

.copyright a{

	color:#fff;

	text-decoration: none;

	text-transform: uppercase;

    font-weight: bold;

}

.copyright a:hover{

	text-decoration:none;

}



/*:::::::::::::footer section end:::::::::::::*/



/****back to top****/



#scroll {

    position:fixed;

    right:140px;

    bottom:30px;

    cursor:pointer;

    width:42px;

    height:42px;

    background-color:#516365;

    text-indent:-9999px;

    display:none;

	outline: inherit;

	transition: .2s;

	z-index: 999;

    border-radius: 10px;

}

#scroll:hover {

    opacity:1;filter:"alpha(opacity=100)";

    -ms-filter:"alpha(opacity=100)";

}

#scroll img {

    position:absolute;

    top:50%;

    left:50%;

    transform: translate(-50%, -50%);

    width: 22px;

}





/****back to top end****/



/*:::::::::::::PRODUCT PAGE:::::::::::::*/



.prod_sec{

    padding: 30px 0px 200px 0px;

}





ul.accordion {

    width: 100%;

    max-width: 360px;

    background: #1d7874;

    list-style: none;

    padding:0;

    overflow: hidden;

  }

  

  ul.accordion .link {

    cursor: pointer;

    display: block;

    padding: 10px;

    color: #4D4D4D;

    font-size: 14px;

    font-weight: 600;

    border-bottom: 1px solid #d2d5c0;

    position: relative;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    color: #fff;

 

  }

  ul.accordion .link a{color:#fff; display:block;}

  ul.accordion li:last-child .link { border-bottom: 0; }

  

  ul.accordion li i {

    position: absolute;

    top: 16px;

    left: 12px;

    font-size: 18px;

    color: #fff;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

  }

  

  ul.accordion li i.fa-chevron-down {

    right: 12px;

    left: auto;

    font-size: 12px;

  }

  

  ul.accordion li.open .link { color: #fff; }
  
  ul.accordion li.open .link a{ color: #fff; display:block;}

  

  ul.accordion li.open i { color: #fff; }

  

  ul.accordion li.open i.fa-chevron-down {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  

  /**

   * Submenu

   -----------------------------*/

  

  

   ul.submenu {

    display: none;

    background: #516365;

    font-size: 14px;

    padding: 0px;

    list-style: none;

  }

  

  ul.submenu li { border-bottom: 1px solid #d9d9d9; }

  

  ul.submenu a {

    display: block;

    text-decoration: none;

    color: #d9d9d9;

    padding: 7px 12px;

    -webkit-transition: all 0.25s ease;

    -o-transition: all 0.25s ease;

    transition: all 0.25s ease;

  }

  

  ul.submenu a:hover {

    background: #f66052;

    color: #FFF;

  }

  

  .paging {

    text-align: center;

    width: 100%;

    margin-top: 20px;

}

.paging a {

    padding: 5px 12px;

    color: #fff;

    font-size: 15px;

    transition: .5s ease;

    background-color: #fff;

    text-decoration: none;

}

.paging a:hover,

.paging .paging_act{

    color:#fff; 

    background-color: #1d7874;

}



/*:::::::::::::PRODUCT PAGE END:::::::::::::*/





/*:::::::::::::CONTACT PAGE CSS:::::::::::::*/



.page_title_inner{

	padding: 20px 0 130px;

}



.page_title{

	

	text-align: center;

	padding:20px 0;

	background-color:#1d7874;

}



.page_title h2{

	

	font-family:'Mont';

	font-size: 30px;

	color:#fff;

	font-weight:bold;

	text-transform: uppercase;

	margin: 0;

	padding: 0;

}



.breadcrumbs {

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

    text-align: center;

}



.breadcrumbs ul {

    margin: 0;

    padding: 0;

}



.breadcrumbs .items .item {



    display: inline-block;

    font-size: 13px;

    line-height: 16px;

    padding-right: 0.5rem;

    position: relative;

    color: #fff;

	

}



.breadcrumbs .items .item a {

    text-decoration: none;

    color: #fff;

	transition: all 0.4s ease-in 0s;

}



.breadcrumbs .items .item a:hover {

    color: #000;

}



.breadcrumbs .items .item strong {

    font-weight: 600;

	color: #fff;

}



.breadcrumbs .items .item:last-child {

    border-right: 0;

    margin-right: 0;

    padding-right: 0;

}



.inner-page { 

	padding: 40px 0 0 0;

}



.page-txt { 

	font-weight:500; 

	font-size:14px;

	line-height:26px; 

	min-height:350px;

}



.page-txt h2{ 

    margin-top: 0;

    font-family: 'Mont';

	font-size:29px;

    font-weight:600;

	text-transform: uppercase;

}



.page-txt h3{ 

	font-family: 'Mont';

	font-weight:600; 

	font-size:20px;

	line-height:26px;

	text-transform: uppercase;

	margin-top: 22px;

}



.page-txt p{ 

	font-family: 'Mont';

	font-weight:500; 

	font-size:14px;

	line-height:26px; 

}



.contact-form h4 { font-family: 'Mont'; margin-bottom:1em; letter-spacing:0.08em; line-height:30px; color:#282828; text-transform:uppercase; font-weight:600; font-size:29px; margin-top: 0;}



.form-group label { display:none;}

.form-group { position:relative;}

fieldset .required:after { color:#bbbaba; content:"*"; font-size:12px; left:-16px; margin:0 0 0 5px; position:absolute; top:8px; font-weight:400;}

.form-group .input-text { display:block; border:2px solid #e9e9e9; color:#282828; font-weight:400; letter-spacing:1.6px; line-height:2.3rem; padding:1rem 1rem; text-transform:uppercase; width:100%; font-size:14px; box-shadow:none; vertical-align:baseline; outline:none; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

.form-group .input-text:hover, .form-group .input-text:focus {border-color: #516365;}

.submit-btn{}

.submit-btn button { background:#1d7874; transition:all 0.3s ease-in-out 0s; border:none; font-family: 'Mont'; font-size:14px; color:#fff; display:inline-block; margin:0 0.25rem; padding:10px 20px; text-transform:uppercase; font-weight:600; width: 100%;}

.submit-btn button:hover {background:#516365;}



.contact-map { margin-top:20px; margin-bottom: 120px;}



/*:::::::::::::CONTACT PAGE CSS END:::::::::::::*/



/*:::::::::::::LARGEVIEW PAGE CSS:::::::::::::*/



.relate_title h2{

	font-family: 'Mont';

	font-size: 20px;

	color: #000;

	font-weight:700; 

	margin: 0px;

	text-transform: uppercase;	

	text-align: center;

	padding-top: 25px;

    padding-bottom: 10px;

}



.p-title { text-align:center; text-transform:uppercase; color:#0e0e0e; margin-bottom:35px;}

.p-title h2 { margin-top:0; font-weight:400; margin-bottom: 25px; font-size: 25px; 'Mont';}

.p-title h2 span{ font-weight:700;}

.pagination { 

	text-align:left; 

	width:100%;

}

.pagination a {

	border-radius:3px;

	padding:3px 4px;

	font-size:20px; 

	color:#0d3747;

	display:inline-block;

	text-transform:uppercase;

	margin:0;

	transition: all 0.4s ease-in 0s;

}

.pagination a:hover,

.pagination a:focus{ 

	color:#1d7874;

	text-decoration: none;

	outline: none;

}

.prod-details h1 { 

	font-family: 'Mont';

	text-align:left;

	text-transform:uppercase;

	font-weight:600; 

	font-size:23px; 

	color:#101010;

}

.prod-details h3 { 

	font-family: 'Mont';

	color:#101010;

	font-size:15px;

	font-weight:400;

	margin: 28px 0;

}

.prod-details .description { 

	font-family: 'Mont';

	min-height:150px;

	font-weight:400;

	font-size:17px; 

	color:#101010;

	text-transform: capitalize;

}

.prod-details .description p{ 

	

	font-weight:400;

	font-size:14px; 

	color:#a8a2a2;

	line-height: 28px;

}

/*.prod-details .description span { 

	

	text-transform:uppercase;

	color:#101010; 

	font-size:14px;

}*/

.prod-details .prd-opt {

	margin-bottom:50px;

}

.prod-details .prd-opt label {

	width:24%;

	text-align:left; 

	font-size:14px;

	text-transform:uppercase;

	line-height:34px;

	margin:0;

}

.prod-details .prd-opt .form-control {

	width:36%;

	font-weight:400;

	border-radius: 0 !important;

}

.prod-details .prd-opt .form-control:focus {

	border-color:#fac930;

	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(242, 190, 28, 0.6);

}

.like-box { margin-top:3rem;}

.qt-btn {

	font-family: 'Mont';

	background:none !important; 

	font-weight: 500;

	height:60px;

	line-height: 58px !important;

	border: none !important;

	text-align:center; 

	color:#000 !important;  

	font-size:16px; 

	transition:all 0.3s ease-in-out 0s;

	text-transform:none;

	outline: none !important;

}

.qt-btn:hover {

	color:#000;

	background:#068f3d;

}

.wrap-cart-cta{

    display: inline-block;

    float: left;

    margin-bottom: 20px;

    margin-right: 10px;

    font-size: 14px;

	max-width: 123px;

	border: 1px solid #e9e9e9;

}

.wrap-cart-cta .input-group .form-control {

    height: 61px !important;

	line-height: 60px !important;

	border: none !important;

}

.submit-btn-d {}

 .submit-btn-d button {

	font-family: 'Mont';

	background:#1d7874; 

	font-weight: 500;

	padding: 19px 15px;

	width: 200px;

	border: none; 

	text-align:center; 

	color:#fff;  

	font-size:16px; 

	transition:all 0.3s ease-in-out 0s;

	text-transform:none;

}

 .submit-btn-d button:hover {	

	background:#516365; 

}

/*:::::::::::::LARGEVIEW PAGE CSS END:::::::::::::*/





/*::::::::::::::::::::MEDIAQUERY SECTIONS CSS START:::::::::::::::::::*/



@media screen and (min-width:1367px) and (max-width:1400px){



    .slideshow {

        height: 55vh;

    }



    .slideshow .slide .caption {

        padding: 0 140px;

    }



}



@media screen and (min-width:992px) and (max-width:1366px){



    .slideshow {

        height: 70vh;

    }



    .slideshow .slide .caption {

        padding: 0 120px;

    }



    .slideshow .slide .title {

        margin: 0 auto 10px;

    }



    #scroll {

        right: 65px;

    }

	

	.topbar li div p {

    font-size: 14px;

}

	.topbar li a {

    font-size: 14px;

}

	.h_position{

		padding: 0px 0px;

	}





    .cust-width {

        margin: 0 auto;

    }



}

@media screen and (max-width:991px){



    .slideshow {

        height: 35vh;

    }



    .slideshow .slide .caption {

        padding: 0 120px;

    }



    .slideshow .slide .title {

        margin: 0 auto 10px;

    }



    .secd_menu {

        height: 0;

        background-color: #516365;

    }





    #scroll {

        right: 15px;

        bottom: 120px;

    }



    .copyright::before {

        background-color: transparent;

        left: 0;

    }



    .copyright {

        position: relative;

        bottom: 0px;

        background-color: #516365;

        width: 100%;

    }

    

    .top-search input.form-control{

        height: 45px !important;

    }



    .newsletter {

        position: inherit;

        top: 0px;

    }

    

/*

    .main::before {

    top: -6%;

}

*/

    .page_title {

    padding: 30px 0 30px 0;

}



    .topbar {

    position: inherit;

}



	

	.topbar {

    padding: 5px 0px;

}

	.topbar li div p {

    font-size: 12px;

}

	.topbar li a {

    font-size: 12px;

}

	.h_position{

		padding: 0px 0px;

	}

	logo {

    padding: 18px 0px 8px 0px;

}

	.base > ul > li.info-icon > a {

    font-size: 14px;

    margin-top: 15px;

}

	

	#cssmenu > ul > li {

    margin-top: 10px;

}

   .verticalline {

    margin-top: 32px !important;

}

	#cssmenu > ul > li > a {

    padding: 23px 7px;

    font-size: 9px;

}

    .subscribe {

    border-left: 0px solid #363a4b;

    border-right: 0px solid #363a4b;

}

    .copyright .cr-text {

    text-align: center;

    padding-bottom: 5px;

}

	

   .copyright .powerd{

    text-align: center;

	padding-top: 5px;

}

	.submit-btn-d button {

    width: 175px;

}



}

	

@media screen and (max-width:767px){
    
    .p_btm50{
    padding-bottom: 30px;
}





    .slideshow {

        height: 26vh;

    }



    .slideshow .slide .caption {

        padding: 0 55px;

    }



    .slideshow .slide .title {

        margin: 0 auto 0px;

    }



    .arrows {

        display: none;

    }



    nav.navbar.bootsnav {

        z-index: 9;

        position: relative;

        top: 3px;

    }



    .secd_menu {

        height: 0;

        background-color: #516365;

    }



    #scroll {

        right: 15px;

        bottom: 120px;

    }



    .copyright {

        position: relative;

        bottom: 0px;

        background-color: #516365;

        width: 100%;

    }

    

    .top-search input.form-control{

        height: 45px !important;

    }



    .categorize {

        background-image: url(), 

                          url(),

                          linear-gradient(to bottom, #eff2dd, transparent);;

    }



    .featured {

        background-image: url(),

                          url();

        padding: 20px 0px 80px 0px;

    }

    .newsletter {

        position: inherit;

        top: 0px;

    }

    

    .categorize {

    margin-top: 45px;

}

	

	.verticalline {

    display: none !important;

}



	.h_position{

		padding: 0px 0px;

	}

	.txt-center{

		text-align: center;

	}

	.p_top82 {

    padding-top: 10px;

    padding-bottom: 10px;

}

	.footer-btm {

    padding: 20px 0;

}

	.search-box {

    top: 100%;

}

}



@media only screen and (max-width:480px){
    
    .p_btm50{
    padding-bottom: 30px;
}



    .slideshow {

        height: 20vh;

    }



    .slideshow .slide .caption {

        padding: 0 45px;

    }



    .slideshow .slide .title {

        margin: 0 auto 0px;

    }



    .arrows {

        display: none;

    }





    nav.navbar.bootsnav {

        z-index: 9;

        position: relative;

        top: 3px;

    }



    #scroll {

        right: 15px;

        bottom: 120px;

    }



    .copyright {

        position: relative;

        bottom: 0px;

        background-color: #516365;

        width: 100%;

    }

    

    .top-search input.form-control{

        height: 45px !important;

    }

    

    .oc-banner11-container .flex-control-nav,

    .nivo-controlNav {

        bottom: -8px;

    }

    

    .welcome-note h2 {

    font-size: 28px;

}

	.f-content a {

    font-size: 17px;

}

	.copyright {

    font-size: 13px;

}

	.newsletter .sign-form input {

    width: 82%;

}

	.newsletter .sign-form button {

    width: 18%;

}

	.submit-btn-d button {

    width: 120px;

	font-size: 12px;

	padding: 19px 15px;

}

	.page_title h2 {

    font-size: 20px;

}

	.breadcrumbs {

    font-size: 12px;

}

	.topbar li div p {

    font-size: 12px;

}

	.topbar li a {

    font-size: 12px;

}

	.social_text ul li{

	float: none;

    width: 100%;

}



	}



/*::::::::::::::::::::MEDIAQUERY SECTIONS CSS END:::::::::::::::::::*/
/*:::::::::::::CATEGORY PAGE CSS:::::::::::::*/


.cat_sec{
    padding: 20px 0 50px 0;
}
.cat-block{
    border: 5px solid #e3e3e3;
    position: relative;
    background-color: #fff;
    height: 260px;
    border-radius: 0 50px 0 0;
}
.cat-block:before{
    content: '';
    position: absolute;
    top: -14px;
    left: 10px;
    border: 5px solid #f66052;
    width: calc(100% + 4px);
    height: calc(100% - -8px);
    border-left: 0px;
    border-bottom: 0px;
    z-index: -1;
    border-radius: 0 58px 0 0;
}
.cat-block:after{
    content: '';
    position: absolute;
    bottom: -26px;
    left: -25px;
    width: calc(100% + -130px);
    height: calc(100% - 127px);
    background-image: url(../img/NS_cat_bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.cat-block .cat-img{
    overflow: hidden;
    padding: 20px 0;
}
.cat-block .cat-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#f66052;
    transform: scaleX(0);
    transition: .2s ease;
    opacity: 0;
    border-radius: 0 45px 0 0;
}
.cat-block .cat-img:hover::after {
    transform: scaleX(1);
    opacity: 0.3;
}
.cat-block .cat-name{
    border-top: 1px solid #eee;
    padding: 16px 10px;
}
.cat-block .cat-name h4{
    font-family: 'Mont';
    font-size: 15px;
    font-weight: normal;
    color: #0d3747;
    margin: 0;
}
.cat-block .cat-name h4 .fa {
    font-size: 23px;
    vertical-align: text-top;
    padding-left:5px;
}
/*:::::::::::::CATEGORY PAGE END:::::::::::::*/
.increase_padding25{
    padding-left: 25px;
    padding-right: 25px;
}
.custom-width{
    max-width: 98%;
    margin: 0 auto;
}
.custom-width2{
    max-width: 80%;
    margin: 0 auto;
}
.center_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}