.colorStyle1 {
    /* padding-left: 10px; */
    font-size: 15px;
    font-weight: bold;
    color: #f50057;
}.padd-top
{
	padding-top:15px;
}.textalign {
    text-align: left;
}textarea{
	margin-top:10px;
	 border-radius: 0;
	border: 1px solid #c5c5c5;
}input {
	margin-top: 5px;
border-radius: 0;
	border: 1px solid #c5c5c5;
}span.linksize {
    font-size: 10px;
}.button-margin
{
	margin-bottom:15px;
}
.intropadd{
	padding-bottom:20px;
}
.slideshare{
	cursor: pointer;
    position: relative;
    top: -3px;
    padding-left: 0px;
}
a.PIcon2 {
    position: relative;
    top: 6px;
}
.header-SRT{
	font-size:16px;
	 font-weight: bold;
}.header-SRT2{
	font-size:14px;
	 font-weight: bold;
}
.textareaStyle {
    width: 80%;
    height: 100px;
}
.summary
{
	margin-top:20px;
	
}
.modal-dialog{
	width:95%;
}
@font-face {
	font-family: OpenSans;
  src: url(../../css/OpenSans-Regular.ttf) format("opentype");
}

@font-face {
  font-family: OpenSans;
  src: url(../../css/OpenSans-Bold.ttf) format("opentype");
  font-weight:bold;
}


.padd-bottom
{
	padding-bottom:30px;
}
#myVideo1 {
    padding-top: 20px;
}
/* floating button css*/
/* .incorrectEX1{
	margin-left: -60px;
    padding-right: 40px;
	 
} */
.passagetext{
	padding-left: 10%;
    padding-right: 10%;
    font-style: italic;
	
}
.align_text {
    float: left;
    padding-left: 15px;
}
.answertext{
	/* border-style: double;
	width:20%; */
	
	float:left;
	text-align:center;
 /*     margin-left: 10%;
		 */
}
.boldText{
	 font-weight: bold;
}
.line1 {
    border-bottom:solid;
	    border-width:1px;	
		 font-weight: bold;
		 

}
.leftline{
	border-right:solid;
	    border-width:1px;	
	
}
.PIcon{
	padding-right:8px;
	top:6px;
	
}
.Ptext{
	
	padding-left:25px;
}




.intro-slide span
{
	padding-right:5px;
	font-size:25px;
}

.intro-title a
{
	position:relative;
	font-size:14px;
	bottom:6px;
	font-weight:bold;
}

.BackGColor{
	background-color:rgb(245, 245, 245);
	padding-left:30px;
	padding-right:30px;
	
}
#SRT-U4{
    display: inline-block;
    vertical-align: baseline;
    float: right;
	padding-left:15px;
    margin-right: 15px;
	width:50%
/* margin-top: 15px; */}
@media screen and (max-width: 800px) {
		.textareaStyle{
	width:100%;
	height:70px;
}
		.leftline{
	border-right:none;
	  	
	
}
			#SRT-U4{
    display: inline-block;
    vertical-align: baseline;
    float: right;
	padding-left:15px;
    margin-right: 15px;
	width:100%
/* margin-top: 15px; */}
.modal-dialog{
	width:auto;
}
   .floating{
	display:none;
}
.floatOnMobile{
	display:block;
}

}
@media screen and (min-width: 801px) {
   .floating{
	display:block;
}
.floatOnMobile{
	display:none;
}

}

.dragOptionText .glyphicon-move
{
	    top: 3px;
    
}
.anserpara {
    padding-top: 50px;
}
 .dragOptionText

{ 
      float: left;
    margin-left: 3px;
    
/*     font-family: OpenSans;
 */ 
	font-weight: normal;
    font-size: 15px;
    text-align: left;
    margin-top: 5px;
            border: 1px solid #c5c5c5;
    background-color: white;
    color: black;
    padding: 0px 5px;
    cursor: pointer;
}

.input_size1
{
	height:25px;
	margin-left:3px;
	margin-right:3px;
}.input_size2
{
	height:25px;
	margin-left:3px;
	margin-right:3px;
	width:70%;
}.input_size3
{
	height:25px;
	margin-left:3px;
	margin-right:3px;
	width:30%;
}

.nput_size
{
	height:25px;
}

.cardSlots
{
	    margin-top: 10px;
		    margin-left: 19px;
}
 .dropOptionText

