@media screen, projection 
{
    #Content .richtext * { margin:0; padding:0; text-decoration:none; border:0; float:none;  font-size:100%; text-decoration:none; } /*font-family:HelveticaNeue, Helvetica, Arial, Geneva, sans-serif;  color:#1a1a1a*/
    /* ++++++++ GLOBAL LAYOUT +++++++ */ 
    /* #Content .richtext .indent { padding:0 20px; } */
    /* +++++++ END GLOBAL LAYOUT ++++ */

   
    /* General */
    #Content .richtext div.hr { height:15px; border-top:1px solid #e0e0e0; }
    #Content .richtext  div.hr hr { display:none; } 
    #Content .richtext .clear { clear:both; }
    #Content  img.image-right-column { display:block; margin-bottom:20px; }   
    #Content .richtext {
        overflow:hidden; 
        /* min-height: 200px; */
    }  
    .richtext { position: relative; }
    /* End General */
		
	/* FONTS  */
	#Content .richtext h1 {font-size:38px;padding: 0px 0px 25px; } /*ont-weight:normal;  padding:0 0 18px 0;  line-height:46px; font-family:'Museo W01 500', HelveticaNeue, Helvetica; color:#fff;*/
	#Content .richtext h2 {   font-size:35px;   padding:0px 0px 10px; } /*line-height:30px; font-weight:normal; font-family:'Museo W01 500', HelveticaNeue, Helvetica; color: #0092C3;*/
	#Content .richtext h3 { padding:0px 0px 25px; }	 /*line-height:19px;  font-weight:normal;  font-family:'Museo W01 500', HelveticaNeue, Helvetica; color:#0092c3;*/
	#Content .richtext h3.no-padding { padding-bottom:4px; }
		
    #Content .richtext p { font-size:17px;float:none; 
        padding-bottom: 8px;
    } /**** line-height:22px;     added padding bottom****/  
	    #Content .richtext p.no-padding { padding:0;  }
	    #Content .richtext p.small-padding { padding-bottom:2px; }
	    #Content .richtext .right-column p { padding-right:30px; }  
		#Content .richtext p.label { padding:0 100px 6px 0; line-height:18px; }
	    #Content .richtext p.alt { color:#fff; }
		/* #Content .richtext p.emphasized {  font-size:16px;} color:#0092c3; */
        #Content .richtext p.alert { color:#c00; }
		
    /* #Content .richtext p a, #Content .richtext li a, #Content .richtext td a { color:#0092c3; border-bottom:1px dotted #0092c3;  } */
    
    #Content .richtext li, #Content .richtext td { font-size:16px; line-height:22px;   }
		
    #Content .richtext .extra-emphasized {  font-weight:normal; } /*font-family:'Museo W01 500', HelveticaNeue, Helvetica;*/
	
	#Content .richtext span.highlighted { padding:0 3px; background:#fff000; }
    /* #Content .richtext .emphasized { color:#0092c3; } */
    #Content .richtext span.small { font-size:15px !important ; line-height:13px; }
	/* END FONTS */
		
    /* Hyperlinks ----------------------------------------------------------------------------------------  */
	#Content .richtext p a { color:#0092c3; }
		
	#Content .richtext a:hover { text-decoration:none; cursor:text; }
	/* End Hyperlinks ----------------------------------------------------------------------------------------  */
		
	/* Images ----------------------------------------------------------------------------------------  */
	#Content .richtext img.image-right-column { margin-bottom:20px; } 
	/* End Images ----------------------------------------------------------------------------------------  */

    /* Lists ----------------------------------------------------------------------------------------  */
	#Content .richtext ul { padding-bottom:30px; }
	    #Content .richtext ul ul { padding-bottom:8px; }
	  
	    		
	/* #Content .richtext ul.list { width:auto; }
		#Content .richtext ul.list li { padding:0 0 0 25px; background:url("./../assets/img/snippet/bullet-grow-blue.svg") 0 8px no-repeat; list-style-type: none !important; } */
		
	/* #Content .richtext ul.check-list { width:auto;  } */
		/* #Content .richtext ul.check-list li { padding:0 0 6px 17px; background:url("./../assets/img/snippet/check-grow-blue.svg") 0 3px no-repeat;  } */
				
	/* #Content .richtext ul.link-list { width:auto; } */
	
	#Content .richtext ul.small-ordered-list {  width:auto; }
	    #Content .richtext ul.small-ordered-list li { overflow:hidden; width:100%; }
		    #Content .richtext ul.small-ordered-list .ordered-number {  display:block; width:25px; float:left; } /*color:#0092c3*/
		    #Content .richtext ul.small-ordered-list .ordered-text { display:block; width:500px; float:left; }
	  	
	#Content .richtext ul.ordered-list { width:auto; }
		#Content .richtext ul.ordered-list li { overflow:hidden; width:100%; padding:8px 0;line-height:24px; }
		    #Content .richtext ul.ordered-list.border-bottom li { border-bottom:1px solid #e0e0e0;  }
		    #Content .richtext ul.ordered-list .ordered-number {  display:block; width:40px; float:left; font-size:32px; line-height:34px;} /*color:#0092c3*/
            #Content .richtext ul.ordered-list .ordered-text { display: block;width: 500px;float: left ; }
              /**display:content;width:auto**/
                
		    #Content .richtext ul.ordered-list a.ordered-pdf { display:block; margin-top:5px; width:23px; height:30px; float:right; text-indent:-999em; background:url("./img/snippet/pdf-download.svg") 0 0 no-repeat;    border-bottom: 0px !important; }
	
	/* End Lists ----------------------------------------------------------------------------------------  */
	
	/* Forms  ----------------------------------------------------------------------------------------  */
	#Content .richtext .row { width:100%; overflow:hidden; padding-bottom:16px;  }
	#Content .richtext .buttons { float:right; padding-right:10px; }
	     #Content .richtext a.button { width:150px; border-radius:20px; display:block; float:left; margin-left:10px;  background:#000;   font-size:20px; text-align:center; padding:7px 0;  color:#fff;   }  
            #Content .richtext a.button span {color:#fff; }
            #Content .richtext a.button-neutral {  background:#595959;  }     
        
    /* End Forms  ----------------------------------------------------------------------------------------  */ 	
	
    #Content .richtext .insert { background:#e8e8e8; padding:16px 15px 0 35px; width:598px; margin-bottom:22px;  }
        #Content .richtext .insert h3 { font-size:20px; line-height:22px; font-weight:normal; }		
	    #Content .richtext .insert img { margin-bottom:16px;width: 100%; }	
        
    #Content .richtext .simple-media-block { margin:0 0 20px 0; background:#F9F4F2; width:100%; overflow: hidden; }
		#Content .richtext .simple-media-holder { width:100%;     background-size: 100% !important;}
		    #Content .richtext .external-video a { display:block; height:365px;width:100%; text-indent:-99999em; background:url(../../Shared/Media/Images/Buttons/play.svg) 275px 152px no-repeat;  }
            #Content .richtext .external-video iframe { display:block; min-width:100% !important; background-color: #000000} /****height:365px !important*****/
          
		#Content .richtext .simple-media-capture { 
		/*padding:10px 20px 14px 20px;*/
		padding:20px 20px;
		 overflow: hidden; 
		}  
		    #Content .richtext .simple-media-capture p { 
		    	padding:0; 
		    	/*padding:20px 20px; */

		    } 	
}

