/*
Author  :   Pradeep Kumar
Version :   v.2.0, v.3.0
Website :   Shopgust
Company :   WebShree
Date    :   01-09-15
*/

@import url('/css/bootstrap.min.css');
@import url('/css/font-awesome.min.css');
@import url('/css/bootstrap-override.css');




/*-----------------------------------------------------
       Reset css
-----------------------------------------------------*/
* { margin: 0; outline: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
body { outline: none; color: #000; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px; outline: none; line-height: 22px; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
ul { list-style: none; }
a { outline: none; color: #4a4a4a; text-decoration: none; }
a:hover { color: #e13451; text-decoration: none; }
p { text-align: justify; line-height: 18px; vertical-align: middle; color: #000; margin-bottom: 10px; font-weight: normal; }
p.nom { margin-bottom: 0 !important; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ''; display: block; }
a:hover, a:focus { text-decoration: none; }
.mll { margin-left: 6px; }
.mrr { margin-right: 6px; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
.m10 { margin-top: 10px; }
.m20 { margin-top: 20px; }
.hr { margin: 10px 0px; }
.lft { float: left; }
.rgt { float: right; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }

h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }
.shopbg-color { background: #e13451; }
.magenta { background: #e13451; }
.green { color: #0da552; }
.red { color: #ff0000; }
.blue { color: #0c57be; }
.qust { border-radius: 50px; display: inline-block; text-align: center; color: #e13451; }
.bahamas { font-family: BAHAMAS0; font-weight: normal; }
.img-max { max-width: 100%; max-height: 100%; display: inline-block; }

/*----------------------------------------
     Navigation css
----------------------------------------*/
.main { width: 88%; margin-left: auto; margin-right: auto; }
.top { margin-top: 52px; }
.navigation { display: block; }
.navigation .navbar-brand { height: auto; padding: 6px 10px; }
.navigation .navbar-brand img { max-width: 100%; height: 40px; }
.navigation .navul li a { color: #9d9d9d; font-size: 18px; padding: 16px 15px; }
.navigation .navbar-collapse { margin: 0; }
.slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-duration: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; visibility: visible !important; }
.text_row { text-align: left; }
.text_row h1 { font-size: 2.8em; margin-top: 1%; color: #000; }
.text_row p { font-size: 1.5em; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height: 1.5; }
.bgcolor { background: #ededed; }
.imgbox { padding: 20px; vertical-align: middle; }
.divider { border: 1px solid gray; }
.foot { color: #333; font-weight: bold; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 80%; word-spacing: 2px; background-color: #fff; text-align: center; margin: 1% auto; }
.foot_link { color: #333; font-weight: bold; font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.2em; word-spacing: 2px; background-color: #fff; text-align: center; margin: 1% auto; }
.go-top { position: fixed; display: none; bottom: 20px; right: 10px; text-align: center; width: 60px; height: 60px; }
.go-top img { max-width: 100%; max-height: 100%; }
.rqst4 { position: fixed; float: right; width: auto; top: 20%; right: -2px; margin: 0; z-index: 100; text-align: right; }
*:focus {
    outline: none;
   }

.bb1 {
	display: block;
    position: absolute;
    margin: 12.2% 0 0 12.85%;
    height: 11.15%;
    width: 4.5%;
    border: 1px solid transparent;
}

.bb2 {
	display: block;
    position: absolute;
    margin: 15.4% 0 0 5.85%;
    height: 11.65%;
    width: 4.5%;
    border: 1px solid transparent;
	
}

.bb3 {
    display: block;
    position: absolute;
    margin: 17.4% 0 0 19%;
    height: 8.65%;
    width: 3.9%;
    border: 1px solid transparent;
	
}
.bb4 {
       display: block;
    position: absolute;
    margin: 23.7% 0 0 15.7%;
    height: 9.65%;
    width: 3.6%;
    border: 1px solid transparent;
	
}
.bb5 {
    display: block;
    position: absolute;
    margin: 28.6% 0 0 5.2%;
    height: 9.65%;
    width: 4%;
    border: 1px solid transparent;
	
}
.bb6 {
     display: block;
    position: absolute;
    margin: 32.1% 0 0 11.45%;
    height: 9.40%;
    width: 4%;
    border: 1px solid transparent;

}
	

.bb7 {
    display: block;
    position: absolute;
    margin: 35.3% 0 0 18%;
    height: 11.65%;
    width: 4.5%;
    border: 1px solid transparent;
	
}
.bb8 {
    display: block;
    position: absolute;
    margin: 11% 0 0 40.85%;
    height: 12%;
    width: 4.9%;
    border: 1px solid transparent;	
}

.bb9 {
    display: block;
    position: absolute;
    margin: 16.1% 0 0px 33.2%;
    height: 10.65%;
    width: 4.3%;
    border: 1px solid transparent;
}
	

.bb10 {
    display: block;
    position: absolute;
    margin: 16.8% 0 0px 46.85%;
    height: 9.65%;
    width: 4.2%;
    border: 1px solid transparent;
	
}
.bb11 {
    display: block;
    position: absolute;
    margin: 23.8% 0 0px 43.55%;
    height: 9.65%;
    width: 3.8%;
    border: 1px solid transparent;
	
}
.bb12 {
   display: block;
    position: absolute;
    margin: 29% 0 0 32.85%;
    height: 10.25%;
    width: 4.4%;
    border: 1px solid transparent;
	
}
.bb13 {
     display: block;
    position: absolute;
    margin: 32.7% 0px 0 39.25%;
    height: 10.25%;
    width: 4.2%;
    border: 1px solid transparent;
	
}
.bb14 {
    display: block;
    position: absolute;
    margin: 37.8% 0 0px 45.85%;
    height: 10.65%;
    width: 4%;
    border: 1px solid transparent;
	
}

.bc1 {
display: block;
position: absolute;
margin: 17.1% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(1.4deg);
-webkit-transform: rotate(1.4deg);
-moz-transform: rotate(1.4deg);
-o-transform: rotate(1.4deg);
}

.bc2 {
display: block;
position: absolute;
margin: 19.9% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
}

.bc3 {
display: block;
position: absolute;
margin: 22.7% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.bc4 {
display: block;
position: absolute;
margin: 25.5% 0 0 72.55%;
height: 4.15%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.bc5 {
display: block;
position: absolute;
margin: 28.2% 0 0 72.55%;
height: 4.15%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}
.bc6 {
display: block;
position: absolute;
margin: 31% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}
.bc7 {
display: block;
position: absolute;
margin: 33.7% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-1.5deg);
-webkit-transform: rotate(-1.7deg);
-moz-transform: rotate(-1.5deg);
-o-transform: rotate(-1.5deg);
}
.bc8 {
display: block;
position: absolute;
margin: 36.5% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);

}
.bc9 {
display: block;
position: absolute;
margin: 39.3% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-2.5deg);
-webkit-transform: rotate(-2.5deg);
-moz-transform: rotate(-2.5deg);
-o-transform: rotate(-2.5deg);
}
.bc10 {
display: block;
position: absolute;
margin: 41.7% 0 0 72.55%;
height: 4.25%;
width: 19.15%;
border: 1px solid transparent;
transform: rotate(-3.75deg);
-webkit-transform: rotate(-3.75deg);
-moz-transform: rotate(-3.75deg);
-o-transform: rotate(-3.75deg);

}


.pos{
	position:absolute;
	
}


.lmrng{
	margin-left:6%;
	margin-top:-0.4%;
	
	
}

/* initially hide animatable objects */
.animatable { visibility: hidden; -webkit-animation-play-state: paused; -moz-animation-play-state: paused; animation-play-state: paused; }

/* show objects being animated */
.animated { visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; }

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInDown {
    0% { opacity: 0; -moz-transform: translateY(-20px); }
    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInDown {
    0% { opacity: 0; -o-transform: translateY(-20px); }
    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}



@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    60% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); }
    60% { -webkit-transform: translateX(20px); }

    80% { -webkit-transform: translateX(-5px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceInLeft {
    0% { opacity: 0; -moz-transform: translateX(-2000px); }

    60% { -moz-transform: translateX(20px); }

    80% { -moz-transform: translateX(-5px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes bounceInLeft {
    0% { opacity: 0; -o-transform: translateX(-2000px); }

    60% { opacity: 1; -o-transform: translateX(20px); }

    80% { -o-transform: translateX(-5px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes bounceInLeft {
    0% { opacity: 0; transform: translateX(-2000px); }

    60% { transform: translateX(20px); }

    80% { transform: translateX(-5px); }

    100% { opacity: 1; transform: translateX(0); }
}

@-webkit-keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); }

    60% { -webkit-transform: translateX(-20px); }

    80% { -webkit-transform: translateX(5px); }

    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceInRight {
    0% { opacity: 0; -moz-transform: translateX(2000px); }

    60% { -moz-transform: translateX(-20px); }

    80% { -moz-transform: translateX(5px); }

    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes bounceInRight {
    0% { opacity: 0; -o-transform: translateX(2000px); }

    60% { -o-transform: translateX(-20px); }

    80% { -o-transform: translateX(5px); }

    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes bounceInRight {
    0% { opacity: 0; transform: translateX(2000px); }

    60% { transform: translateX(-20px); }

    80% { transform: translateX(5px); }

    100% { opacity: 1; transform: translateX(0); }
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUp {
    0% { opacity: 0; -moz-transform: translateY(20px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInUp {
    0% { opacity: 0; -o-transform: translateY(20px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }

    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.3); }
    50% { -webkit-transform: scale(1.05); }

    70% { -webkit-transform: scale(.9); }

    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -moz-transform: scale(.3); }

    50% { -moz-transform: scale(1.05); }

    70% { -moz-transform: scale(.9); }

    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes bounceIn {
    0% { opacity: 0; -o-transform: scale(.3); }

    50% { -o-transform: scale(1.05); }

    70% { -o-transform: scale(.9); }

    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes bounceIn {
    0% { opacity: 0; transform: scale(.3); }

    50% { transform: scale(1.05); }

    70% { transform: scale(.9); }

    100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes moveUp {
    0% { opacity: 1; -webkit-transform: translateY(40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes moveUp {
    0% { opacity: 1; -moz-transform: translateY(40px); }

    100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes moveUp {
    0% { opacity: 1; -o-transform: translateY(40px); }

    100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes moveUp {
    0% { opacity: 1; transform: translateY(40px); }
    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes fadeBgColor {
    0% { background: none; }
    70% { background: none; }
    100% { background: #464646; }
}

@-o-keyframes fadeBgColor {
    0% { background: none; }
    70% { background: none; }
    100% { background: #464646; }
}

@keyframes fadeBgColor {
    0% { background: none; }
    70% { background: none; }
    100% { background: #464646; }
}

.animated.animationDelay { animation-delay: .4s; -webkit-animation-delay: .4s; }
.animated.animationDelayMed { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.animated.animationDelayLong { animation-delay: 1.6s; -webkit-animation-delay: 1.6s; }
.animated.fadeBgColor { -webkit-animation-name: fadeBgColor; -moz-animation-name: fadeBgColor; -o-animation-name: fadeBgColor; animation-name: fadeBgColor; }
.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }
.animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }
.animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
.animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }
.animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
.animated.moveUp { -webkit-animation-name: moveUp; -moz-animation-name: moveUp; -o-animation-name: moveUp; animation-name: moveUp; }





@media (min-width:768px) {
    .pading { padding:50px;  }
    .imgbox { height: auto; }
    .text_row.pd { padding:50px 0px; }
}

@media (max-width:1024px) {
     .pading { padding: 30px; }
     .text_row.pd { padding:0px;}
     .imgbox{height:auto;}
}


@media (max-width:767px) {
    .navigation .navul { margin: 0; padding: 0; }
    .text_row { text-align: center; }
    .pading { padding: 20px; }
    .mt { margin-top: 20px; }
    .imgbox { padding: 20px 20px 0px 20px; vertical-align: middle; }
    .frm2 { width: 98%; }
     .foot {padding:20px 0px; }
}

@media (max-width:480px) {
    .bgwhte{border:1px solid #EDEDED; margin-bottom:20px;}
    .bgcolor{margin-bottom:20px;}
    .imgbox { padding:10px 10px 0px;}
    .imgbox img{max-width:100%; height:auto;}
}