{ 
      float: left;
    margin-right: 7px;
    
    font-family: OpenSans;
        font-weight: normal;
    font-size: 15px;
    text-align: left;
    margin-top: 7px;
            border: 1px solid #c5c5c5;
    background-color: white;
    color: black;
    padding: 3px;
}
.titleDragDropQ {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #ff931e;
}
 .dragOptionText2

{ 
      float: left;
    margin-left: 7px;
   
    font-family: OpenSans;
        font-weight: normal;
    font-size: 16px;
    text-align: left;
    margin-top: 14px;
            border: 1px solid #c5c5c5;
    background-color: white;
    color: black;
    padding: 5px;
}

.dragDropTick
{
	    font-family: OpenSans;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
        width: 61px;
    margin-top: 14px;
    display: none;
    position: absolute;
}

.dragdropimg
{
	margin: 0 auto;
}
.dragdropmov
{
	margin-top: 7px !important;
}

.dragdroplist
{

    padding-right: 22px;}

/* 	.text-modal{
	display:block;
    position: fixed;
	top:200px;
    right: 15px;
    width: 64px;
    height: 64px;
    background-image:url(../img/q1.png);
     background-repeat: no-repeat;
    */
   
	
	 /* For IE8 and earlier */
		

/* .activity{
	
	    border-right: solid;

} */
.reading-text{
background-color:rgb(245, 245, 245);
border: none;
height: 300px;
overflow: auto;
}
.header_1{
	top:0px;
 text-align:center;
 font-weight: bold;
 font-size: 20px;
     padding-top: 15px;
    padding-bottom: 20px;

}
.glyphicon-volume-up:hover {
    color: #FF931E;
    cursor: pointer;
}
.audio_div{
	position:fixed;
	background-color:#bde085;
	height:50px;
	bottom:0;
	right: 0;
	width: 100%;
	direction : rtl;
	box-shadow: 0px 5px 10px #888888;
	opacity: 0.95;
	z-index:200;
}
audio {
    display: inline-block;
    vertical-align: baseline;
    float: right;
    margin-right: 15px;
   /*  margin-top: 15px; */
}
.foo {

  overflow: hidden;
}

.per
{
    position:relative;
    float:right;/*left*/
    margin-right:236px;/*left*/
    font-size:15px;
    margin-top:14px;
    width:30px;
    
    
}

/*phone container*/

footer .support-container span
{
	position:relative;
	font-size:22px;
	color:white;
	float:right;
	right:80px;
	top:-1px;
	
	
}

footer .support-container
{
	float:right;
	position:absolute;
	bottom:26px;
	right:204px;
	width:40px;
	border-right: 1px solid white;
	
}


footer .support-container .popover
{
	width:200px;
	height:150px;
	right:-90px;
}

footer .support-description
{
	color:white;
	float:right;
	position:absolute;
	left:-18px;
	font-family:OpenSans;
	font-size:14px;
	cursor: normal;
	width:50px;
	top:3px;
}

/*end of phone container*/
.input_size{
	
	width:50%;
}
.glyphicon-pencil{
	
	cursor: pointer;
    color: #9FD14F;
}
.glyphicon-edit{  
	cursor: pointer;
    color: #9FD14F;
	}
	

.glyphicon-eye-open{
	cursor: pointer;
    color: #9FD14F;
}	
	
	
/*add by safaa */
#submit {
	float:left;
    background-color: #9FD14F;
    border: none;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
   font-size: 15px;
	font-weight:bold;
    margin: 4px 2px;
	font-family: OpenSans;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
#submit:hover {
    background-color: #FF931E;
}
#submit2 {
    background-color: #9FD14F;
    border: none;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
	font-weight:bold;
    margin-bottom:20px;
	font-family: OpenSans;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
#submit2:hover {
    background-color: #FF931E;
}

.progress_div{
     position: absolute;
    /* background-color: #bde085; */
    height: 12px;
    top: -21px;
    left: 54px;
     width: 400%; 
    /* direction: ltr; */
    /* box-shadow: 0px 5px 10px #888888; */
    /* opacity: 0.95; */
    /* z-index: 200; */
}

.outer_div .progressbar 
{
	float:right;/*left*/
	position:absolute;
	right:250px;/*left*/
	bottom:0px;
	top:40px;
	color:transparent;
}



progress[value] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 100%;

}

.progressbar-color {
color: #FF931E; 

}