#Content textarea{border: 1px solid #8e8c8c !important; padding: 15px 20px !important; height: 250px !important;}


/* ........... list ........... */

#Content .richtext a.external {
    /* display: block;
    color: #0092c3;
    line-height: 20px;
    float: left; */
    /* background: url("./../assets/img/snippet/external-grow-blue.svg") 0 7px no-repeat; */
	/* padding: 0 0 7px 21px; */
	/* border-bottom: 0; */
}
/* a.external{
    background: url(".././assets/img/snippet/BrandElements/Grow/external-grow-blue.svg") 0 7px no-repeat !important;
    
} */
#Content .richtext a:hover {
    text-decoration: none;
    cursor: text;
}

/* #Content .richtext ul.link-list li {
    width: 100%;
    overflow: hidden;
} */
/* #Content .richtext ul li {
    font-size: 17px;
    line-height: 20px;
} */
#Content .richtext ul li {
    font-size: 17px;
    line-height: 22px;
}

/* #Content .richtext  ul.link-list li a {
    border-bottom: 0 !important;
} */
#Content .richtext ul.check-list {
    padding-bottom: 16px;
    list-style: none !important;
}


/* .......................................... */
#Content .richtext img.visual {
    margin: 0 0 28px 0px;
    width: 80%;
    height: auto;
}

