@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css');
/*Other_Style_css*/
@import url("top.css");
@import url("banner.css");
@import url("font-awesome.min.css");
@import url("webslidemenu.css");
@import url("sidemenu.css");
@import url("glasscase.min.css");
/*Cetagoury_Style_css*/ 
@import url("owl.carousel.css");
@import url("owl.theme.css");

body{
    font-family: 'Work Sans', sans-serif;
}

.topp{
    padding:15px 0px;
}

.logo{

}

.top_nav{
    padding:0px;
    margin:0px;
        margin-top: 50px;
    float: right;
}

.top_nav>li{
     list-style: none;
    display: inline-block;
}

.top_nav li+li:before {
    padding: 0px 2px;
    color: #000;
    content: "/\00a0";
}

.top_nav>li>a{
    text-decoration: none;
    color: #000;
}

.Search { 
margin-top: 45px;
border:1px solid #9b9b9b;
}
.SearchInput { 
background:#fff; 
height:23px; 
padding:0px 5px;
font-size:12px;
color:#000; 
width:70%;
box-shadow:none;
border:none;
outline:none;
}
.SearchBtn {
background:url(../images/search.png) center no-repeat;
width:35px;
height:23px;
float:right;
border:none; 
transition: all 0.5s ease-in-out 0s;
}
.SearchBtn:hover { 
cursor:pointer;
opacity:1;
}

.language{
    margin-top: 45px;
}

.bgcolor1{
    background-color: #000;
	}

.h_text{
    color: #000;
    padding: 10px 0 20px;
}

/*
.h_text:before {
    background: #000 none repeat scroll 0 0;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    bottom: 5px;
    content: "";
    height: 12px;
    left: 0px;
    position: absolute;
    right: 0;
    width: 160px;
    z-index: 1;
}
*/

.img_box{
	text-align:center;
    margin-top: 40px;
}

.img_box:hover{
    box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.15);
}

.c_img{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.c_img:after{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.5);
	opacity:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.img_box:hover .c_img:after{
	opacity:1;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.img_box:hover img{
	-webkit-transform:scale(1.1) rotate(2deg);
	-moz-transform:scale(1.1) rotate(2deg);
	-o-transform:scale(1.1) rotate(2deg);
	-ms-transform:scale(1.1) rotate(2deg);
	transform:scale(1.1) rotate(2deg);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.c_img img{
	display:inline-block;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.c_text{
    display: inline-block;
    padding: 10px 0px;
}
.c_text h3{
    margin-bottom: 10px;
    margin-top: 0px;
}


.p_box{
    background-color: #fff;
    padding: 10px 10px 1px;
    margin:0px 5px 10px;
}

.p_box:hover{
    box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.15);
}

.p_img{
    background-color: #fff;
    margin-bottom: 20px;
}

.p_img>a>img{
    margin-left: auto;
    margin-right: auto;
    opacity: 0.6;
    transition:0.5s;
}

.p_box:hover .p_img>a>img{
    opacity: 1;
}

.item>.p_box>.p_img:after{
    content: " ";
    background-image: url(../images/pshadow.png);
    position: absolute;
    height: 20px;
    width: 94%;
    background-repeat: round;
}

.col-md-4>.p_box>.p_img:after{
    content: " ";
    background-image: url(../images/pshadow.png);
    position: absolute;
    height: 20px;
    width: 83%;
    background-repeat: round;
}

.col-md-3>.p_box>.p_img:after{
    content: " ";
    background-image: url(../images/pshadow.png);
    position: absolute;
    height: 20px;
    width: 83%;
    background-repeat: round;
}

.p_box>h5{
    text-align: center;
    color: #000;
    font-weight: 700;
}

.heading{}

.heading>.btn{
        background-color: transparent;
    padding: 0px;
}

.heading>.btn:active, .btn.active{
    box-shadow: none;
}

.heading>.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
    outline: none;
}

.heading button+button:before {
    padding:0px 5px;
    color: black;
    content: "/\00a0";
}

.BtmImg {
	 background:url(../images/btm-img.jpg) no-repeat center; 
	   background-attachment:fixed; 
	       padding: 20px 0px 50px;
	   }
.BtmImg .BtmInner {
	 background-attachment:scroll;
	  background-position:center bottom;
	   background-repeat:no-repeat;
	   }	

.InnerText {
	   width:100%; 
	   }
	   
.InnerText>h2{
	color:#000;
	}
	
.InnerText>h1{
color: #840214;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 700;
	}
	
.InnerText>div{
	color:#000;
	}

.InnerText>a{
    text-decoration: underline;
    color: #000;
}

.footerbg{
    width: 100%;
    background-color: #ffffff;
    background-image: url(../images/footerbg.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.f_logo{}

.f_logo>img{
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

.f_menu{
    text-align: center;
}

.f_menu>ul{
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a1a1a1;
}

.f_menu>ul>li{
    display: inline-block;
    list-style: none;
    padding: 0px 20px 0px 10px;
    position: relative;
}

.f_menu>ul>li>a{
    font-weight: 500;
    color: #222222;
    text-transform: capitalize;
    transition: all 0.3s;
    text-decoration: none;
}

.f_menu>ul>li>a:hover{
    color: #840214;
}

.contact_text{
    text-align: center;
    width: 100%;
    padding: 20px 0px 0;
}

.contact_text p {
    width: 100%;
    color: #222222;
}

.contact_text p a{
    text-decoration: none;
    color: #222222;
}

.contact_text p a:hover{
    color: #840214;
}

.contact_text p i {
    padding-right: 5px;
    color: #840214;
}

.bgcolor3{
    background-color: #222222;
    padding: 20px 0px;
}

.f_link{
    color: #fff;
    text-align: left;
}

.f_link>a{
    text-decoration: underline;
    color: #fff;
}

.social{
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.social>li{
    list-style: none;
    display: inline-block;
}

.social>li>a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    padding: 0px 5px;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 5px;
    margin: 10px;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    top: calc(50% - 50px);
}

.MultiCarousel .leftLst {
    left: 0;
        background-color: #000;
    background-image: none;
    border: none;
    color: #fff;
}

.MultiCarousel .leftLst:hover{
    background-color: #840214;
}

.MultiCarousel .rightLst {
    right: 0;
        background-color: #000;
    background-image: none;
    border: none;
    color: #fff;
}

.MultiCarousel .rightLst:hover{
    background-color: #840214;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}
				
/*==================================================
=            detaile page   style                =
==================================================*/

.pager li > a{
    color: #000;
}
	
.pro_option { 
    margin: 10px 0px;
	}
	
	.pro_option span {
	width:120px; 
	color:#000; 
	display:inline-block;
	}
	
	.pro_option select {
    border: 1px solid #ccc;
    padding: 2px;
    color: #666;
    background: #f7f7f7;
    outline: none;
	}
	
	.pro_option input {
	border:1px solid #ccc;
	width:50px; 
	padding:2px;
	color:#666;
	background:#f7f7f7;
        outline: none;
	}	
		
	
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/


@media only screen and (max-width: 480px) {
	
    .top_nav{
        float: inherit;
    }
    
    .language{
        display: none;
    }
    
    .link-list li a{
        color: #fff !important;
    }
    
    .social{
        text-align: center;
        margin-top: 10px;
    }
	
	}				

					

@media all and (device-width: 768px) {
     
    .logo>a>img{
        margin-left: auto;
        margin-right: auto;
    }
    
    .top_nav{
        float: inherit;
    }
    
    .language{
        display: none;
    }
}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ed1e24;
    border-color: #ed1e24;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}