.progressbar-color::-webkit-progress-value {
background-color:#FF931E;

}

.progressbar-color::-moz-progress-bar {
background-color:#FF931E; 

}

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
background: #eee;
border-radius: 0px;
padding: 0px;
box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

/* safaa 


#Progress-mobile{
	display:none;
}
#progress_desktop{
	display:block;
}*/
@charset "utf-8";
/* CSS Document */



#intro {
	 padding-top:220px;
	 background-color: #FFF;
	 right:0;
	 direction:ltr;
}
.img-desc
{
	position:relative;
	float:left;
	font-size:15px;
}

.glyphicon-zoom-in
{
	color:#9FD14F;
	
}
.outer 
{
	border-bottom:solid 1px #ddd;
	margin-bottom:40px;
}

.self-assessment-link
{
	font-size:15px;
	float:left;/*safa*/
/* 	position:relative;
 */	
	font-weight:bold;
	top:-12px;
}

.self-assessment-link:hover
{
	color:#FF931E;
}

.self-assessment-link .glyphicon 
{
	font-size:25px;
	color:#9FD14F;
	position:relative;
	right:0px;
	padding-right:10px;/*left*/
	top:8px;
}

.slider-pro
{
	box-sizing: content-box;
}

.self-assessment-link .glyphicon:hover
{
	color:#FF931E;
}

#accordion-ref
{
	margin-top:20px;
}

button span .glyphicon-circle-arrow-left
{
	float:left;
	padding:3px;
}

/*zoom configuration*/
.demo .zoomer_wrapper { height:400px; overflow: hidden; width:100%;}

#desctoptitle{
display: block;	
}
#mobiletitle{
display: none;	
}

#desctop-unit-title{
	padding-right:0px;
}
.page-header {
	background-color: #bde085;
    opacity: 0.95;
  position: fixed;
  left: 0;
  top: 10px;
  direction: ltr;
  
  width: 100%;
 /* box-sizing: border-box;*/
  -webkit-transition: top 0.6s;
  -moz-transition: top 0.6s;
  transition: top 0.6s;
       box-shadow: 0px 5px 10px #888888;
    z-index: 300;
	    padding-bottom: 0px; 
		border-bottom: 0px solid #eee; 
}


.shadow{
 box-shadow: 0px 5px 10px #888888;	
}
#unitname{
	font-size:16px;
	font-weight:bold;
	    font-family: OpenSans;
	
}

.page-header.off-canvas { top: -89px; }
.page-header.fixed {
  top: 10px;
  z-index: 50;
}


#section1 {
	background-color: #FFF;
	direction:ltr;
}
	
.colorStyle{
		padding-left:10px;

	font-size:15px;
	    font-weight: bold;
	color:#f50057;
	
}
	#section2 {
	background-color: #FFF;
	direction:ltr;
}

#section3 {
	background-color: #FFF;
	direction:ltr;
}

#section4 {
	background-color: #FFF;
	direction:ltr;
}

#section5 {
	background-color: #FFF;
	direction:ltr;
}

#section6 {
	background-color: #FFF;
	direction:ltr;
} 

/*added new */
.thecard 
		{
            box-shadow: 0 1px 30px rgba(0,0,0,.2);
            background-color: #fff;
            transition: 400ms ease;
            text-align: left;
			margin-bottom:20px; /*added new */
			margin-top:20px;
		}
        .thecard:hover{
            box-shadow: 0 10px 50px rgba(0,0,0,.7);
        }
        .thecard:hover .card-outmore {
            background: #FF931E;
            color: #fff;
        }
        .thecard a{
            color: currentColor;
            text-decoration: none;
        }
        .card-img {
            display: block;
            max-height: 395px;
            overflow: hidden;
        }
        .card-img img {
            display: block;
            width:100%;
        }

        .card-caption p{
            position: relative;
            padding: 10px 10px;
		}
		
		
        .card-caption h1 {
            line-height: 1;
			font-size:16pt;
			font-weight:bold;
			text-align:center;
        }

        .card-outmore {
            padding: 10px 25px;
            border-top: 1px solid #e0e0e0;
            background: #9FD14F;
            color: #222;
            display: flex;
            transition: 400ms ease;
			
        }
        .card-outmore h5 {
            flex: 1;
			font-size:14px;
			text-align:left;
			font-weight:bold;
			color:white;
        }
        .card-outmore i {
            padding: 1px 6px;
			color:white;
			font-size:18px;
			
        }


        span.date { font-size: 14pt; }

        h5 { margin:0; }

        .thecard .like-btn {
            font-size: 18px;
            background: #9FD14F;
            color: #fff;
            padding: 15px 15px;
            border-radius: 50em;
            position: absolute;
            left: 20px;
            top: 10px;
            box-shadow: 0 2px 1px rgba(0,0,0,.2);
            transition: 400ms ease;
        }
        .card-img + .card-caption > .like-btn{
            top: -15px;

        }

        .thecard .like-btn:hover {
            background: #FF931E;
            box-shadow: 0 4px 5px rgba(0,0,0,.3);
        }