#Content .richtext div.media-block .capture {
    /* background-color: #00ace5; */
    /*padding: 10px 20px 15px 25px;*/
    padding: 15px 25px;

    min-height: 65px;
}

#Content .richtext div.media-block {
    border-top: 1px solid #e9eef1;
    width: 100%;
    padding-bottom: 20px;
}

#Content .richtext div.main-display {
    /* height: 362px; */
    overflow: hidden;
	background: #000 url("./../assets/img/snippet/ajax-loader-media-display.gif") 50% 50% no-repeat;
	position: relative;
}
#Content .richtext div.media-block img, #Content .richtext div.media-block video {
	display: block;
	width: 100%;
}
#Content .richtext .main-display a.enlarge {
	bottom: 10px;
    right: 10px;
}
#Content .richtext a.enlarge {
    height: 50px;
    width: 50px;
    display: block;
    text-indent: -999em;
    position: absolute;
    z-index: 200;
    /* right: 52px; */
    /* bottom: 60px; */
    background: url(./../assets/img/snippet/enlarge.svg) 17px 22px no-repeat;

    /* FIY: there was broken css comment */
    /*color: #0092c3;*/
    /*font-size: 20px;*/
    /*line-height: 26px;*/
    /*font-weight: normal;*/
    /*padding-bottom: 10px;*/
}
#Content .richtext .simple-media-block img{width: 100%}


/* ............ row images ........... */

#Content .richtext ul.thumbs {
    width:100%;
    overflow: hidden;
	padding: 0 0 16px 0px;
	position: relative;
}

#Content .richtext ul.thumbs li {
    display: block;
    float: left;
	width: 23%;
    margin-right: 2%;
}

#Content .richtext ul.thumbs li img {
	display: block;
	width: 100%;
    height: auto !important;
}
/* #Content .richtext ul.link-list li {
    width: 100%;
    overflow: hidden;
} */

#Content .richtext .columns {
    width: 100%;
    overflow: hidden;
}
#Content .richtext .columns .two-column {
    width: 50%;
    float: left;
}

#Content .richtext .columns .two-column ul.thumbs {
    width: 100%;
    padding: 0 0 16px 8px;
}
#Content .richtext ul.thumbs li div {
    padding: 0 20px 0 2px;
    font-size: 15px;
    line-height: 20px;
}
#Content .richtext a.pdf strong {
    color: #0092c3;
    font-size: 15px !important;
}

#Content .richtext a.pdf {
    padding: 0 0 4px 35px;
    font-size: 12px;
    line-height: 14px;
    display: block;
	background: url("./../assets/img/snippet/pdf-download.svg") 0 0 no-repeat;
	color: #000;
}

 #Content .richtext .columns .two-column li a {
	color: #000;}
	#Content .richtext ul.thumbs li a.enlarge {
		/* top: 88px;
    right: 19px;                      
        border-bottom: none; */
        /* margin:131px 0 0 131px; */
	}
	#Content .richtext .columns .two-column .thumbs li{
width:45% !important;}

#Content .richtext .columns .two-column ul.thumbs li a.enlarge {
    right: 33px;
    border-bottom: none;
}

/* ............... additinal resources ........ */

/********for preparation*********/
#preperation .resources
{
     /* background-image: url('./../assets/img/bg-longPre.png') !important;  */
    background:#EBE7E4 url('./../assets/img/preparation-resources.png') 14px 0 no-repeat ;
    /* background-repeat: no-repeat; */
    padding: 24px 12px 4px 12px;
   
    /*margin-bottom: 20px;*/
    /* background: #f0f0f0 url(./../../assets/img/bg-long.png) 14px 0 no-repeat !important; */
}
/********end for preparation*********/
/********for module overview*********/
#modoverview .resources
{
     /* background-image: url('./../assets/img/bg-longPre.png') !important;  */
    background:#e0e0e0 url('./../assets/img/preparation-resources.png') 14px 0 no-repeat ;
    /* background-repeat: no-repeat; */
    padding: 24px 12px 4px 12px;
     

    margin-bottom: 20px;
    /* background: #f0f0f0 url(./../../assets/img/bg-long.png) 14px 0 no-repeat !important; */
}
/********end for module overview*********/

