footer  { background-color:#ececec }

	footer .search 	{  padding-top:35px; padding-bottom:0px; position:relative}
    footer .search .icon { position:absolute; width:50px; height:45px; top:22px; z-index:10; cursor:pointer;
    					   background:url(images/icon-search-gray.svg) no-repeat; background-position: center; transition: all 0.3s ease-out;} 
    footer .search .icon:hover { background:url(images/icon-search-white.svg) no-repeat; background-position: center center;} 
	
		/* padding-left, padding-right & right must be same ------------- */
			footer .search 	     { padding-left:50px; padding-right:50px; width:30%; }
			footer .search .icon { right:50px;}
		/* --------------------------------------------------------------- */




	footer .legal ul li a  			{ transition: all 0.3s ease-out;}

	footer .legal { width:100%; overflow:hidden;}
	footer .legal .legal-col1 { width:48%; float:left}
	footer .legal .legal-col2 { width:52%; height:94px; background-color:#fff; float:left;}
	footer .legal .legal-col2-bg { position:absolute; width:50%; height:94px; right:-470px; display:block}

	footer .legal .legal-col1 ul      		{ margin:30px 0 0 0; padding:0}
	footer .legal .legal-col1 ul li 		{ margin:0; padding:0; display:inline-block; }
	footer .legal .legal-col1 ul li:after 	{ content: "|"; padding:0 10px;}
	footer .legal .legal-col1 ul li:last-child:after { content: ""; padding:0}
	footer .legal .legal-col1 p     		{ margin:0; padding:10px 0;}

	footer .legal .legal-col2 p 		{ margin:0; padding:25px 0 0 30px}
	footer .legal .legal-col2 ul 		{ margin:0; padding:0}
	footer .legal .legal-col2 ul li 	{ margin:0; padding:0 0 0 30px; display:inline-block;}
	footer .legal .legal-col2 ul li a   { cursor:pointer;}

	footer .legal ul li a,
	footer .legal .legal-col1 ul li:after,
	footer .legal .legal-col2,
	footer .legal .legal-col1 p   	{ color:#666;}

	#media { padding-bottom:30px}
	#media .share ul	    	  { margin:0; padding:15px 0 0 0}
	#media .share ul li 	  	  { margin:0; padding:0 25px 0 0; display:inline-block;}
	#media .share ul li img   	  { opacity:0.6; transition: all 0.3s ease-out; cursor:pointer;}
	#media .share ul li:hover img { opacity:0.3;}

	footer .legal .legal-col1 ul, footer .legal .legal-col1 p, #media .share ul, footer .legal .legal-col2>div { padding-left:50px}

	footer .legal .legal-col2 	 { background:#fff url(images/footer-corner.svg) no-repeat;}
	footer .legal .legal-col2-bg { background:#fff url(images/footer-corner-white-bg.svg) repeat-x;}



    /* ==========================================================================
		Media Styles
	============================================================================= */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
   	footer .search 	{ padding-top:35px;  padding-bottom:0; position:relative}
   
		/* padding-left, padding-right & right must be same ------------- */
			footer .search 	     { padding-left:25px; padding-right:25px; width:50%; }
			footer .search .icon { right:25px;}
		/* --------------------------------------------------------------- */

    }

    @media only screen and (max-width: 920px) {
	footer .legal .legal-col1 ul      		{ margin-top:15px}
	footer .legal .legal-col1 { width:100%; float:left}
	footer .legal .legal-col2 { width:100%; height:auto;}
	footer .legal .legal-col2 	 { background-color:#fff; background-image:none; border-bottom:1px solid #ececec; padding-bottom:15px}
	footer .legal .legal-col2-bg { display:none;  background:none;}
	footer .legal .legal-col2>div { padding-left:20px}
	footer .legal .legal-col1 ul, footer .legal .legal-col1 p, #media .share ul{ padding-left:25px;}
	footer .legal .legal-col2>div { padding-left:0}
 
   	footer .search 	{ padding-top:35px;  padding-bottom:0; position:relative}
		/* padding-left, padding-right & right must be same ------------- */
			footer .search 	     { padding-left:25px; padding-right:25px; width:calc(40% - 50px); }
			footer .search .icon { right:25px;}
		/* --------------------------------------------------------------- */
    }


    @media only screen and (max-width: 745px) {
  	footer .legal .legal-col1 { width:calc(100% - 50px); float:none;}
	footer .legal .legal-col2 { width:100%; float:none;}
	footer .legal .legal-col1 p { padding-bottom:20px}
			footer .search 	     { width:calc(100% - 50px); }

    }


    @media only screen and (max-width: 479px){
	footer .legal .legal-col1 ul li 		{ display:block; width:100%; padding-bottom:15px;}
	footer .legal .legal-col1 ul li:after 	{ content: "";  padding:0;}
	footer .legal .legal-col1 ul li:before 	{ content: "•"; padding-right:10px; color:#666;}
	footer .legal .legal-col1 ul li:last-child:before 	{ padding-bottom:20px}

	footer .legal .legal-col2 ul 		{ margin:0 0 15px 0; padding:0}
	footer .legal .legal-col2 ul li 	{ width:calc(30% - 30px); margin:0; padding:0 0 0 30px; display:inline-block;}
	footer .legal .legal-col2 ul li a   { cursor:pointer;}
	footer .legal .legal-col2 ul li img 	{ width:100%; height:auto;}

	}