/*added new */		
button span .glyphicon 
{
	float:left;
	padding:0px 5px;
	margin-left:5px;
}
	
#maincontent
	{
		pointer-events:auto;
		right:0;
	}
	
	
mark {
  background: #ff0;
  color: #000;
  
}

html
{
	font-family:OpenSans;
		
}
	
	
body
{
	/*padding: 15px;*/
	background: #fff;
	font-family: OpenSans;
}
	
p
{
	font-size:14px;
	color:black;
	font-family:OpenSans;
	line-height:27px;
	text-align:justify;
	text-justify: inter-word;
	
	
}

.menu-button
{
	float:left;
	height:50px;
	font-size:large;
	font-size:large;
	align:middle;
	padding:15px;
	color:white;	
	
}

.menu-button:hover
{
	color:#FF931E;
	
}

.menu-button:visited
{
	color:white;
}

div 
{
	text-align:left;
	text-justify: inter-word;
	
}
div p
{
	/* padding-left:50px; */
	padding-bottom:10px;
	/* text-align:left; */
	/* float:left; */
}

div p:last-chiled
{
	padding-bottom:0px;
}


.image-content img
{
	margin-top:7px;
	padding-bottom:15px;
}

	
.outer_div{
	position:fixed;
	background-color:#bde085;
	height:50px;
	top:0;
	right: 0; /*left*/
	width: 100%;
	direction : ltr;/*left*/
	box-shadow: 0px 5px 10px #888888;
	opacity: 0.95;
	z-index:600;
}



.outer_div .title-section div{
	float:left;/*left*/
}

.outer_div .title-section .popover
{
	width:270px;
	height:200px;
}
.outer_div .title-section .popover-title{
	width:266px;
}
/*safaa*/
.outer_div  .title-section  .title
{
	
	position:relative;
	font-size:21px;
	font-weight:bold;
	font-family:OpenSans;
	padding-top:8px;
	color: black;
}
.outer_div  .title-section  .title a
{
	color:black;
	text-decoration:none;
}

.outer_div  .title-section  .title a:hover
{
	text-decoration:none;
	/*color:#FF931E;*/
}

.outer_div  .title-section  .title2{
	
	position:relative;
	font-size:16px;
	font-weight:bold;
	font-family:OpenSans;
	padding-top:6px;
}



.outer_div  .title-section  .title2 a
{
	color:black;
	text-decoration:none;
}

.outer_div  .title-section  .title2 a:hover
{
	text-decoration:none;
	/*color:#FF931E;*/
}

/*safaa*/
.outer_div .title-section .section-header
{
	position:relative;
	font-size:14px;
	font-weight:bold;
	font-family:OpenSans;
	padding-top:16px;
	margin-left:8px;/*left*/
	color: black;
}

.glyphicon-menu-right/*left*/
{
	font-size:14px;
	margin-left:5px;/*left*/
	top:16px;
	color:#FF931E;
	position:relative;
}
#glyphicon-menu-right1/*left*/
{
	
	top:4px;
	
}
#coursename{
	display:none;
}

@media only screen and (max-width: 850px) {

audio {
    display: inline-block;
    vertical-align: baseline;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}	
	
	
	#myheader{
 display: block; 	
}

.outer_div{
	
	box-shadow: 0px 0px 0px #888888;
	
}	
#desctoptitle{
display:none ;	
}
#mobiletitle{
display: block;
box-shadow: 0px 5px 10px #888888;	
}
#mobile-unit-title{
	padding-left:49px;
}

#mobile-span{
/* padding-left:30px;	
 */}

.outer_div .title-section .section-header
{
	position:relative;
	font-size:14px;
	font-weight:bold;
	font-family:OpenSans;
	margin-top:-15px;
	margin-left:8px;
	color: black;
}