#Content .richtext div.resources {
	padding: 24px 18px 4px 18px;
	margin-bottom: 20px;
	background: #f9f4f2 url("./../assets/img/snippet/resources.svg") 14px 0 no-repeat;
}

#Content .richtext div.resources li {
	padding-bottom: 12px !important;
	width: 100%;
	overflow: hidden;
}
#Content .richtext .resource-text {
    float: left;
    /*width: 330px;*/
    width: 55%;

    font-size: 15px;
    /* line-height: 16px; */
}
#Content .richtext .resource-text strong 
{
    color:#1a1a1a !important
}
#Content .richtext .resource-text span 
{
    color:#1a1a1a !important;
}
#Content .richtext .resource-text a{border-bottom: 0 !important;
    
}
/* #Content .richtext .resource-text a.external{
    background: url(".././assets/img/snippet/BrandElements/Grow/external-grow-blue.svg") 0 7px no-repeat !important;
    padding: 0 0 7px 18px !important;
} */
#Content .richtext div.resources ul {
    padding-bottom: 0;
}
#Content .richtext div.resources li {
    padding-bottom: 12px;
    width: 100%;
    overflow: hidden;
}

#Content .richtext .resource-image {
    float: left;
    /* width: 102px; */
    /* width: 112px; */
    width:122px;
    padding-right: 10px;
}
#Content .richtext .resource-pdf 
{
    width: 102px !important;
}
#Content .richtext .resource-book 
{
    width: 102px !important;
}
#Content .richtext .resource-event
{
    width: 122px !important;
}
#Content .richtext .resource-website
{
    width: 122px !important;
}

#Content .richtext h4 {
    color: #0092c3;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    padding-bottom: 10px;
}

#Content .richtext .resource-image img {
    margin: 0 auto;
	display: block;
	/* width: 100%; */
}

/* .... left coloum .... */

#Content .left-column {
    float: left;
    padding: 20px 10px;
}

#Content .left-column h2 {
    color: #666;
    /* font-family: HelveticaNeue,Helvetica !important; */
    font-size: 15px;
    font-weight: bold;
    line-height: 14px;
	padding-bottom: 6px;
	margin: 10px 0 0 0;
}
#Content .left-column li {
    font-size:12px;
    line-height: 1.1em;
    /* font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; */
	padding-bottom: 6px;
	list-style-type: none;
}
#Content .left-column a.snippet {
    color: #0092C3;
    display: block;
    padding: 2px 0 2px 22px;
    background: url("./../img/snippet/snippet.png") 0 0 no-repeat !important;
}

#Content .richtext .number {
    padding-right: 8px;
    /* color: #0092c3; */     
}

#Content .richtext ul.key-questions {
    padding-bottom: 20px;
}
#Content .richtext ul.key-questions li {
    padding-bottom: 30px;
    /* font-family: HelveticaNeue, Helvetica; */
    font-size: 24px;
    padding: 0 0 16px 0;
    line-height: 32px;
}
#Content .richtext ul.key-questions li span.text {
    color: #1a1a1a;
    width: 800px;
    display: inline-block;
}
#Content .richtext p.large {
    font-size: 18px;
}


/* ....... selectable media ...... */
#Content .richtext div.media-block img, #Content .richtext div.media-block video {
    display: block;
}
#Content .richtext .main-display a.enlarge {
    margin: 312px 0 0 598px;
}
#Content .richtext div.media-block {
    border-top: 1px solid #e9eef1;
    width:auto;
    padding-bottom: 20px;
}

#Content .richtext div.main-display {
    /*height: 362px;*/
    overflow: hidden;
    background: #000 url("./../img/snippet/ajax-loader-media-display.gif") 50% 50% no-repeat;
    
}

#Content .richtext div.media-block ul {
    display: block;
    width: auto;
    padding-left: 10px;
    overflow: hidden;
    background: #f9f4f2;
}

