/*
*
*Added by ayisha haruna
*Apr, 2013 :P
*
*/

/* Le helpers
================================================== */    
    
    /* custom font sizes
    ----------------------------------------------------*/
    .f11 		{font-size:11px;}
    .f12		{font-size:12px;}
    .f13		{font-size:13px;}
    .f14		{font-size:14px;}
    .f15		{font-size:15px;}
    .f16		{font-size:16px;}
    .f17 		{font-size:17px;}
    .f18		{font-size:18px;}
    .f19		{font-size:19px;}
    .f20 		{font-size:20px;}
    .f21 		{font-size:21px;}    
    .f22 		{font-size:22px;}
    .f23 		{font-size:23px;}
    .f24 		{font-size:24px;}
    .f25 		{font-size:25px;}
    .f26 		{font-size:26px;}
    .f27 		{font-size:27px;}
    .f28 		{font-size:28px;}
    .f29 		{font-size:29px;}
    .f30 		{font-size:30px;}
    .f35 		{font-size:35px;}
    .f45 		{font-size:45px;}
    .f50 		{font-size:50px;}
    .f60 		{font-size:60px;}
    .f70 		{font-size:70px;}
    .f80 		{font-size:80px;}
    .f90 		{font-size:90px;}
    .f100 		{font-size:100px;}
    .f110 		{font-size:110px;}
    .f120 		{font-size:120px;}
    .f130 		{font-size:130px;}
    .f140 		{font-size:140px;}
    .f150 		{font-size:150px;}
    .f160 		{font-size:160px;}
    .f170 		{font-size:170px;}
    .f180 		{font-size:180px;}
    .f190 		{font-size:190px;}
    .f150 		{font-size:150px;}
    .f200 		{font-size:200px;}
    .f220 		{font-size:220px;}
    .f230 		{font-size:230px;}
    .f250 		{font-size:250px;}
    .f300      {font-size:300px;}
    .f350      {font-size:350px;}
    .f400      {font-size:400px;}
    .f450      {font-size:450px;}
    
    /*  font art  
    ----------------------------------------------------*/
	.fontart1	{text-shadow:0 1px 1px rgba(255, 255, 255, 0.3);}	
	.fontart2,
	.fontart	{text-shadow:0 1px 0 rgba(0, 0, 0, 0.1), 0 0 4px rgba(255, 255, 255, 0.3);}
	.fontart3	{text-shadow:1px 5px 10px white}
	.fontart4	{text-shadow:0 1px 0 rgba(1, 1, 1, 0.8) , 0 0 1px rgba(255, 255, 255, 0.9) , 4px 5px 5px rgba(1, 1, 1, 0.7)}
	.fontart5	{text-shadow:0 0 5px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(1, 1, 1, 0.7)}
	.fontart6	{text-shadow:0 3px 3px rgba(0,0,0,0.2); }
	.fontart7	{text-shadow:0 1px 0 rgba(0,0,0,0.8); }
	.fontart8	{text-shadow:0 0 4px rgba(255, 255, 255, 0.9);}
	.fontart9	{text-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }	
	.fontart10	{text-shadow: 2px 2px 3px #222222; }
	.fontartx1	{
		text-shadow:0 1px 0 rgba(255, 255, 255, 0.2) !important;
		color: #141414 !important; /*rgba fallback*/
		color:rgba(0,0,0,0.6) !important;
	}
    
    /*    padding   adjustment
    ----------------------------------------------------*/
    .ptrbl0 {margin: 0px !important;}
    
    .p5  {padding: 5px; }
    .p10 {padding: 10px; }
    .p20 {padding: 20px; }
    .p30 {padding: 30px; }
    .p40 {padding: 40px; }
    .p50 {padding: 50px; }
    .p60 {padding: 60px; }
    .p70 {padding: 70px; }
    .p80 {padding: 80px; }
    .p90 {padding: 90px; }
    .p100 {padding: 100px; }
    
    .pt0  {padding-top: 0px !important;}
    .pt5  {padding-top: 5px !important;}
    .pt10 {padding-top: 10px !important;}
    .pt12 {padding-top: 12px !important;}
    .pt18 {padding-top: 18px !important;}
    .pt15 {padding-top: 15px !important;}
    .pt20 {padding-top: 20px !important;}
    .pt25 {padding-top: 25px !important;}  
    .pt30 {padding-top: 30px !important;}
    .pt35 {padding-top: 35px !important;}
    .pt40 {padding-top: 40px !important;}
    .pt45 {padding-top: 45px !important;}
    .pt50 {padding-top: 50px !important;}
    .pt60 {padding-top: 60px !important;}
    .pt70 {padding-top: 70px !important;}
    .pt80 {padding-top: 80px !important;}
    .pt90 {padding-top: 90px !important;}
    .pt100 {padding-top: 100px !important;}
    .pt120 {padding-top: 120px !important;}
    .pt130 {padding-top: 130px !important;}
    .pt140 {padding-top: 140px !important;}
    .pt150 {padding-top: 150px !important;}
    .pt200 {padding-top: 200px !important;}
    
    .pb0  {padding-bottom: 0px !important;}
    .pb5  {padding-bottom: 5px !important;}
    .pb10 {padding-bottom: 10px !important;}
    .pb15 {padding-bottom: 15px !important;}
    .pb20 {padding-bottom: 20px !important;}
    .pb25 {padding-bottom: 25px !important;}
    .pb30 {padding-bottom: 30px !important;}
    .pb35 {padding-bottom: 35px !important;}
    .pb40 {padding-bottom: 40px !important;}
    .pb45 {padding-bottom: 45px !important;}
    .pb50 {padding-bottom: 50px !important;}
    .pb60 {padding-bottom: 60px !important;}
    .pb70 {padding-bottom: 70px !important;}
    .pb80 {padding-bottom: 80px !important;}
    .pb90 {padding-bottom: 90px !important;}
    .pb100 {padding-bottom: 100px !important;}
    .pb120 {padding-bottom: 120px !important;}
    .pb130 {padding-bottom: 130px !important;}
    .pb140 {padding-bottom: 140px !important;}
    .pb150 {padding-bottom: 150px !important;}
    .pb200 {padding-bottom: 200px !important;}
    
    .pr0  {padding-right: 0px !important;}
    .pr5  {padding-right: 5px !important;}
    .pr10 {padding-right: 10px !important;}
    .pr15 {padding-right: 15px !important;}
    .pr20 {padding-right: 20px !important;}
    .pr25 {padding-right: 25px !important;}
    .pr30 {padding-right: 30px !important;}
    .pr35 {padding-right: 35px !important;}
    .pr40 {padding-right: 40px !important;}
    .pr45 {padding-right: 45px !important;}
    .pr50 {padding-right: 50px !important;}
    .pr60 {padding-right: 60px !important;}
    .pr70 {padding-right: 70px !important;}
    .pr80 {padding-right: 80px !important;}
    .pr90 {padding-right: 90px !important;}
    .pr100 {padding-right: 100px !important;}
    .pr120 {padding-right: 120px !important;}
    .pr150 {padding-right: 150px !important;}
    .pr200 {padding-right: 200px !important;}
    
    .pl0  {padding-left: 0px !important;}
    .pl5  {padding-left: 5px !important;}
    .pl10 {padding-left: 10px !important;}
    .pl15 {padding-left: 15px !important;}
    .pl20 {padding-left: 20px !important;}
    .pl25 {padding-left: 25px !important;}
    .pl30 {padding-left: 30px !important;}
    .pl35 {padding-left: 35px !important;}
    .pl40 {padding-left: 40px !important;}
    .pl45 {padding-left: 45px !important;}
    .pl50 {padding-left: 50px !important;}
    .pl60 {padding-left: 60px !important;}
    .pl70 {padding-left: 70px !important;}
    .pl80 {padding-left: 80px !important;}
    .pl90 {padding-left: 90px !important;}
    .pl100 {padding-left: 100px !important;}
    .pl120 {padding-left: 120px !important;}
    .pl150 {padding-left: 150px !important;}
    .pl200 {padding-left: 200px !important;}
    
    
    /*    margin adjustment
    ----------------------------------------------------*/
    .mtrbl0 {margin: 0px !important;}
    
    .m10 {margin: 10px; }
    .m20 {margin: 20px; }
    .m30 {margin: 30px; }
    .m40 {margin: 40px; }
    .m50 {margin: 50px; }
    .m60 {margin: 60px; }
    
    .mt-20 {margin-top: -20px !important;}
    .mt0  {margin-top: 0px !important;}
    .mt3  {margin-top: 3px !important;}
    .mt5  {margin-top: 5px !important;}
    .mt10 {margin-top: 10px !important;}
    .mt15 {margin-top: 15px !important;}
    .mt20 {margin-top: 20px !important;}
    .mt25 {margin-top: 25px !important;}
    .mt30 {margin-top: 30px !important;}
    .mt35 {margin-top: 35px !important;}
    .mt40 {margin-top: 40px !important;}
    .mt45 {margin-top: 45px !important;}
    .mt50 {margin-top: 50px !important;}
    .mt55 {margin-top: 55px !important;}
    .mt60 {margin-top: 60px !important;}
    .mt65 {margin-top: 65px !important;}
    .mt70 {margin-top: 70px !important;}
    .mt75 {margin-top: 75px !important;}
    .mt80 {margin-top: 80px !important;}
    .mt85 {margin-top: 85px !important;}
    .mt90 {margin-top: 80px !important;}
    .mt95 {margin-top: 95px !important;}
    .mt100 {margin-top: 100px !important;}
    .mt250 {margin-top: 250px !important;}
    
    .mb0  {margin-bottom: 0px !important;}
    .mb5  {margin-bottom: 5px !important;}
    .mb10 {margin-bottom: 10px !important;}
    .mb15 {margin-bottom: 15px !important;}
    .mb20 {margin-bottom: 20px !important;}
    .mb25 {margin-bottom: 25px !important;}
    .mb30 {margin-bottom: 30px !important;}
    .mb35 {margin-bottom: 35px !important;}
    .mb40 {margin-bottom: 40px !important;}
    .mb45 {margin-bottom: 45px !important;}
    .mb50 {margin-bottom: 50px !important;}
    .mb55 {margin-bottom: 55px !important;}
    .mb60 {margin-bottom: 60px !important;}
    .mb65 {margin-bottom: 65px !important;}
    .mb70 {margin-bottom: 70px !important;}
    .mb75 {margin-bottom: 75px !important;}
    .mb80 {margin-bottom: 80px !important;}
    .mb85 {margin-bottom: 85px !important;}
    .mb90 {margin-bottom: 90px !important;}
    .mb95 {margin-bottom: 95px !important;}
    .mb100 {margin-bottom: 100px !important;}
    
    .mr0  {margin-right: 0px !important;}
    .mr5  {margin-right: 5px !important;}
    .mr10 {margin-right: 10px !important;}
    .mr15 {margin-right: 15px !important;}
    .mr20 {margin-right: 20px !important;}
    .mr25 {margin-right: 25px !important;}
    .mr30 {margin-right: 30px !important;}
    .mr35 {margin-right: 35px !important;}
    .mr40 {margin-right: 40px !important;}
    .mr45 {margin-right: 45px !important;}
    .mr50 {margin-right: 50px !important;}
    .mr55 {margin-right: 55px !important;}
    .mr60 {margin-right: 50px !important;}
    .mr65 {margin-right: 65px !important;}
    .mr70 {margin-right: 60px !important;}
    .mr75 {margin-right: 75px !important;}
    .mr80 {margin-right: 80px !important;}
    .mr85 {margin-right: 85px !important;}
    .mr90 {margin-right: 90px !important;}
    .mr95 {margin-right: 95px !important;}
    .mr100 {margin-right: 100px !important;}
    
    .ml0  {margin-left: 0px !important;}
    .ml5  {margin-left: 5px !important;}
    .ml10 {margin-left: 10px !important;}
    .ml15 {margin-left: 15px !important;}
    .ml20 {margin-left: 20px !important;}
    .ml25 {margin-left: 25px !important;}
    .ml30 {margin-left: 30px !important;}
    .ml35 {margin-left: 35px !important;}
    .ml40 {margin-left: 40px !important;}
    .ml45 {margin-left: 45px !important;}
    .ml50 {margin-left: 50px !important;}
    .ml60 {margin-left: 60px !important;}
    .ml70 {margin-left: 70px !important;}
    .ml75 {margin-left: 75px !important;}
    .ml80 {margin-left: 80px !important;}
    .ml85 {margin-left: 85px !important;}
    .ml90 {margin-left: 90px !important;}
    .ml95 {margin-left: 95px !important;}
    .ml100 {margin-left: 100px !important;}
    
    .clear {
        clear: both;
    }
    
    .img-border
    {
        background-color: #e4e4e4;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: inline-block;
        padding: 4px;
        position: relative;
    }
    
     .img-border2
    {
        background-color: #FEFD02;
        border: 1px solid #FEFD02;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: inline-block;
        padding: 4px;
        position: relative;
    }
    
    .alignright {text-align: right;}
    .alignleft {text-align: left;}
    .aligncenter {text-align: center;}
    
    .img-alignright
    {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    
    .img-alignleft
    {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }
        
    .centered, .center {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .add-shadow
    {
        box-shadow: 2px 2px 1px #dedede;
        -moz-box-shadow: 2px 2px 1px #dedede;
        -webkit-box-shadow: 2px 2px 1px #dedede;
    }
    
    .add-shadow2
    {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    }
    
    .remove-shadow
    {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    
    ul{
        list-style: none;
        margin: 0;
    }
    
    ul.list-horizontally{
        list-style:none;
        margin-left: 0px;
    }
    
    ul.list-horizontally.row-fluid li {
        margin-right: 0px;
    }
    
    ul.list-horizontally > li{
        float: left;
        margin-right: 10px;
    }
    
    ul.list-horizontally > li:last-child{
        margin-right: 0px;
    }
    
    
    /*   custom lists
    ----------------------------------------------------*/
	ul.list {
        margin-bottom:20px;
        list-style: none outside none;
        margin-left: 0px;
    }

    ul.list li{
        padding-top:5px;
        padding-bottom:5px;
        border-bottom:1px solid #E8EDEF; /*rgba fallback*/
        border-bottom:1px solid rgba(0, 0, 0, 0.06);
    }
    
	ul.list li:last-child {border:none;}
		
    ul.list a {color:#424951;}		

    ul.list .current {border-top:2px solid;}
			
    ul.list .current > a {
        font-weight:bold;
        display:block;
    }
	
    ul.list ul {
        padding:5px 0 5px 10%;
        font-size:95%;
        margin-bottom:10px;
    }

    /*List with Check marks*/
    ul.check li{
        background:url("../img/check.png") no-repeat scroll 4px center;
        padding-left:24px;
    }
    
    li.check {background:url("../img/check.png") no-repeat scroll 4px center !important;	padding-left:24px;}
        
    /*List with close marks*/
    ul.closer li{
        background:url("../img/close.png") no-repeat scroll 4px center;
        padding-left:24px;
    }
    
    li.closer {background:url("../img/close.png") no-repeat scroll 4px center !important;	padding-left:24px;}
    
    /*List with rounded bullets*/
    ul.circle li{
        background:url("../img/circle.png") no-repeat scroll 4px center;
        padding-left:24px;
    }
    
    li.circle {background:url("../img/circle.png") no-repeat scroll 4px center !important;	padding-left:24px;}
    
    /*List with numbers*/
    .decimal {list-style:decimal inside;}
    
    /*List with square bullets*/		
    .square {list-style:square inside;}	

	

	/*Add different colors for odd even list items*/	
	ul.zebra li:nth-child(2n)	{
		background-color:rgba(69, 88, 127, 0.02);
		border:none;
		padding-left:24px;
	}
	ul.zebra li:nth-child(2n+1)	{
		background-color:rgba(69, 88, 127, 0.06);
		border:none;
		padding-left:24px;
	}

    .border-right {
        border-right: 1px solid #dfdfdf;
    }
    
    .border-left {
        border-left: 1px solid #dfdfdf;
    }
    
    .bordered {
        border: 1px solid #dfdfdf;
    }
   
    .rounded{
		-moz-border-radius	 :6px;
		-webkit-border-radius:6px;
		border-radius		 :6px;
	}
	
	.rounded-fully{
		-moz-border-radius	 :800px !important;
		-webkit-border-radius:800px !important;
		border-radius		 :800px !important;
	}
    
    .vr {
        margin: 0px 20px;
        border: 0;
        border-right: 1px solid #eeeeee;
        border-left: 1px solid #ffffff;
    }
    
	.dropcap{
		background: none repeat scroll 0 0 #8A97A4;
		color: white;
		display: block;
		float: left;
		font-size:30px;
		line-height: 42px;
		margin: 3px 5px -3px 0;
		text-align: center;
		width: 42px;
        border-radius: 3px 3px 3px 3px;
    }
    
    .custom-font1
    { font-family: "PT Sans" !important; }
    
    .custom-font2
    { font-family: "Qlassik" !important; }
    
    .custom-font3
    { font-family: "Open Sans" !important; }
    
    .capitalize-text
    { text-transform: capitalize;}
    
    .uppercase-text
    { text-transform: uppercase; }
    
    .lowercase-text
    { text-transform: lowercase; }
    
    .font-style-italic
    {
        font-style: italic;
    }
    
    /* Background Gradient 
	------------------------------------------------------------------------- */
    .gradient-black {
        background: #35373E;
        background: -moz-linear-gradient(top , #434752 0%, #35373E 100%);
        background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434752), color-stop(100%,#35373E));
        background:  -webkit-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  -o-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  -ms-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  linear-gradient(top,  #434752 0%,#35373E 100%); 
    }
 
    .gradient-gray {
        background: #cfcfcf;
        background: -moz-linear-gradient(top , #E9E9E9 0%, #cfcfcf 100%);
        background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#cfcfcf));
        background:  -webkit-linear-gradient(top,  #E9E9E9 0%,#cfcfcf 100%);
        background:  -o-linear-gradient(top,  #E9E9E9 0%,#cfcfcf 100%);
        background:  -ms-linear-gradient(top,  #E9E9E9 0%,#cfcfcf 100%);
        background:  linear-gradient(top,  #E9E9E9 0%,#cfcfcf 100%);
    }
    
    /*    custom text, background colors
    ----------------------------------------------------*/

	.transparent {background:transparent !important;}
    
	.gray1, .hover-gray1:hover	{background:#F4F6F7 !important;} 
	
	.gray2, .hover-gray2:hover	{background:#F1F4F6!important;} 
	
	.gray3, .hover-gray3:hover {background:#B1BABF!important;} 
	
	.gray-text, .hover-gray-text:hover	{color:#899299 !important;} 
	
	.white, .hover-white:hover		{background:#fefefe !important;} 
	.white-text, .hover-white-text:hover	{color:#fefefe !important;} 

	.black,/*a cool black*/ .hover-black:hover		 {background:#353D44 !important;} 
	.black-text, .hover-black-text:hover	 {color:#353D44 !important;} 

	.smart-gray, .hover-smart-gray:hover	{
		background:#F2F2F2 !important; /*fallback for no-smart browsers*/
		background:rgba(69, 88, 127, 0.05) !important;
	}
    
	.skin1, .hover-skin1:hover		{background:#e45dac !important;} 
	.skin1-text, .hover-skin1-text:hover{color:#e45dac !important;} 	
	
	.skin2, .hover-skin2:hover		{background:#fefd02 !important;} 
	.skin2-text, .hover-skin2-text:hover{color:#fefd02 !important;} 	
	
	.skin3, .hover-skin3:hover		{background:#01cffe !important;} 
	.skin3-text, .hover-skin3-text:hover{color:#01cffe !important;} 	

   
    /* custom buttons
    ---------------------------------------------------------------------------*/  
    
    .custom-btn /*the default look can be changed using other premade classes of the demention CSS3 frame.*/{
		display:inline-block;
		padding: 8px 12px 5px /*6px 12px*/;
		color: #fefefe;
		color:rgba(255,255,255,0.85);
		font-weight:normal;
		font-size:15px;
        font-family: "PT Sans", serif;
		background:#8C959E;
		position:relative;
		text-shadow:0 1px 0 rgba(1, 1, 1, 0.1) , 0 0 6px rgba(255,255,255,0.2);
		border:none;
		border-bottom: 1px solid rgba(1, 1, 1, 0.15);
		border-right: 1px solid rgba(1, 1, 1, 0.07);
		cursor:pointer;
		-moz-box-shadow		:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
		-webkit-box-shadow	:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
		box-shadow			:0 -2pX 3px rgba(0, 0, 0, 0.05) inset, 0 1px 1px rgba(255, 255, 255, 0.4);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	}
    
    .custom-btn:hover{
        color: #fefefe;
        -moz-box-shadow		:0 1px 8px rgba(0, 0, 0, 0.3) inset;
        -webkit-box-shadow	:0 1px 8px rgba(0, 0, 0, 0.3) inset;
        box-shadow			:0 1px 8px rgba(0, 0, 0, 0.3) inset;
        text-decoration: none;
        
    }
    .custom-btn:active{
        -moz-box-shadow		: 0 3px 4px rgba(0, 0, 0, 0.8) inset;
        -webkit-box-shadow	: 0 3px 4px rgba(0, 0, 0, 0.8) inset;
        box-shadow			: 0 3px 4px rgba(0, 0, 0, 0.8) inset;
        text-decoration: none;
    }

	/*sizes optimized*/	
	.custom-btn.large {
		padding: 10px 55px 6px;
		font-size:18px;
	}	
	.custom-btn.medium {
		padding:7px 25px;
		font-size:15px;
	}
	.custom-btn.small {
		padding:3px 15px;
		font-size:10px;
	}
	
	.custom-btn.liquid {padding-left:15%; padding-right:15%;}

    
    /* custom notifications 
	-------------------------------------------------------------------------- */
    .custom-success, .custom-info, .custom-alert, .custom-error, .custom-notes{
        padding:10px 15px 10px 37px;
        margin:0 auto 25px auto;
        color:rgba(0,0,0,0.5);		
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
        
        -moz-box-shadow		:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
        -webkit-box-shadow	:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
        box-shadow			:0 1px 1px rgba(0, 0, 0, 0.09) inset ,0 -1px 1px rgba(0, 0, 0, 0.02) inset;
        
        -moz-border-radius		: 6px 6px 6px 6px;
        -webkit-border-radius	: 6px 6px 6px 6px;
        border-radius			: 6px 6px 6px 6px;
    }
    
    .custom-success .title,
    .custom-info .title,
    .custom-alert .title,
    .custom-error .title{
        font-size:14px;
        font-weight:normal;
        margin:0 0 4px -30px;		
        padding-left:30px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }	
        
    .custom-success .title + *,
    .custom-info .title + *,
    .custom-alert .title + *,
    .custom-error .title + *,
	.custom-notes .title + *{
        margin-bottom:7px;
    }	
     
        
    .custom-success{background:url(../img/success.png) no-repeat scroll 10px 10px #F0FFE1 /*#f0ffe1*/;}	
    .custom-success .title {color:#3f6509;	}
    
    .custom-info{background:url(../img/info.png) no-repeat scroll 10px 10px #E3F4FC;}	
    .custom-info .title {color:#02AFFF;}		
        
    .custom-alert{background:url(../img/alert.png) no-repeat scroll 10px 10px #FDF0A8; border: medium none;}	
    .custom-alert .title {color:#bd8100;}			
    
	.custom-notes{background:#FDF0A8;}		
	.custom-notes .title {color:#bd8100;}

    .custom-error{background:url(../img/error.png) no-repeat scroll 10px 10px #FCE1DC;}	
    .custom-error .title {color:#ff2602;}
    
    .custom-notes {padding:15px 20px;}
    
    /*boxes with close[x] button*/
    .removable {position:relative;}
    
    .removable .demention-close-icon
    {
        -moz-transition			: 0.2s ease-in all;
        -webkit-transition		: 0.2s ease-in all;
        -ie-transition			: 0.2s ease-in all;
        -o-transition			: 0.2s ease-in all;
        transition				: 0.2s ease-in all;
    }
    
    /*Close button*/ 
    .demention-close-icon
    {
        background:#70767A;
        background:rgba(1,1,1, 0.2);
        color: white !important;
        cursor: pointer;
        font-size: 16px;
        width: 15px;		
        height: 15px;
        line-height: 15px;
        position: absolute;
        right: 4px;
        text-align: center;
        top: 5px;
        z-index: 1103;
    }
    .demention-close-icon:hover{background:rgba(1,1,1, 0.6);}
    
    /*circles [.circle-element]*/	
    .demention-close-icon
    {
        -moz-box-shadow		:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
        -webkit-box-shadow	:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
        box-shadow			:0 1px 2px rgba(0, 0, 0, 0.15) inset,0 1px 1px rgba(255, 255, 255, 0.9);
        
        -moz-border-radius	  :800px;
        -webkit-border-radius :800px;
        border-radius		  :800px;
    }
        
    /*user-select :none - avoids selecting text in an element*/
    .demention-close-icon
    {
        -moz-user-select:none;
        -webkit-user-select:none;
        user-select: none;
    }
    
        /* form 
	------------------------------------------------------------------------- */
    textarea {
        resize: vertical;
        min-height: 200px !important;
        overflow: auto;
    }
    
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
    font-size: 13px;
    color: #f5f5f5;
    background-color: transparent;
    border: 1px solid #cccccc;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
    }
    
      
    input,
    button,
    select,
    textarea {
        font-family: "Droid Sans",Arial,Verdana,sans-serif;
        font-size: 13px;
    }
  
    
    label {
        display: block;
        font-family: 'PT Sans' !important;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: normal;
        line-height: 20px;
    }
    
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
      border-color: rgba(1, 207, 254, 0.8);
      outline: 0;
      outline: thin dotted \9;
      /* IE6-9 */
    
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px /*rgba(82, 168, 236, 0.6)*/ rgba(1, 207, 254, 0.6);
         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px /*rgba(82, 168, 236, 0.6)*/ rgba(1, 207, 254, 0.6);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px /*rgba(82, 168, 236, 0.6)*/ rgba(1, 207, 254, 0.6);
    }
    
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: 10px;
    }
   
   .controls > .radio:first-child, .controls > .checkbox:first-child {
        padding-top: 0px;
        margin-right: 10px;
    }

    .required {
        color: #FF0000;
        margin-left: 2px;
    }
    
    /* Le general
    ============================================================================== */   
    
    body{
        color: #33455D /*#5E656D*/ ;
        font: 13px/22px "Droid Sans",Arial,Verdana,sans-serif;
    }
    /* Sticky footer styles
	---------------------------------------------------------------------------*/
    html,
    body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
    }
      
    /* Wrapper for page content to push down footer */
    #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /*border-top: 5px solid #01cffe;*/
        margin: 0 auto -40px; /* Negative indent footer by it's height */
    }
      
    /* Set the fixed height of the footer here */
    #push{
        height: 60px;
    }
    
    /* Lastly, apply responsive CSS fixes as necessary */
    @media (max-width: 767px) {
        #footer {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
        }
    }
  
    /* Custom page CSS
    ------------------------------------------------------------------------- */
    /* Not required for template or sticky footer method. */
      
    /*#wrap > .container {
        padding-top: 60px;
    }*/
        
    code {
        font-size: 80%;
    }
    
     
    a {
      color: #e45dac;
    }
    
    a:hover,
    a:focus {
      color: #01cffe;
    }
    
    a:hover,
    a:focus {
      text-decoration: none;
    }
    
    /*
    ---------------------------------------------------------------------------*/    
    h1,h2,h3,h4,h5,h6
    {
        margin: 0px 0 10px;
        font-family: 'PT Sans' !important;
        font-weight: normal;
        color: inherit;
        text-rendering: optimizelegibility;
    }

    /*  mask
	-------------------------------------------------------------------------- */
    .mask{
        background:url(../img/mask.png) repeat;
        position:fixed;
        width:100%;
        height:100%;
        opacity:0.3;
        background: -moz-linear-gradient(left, #00CCFF 0%, #e4593a 100%); 
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00CCFF), color-stop(100%,#e4593a)); 
        background: -webkit-linear-gradient(left, #00CCFF 0%,#e4593a 100%); 
        background: -o-linear-gradient(left, #00CCFF 0%,#e4593a 100%); 
        background: -ms-linear-gradient(left, #00CCFF 0%,#e4593a 100%); 
        background: linear-gradient(to right, #00CCFF 0%,#e4593a 100%); 
    }

    /* navbar
	-------------------------------------------------------------------------- */
    .navbar-inner {
        min-height: 40px;
        padding-right: 20px;
        padding-left: 20px;
        background-color: transparent;
        background-image: url("../img/pixel.png");
        background-repeat: repeat;
        background-position: 0 0;
        border: none;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
           -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        position: relative;
        z-index: 6;
    }
    
    .navbar .brand {
        background: url("../img/logo.png") no-repeat 0 0 transparent;
        display: block;
        float: left;
        margin-left: 0px;
        padding: 0px;
        text-shadow: none;        
        width: 125px;
        height: 95px;
    }

    .navbar .nav {
        display: block;
        float: left;
        left: 0;
        margin: 30px 0px 0px 0px;
        position: relative;
        font-family: "PT Sans";
        font-size: 18px;
    }
    
    .navbar .nav > li > a {
        float: none;
        padding: 10px 15px 10px;
        color: #e45dac;
        text-decoration: none;
        text-shadow: none;
        text-transform: capitalize;
    }
    
    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus {
        color: #aeaeae;
        text-decoration: none;
        background-color: transparent;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
    }    
    
    .navbar .nav li.dropdown > a:hover .caret,
    .navbar .nav li.dropdown > a:focus .caret {
        border-top-color: #aeaeae;
        border-bottom-color: #aeaeae;
    }
    
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
        color: #aeaeae;
        background-color: transparent;
    }
    
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
        border-top-color: #e45dac;
        border-bottom-color: #e45dac;
        margin-left: 10px;
    }
    
    .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
    .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-top-color: #aeaeae;
        border-bottom-color: #aeaeae;
    }

    .dropdown-menu > li > a
    {
        font-size: 16px;
    }
    .navbar .nav > li > .dropdown-menu:after {
        border-bottom: 6px solid rgba(228, 93, 172, 0.85);
    }
    
    .dropdown-menu {
        /*background: none repeat scroll 0 0 rgba(14, 19, 22, 0.92);*/
        background: none repeat scroll 0 0 rgba(228, 93, 172, 0.85);
        margin-top: 3px;
    }
    
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-submenu:hover > a,
    .dropdown-submenu:focus > a {
        color: #E45DAC;
        text-decoration: none;
        background: #35373E;
        background: -moz-linear-gradient(top , #434752 0%, #35373E 100%);
        background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434752), color-stop(100%,#35373E));
        background:  -webkit-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  -o-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  -ms-linear-gradient(top,  #434752 0%,#35373E 100%);
        background:  linear-gradient(top,  #434752 0%,#35373E 100%); 
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434752', endColorstr='#ff35373e', GradientType=0);
    }

    
    /* #e45dac */
   /* #fefd02 */
   /* #01cffe */
   
    /* footer
	-------------------------------------------------------------------------- */
    #footer {
        background: url("../img/pixel.png") repeat 0 0 transparent;
        position: relative;
        z-index: 6;
        /*border-bottom: 5px solid #01cffe;*/
        
    }
    
    #footer a:hover, #footer a:focus
    {
        color: #aeaeae;
    }

    /*  main-content
	-------------------------------------------------------------------------- */
    .main-content
    {        
        position: relative;
        /*z-index: 6;*/
    }
    
    .shaded
    {
        background: url("../img/pixel.png") repeat 0 0 transparent;
        color: #f5f5f5;
        padding: 20px;
        min-height: 100px;
        margin: 40px 0px 0px;
    }
    
    /*  supersized-slider-navigation
	-------------------------------------------------------------------------- */
    #prevslide, #nextslide
    {z-index: 10;}

    /*  section-header
	-------------------------------------------------------------------------- */
    .section-header
    {
        margin-bottom: 20px;
    }
    
    .section-header h3
    {
        border-bottom: 1px solid #555555;
        padding-bottom: 5px;
        position: relative;
    }
    
    .section-header h3 span
    {
        border-bottom: 2px solid #FEFD02;
        padding-bottom: 6px;
        width: auto;
    }
    
    /*  tp-grid
	-------------------------------------------------------------------------- */
    .tp-grid {
        list-style-type: none;
        position: relative;
        display: block;
    }
    .tp-grid li {
        position: absolute;
        cursor: pointer;
        border: 5px solid #fefd02;
        box-shadow: 0 2px 3px rgba(0,0,0,0.2);
        display: none;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .no-js .tp-grid li {
        position: relative;
        display: inline-block;
    }
    
    .tp-grid li a {
        display: block;
        outline: none;
    }
    
    .tp-grid li img {
        display: block;
        border: none;
    }
    
    .tp-info,
    .tp-title {
        position: absolute;
        background: #fff;
        line-height: 20px;
        color: #292929;
        font-size: 22px; 
        line-height: 26px;
        top: 40%;
        width: 75%;
        padding: 10px;
        font-weight: 100;
        text-align: left;
        right: -100%;
        box-shadow: 
            1px 1px 1px rgba(0,0,0,0.1),
            10px 0 10px -3px rgba(0,0,0,0.7),
            inset 0 0 5px rgba(0,0,0,0.04);
    }
    
    .touch .tp-info {
        left: 0px;
    }
    
    .no-touch .tp-info {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .no-touch .tp-grid li:hover .tp-info {
        -webkit-transition-delay: 150ms;
        -moz-transition-delay: 150ms;
        -o-transition-delay: 150ms;
        -ms-transition-delay: 150ms;
        transition-delay: 150ms;
    }
    
    .no-touch .tp-open li:hover .tp-info {
        left: 0px;
    }
    
    .tp-title {
        padding: 10px 35px 10px 10px;
        left: 0px;
    }
    
    .tp-title span:nth-child(2){
        color: #aaa;
        font-family: 'Poiret One', cursive;
        padding: 0 5px;
        background: #F7F7F7;
        right: 0px;
        height: 100%;
        font-size: 34px; 
        line-height: 46px;
        top: 0px;
        position: absolute;
        display: block;
    }
    
    .topbar {
        position: relative;
        padding: 20px 0;
        margin: 0 0 40px;
    }
    
    .back {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0 0 -20px;
        border-radius: 50%;
        text-align: center;
        line-height: 38px;
        color: #999;
        background: #ddd;
        background: rgba(255,255,255,0.9);
        cursor: pointer;
        display: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /*  rounded-box 
	-------------------------------------------------------------------------- */
    .rounded-box
    {
        padding: 20px;
        width:150px; 
    }
    /*  flexslider carousel
	-------------------------------------------------------------------------- */
    .flexslider.carousel
    {
        background-color: transparent;
        border: 4px solid #FEFD02;
    }
    
    .flex-control-paging li a:hover { background: #01cffe; background: rgba(1, 207, 254, 0.9); }
    .flex-control-paging li a.flex-active { background: #01cffe; background: rgba(1, 207, 254, 0.9); cursor: default; }
    
    /*  
	-------------------------------------------------------------------------- */
    blockquote
    {
        border-left: none;
        margin: 0 0 20px;
        padding: 0 0 0 0;
    }
    
    /*  
	-------------------------------------------------------------------------- */
    /*  
	-------------------------------------------------------------------------- */
    /*  
	-------------------------------------------------------------------------- */
    /*  
	-------------------------------------------------------------------------- */
    /*  
	-------------------------------------------------------------------------- */