.glyphicon-menu-right
{
	font-size:14px;
	margin-left:15px;
	top:4px;
	color:#FF931E;
	position:relative;
}
.outer_div .title-section .title2 {
   
    padding-top: 1px; 
}

#coursename{
	display:block;
}
.shadow{
 box-shadow: 0px 5px 10px #888888;	
}	
	
	
}



@media only screen and (max-width: 570px) {
	#title-id
	{
		color:white;
	}
	
	#title-id:hover
	{
		color:#FF931E;
	}
}

.header_image_background 
{
	position: fixed;
	z-index:0;
	top: 0px;
	left:0;
	width:100%;
	height: 200px;
	opacity:1;
	overflow:hidden;
	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	-webkit-transition-property: -webkit-transform ease-out;
	-moz-transition-property: -moz-transform ease-out;
	transition-property: transform ease-out;
	-o-transition-property: -o-transition ease-out;

	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
	-o-transition-duration:1s;
}


.header-visible 
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
}

.header-not-visible
{
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	
}


.header:before {
	position: absolute;
	content: "";
	vertical-align:middle;
	margin-top:-3px;
	width: 15px;
	height:30px;
	background: #FF931E;
	right:0;
	top: 0;
	bottom: 0;
}



.header {
	font-weight: bold;
	right:0;
	color: black;
	font-family:OpenSans;
	position: relative;
	font-size:18px;
	padding-right:30px;
	margin-right:-30px;
	/*margin-top:35px;*/
}

.main-header
{
	font-weight: bold;
	left:0;
	color: black;
	font-family:OpenSans;
	position: relative;
	font-size:19px;
	padding-left:30px;
	margin-left:-30px;
}

.main-header:before {
	position: absolute;
	content: "";
	vertical-align:middle;
	width: 20px;
	height:30px;
	background: #FF931E;
	left:0;f
	top: 0;
	bottom: 0;
}

#share-content span
{
	font-size:20px;
}


li
{
	font-family:OpenSans;
	font-size:14px;
	line-height:27px;
	
}

.bullets{
   list-style-image: url('style-r/bullet.png');
}


.component-row
{
margin-top:15px; 
}


.panel-heading h4 a
{
	font-size:15px;
	font-family:OpenSans;
	font-weight:bold;
	text-decoration:none;
	color:black;
	position:relative;
	bottom:10px;
	margin-left:-15px;
 }

.panel-heading h3 a
{
	font-size:17px;
	font-family:OpenSans;
	font-weight:bold;
	text-decoration:none;
	color:black;
	position:relative;
	bottom:5px;
	margin-left: -15px;
}


.panel-title
{
	margin-top:5px;
	
}

h3.popover-title
{
	text-align:left;
}

.panel-heading h4 span
{
	font-size:25px;
	color:#9FD14F;
	position:relative;
	left:0px;
}

button span .icon
{
	float: left;
    padding: 3px;
    margin-left: 5px;
}

.panel-heading h3 span
{
	font-size:25px;
	color:#9FD14F;
	position:relative;
/* 	left:5px;
 */
	padding-bottom:3px;
 }

span.glyphicon.resources
{
	color:rgba(77,77,77,0.6);
	left:-8px;
}



{
	color:rgba(77,77,77,0.6);
}


.glyphicon-minus-sign
{
	cursor: pointer;
}

.glyphicon-plus-sign
{
	cursor: pointer;
}

/*safaa*/
.glyphicon-question-sign
{
	cursor: pointer;
	color:#9FD14F;
}



.glyphicon-chevron-left
{
	cursor: pointer;
}

.glyphicon-chevron-down
{
	cursor: pointer;
}


.panel-group .panel-default
{
	 border-color: none;
}

.panel-group .panel-default>.panel-heading {
	color:black;
    background-color:transparent;
    border-color: #FFF;
	padding-left: 0;
}

.panel-group .panel-heading {
    padding-top:0px;
	padding-bottom:0px;
    border-radius:0px;
	/* padding-left:15px; */
}
.panel-body{
	
	padding:0px;
}
.panel-group .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}



a {
  color: #FF931E;
  text-decoration: none;
  font-weight:bold;
}

.sp-panel a
{
	color: black;
    text-decoration: none;
}

.sp-panel a:hover
{
	color: #FF931E;
    text-decoration: none;
}


