@media (max-width: 767px) {
   
}

.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
	
}




.spce {	
	margin-left:40px;
}
.cntnt {	
	display:block;	
	padding:10px;
	font-family: "Open Sans",Frutiger,Calibri,"Myriad Pro",Myriad,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}

.effect1{
     box-shadow: 0 10px 6px -6px #777;
}

.box_hdng{
 background-color: #337ab7;
    border-color: #337ab7;
    color: #ffffff;
    padding:7px 15px;
    width:100%;
}

.bullets {
    height: 45px;
    margin-left:-40px;
    margin-botton:10px;
   /*  background: url('../images/pin.png') no-repeat left center; */
     list-style: none;  /* Get rid of the default bullet points */
    /* padding-left: 35px;  *//*Offsets the text. Needs to be at least the width of your image */
    line-height: 20px; /* Might have to play with this value a bit */
    /* padding-top:10px; */
    font-size:15px;
}


	
	

.hdng :before, 
.hdng :after {
    content: '';
    position: relative;
    border-style: none;
    border-color: transparent;
    bottom: -10px;
}

.hdng :before {
    border-width: 0 10px 10px 0;
    border-right-color: #222;
    left: 0;
}

.hdng :after {
    border-width: 0 0 10px 10px;
    border-left-color: #222;
    right: 0;
}

.read_more {
	color:#E54336;
	font-size: 12px;
	font-weight:600;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	float:right;
	}
/* a:visited {
	color:#000;
	font-size: 11px;
	font-weight:600;
	font-family:arial, helvetica, sans-serif;
	text-decoration: none;
	} */
.read_more:hover {
	color: #BA1D64;
	font-size: 12px;
	font-weight:600;
	font-family:arial, helvetica, sans-serif;
	text-decoration: none;
	}
/* a:active {
	color:#000;	
	text-decoration: none;
	}
 */
	
.scroller_box:hover {      
  -webkit-transform: scale(1.01) slow;
  -moz-transform: scale(1.01) slow;
  -ms-transform: scale(1.01) slow;
  -o-transform: scale(1.01) slow;
  transform: scale(1.01) slow;    
  -webkit-transition: transform 2s ease-in-out;
}

.content_box:hover {      
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);    
}

.stat_box:hover {      
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);    
}





        
        /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('../images/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider arrow navigator skin 03 css */
        /*
        .jssora03l                  (normal)
        .jssora03r                  (normal)
        .jssora03l:hover            (normal mouseover)
        .jssora03r:hover            (normal mouseover)
        .jssora03l.jssora03ldn      (mousedown)
        .jssora03r.jssora03rdn      (mousedown)
        */
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('../images/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora03l { background-position: -3px -33px; }
        .jssora03r { background-position: -63px -33px; }
        .jssora03l:hover { background-position: -123px -33px; }
        .jssora03r:hover { background-position: -183px -33px; }
        .jssora03l.jssora03ldn { background-position: -243px -33px; }
        .jssora03r.jssora03rdn { background-position: -303px -33px; }
        
.how{
	
	 bottom: 130px;
   display:block;
    float: right;
    position: relative;
    width:17%;
}


.howto_hdng {
    text-align: center;
    position: relative;
    color: #fff;    
    margin: 0 -30px 30px -30px;
    padding: 5px 0; 
    text-shadow: 0 1px rgba(0,0,0,.8);
    background-color: #4d0d64;
    background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
    overflow:hidden;
    margin-left:0%;
    width:100%;    
}

 .howto_effect{
 	border:medium solid;
	padding:5px 30px;	
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px #fff,
		inset 0 -15px #cbe6f2,
		0 0 3px #8ec1da;
	-moz-box-shadow:
		inset 0 1px 3px #fff,
		inset 0 -11px #cbe6f2,
		0 0 3px #8ec1da;
	box-shadow:	0 1px 2px #fff inset
	 /* background-color:#dfefff; */
	color:#004a6d;
	text-shadow:0 1px #fff;
	height:85%;
	}     
.lineht{	
	 line-height: 1; 
}


#blanket { 
   background-color:#111;
   opacity: 0.65;
   background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

.popUpDivcls {
	position:absolute;
	background:url(pop-back.jpg) no-repeat;
	width:400px;
	height:400px;
	border:2px solid #274764;
	z-index: 9002;
	overflow:scroll;
}

.popUpBancls {
	position:absolute;
	background:url(csdbanner) no-repeat;
	width:400px;
	height:400px;
	border:2px solid #274764;
	z-index: 9002;
	overflow:scroll;
}

.pupupHeader{	
	float: left;
    overflow: hidden;
    padding-bottom: 5px;
    position: fixed;
    width: 396px;	
}

.mobtytle {
    border: medium none;
    font: italic 14px "Lucida Bright",Arial,Tahoma,sans-serif;   
    letter-spacing: 0.1em;   
    position: absolute;
    top: 120px;
    z-index: 10;    
    margin-left: 20%;
    text-align: center;
    width: 56%;
}

/* .popUpDivcls:hover { overflow-y:scroll; } */

.popUpDivcls a {position:relative; top:20px; left:20px;}