body{font-family: 'Muli', sans-serif; font-size:13px;background-color: #ffffff !important;}
p, ul, li, h1, h2, h3, h4, h5, h6, input, select, textarea{padding:0px; margin:0px; list-style:none; font-weight:normal;}

.scrolled .email{display:none;}
.email{line-height:31px;}


.logo{text-align:center; padding:20px 0px; width:204px; margin:auto;}
.logo img{width:100%;}
.scrolled .logo{padding:10px 0px; width:180px;}

.socialdiv{padding-top:5px; text-align:right;}
.scrolled .socialdiv{display:none;}

.scrolled .searchdiv{margin:15px 0px 0px 0px;}

.searchdiv{height:43px; border:4px solid #e3e3e3; padding:0px 0px 0px 0px; position:relative; width:70%;}
.searchdiv input{float:left; width:calc( 100% - 0px ); padding:0px 0px 0px 5px; height:35px; border:0px; line-height:35px; outline:0px; background:transparent; letter-spacing:1px;}
.searchdiv button{color:#fff!important; background:#7c7c7c; border:0px; height:35px; outline:0px; width:60px; font-size:16px;}
.formbox{-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); padding-top:15px; padding-bottom:15px; border-radius:2px; margin-top:30px;}


.navbar-default{background:#fff!important; box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}
.navbar-brand{height:auto; text-align:center;}

.redbar{margin:20px 0px; text-align:center; color:#fff; font-size:18px; color:#002864; }
.lowmargin{padding-top:0px;}

.menubar{margin:20px 0px 0px 0px;}

.topmenu{height:40px; text-align:right;}
.topmenu li{font-size:13px; line-height:40px; display:inline-block; position:relative; text-transform:uppercase; float:none;  color:#011D37; letter-spacing:1px;}
.topmenu li a{color:#011D37; padding:10px 9px; text-decoration:none;}
.topmenu li a:hover{background:#011D37!important; color:#fff!important;}
.topmenu li:hover a{background:#011D37; color:#fff!important;}

.mm-effect-slide-menu .wrappage{margin-top:0px;}
.wrappad{padding-top:30px;}

.scrolled .mycart{margin-top:15px;}
.mycart{font-size:13px; margin-top:30px; text-align:right; float:right;}
.mycart span{display:inline;}
.mycart a{color:#000;}
.mycart a:hover{color:#5E5E5E; text-decoration:none;}
.mycart div {display:inline; text-align:right;}

.mycart .fa-shopping-bag{font-size:28px; position:relative;}

.redcart{position:absolute; top:13px; left:7px; width:14px; height:14px!important; font-weight:bold; line-height:16px!important; text-align:center!important; background:#fff; color:#E70000; border-radius:7px; font-size:11px;}
.redcart a{color:#fff;}

.webcontent{font-size:14px; line-height:24px; color:#021634;}
.webcontent h1{font-size:32px;}
.webcontent h1 span{font-size:24px;}
.webcontent h2{font-size:24px; color:#000; margin-top:20px;}
.webcontent h3{font-size:18px; color:#000;}
.webcontent p{font-size:14px; line-height:28px; margin-top:10px; text-align:justify;}
.webcontent ul{margin-left:0px;}
.webcontent li{list-style:none; font-size:14px; margin:15px 0px 15px 10px; background:url(../images/righticon.jpg) no-repeat 0px 5px; padding-left:25px;}
.webcontent fieldset{margin-bottom:20px; border:1px solid #C7C7C7; padding:10px 0px;}
.webcontent fieldset .imgclass{float:left; margin:0px 10px 0px 0px; width:250px;}
.webcontent legend{font-size:16px; padding:10px; font-weight:bold; width:auto; margin-bottom:0px; border-bottom:0px;}
.readmorebut{background:#002864; color:#fff; border-radius:0px; margin-top:20px;}


.newbanners{position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;height:200px}
.newbanners img{transition: all 0.7s ease; -webkit-transition: all 0.7s ease; width: 100%; height: 100%; overflow:hidden;border: 5px solid #e0e0e0;}
.newbanners:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newbanners .bancontent{display:flex; justify-content:center; align-items:center; color:#fff; text-shadow:2px 2px #000; position:absolute; font-size:32px;}

.hadding{font-size:28px; color:#000;}

.pdiv{margin:10px 5px; padding:10px 0px; cursor:pointer; text-align:center; position:relative; background:#fff;border: 1px solid gainsboro;}
.pdiv:hover{-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.18); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.18); -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear;}

.pdivimg{width:100%; height:275px; display: flex; justify-content: center;align-items: center;position:relative;}
.pdivimg img{max-width:100%; max-height:275px;text-align: center;}

.pcontent{color:#000; text-align:center; padding:10px; letter-spacing:1px;}
.pcontent a{color:#000;}
.ptitle{-webkit-line-clamp:2; font-size:14px; padding-top:10px; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; margin: 0px 0px; height:53px; line-height:20px; white-space: normal; overflow: hidden; line:2; text-overflow:ellipsis;}
.psize{font-size:13px;}
.price{font-size:18px; color:#002546; margin:0px 0px; font-weight:bold; height:25px;}
.price span{font-size:14px; color:#000000; text-decoration:line-through; font-weight:normal;}

.pdiv .cartbut{background:#011D37; color:#fff; font-size:13px; padding:5px 15px; margin-top:10px;}
.pdiv .cartoutbtn{background:#E70000; color:#fff; font-size:13px; padding:5px 15px; margin-top:10px;}
.pdiv .cartbut:hover{background:#000; color:#fff;}

.pdiv .buynowbut{background:none; color:#000; border:1px #C5247C solid; font-size:13px; padding:5px 15px; margin-top:10px; font-weight:bold;}
.pdiv .buynowbut:hover{background:#C5247C; color:#fff;}

.breadcrumbfull{border-bottom:1px solid #E6E6E6;}
.breadcrumb{margin-bottom:0px!important; margin-top:10px; background:none!important; border-radius:0px!important;}
.breadcrumb a{color:#000;}


.categorydiv{text-align:center!important;}
.categorydiv .pcontent{text-align:center!important;}

.graybg{background:#f3f3f3; padding:0px 0px 40px 0px; margin:30px 0px 0px;}


/***********Contact_us**********/
.title-bar-tabs{margin-bottom:50px; color:#000; margin-top:20px; text-align:center;}
.tabs{margin-bottom:10px; font-size:0; line-height:1; text-transform:uppercase; }
.tabs .active a {color:#000;}
.tabs a:hover{text-decoration:none;}
.title-bar-tabs a{padding:0px 0px 16px 0; font-weight:800; font-size:26px;  letter-spacing:0;}
.tabs a{display:inline-block; position:relative;}
.tabs a:before{content: ""; width:50%; height:3px; position:absolute; bottom:-1px; left:50%; background:#000; transform: translateX(-50%);}

.review{text-align:center; letter-spacing:2px; padding:0px 30px;}
.review h4{font-size:18px; font-weight:bold; padding-top:10px;}
.review h5{font-size:15px; margin:10px 0px;}
.review p{font-size:14px; line-height:24px;}

.collectiondiv{margin-bottom:40px;}
.collectiondiv a{color:#000;}
.collectiondiv a:hover{color:#A6C616; text-decoration:none;}
.collectiondiv h3{font-size:16px; font-weight:bold; margin:15px 0px;}
.collectiondiv p{text-align:justify;}
.login_back {background-color: #f4f4f4; padding: 40px 25px;}


.tabssmall{margin-bottom:10px; font-size:0; line-height:1; text-transform:uppercase; margin-top:30px;}
.tabssmall .active a {color:#000;}
.tabssmall a:hover{text-decoration:none;}
.tabssmall a{display:inline-block; position:relative; font-size:18px!important;}
.tabssmall a:before{content: ""; width:100%; height:3px; position:absolute; bottom:-1px; left:50%; background:#000; transform: translateX(-50%);}

.productinformation{width:calc(20% - 20px); float:left; padding:15px 10px; color:#7A7A7A; line-height:24px; font-size:14px;}
.productinformation strong{color:#000;}

.detailtestimonial{border:1px solid #E5E5E5; padding:15px 0px; width:100%; text-align:center; }
.detaittesthad{font-size:24px; text-transform:uppercase; font-size:24px; color:#011D37; font-weight:500;}
.detailtestiimg{margin:15px 0px; text-align:center;}
.detailtestiimg img{max-width:150px;}
.detailtesttext{font-size:13px; color:#4A4A4A; line-height:24px;}

.viewallbut{background:#fff; border-radius:5px; border:1px solid #000000; float:right;}
a .viewallbut{color:#000;}
.viewallbut:hover{background:#E70000; color:#fff;}

.innerpageban{width:100%;}

.newslettborder{border:4px solid #e1e1e1;}
.newsletterbg{width:100%; padding:40px 0px; text-align:center; overflow:hidden; border-top:3px solid #f3f3f3;}
.newsletterhading{font-size:24px; font-weight:bold; letter-spacing:1px;}
.newsletterbg input{ width:calc( 100% - 0px ); padding:0px 5px 0px 5px; height:50px; border:0px; line-height:33px; outline:0px; float:left;}
.btn-newsletter{ 
	padding: 12px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px; 
}
.badge-success{
	background-color: #28a745;
}
/******** Footer Links *******/
#footer {clear:both; overflow:auto; background:#f5f5f5; color:#000000; padding-top:40px; padding-bottom:30px; font-size:14px;}
#footer .fpart-inner{max-width:1380px; margin:0 auto;}
#footer a{color:#000;}
#footer a:hover{color:#31b2c5;}

#footer h3{color:#000000; font-size:20px; margin:0px 0 10px 0; padding:0px 0px 7px 0px; cursor:pointer;}
#footer .column{float:left; position:relative; margin:10px 20px;}

#footer .column ul{padding:0px;}
#footer .column li{padding:3px 0px; font-size:14px;}

#footer .column li a{text-decoration: none; display:block; padding:5px 0px; line-height:18px; font-size:14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column li a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .custom_column p{line-height:18px; margin:0;}

/******** Contact Details *******/
#footer .contact{float:left;}
#footer .contact ul li{font-size:13px; list-style-type:none; padding:3px 0 0 36px; min-height:30px; line-height:18px; margin-bottom:7px; margin-top:7px;}
#footer .contact_icon ul li{background:url(../images/contact-icon.png) left top no-repeat;}
#footer .contact_icon1 ul li{background:url(../images/contact-icon-1.png) left top no-repeat;}
#footer .contact_icon2 ul li{background:url(../images/contact-icon-2.png) left top no-repeat;}
#footer .contact_icon3 ul li{background:url(../images/contact-icon-3.png) left top no-repeat;}
#footer .contact_icon4 ul li{background:url(../images/contact-icon-4.png) left top no-repeat;}
#footer .contact_icon5 ul li{background:url(../images/contact-icon-5.png) left top no-repeat;}
#footer .contact_icon6 ul li{background:url(../images/contact-icon-6.png) left top no-repeat;}
#footer .contact_icon7 ul li{background:url(../images/contact-icon-7.png) left top no-repeat;}
#footer .contact_icon8 ul li{background:url(../images/contact-icon-8.png) left top no-repeat;}
#footer .contact_icon9 ul li{background:url(../images/contact-icon-9.png) left top no-repeat;}
#footer .contact_icon10 ul li{background:url(../images/contact-icon-10.png) left top no-repeat;}
#footer .contact ul li.address{background-position:0px 7px;}
#footer .contact ul li.mobile{background-position:0px -48px; line-height:25px;}
#footer .contact ul li.emails{background-position:0px -99px; line-height:28px;}
#footer .contact ul li.fax{background-position:0px -153px; line-height:25px;}
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer .social-icon{margin-top:0px;}
#footer .fa{min-width:33px; text-align:center; margin-right:5px;}

.footsocial li{padding:0px!important; background:none!important;}

.footer{background:#01101E; padding:15px 0px; color:#fff; text-align:center; font-size:12px; line-height:22px; overflow:hidden;}
.footer a{color:#fff;}
.footer a:hover{color:#808E9B; text-decoration:none;}

#footer .footsocial{text-align:left; color:#fff;}
#footer .footsocial a{color:#fff;}

.social-icon{color:#fff; font-size:15px;}
.social-icons li{vertical-align:top; display:inline-block!important; margin:0px 2px; }
.social-icons a{color:#fff; text-decoration:none;}

.social-icons li .fa{-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;
transition: .5s;}
.social-icons li .fa:hover{color:#fff;}

.fa-instagram{padding:8px 12px; background-color:#DD0000;}
.fa-instagram:hover{background-color:#DD0000;}

.fa-facebook{padding:8px 12px; background-color:#3d5b99;}
.fa-facebook:hover{background-color:#3d5b99;}

.fa-twitter{padding:8px 10px; background-color:#00aced;}
.fa-twitter:hover{background-color:#00aced;}

.fa-youtube{padding:8px 12px; background-color:#e64a41;}
.fa-youtube:hover{background-color:#e64a41;}

.fa-linkedin{padding:8px 12px; background-color:#0073a4;}
.fa-linkedin:hover{background-color:#0073a4;}

.fa-google-plus{padding:8px 7px; background-color:#e25714;}
.fa-google-plus:hover{background-color:#e25714;}


.whitebackground{background:#fff; overflow:hidden; padding:30px 0px; }

.searchbyshape{text-align:center; font-size:15px; line-height:25px; margin:10px 0px}
.searchbyshape a{color:#000; }
.searchbyshape a:hover{color:#002864; text-decoration:none!important;}

.searchfilter .form-control{border-radius:0px;}


.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000000;
}

.modal-content{overflow:hidden;}

.detailhading{font-size:22px; color:#000; font-weight:600;}
.detailsku{font-size:15px; margin-top:10px; color:#2c2c2c; text-transform:uppercase}
.detailstock{font-size:15px; margin-top:10px; color:#2c2c2c; text-transform:uppercase}
.detailprice{font-size:22px; font-weight:bold; margin-top:20px; letter-spacing:1px;}
.detailprice span{font-size:14px; color:#000; font-weight:bold;}
.detailfreeshiping{font-size:12px; display:flex; align-items:center; letter-spacing:1px;}
.detailfreeshiping i{font-size:18px; line-height:24px; margin-right:5px;}

.detailpiece{font-size:13px; color:#2c2c2c; font-weight:600; margin-bottom:5px; text-transform:uppercase;}
.detailpiece select{width:250px; border:1px solid #C4C4C4;color:#2c2c2c; padding:5px 0px; margin-top:5px;}

.detailpiece input{width:60px; border:1px solid #C4C4C4; text-align:center; color:#021634; padding:5px 0px; color:#021634;}

.gemstonedetail td{padding:6px 0px; color:#021634;}

.dileryicon{color:#054E95; font-size:24px!important;}

.detailicons{width:14.28%; float:left; font-size:12px; text-align:center; position:relative; letter-spacing:1px;}
.detailiconimg{width:100%; height:40px; display:flex; align-items:center; justify-content:center;}
.detailiconsradio{position:absolute; top:0px; left:5px;}
.chkcash{text-transform:uppercase; letter-spacing:1px; font-size:12px;}
.metalcolor{width:50px; height:auto; float:left; margin:10px 5px; text-align:center;}
.metalimg{width:50px; height:50px; line-height:50px; border:1px solid #DDDDDD;   cursor:pointer; text-align:center; display:flex; align-items:center; justify-content:center;}
.metalimg:hover{border:1px solid #A36802;}
.metalimg img{max-width:40px; max-height:40px;}
.activeclor{border:1px solid #A36802;}

.searchlocation{border:1px solid #e2e2e2; width:100%;}
.searchlocation input{font-size:12px; width:calc(90% - 40px); height:31px; padding-left:40px; line-height:31px; background:url(../images/pincode-icon.jpg) no-repeat 10px 3px #F3F3F3; border:0px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; padding-top:0px; margin-top:0px;}
.searchlocation button{background:#000000; height:32px; line-height:32px; width:23.5%; text-align:center; color:#fff; font-size:12px; border:0px;}

.detailaddenquiry{background:#000000; color:#fff; border-radius:0px; border:0px; width:100%; font-size:18px; padding:12px 0px;}
.detailaddenquiry:hover{background:#2cb1c4;}

.detailcutombut{background:#454545; color:#fff; border-radius:0px; border:0px; width:100%; font-size:18px; padding:12px 0px;}
.detailcutombut:hover{background:#2cb1c4;}

.alertbox{width:40%; height:200px; position:fixed; left:30%; top:40%; padding:15px; background:#fff; color:#000; font-size:14px; z-index:1000000000000000000; line-height:20px; text-align:justify; -webkit-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 17px -1px rgba(0,0,0,0.38);}
.facheck i{ display:flex; align-items:center; height:140px; justify-content:center; font-size:100px;}
.alertboxtext{display:flex; align-items:center; height:140px; justify-content:center;}
.alertbox button{margin:auto; border:0px; background:#000; color:#fff; padding:7px 15px; text-align:center;}

.block-tab{padding:4px 10px; text-align:left;border: 1px #bababa solid;margin-bottom:5px;border-radius:5px;}
.block-tab span{font-size:16px;font-weight:16px;}
.block-tab span.caret{float:right;line-height:10px;}


.panel-heading a{font-size:16px!important;font-weight:bold!important;}
.collapse{text-align:left;}
.paymentlogo {
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    width: 100%;
    height: 70px;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
}
.paymentlogo input {
    height: 20px;
    width: 20px;
    margin-top: 0px;
}
.paymentlogo img {
    max-width: 128px;
    width: 100%;
    margin-left: 25px;
}

@media screen and (min-width:320px) {
.searchdiv{width:80%; margin: 10px auto;}
.scrolled .searchdiv{margin:10px auto 0px auto;}

.logo{text-align:center; padding:0px 0px; width:150px; margin:auto;}

.mycart{font-size:13px; margin-top:0px; text-align:center; padding:11px; float:none;}
.scrolled .mycart{margin:0px auto; padding-top:6px; text-align:center;}
.mycart div{text-align:center;}

.navbar-default .wrappage{padding-top:195px;}



#ddmenu{display:none;}
.email{display:none;}
.hidediv{display:none;}
.topmenu{display:none;}


.menubar{margin-top:10px; margin-bottom:10px;}
#menunav{display:none;}

.desktopzoom{display:none;}
.mobilezoom{display:block;}

.topright{text-align:center; margin:10px 0px;}


.wrappage{padding-top:190px;}

.navbar-brand{width:100%; text-align:center;}

.navbar-brand > img{display:inline;}
.nav{display:none;}

.pdiv{
    max-height: 215px;
    overflow: hidden;
    
}
.pdivimg{height: 100%; max-height: 90px;}
.pdivimg img{max-height:100px;}
.product-page .col-xs-6, .col-md-6{padding-right: 2px;padding-left: 2px;}

.viewallbut{float:left;}

.productinformation{width:calc(100% - 20px); float:left;}

.newbanners .bancontent{font-size:18px;}

#footer .column{float:left; position:relative; width:calc(100% - 20px); padding:10px 10px; margin:0px 10px;}
.paymentlogo{text-align:center!important;}
.copytext{margin:10px auto;}
.footer .footsocial{text-align:center;}
.detailicons{width:33.33%; margin:5px 0px;}
}

@media screen and (min-width:400px) {
.productinformation{width:calc(50% - 20px); float:left;}
.pdivimg{height:285px;}
.pdivimg img{max-height:100px;}

}

@media screen and (min-width:480px) {
    .pdiv {
        max-height: 350px;
        overflow: hidden;
    }
	.pdivimg{height: 180px;max-height: 180px;}
	.pdivimg img{max-height:300px;}
}



@media screen and (min-width:640px) {
.productinformation{width:calc(33.33% - 20px); float:left;}
.detailicons{width:25%; margin:5px 0px;}
.pdivimg{height:400px;}
.pdivimg img{max-height:410px;}
}


@media screen and (min-width:768px) {
.alertbox{width:40%; left:30%;}
.social-icon{display:inline;}
.navbar-brand{width:100%;}
.navbar-brand img{width:auto;}
.navbar-brand > img{display:block;}

.pdiv {
    max-height: 320px;
    overflow: hidden;
}
.pdivimg{height:200px;max-height: 200px;}
.pdivimg img{max-height:200px;}



}

@media screen and (min-width:1024px) {

.searchdiv{width:100%; margin: 10px auto;}
.scrolled .searchdiv{margin:10px 0px;}

.logo{text-align:center; padding:14px 0px; width:250px; margin:auto;}

.mycart{float:right;}
.scrolled .mycart{margin:0px auto; padding-top:6px; text-align:right;}
.mycart div{text-align:center;}

.topright{text-align:center; margin:28px 0px;}
.wrappage{padding-top:169px;}
.nav{display:block;}
.viewallbut{float:right;}

.newbanners .bancontent{font-size:20px;}

.productinformation{width:calc(20% - 20px); float:left;}

.paymentlogo{text-align:left!important;}
.copytext{margin:0px auto;}
.footer .footsocial{text-align:right;}


.desktopzoom{display:block;}
.mobilezoom{display:none;}

.toprow {
	background: #EEE7DB;
	width: 100%;
	padding: 5px;
	overflow: hidden;
}

.searchdiv {
	width: 70%;
	margin:15px 0 0 0;
}

.navbar-default .mycart {
	font-size: 13px;
	text-align: center;
	margin-top: 15px;
}

.scrolled .mycart{margin-top:15px;}

#footer .column{float:left; position:relative; width:calc(25% - 20px); padding:10px 10px; margin:0px 10px;}
#footer .column span{display:none;}

.column .collapse{display:block!important;}
}

@media screen and (min-width:1280px) {

.email{display:none;}
.hidediv{display:block;}


.menubar{margin-top:10px; margin-bottom:10px;}
#menunav{display:block;}






.topright{text-align:right; margin-top:43px; font-size:11px; }

.email{display:block;}
.wrappage{padding-top:142px;}

.column .collapse{display:block!important;}
#footer .column{float:left; position:relative; width:calc(25% - 20px); padding:10px 10px; margin:0px 10px;}
#footer .column span{display:none;}
.detailicons{width:14.28%; margin:5px 0px;}
}

.postcontent a{color:#000;}
.postdiv:hover .postcontent a{color:#fff;}
.postdiv{cursor:pointer; margin-top:20px;}
.postdiv:hover .postcontent{background:#000; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.postcontent{padding:15px; background:#F3F3F3; font-size:12px;}
.postdate{text-transform:uppercase;}
.posthad{font-family:"Times New Roman", Times, serif; font-size:18px; margin:22px 0px 15px 0px;}
.posthad h3{font-size:18px;}

.topmargin{margin-top:50px;}

.eventright{padding:20px 12px; border-bottom:1px solid #CDCDCD; font-size:14px; color:#505050;}
.eventright strong{font-weight:600; font-family:'Poppins-SemiBold';}


/*Account CSS*/
.boxshadow{-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18);
 -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18); 
 box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.18);
 display:inline-block;
 padding-top:15px; 
 padding-bottom:15px; 
 border-radius:2px;}

.faicon{color:#555; font-size:50px!important; float:left; margin-right:10px;}
.carticon{color:#555; font-size:26px!important; float:left; margin-right:10px;}

.profilesetting{margin-left:30px;}
.profilesetting div{margin:10px 0px;}
.profilesetting div a{text-decoration:none;}
.profilesetting div a:hover{color:#E5A700;}

.addaddress{border:1px solid #000; padding-top:15px; padding-bottom:15px; margin-bottom: 10px; min-height: 100px;}
.addressdiv{border:1px solid #000; padding-top:15px; overflow:hidden;}

.ellipsis{font-size:16px!important; color:#999999;}
.ellipsis i{width:20px; text-align:center;}
.ellipsis .dropdown-menu ul{padding:0px!important; margin:0px!important;}
.ellipsis .dropdown-menu li{background:none; padding:0px; border-bottom:1px solid #CCCCCC; margin-top:0px;}
.ellipsis .dropdown-menu li a{padding:5px 10px; text-decoration:none;  margin-top:0px;}

.logoutoutbtn{background:#000; color:#fff; margin-bottom:10px;}


.panel-group .active .panel-heading{background:#000; color:#fff;}
.panel-heading{padding:15px 10px!important; font-size:24px!important;}

.edit{font-size:12px!important; color:#fff; background:#000;}


.chekoutright {
    border: 1px solid #000;
    font-size: 13px;
    color: #fff
}

.chekoutright legend {
    margin-bottom: 0
}

.chekoutright td {
    padding: 5px
}

.chekcouttotal {
    color: #000;
    font-size: 15px
}
/*End Account CSS*/

.customedesignright {
    border: 1px solid #999999;
}
.browsebutton {
    margin-top: 20px;
}



.column img {
	width: 203px;
}



.styled-select {
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0px;  
  overflow: hidden;
  position: relative;
}

select:focus { outline: none; }
.styled-select select {
  padding: 5px 0 5px 10px;
  background: transparent;
  border: none;
  width:100%;
  /*hide default down arrow in webkit */
  -webkit-appearance: none; 
}

.styled-select .form-control:focus{box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0), 0 0 8px rgba(102, 175, 233, .0);}



.fa-sort-desc {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 24px;
}

.styled-select select::-ms-expand { display: none; } /* hide default down arrow in IE10*/

/* hack to fall back in opera */
_:-o-prefocus, .selector {
  .styled-select { background: none; }
  }
  
 /*---- new -----*/
 .row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 4px #000000 solid;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #efefef solid;
}

.row-striped {
    padding: 25px 0;
}

/*---- contact us page ----*/
.section1 {
	text-align: center;
	display: table;
	width: 100%;
}
.section1 .shtext {
	display: block;
	margin-top: 20px;
}
.section1 .seperator {
	border-bottom:1px solid #a2a2a2;
	width: 35px;
	display: inline-block;
	margin: 20px;
}

.section1 h3 {
	color: #ff1749;
	font-weight: normal;
}

.section2 {
    width: 1200px;
    margin: 25px auto;
}
.section2 .col2 {
	width: 48.71%;
}
.section2 .col2.first {
	float: left;
}
.section2 .col2.last {
	float: right;
}
.section2 .col2.column2 {
	padding: 0 30px;
}
.section2 span.collig {
	color: #a2a2a2;
	margin-right: 10px;
	display: inline-block;
}
.section2 .sec2addr {
	display: block;
	line-height: 26px;
}
.section2 .sec2addr p:first-child {
	margin-bottom: 10px;
}
.section2 .sec2contactform input[type="text"], 
.section2 .sec2contactform input[type="email"],
.section2 .sec2contactform textarea {
    padding: 18px;
    border: 0;
    background: #EDEDED;
    margin: 7px 0;
}
.section2 .sec2contactform textarea {
	width: 100%;
	display: block;
	color: #666;
  resize:none;
}
.section2 .sec2contactform input[type="submit"] {
	padding: 10px 34px;
    color: #fff;
    border: 0;
    background: #ff1749;
    font-size: 16px;
    text-transform: uppercase;
    margin: 7px 0;
    cursor: pointer;
}
.section2 .sec2contactform h3 {
	font-weight: normal;
    margin: 20px 0;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 19px;
    color: #ff1749;
}

/* @media querries */

@media only screen and (max-width: 1266px) {
	.section2 {
		width: 100%;
	}
}
@media only screen and (max-width: 960px) {
	.container {
		padding: 0 30px 70px;
	}
	.section2 .col2 {
		width: 100%;
		display: block;
	}
	.section2 .col2.first {
		margin-bottom: 10px;
	}
	.section2 .col2.column2 {
		padding: 0;
	}
	body .sec2map {
		height: 250px !important;
	}
}
@media only screen and (max-width: 768px) {
	.section2 .sec2addr {
		font-size: 14px;
	}
	.section2 .sec2contactform h3 {
		font-size: 16px;
	}
	.section2 .sec2contactform input[type="text"], .section2 .sec2contactform input[type="email"], .section2 .sec2contactform textarea {
		padding: 10px;
		margin:3px 0;
	}
	.section2 .sec2contactform input[type="submit"] {
		padding: 10px 30px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 420px) {
	.section1 h1 {
		font-size: 28px;
	}	
}

/* -------------------------------------- */    
/* rectangle  list style                  */     

.rectangle-list{
	margin: 50px 0px;
}
/* list */
.rectangle-list ol 
{
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:24px; /* Remove the default left padding */
}

/* item  */
.rectangle-list ol > li
{
position: relative;
list-style:none; /* Disable the normal item numbering */
padding-left: 0px !important;
}

/* item hover */
.rectangle-list p
{
display: block;
padding: .4em .4em .4em .8em;
*padding: .4em;
margin: .5em 0 .5em 2.5em;
background: #ddd;
color: #444;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}

/* item hover */
.rectangle-list p:hover
{
background: #fa8072;
}	

/* number  */
.rectangle-list p:before
{
content: counter(li);
counter-increment: li;

position: absolute;	
left: -2.5em;
top: 50%;
margin-top: -1em;

background: #fa8072;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}

/* number hover */
.rectangle-list p:after
{
position: absolute;	
left: -1em;
top: 50%;
margin-top: -.5em;

content: '';
border: .5em solid transparent;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;				
}

.rectangle-list p:hover:after
{
left: -.5em;
border-left-color: #fa8072;				
}

/*---- Login and Registration Page -----*/
.login-container {
	margin-top: 2%;
    border: 1px solid #CCD1D1;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    max-width: 65%;
    margin-bottom: 2%;
}

.ads {
	background-color: #2bb0c3;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    padding: 15px;
    text-align: center;
    height: 100%;
	min-height: 517px;
}

.ads a{
	color: #ffffff;
    text-decoration: none;
}

.login-img{
	padding: 10% 0%;
}

.login-img img{
	 width: 68%;
}

.ads h1 {
  margin-top: 20%;
}

#fl {
  font-weight: 600;
}

#sl {
  font-weight: 100 !important;
}

.profile-img {
  text-align: center;
}

.profile-img img {
  border-radius: 50%;
  /* animation: mymove 2s infinite; */
}

@keyframes mymove {
  from {border: 1px solid #F2F3F4;}
  to {border: 8px solid #F2F3F4;}
}

.login-form {
  padding: 5%;
}

.login-form h3 {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-control {
  font-size: 14px;
}

.forget-password a {
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
}

.signin-btn{
	color: #fff;
    background-color: #d62e2e;
    border-color: #d62e2e;
}

.signin-btn:hover{
	color: #fff;
    background-color: #bd0b0b;
    border-color: #bd0b0b;
}

/*---- user account page ----*/
.left-account{
	font-size: 16px;
    font-weight: 800;
    margin: 5% 0;
}

.left-account li a{
	padding: 5px 15px !important;
    font-weight: 600;
}

.left-account .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #f5f8fa;
    border: none !important;
    border-bottom-color: transparent;
}

.left-account .nav-tabs > li.active > a {
    border: none !important;
    border-bottom-color: transparent;
}

/*----- Order Products ----*/
.order-products .pname{
	color: #000000;
    font-weight: 600;
}

.shadow .list-group-item{
	box-shadow: 1px 2px 3px #bbbbbb;
}

.pb-5{
     padding-bottom: 5rem;
}

#owl-one .pdiv {
    border: none;
}