.modal-content1 {
	font-weight:normal;

}


.modal-content {
   
   border-radius: 0px; 
}

h4.modal-title
{
	font-size:16px;
	font-weight:bold;
	float:left;
}

.close {
       float: right;
    right: 15px;
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    margin-right: 20px;
    margin-top: -10px;
	
}

.close:hover
{
	color:#FF931E;
	opacity:1;
}

button.close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 30px;
	text-shadow:none; 
	font-family: serif;
	
}

.modal-header .close {
    margin-right: 5px;
}


.nav-a
{
	font-size:15px;
	font-weight:normal;
	
}

footer
{
	position:absolute;
	right:0px;
	width:100%;
	height:80px;
	background:#7F7F7F;
	border-top:solid 10px;
	border-color: #9FD14F;
}


footer .qoulogo
{
	float:left;/*left*/
	left:15px;/*left*/
	position:absolute;
	bottom:15px;
	cursor: pointer;
	
}


footer .qoulogo img
{
	
		height:43px;
		width:43px;
}

footer .description
{
	color:white;
	float:left;/*left*/
	position:absolute;
	bottom:20px;
	left:65px;/*left*/
	font-family:OpenSans;
	font-size:12px;
}

footer .qr-container span
{
	position:relative;
	font-size:22px;
	color:white;
	float:right;/*left*/
	right:7px;/*left*/
	top:-1px;
	
	
}

footer .qr-container 
{
	float:right;
	position:absolute;
	bottom:26px;
	right:58px;
	width:40px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

footer .qr img
{
	float:right;
	position:absolute;
	bottom:15px;
	right:10px;
	width:85px;
}

footer .version .popover
{
	width:160px;
    height:180px;
    left:-125px;
	top: -180px;
	margin-top:-23px;
}

footer .qr-container .popover
{
	width:110px;
	height:160px;
	right:-45px;
}


footer .version
{
	float:right;
	position:absolute;
	right:20px;
	bottom:20px;
	cursor: pointer;
}


footer .version span
{
	font-size:25px;
	color:white;
}


footer .version span:hover
{
	font-size:25px;
	color:white;
}



footer .followus
{
	float:right;
	position:absolute;
	right:110px;
	bottom:20px;
}

	
footer .followus span:hover
{
	color:#FF931E;
	text-bottom:none;
}	

footer .followus span
{
	position:relative;
	font-size:22px;
	top:-2px;
	color:white;
	left:-64px;
}

footer .followus-description 
{
	color:white;
	float:right;
	position:absolute;
	bottom:5px;
	right:-16px;
	font-family:OpenSans;
	font-size:14px;
	cursor: normal;
	width:74px;
}

@media only screen and (max-width: 454px) {
	
footer
{
	height:160px;
}	
	
footer .qoulogo
{
	bottom:80px;
}

footer .description
{
	bottom:80px;
}

/*#Progress-mobile{
	display:block;
}
#progress_desktop{
	display:non
}*/

.progress_div{
position:fixed;
/*background-color:#bde085;*/
height:10px;
top:48px;
right: 0;
left: 0px;
width: 100%;
/* direction : rtl; */
box-shadow: 0px 5px 10px #888888;
opacity: 0.95;
z-index:200;
}
.per {  /*new*/
    position: relative;
    float: right;
    margin-right: 107px;
    font-size: 16px;
    margin-top: 15px;
}

}

	
	
	

.popover 
{
	
	border-radius: 0px; 
}



.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #7F7F7F;
	color:white;
    border-top: 5px solid #9FD14F;
    border-radius: 0px 0px 0 0;
	font-family:OpenSans;
	font-weight:bold;
}

.popover-header button.close{
	-webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 30px;
    font-weight: normal;
    margin-top: 8px;
    margin-right: 8px;
    color: white;
}

#accordion-main
{
	margin-top:20px;
}

.popover-header button.close:hover{
	color:#FF931E;
}

.popover-content
{
	font-family:OpenSans;
	font-size:14px;
}



.outer_div .share .icon-share2
{
	float:right;/*left*/
	position:absolute;
	right:20px;/*left*/
	bottom:15px;
	color: #FFF;
	font-size: 20px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
}



.glyphicon-home
{
	float:left;
	position:absolute;
	left:16px;
	top:14px;
	color: #7F7F7F;
	font-size: 20px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;

}

#home-text
{
	float:left;
	margin-left:40px;
	font-size:14pt;
	padding-left:8px;
}