#Content .richtext ul {
    padding-bottom: 16px;
}

#Content .richtext div.media-block li {
    display: block;
    width: 126px;
    float: left;
    padding-top: 19px;
}
#Content .richtext div.media-block img, #Content .richtext div.media-block video {
    display: block;
}
#Content .richtext div.media-block li div {
    padding: 3px 10px 0 2px;
    font-size: 15px;
    line-height: 15px;
}

.hide {
    display: none !important;
}

/*.......... video link ......... */
#Content .richtext h2 {
    /* font-family: HelveticaNeue, Helvetica; */
    color: #0092c3;
    font-size: 34px;
    line-height: 37px;
    font-weight: normal;
    padding-bottom: 10px;
}
#Content .richtext h2 a.play-tutor-video {
    background: url(./../assets/img/snippet/play-tutor-video.gif) 0 11px no-repeat;
    padding: 0 0 0 30px;
}
#Content .richtext h2 a {
    color: #0092c3;
}
#Content .richtext h3 {
    /* font-family: HelveticaNeue, Helvetica; */
    color: #0092c3;
    font-size: 21px;
    line-height: 26px;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top:18px;
}
#Content .richtext a.play-tutor-video {
    display: block;
    background: url(./../assets/img/snippet/play-tutor-video.gif) 0 3px no-repeat;
    padding: 2px 0 2px 30px;
}

#Content .richtext p.emphasized {
    font-size: 19px !important;
    font-weight: bold;
    padding: 0 0 18px;
    
}

   /*........ coty ....... */
   #FlowContent1 {
    /* background: #3c1053; */
    padding: 25px 100px 0px 100px;
}
#FlowContent1 h1 {
    /* color: #fff !important; */
    /* font-size: 3.2em; */
}
#FlowContent1 a#ProgramButton1 {
    color: #fff;
    background: #736f6e url(./../assets/img/coty/start-program.svg) 100% -38px no-repeat;
}

#FlowHolder1 p {
    color: #fff;
}

#FlowHolder1 p {
    /* font-size: 1.6em;
    line-height: 1.2em; */
    /* padding: 0 460px 22px 0; */
}
#FlowContent1 h1 {
    float: left;
    font-size: 32px !important;
    font-weight: normal;
}
#FlowContent1 h2, #FlowContent1 h3 {
    /* color: #fff !important; */
    font-size: 2.4em !important;
    line-height: 1.1em;
    font-weight: normal;
    padding-bottom: 8px;
}



ul.key-questions li span.number {
    width: 30px;
    color: #fff;
    display: inline-block;
    float: left !important;
}

#Content .richtext img.visual {
    margin: 0 0 28px 20px;
}



/**********by harshad***********/
div.page .main-display a.enlarge {
    margin: 312px 0 0 598px;
}
div.page a.enlarge {
    height: 50px;
    width: 50px;
    display: block;
    text-indent: -999em;
    position: absolute;
    z-index: 200;
    background: url("./../assets/img/snippet/enlarge.svg") 17px 22px no-repeat;
    margin: 182px 0 0 274px;
}
#Content .richtext ul.small-ordered-list .ordered-text strong 
{
    font-size: 17px !important;
}
#Content .richtext ul.small-ordered-list .ordered-text span 
{
    font-size: 17px !important;
}
#Content .richtext ul.ordered-list .ordered-text strong 
{
    font-size: 17px !important;
}
#Content .richtext ul.ordered-list .ordered-text span 
{
    font-size: 17px !important;
} 
ul.list
{
    padding-top: 5px !important;
}

.main-display > iframe{
    width: 100% !important;
}
#Content .richtext1 ul.ordered-list .ordered-text{  width: 600px !important;  display: block; float: left} 
/**********end by harshad***********/
@media(max-width : 1024px){
    #Content .richtext ul.ordered-list .ordered-text{
        width: 370px !important;
    }
 }
 @media(max-width:1024px){
    #Content .richtext1 ul.ordered-list .ordered-text{
        width: 510px !important;
    }
   
 }
 
 @media(min-width:1024px) and (max-width:1133px){
    #Content .richtext div.media-block li div {
      
        font-size: 12px !important;
      
    }
 }