@import url("fonts.css");

::-moz-selection{background:#ffa201; color:#fff; text-shadow:none}
.fl{float:left !important}
.fr{float:right !important}
.cl{clear:both !important}
.vm{vertical-align:middle !important}
.vt{vertical-align:top !important}
.tec{text-align:center !important}
.ter{text-align:right !important}
.tel{text-align:left !important}
.boNo{border:none !important}
.bgNo{background:none !important}
.spacer{height:0}
.noma_t{margin-top:0 !important}
.noma_r{margin-right:0 !important}
.noma_l{margin-left:0 !important}
.noma_b{margin-bottom:0 !important}
.nopad_t{padding-top:0 !important}
.nopad_r{padding-right:0 !important}
.nopad_l{padding-left:0 !important}
.nopad_b{padding-bottom:0 !important}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
/* =============== End Globel Class ============= */

/*
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
*:before,
*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
*/
a:focus{outline:none; border:none}
p{color:#1f1f1f; font-size:16px; font-family:'latoregular'; line-height:20px; margin:0 0 15px; text-align:justify}
li{list-style:none}
a{text-decoration:none; color:#903e98; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
a:hover{text-decoration:none; color:#5c5c5c}
a:focus{outline:none !important; border:none !important}
h1,
h2,
h3,
h4,
h5,
h6{margin:0px; padding:0px; font-weight:normal; line-height:normal; font-family: 'latobold'; color:#181818}
h1{font-size:27px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px; font-family:'latoregular'}
h5{font-size:15px; font-family:'latoregular'}
h6{font-size:14px; font-family:'latoregular'}
ul,
ol{margin:0px; padding:0px}
img{outline:none; border:none}
:focus{outline:none}
input,
textarea{webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; border:0; font-family:'latoregular'; font-size:14px; color:#1f1f1f; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
html{margin:0; padding:0; height:100%;}
body{margin:0px; background:url(../images/bg.jpg) no-repeat top center fixed; padding:0px; font-family:'latoregular'; font-size:16px; line-height:20px; color:#1f1f1f;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
img,
object,
embed,
video{max-width:100%}
.ie6 img{width:100%}
ul.social_icon li{margin:0 9px; width:16px; padding:0; display:inline}
ul.social_icon li a.twitter{background:url(../images/twitter.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; overflow:hidden}
ul.social_icon li a.twitter:hover{background:url(../images/twitter.png) no-repeat 0 -16px}
ul.social_icon li a.facebook{background:url(../images/facebook.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; overflow:hidden}
ul.social_icon li a.facebook:hover{background:url(../images/facebook.png) no-repeat 0 -16px}
ul.social_icon li a.instragram{background:url(../images/instragram.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; overflow:hidden}
ul.social_icon li a.instragram:hover{background:url(../images/instragram.png) no-repeat 0 -16px}
.searchboxouter{float:left; width:227px; position:relative; z-index:1;}
ul.top_link{float:right; font-size:14px; margin:12px 0 0px;}
ul.top_link li{list-style:none; display:inline-block; border-right:1px solid #ccc; padding:0 10px 0 0; margin-right:10px;}

.van-item{float:right; padding:9px 10px; background:#ececeb; border-radius:6px; font-family: 'latobold'; font-size:14px; color:#3e3e3e; text-transform:uppercase;}
.van-item img{padding-right:5px;}
.van-item img { padding-right: 5px; }

.box-black{border:1px solid #000; border-radius:10px; min-height:270px; margin-top:120px;
background: -moz-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,64,64,0.75)), color-stop(100%, rgba(15,15,15,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ie10+ */
background: linear-gradient(179deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#0F0F0F',GradientType=0 ); /* ie6-9 */
}
.box-black2{border:1px solid #000; border-radius:10px; min-height:auto; margin-top:25px;
background: -moz-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,64,64,0.75)), color-stop(100%, rgba(15,15,15,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ie10+ */
background: linear-gradient(179deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#0F0F0F',GradientType=0 ); /* ie6-9 */ display:inline-block; width:100%; padding: 15px 0;}
.box-black2 p{float:left; color:#FFF; font-family: 'latolight'; font-size:15px; padding:0px 45px 0px 45px; display: inline-block; margin-bottom:0;  margin-right:5%;} 
.blk-red{ background:#903e98; float:none; margin:0 auto 10px auto; display: table; padding:5px 10px; border-radius:5px;}
.blk-red:hover{ background:#000; color:#FFF !important;}
.box-black2 a{color:#FFF; font-family: 'latolight'; font-size:15px;} 
.box-black2 a:hover {color:#903e98; text-align:center; font-family: 'latolight'; font-size:15px;} 
.box-black2 h1{color:#FFF; text-align:center; font-family: 'latobold'; font-size:36px; margin:60px 0px 37px 0px;}
.adrees{ float:left; clear:both;}

.box-black h1{color:#FFF; text-align:center; font-family: 'latobold'; font-size:36px; margin:34px 0 ;}
.box-black p{color:#FFF; text-align:center; font-family: 'latolight'; font-size:15px; padding:0px 45px 0px 45px;} 
.box-black a{color:#FFF; text-align:center; font-family: 'latolight'; font-size:15px;} 
.box-black a:hover {color:#903e98; text-align:center; font-family: 'latolight'; font-size:15px;} 
.smallbox-padd{padding:0px 25px 0px 25px !important;}


.box-purple{border:1px solid #000; border-radius:10px; min-height:180px; margin-top:30px; text-align:center;

background: -moz-linear-gradient(270deg, rgba(112,52,118,0.75) 0%, rgba(82,42,86,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(112,52,118,0.75)), color-stop(100%, rgba(82,42,86,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(112,52,118,0.75) 0%, rgba(82,42,86,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(112,52,118,0.75) 0%, rgba(82,42,86,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(112,52,118,0.75) 0%, rgba(82,42,86,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(112,52,118,0.75) 0%, rgba(82,42,86,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703476', endColorstr='#522a56',GradientType=0 ); /* ie6-9 */	
}

.homefooter{border:1px solid #000; border-radius:10px;  margin:20px 0; float:left; width:100%; padding-left:15px;
background: -moz-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,64,64,0.75)), color-stop(100%, rgba(15,15,15,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* ie10+ */
background: linear-gradient(179deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#0F0F0F',GradientType=0 ); /* ie6-9 */
}
.box-purple:hover{ border:1px solid #000;

background: -moz-linear-gradient(270deg, rgba(112,52,118,0.95) 0%, rgba(82,42,86,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(112,52,118,0.95)), color-stop(100%, rgba(82,42,86,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(112,52,118,0.95) 0%, rgba(82,42,86,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(112,52,118,0.95) 0%, rgba(82,42,86,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(112,52,118,0.95) 0%, rgba(82,42,86,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(112,52,118,0.95) 0%, rgba(82,42,86,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703476', endColorstr='#522a56',GradientType=0 ); /* ie6-9 */
}

.box-purple a{display:block;}
.box-purple img{padding:41px 0px 21px 0px;}
.box-purple span{display:block; text-align:center; font-family: 'latoregular'; font-size:16px; color:#FFF; text-transform:uppercase;}
.float-shadow {
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/*.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}*/
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
/*.float-shadow:hover:before, */.float-shadow:focus:before, .float-shadow:active:before {
  opacity:1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.homefooter .copyright{font-family:'latoregular'; font-size:14px; color:#FFF; padding:15px 0 15px 0px;}
.copyright{font-family:'latoregular'; font-size:14px; color:#FFF; padding:25px 0 15px 0px;}
.copyright a{color:#FFF}
.copyright a:hover{color:#903e98}
.copyright span{ display:block;}

body strong.proname { width:300px !important; display:block !important; }
body strong.proname { width:300px !important; display:block !important; }


/*
.copyright { border-radius:10px 0 0 10px; margin-top:20px; padding-left:10px; padding-right:10px; background: -moz-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64,64,64,0.75)), color-stop(100%, rgba(15,15,15,1))); 
background: -webkit-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%);
background: -o-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); 
background: -ms-linear-gradient(271deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%);
background: linear-gradient(179deg, rgba(64,64,64,0.75) 0%, rgba(15,15,15,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#0F0F0F',GradientType=0 ); 
}

.copyright_text1 { border-radius:0 10px 10px 0;}
.copyright_text1 a { padding:10px 0;}
*/

#footer input[type="submit"] { border:1px solid red; }
@media only screen and (max-width:1024px) {
.box-black2 p{ margin-right:0%;}
}
@media (min-width: 768px) and (max-width: 1000px) {
.mob-cl ul.top_link{margin:-48px 59px 0px; }
}
@media only screen and (max-width:768px) {
.contact_form textarea{background:#ececeb; min-height:105px; max-height:105px;  line-height:18px; color:#6f6f6f; font-size:13px; max-width:100%; padding:8px 10px; margin:0px 0px 0px 0px; resize:none; border-radius:4px; float:left; min-width:100%;}
.camera_effected{display:none}
.right_prod{width:465px; left:0}
.feature_prod p{font-size:14px}
.feature_prod .price_box{background:url(../images/price_bg.png) repeat-x #ededed; height:auto; padding:0}
.feature_prod .price_box{text-align:center}
.feature_prod input.add_van_btn{background:url(../images/add_van_btn.png) no-repeat top center; width:100%; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; margin:0; float:left;}
.feature_prod input.add_van_btn:hover{background:url(../images/add_van_btn_ho.png) no-repeat top center}

.right_prod .col-sm-6:nth-child(3n),
.right_prod .col-sm-6:nth-child(5n),
.right_prod .col-sm-6:nth-child(7n),
.right_prod .col-sm-6:nth-child(9n),
.right_prod .col-sm-6:nth-child(11n),
.right_prod .col-sm-6:nth-child(13n),
.right_prod .col-sm-6:nth-child(15n),
.right_prod .col-sm-6:nth-child(17n),
.right_prod .col-sm-6:nth-child(19n)
.right_prod .col-sm-6:nth-child(21n){clear:both}
.right_prod .col-sm-6:nth-child(6n){clear:none}
#footer span img{max-width:264px}
#footer ul{width:100%; margin:0}
#footer ul li:last-child{ border-bottom:dotted 1px #494949}
.contact_infom table{font-size:14px; width:100%}
#footer .join_us input[type="text"]{width:173px}
#footer .join_us ul li:last-child{ border-bottom:none}
.mob-margin{margin-top:15px; margin-bottom:15px;}
.box-black{min-height:312px; margin-top:50px;}
.smallbox-padd{padding:0 15px!important;}

.search_box{position:relative; z-index:999;}
}
@media only screen and (max-width:667px) 
{
.mob-cl{clear:both;}
}
@media only screen and (max-width:640px) {
.right_prod{width:355px; left:0}
.feature_prod{text-align:center}
.feature_prod p{margin:0; padding:0 0 0 5px; font-size:18px; color:#363636; line-height:53px}
.feature_prod .price_box{text-align:left; padding:0 10px; height:44px}
.feature_prod .price_box span{font-size:19px; color:#6e4171; font-family: 'latobold';}
.feature_prod input.add_van_btn{background:url(../images/add_van_btn.png) no-repeat center 0; width:155px; height:44px; -webkit-border-radius:0 0 15px 0; -moz-border-radius:0 0 15px 0; border-radius:0 0 15px 0; float:right; margin:0 -10px 0 0}
.feature_prod input.add_van_btn:hover{background:url(../images/add_van_btn_ho.png) no-repeat center 0}
.pagination{margin:20px auto; float:none}
#footer ul{width:90%; margin:0}
.contact_infom table{font-size:14px; width:90%}
#footer .join_us{margin:25px 0 0}
.mob-margin{margin-top:15px;}
.search_box input[type="text"]{width:79%;}
.box-black{min-height:312px; margin-top:30px;}
.mob-cl{clear:both;}
}

@media only screen and (max-width:360px) {
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12{width:100% !important}
.contact_infom table,
#footer ul{width:80%}
.left_cate{width:100%; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.right_prod{width:100%; top:20px; }
#footer{margin:50px 0 0; }
.contact_infom{margin:30px 0 0; }
#footer .join_us input[type="text"]{width:221px; }
.copyright p.copyright_text,
.copyright p.copyright_text1{text-align:center; width:100%; }

.search_box input[type="text"]{ width:40%; }
body div.my-order-checkbox-btn > span { display:block !important; width:100%; }
}

@media only screen and (max-width:320px) {
.feature_prod p{font-size:14px; }
.feature_prod .price_box{background:url(../images/price_bg.png) repeat-x #ededed; height:auto; padding:0; }
.feature_prod .price_box{text-align:center; }
.feature_prod input.add_van_btn{background:url(../images/add_van_btn.png) no-repeat top center; width:100%; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; margin:0; }
.feature_prod input.add_van_btn:hover{background:url(../images/add_van_btn_ho.png) no-repeat top center; }
.pagination > li{padding:10px 4px; }
#footer .join_us input[type="text"]{width:181px; }

.copyright_text1 a { float:none !important; }
}

#footer .join_us input[type="submit"] { -webkit-appearance: none; }

.cf.search-cart-nav-outer{ margin-top:10px; }