#accordion-menu
{
	margin-top: 20px;
}

.glyphicon-home:hover
{
	color:#FF931E;
}

.outer_div .share .icon-share2:hover
{
	color:#FF931E;
}

.outer_div .share 
{
	float:right;/*left*/
	position:absolute;
	right:50px;/*left*/
	bottom:0px;
	top:40px;
	color:transparent;
}

.outer_div .panel {
	margin-bottom:40px;
	margin-left:30px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.outer_div .panel-heading {
	 padding: 0px 0px; 
     border-bottom: 1px solid transparent; 
     border-top-left-radius: 3px; 
     border-top-right-radius: 3px; 
     background-color: transparent; 
}



.popover-content .icon-google-plus
{
	cursor:pointer;
}

.popover-content .icon-google-plus:hover
{
	color:#FF931E;
}

.popover-content .icon-facebook
{
	cursor:pointer;
}

.popover-content .icon-facebook:hover
{
	color:#FF931E;
}

.popover-content .icon-twitter
{
	cursor:pointer;
}

.popover-content .icon-twitter:hover
{
	color:#FF931E;
}

/* hover */
.glyphicon
{
color:#9FD14F;
cursor:default;
font-size:20px;
}
.icon{
    font-size: 20px;
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-hamburger
{
color:white;
}

.glyphicon-menu-right
{
color:#FF931E;
}

.glyphicon-menu-hamburger:hover
{
color:#FF931E;
}

span.glyphicon.resources:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-plus-sign:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-list-alt:hover
{
color:#FF931E;
cursor:pointer;
}


.glyphicon-minus-sign:hover
{
color:#FF931E;
cursor:pointer;
}

.glyphicon-chevron-left:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-chevron-down:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-asterisk:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-download:hover
{
color:#FF931E;
cursor: pointer;
}
.glyphicon-pushpin:hover
{
color:#FF931E;
cursor: pointer;
}

.glyphicon-qrcode:hover
{
color:#FF931E;
cursor: pointer;
}

.icon-phone:hover
{
color:#FF931E;
cursor: pointer;
}

/*end of hover */

.container-arrow-search
{
	position: fixed;
    z-index: 9999;
    top: 17px;
       right: 25px;
    display:none;
}
.sb-icon-search-close
{
	z-index: 999;
    width: 55px;
    height: 50px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 52px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
        background: #da6d0d;
    color: #fff;
    
}  
.container-arrow-search .glyphicon-chevron-left:hover {
    color: #FF931E;
    cursor: pointer;
}
  
.container-arrow-search .glyphicon-chevron-right:hover {
    color: #FF931E;
    cursor: pointer;
}
.container-arrow-search a:hover {

        text-decoration: none;
}

.highlight { background-color: yellow }



@media only screen and (max-width: 400px)
{
	.boxHand{
 width: 82px !important;
  
}

.dragBody
{
    overflow-y: scroll !important;
    height: 400px !important;
    overflow-x: hidden !important;
}
.dragBodyF
{
    overflow-y: scroll !important;
    height: 400px !important;
    overflow-x: hidden !important;
}
   }

.dragBody
{
    height: auto;
}
.dragBodyF
{
    height: auto;
}


@media only screen and (max-width: 400px) {

.ptnDivReset a 
{
	display: block !important;
	        width: 77%;
	    margin-left: auto  !important;
    margin: 0 auto;
    margin-top: 4px;
}




}

.ptnDivReset a 
{
	margin-left: 3px;
}


.ptnDivReset
{
	text-align: center;
    padding: 5px;
    
}
.ptnResetCOM
{
	
    color: white;
}

.ptnDivReset a 
{
	        font-size: 14px;
    background: #9FD14F;
    padding: 5px;
    /* right: 0; */
    color: white;
    display: inline;
}
.ptnResetCOM:before
{
    font-size: 16px;
}


@media only screen and (max-width: 400px)
	{
	.subtitleHolder
		{
			    padding-left: 30px;width: 100%;    padding-bottom: 4px;
			}
	.headerSubtitle
	{
	
	 display: inline-block;
    width: 80%;
		}
		
		.outer_div .title-section .section-header
		{
			margin-top : 0 !important;
			padding-top : 4px !important;}
			
			#mobile-span
			{
			  display:inline-block;
			}
		}
		
		
		ul {
	list-style: none;
}