/*
Theme Name: COTA Insurance　NEW
Author: jordan kae design
Author URI: http://www.jordankaedesign.com/
Description: This is an original theme for COTA Insurance
Version: 1.0.0
Text Domain: COTA Insurance
*/

/*@import url("../twentytwelve/style.css");*/

body#privacy-policy , body#financial-services-guide {
	background:none;
}
.easingsliderlite-icon{
	background-image:url(https://cota.com.au/images/common/pager.png) !important;
	background-repeat:no-repeat;
}
.easingsliderlite-icon.active{
	background-image:url(https://cota.com.au/images/common/pager-active.png) !important;
	background-repeat:no-repeat;
}
.cycle-pager {
	width:100%;
    position: absolute;
}
.cycle-pager span {
	display: inline-block;  
	width: 20px; 
	height: 20px; 
	background-image:url(https://cota.com.au/images/common/pager.png);
	background-repeat:no-repeat;
	text-indent: 50px;
	overflow:hidden;
}
.cycle-pager span.cycle-pager-active{
	background-image:url(https://cota.com.au/images/common/pager-active.png) ;
	background-repeat:no-repeat;
}
.cycle-pager > * { 
    cursor: pointer;
}
#enquiry{
	z-index:100;
}








#page {
margin-bottom: 0em;
margin-left: auto;
margin-right: auto;
margin-top: 1px;
max-width: 1000px;
}
 
/* nav menu background color and align text=center*/

.main-navigation{
	height: auto;
	border-radius: 10px;
  	background: -moz-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);
  	background: -webkit-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);
  	background: -ms-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);
	margin-bottom:1px;





}


 
.main-navigation ul.nav-menu,.main-navigation div.nav-menu > ul {







 border: 0 none;
 padding: 0px 0 0 0;
 text-align: center;
 width: 100%;
}
 
 
/*nav menu font color and bold font (font-weight)*/



.main-navigation a{
	display:block;
	height:40px;
	font-size:1.3em;
	font-weight:300;
	line-height:35px;
	text-decoration:none;
margin-left: 10px;
margin-right: 0px;

   
}






 


 
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
    color: #fff;
    font-weight:normal;
padding-left:20px;
}
 
/*reduce white space netween top of header & site*/
 
.site-header {
    padding: .0rem 0;
}
 
/*background color of sub-menu (dropdown)*/
 
.main-navigation li ul li a {
 
color: #f18614;
background:rgba(255,255,255,0.8);
  border-top: 0px solid #f18614;
  border-bottom:solid 1px #f8971d;
  display: inline-block;
  font-size:1.2em;
  line-height:30px;
  white-space: normal;
  width: 12.8571rem;
}


 
/*background & font color of sub0menu with mouse hover*/
 
.main-navigation li ul li a:hover {
 
background: #f18614;

 color:#444;
}


.main-navigation ul ul li ul {

    /* target all second, third, and deeper level sub menus */

    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */

    top: 0; /* this ensures the sub menu starts in line with its parent item */

}

.main-navigation ul li:hover > ul {

    display: block; /* show sub menus when hovering over a parent */

}



.main-navigation   {

    height: 40px; /* set to the height you want your menu to be */

    margin: 1px 0 1px ; /* just to give some spacing */

}

.main-navigation ul    {

    margin:0px; padding:0px; /* only needed if you have not done a CSS reset */

}









.main-navigation li    {

    display: block;

    float: left;
    color:#333;
    line-height: 40px; /* this should be the same as your #main-nav height */

    height: 40px; /* this should be the same as your #main-nav height */

    margin:0px; padding:0px; /* only needed if you don't have a reset */

    position: relative; /* this is needed in order to position sub menus */

}




.main-navigation li a  {

    display: block;

    height: 40px;

    line-height:40px;
color: #fff;
    padding: 0 18px;
    margin-top: 0px;

}








.main-navigation .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {

    color: #444;

background: -moz-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);
background: -webkit-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);
background: -ms-linear-gradient( 90deg, rgb(232,109,31) 0%, rgb(248,151,29) 100%);

}





.main-navigation ul ul { /* this targets all sub menus */

    display: none; /* hide all sub menus from view */

    position: absolute;

    top:40px; /* this should be the same height as the top level menu -- height + padding + borders */

}

.main-navigation ul ul li { /* this targets all submenu items */

    float: none; /* overwriting our float up above */

    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */

}

.main-navigation ul ul li a { /* target all sub menu item links */

    padding: 0px 5px; /* give our sub menu links a nice button feel */

}


.main-navigation li:last-child{
	border-bottom:none;
}
.main-navigation-list {
	width: 100%;
	margin-left: 0;
	clear: both;
}
.main-navigation-list a{
	color:#fff;
	padding-left:30px;
}


.main-navigation a:hover{
	
background: -moz-linear-gradient( 90deg, rgb(248,151,29) 0%, rgb(232,109,31) 100%);
	background: -webkit-linear-gradient( 90deg, rgb(248,151,29) 0%, rgb(232,109,31) 100%);
	background: -ms-linear-gradient( 90deg, rgb(248,151,29) 0%, rgb(232,109,31) 100%);



}

.main-navigation a:hover{
	color:#36444d;
	height:40px;


}



.main-navigation .pointer img{
	width:20px;
	height:auto;
}



.main-navigation li.has-children > a:after {
 color: #fff;
 content:  url("/images/common/ico-pointer.png");
 font-size:5px;
 vertical-align: 1px;
padding-left:10px;


    background-repeat: repeat-y;
}


.main-navigation ul {
    z-index: 9999;
}