/*wraphead*/
.wraphead {width:100%; /*float:left;*/ margin:auto; font-size:1.4em; background:#f6f6f6; position:relative; }
.resize-pnl {width:100%; margin:0px auto; position:relative;}
/*header*/
.navheader {width:100%; float:left; position:absolute; z-index:2;}
.navheader .resize-pnl {background:#fff;}
/*tophead*/
.tophead {width:100%; float:left; padding:15px; }
.tophead .logo {width:auto; display:inline-block; float:left;}
.tophead .callus {display:table; float:right; font-weight:600; font-size:1.3em;}
.tophead .callus ul {display:table-row; }
.tophead .callus ul li {display:table-cell; text-transform:capitalize; padding-left:15px; vertical-align:middle; text-align:right;}
.tophead .callus ul li small {display:block;}
.tophead .callus ul li big {position:relative; display:block; font-size:1.5em; font-weight:800; line-height:25px;}
.tophead .callus ul li big a{color:#747474; text-decoration:none;}
.tophead .callus ul li big a.golf{background: #0556a3;color: #fff;font-size: 20px;padding: 5px 10px;border-radius: 5px;}
.tophead .callus ul li big a.golf img{ padding-right:8px; padding-bottom:4px;}
.tophead .callus ul li span.forch{display: block;font-size: 17px;text-align: right;line-height: 30px;color:#0556a3;}
/*newsletter signup section*/
.tophead .newsletter {float: left; margin-left:32px; width:35%;}
.tophead .newsletter i {float:left; font-size:20px; padding:5px 0 0;}
.tophead .newsletter h2 {width:74%; float:left;}
.tophead .newsletter p {width:100%; float:left;}
.tophead .newsletter .formbox {width:100%; float:left; padding:5px 0 0;}
.tophead .newsletter .formbox p {float:left; width:auto;}
.tophead .newsletter .formbox p input[type='submit'] {padding:8px 15px; background:#764698; color:#fff; font-size:600; text-transform:uppercase; cursor:pointer;transition:all 1s ; border:none;}
.mnavheader{display: none;}
/*navigation*/
.mheader{display:none;}
.navigation {width:100%; float:left; padding:2px; font-size:1.2em;}
.navigation ul {display:block; list-style:none; text-align: right;}
.navigation ul li {float:none; display: inline-block; vertical-align: top;}
.navigation ul li a {display:block; padding:9px 20px; color:#000000; transition:all 0.5s ease; text-decoration: none;}
.navigation ul li a i{ margin-left:5px;}
.navigation ul li a.home {padding:7px 8px 6px 6px;}
.navigation ul li a:hover {background:#764698; color: #ffffff;}
.navigation ul li a.active {background:#764698; color: #ffffff;}
.navigation ul li.highlight a {color:#764698;}
.navigation ul li.highlight a:hover {color:#fff;}
.navigation ul li{ position:relative;}
.navigation ul li:first-child i{margin:0; font-size: 1.6em;;}
.navigation ul > li > ul.drop{ position:absolute; background-color:#2c2c2c; width:140px; display:none; z-index:9; padding:0px;}
.navigation ul > li > ul.drop > li{ width:100%; }
.navigation ul > li > ul.drop > li > a{padding:8px 14px; font-size: 0.9em; color: #ffffff;  border-bottom: 1px solid black;}
.navigation ul > li > ul.drop > li > a:hover{ background-color:#764698;}
.navigation ul > li > ul.event-drop{ position:absolute; background-color:#2c2c2c; width:260px; display:none; z-index:9;}
.navigation ul > li > ul.event-drop > li{ width:100%; border-bottom:1px solid #666666;}
.navigation ul > li > ul.event-drop > li > a{padding:8px 14px; font-size: 0.9em;}
.navigation ul > li > ul.event-drop > li > a:hover{ background-color:#764698;}
.navigation ul > li > ul.collection-drop{ position:absolute; background-color:#2c2c2c; width:256px; display:none; z-index:9; padding:0px; text-align: left;}
.navigation ul > li > ul.collection-drop > li{ width:100%; border-bottom:1px solid #666666;}
.navigation ul > li > ul.collection-drop > li > a{padding:8px 14px; font-size: 0.9em; color: #ffffff;}
.navigation ul > li > ul.collection-drop > li > a i.fa-angle-right{ float:right; font-size:1.5em;}
.navigation ul > li > ul.collection-drop > li > a:hover{ background-color:#764698;}
.navigation ul > li > ul.multi-dropdown{ position:absolute; background-color:#2c2c2c; width:100%; display:none; z-index:9; left:100%; top:0px; padding:0px;}
.navigation ul > li > ul.multi-dropdown > li{ width:100%; border-bottom:1px solid #666666; text-align: left;}
.navigation ul > li > ul.multi-dropdown > li > a{padding:8px 14px; font-size: 0.9em; color: #ffffff;}
.navigation ul > li > ul.collection-drop > li:hover ul.multi-dropdown{ display:block;} 
.slider .navigator{ bottom:0%;}
/*FreeCallBack*/
.navigation .freecallback {width:auto; display:inline-block; float:right; position:relative; display:none;}
.navigation .freecallback a.click {display:block; background:#764698; padding:14px 20px; color:#FFFFFF; text-transform:uppercase;}
.navigation .freecallback a.click i {margin-left:5px; font-size:1.1em;}
/*CallBackBox*/
.navigation .freecallback .callbackbox {width:100%; background:#764698; padding:10px; color:#fff; position:absolute; right:0; top:51px; z-index:200; display:none; }
.navigation .freecallback .callbackbox span {width:100%; float:left;  padding:5px 0px; margin-bottom:5px; padding:}
.navigation .freecallback .callbackbox span label {display:inline-block; float:left; padding:3px 0px;}
.navigation .freecallback .callbackbox span input[type=text] {width:185px; float:right; margin-left:10px; padding:5px; border:1px solid #fff;}
.navigation .freecallback .callbackbox input[type=submit] {display:inline-block; float:right; padding:5px; border:1px solid #434244; background:#434244; color:#fff; } 
.navigation .freecallback .callbackbox small {width:100%; float:left; margin:3px 0px; padding:5px; display:none;}
.navigation .freecallback .callbackbox small.success { border:1px solid #d6e9c6; background:#dff0d8; color:#3c763d;}
.navigation .freecallback .callbackbox small.error {border:1px solid #ebccd1; background:#f2dede; color:#a94442;}

@media screen and (max-width: 1200px) {
.navigation ul li a {padding: 7px; font-size: 16px;}
}

@media screen and (max-width: 1024px) {
.wraphead {font-size:1.3em;}
.resize-pnl { padding:0px 0px;}
.footer .fluidcontainer .resize-pnl {}
}
@media screen and (max-width:1024px) {
.navigation { font-size:1.1em;}
.tophead .callus{font-size: 1.2em;}
}
@media screen and (max-width:768px){
.navheader{ position:inherit;}
}
@media screen and (max-width:767px) {
.resize-pnl{width:100%; /*overflow:hidden;*/}
.navheader{display:none;}
.mnavheader{display: block;}
/*Responsive header*/
.mheader{display:block;}
.tophead {padding:0px 0px; position:relative; top:10px;}
.tophead ul{display:block; margin:0px; padding:0px;}
.tophead ul li{list-style-type:none; display:table-cell; vertical-align:middle; padding:0px; text-align:center;}
.mheader .tophead ul li.newmenu{width:15%; display:inline-block;}
.mheader .tophead ul li.logonew{width:68%; display:inline-block;}
.mheader .tophead ul li.newphone{width:15%; display:inline-block;}
.tophead ul li span i{font-size:2.4em;display:inline-block;background:#f8521d; color:#1d1f23; padding:8px; cursor:pointer;}
.tophead .callus{width: 100%; position: absolute; z-index: 5; background: #f7541d; left: 0; right: 0; top:79%; color: #fff; padding: 15px; display:none;}
.tophead .callus ul{ display:block;}
.tophead .callus ul li big{ font-size:1.5em;}
.tophead .callus ul li big a{ font-weight:normal; color:#ffffff;}
.tophead .callus ul li{display:inline-block; width:100%; text-align:center; padding-left:0;}
.navigation{width:100%;float: none; overflow: hidden; margin: auto; position: absolute; z-index: 5; left: 0; right: 0; top:78%; display:block !important; padding:0px;}
.navigation ul li {width:100%; text-align:left !important;}
.navigation ul li a.newsletter {margin-left:0 !important; width:100%;}
.navigation ul li a{padding:9px; border-bottom:1px solid #764698; color: #ffffff; font-size: 1.2em; padding: 10px 0 10px 20px;}
.navigation ul > li > ul.drop, .navigation ul > li > ul.event-drop{ position:inherit; width:100%;}
.navigation ul > li > ul.drop > li > a{padding: 8px 20px;    font-size: 1.1em;}
}
@media screen and (max-width:767px) {
.resize-pnl{width:100%;}
.navheader{display:none;}
/*Responsive header*/
.mheader{display:block;}
.tophead {padding:15px 0px;}
.tophead ul{display:block; list-style-type:none}
.tophead ul li{list-style-type:none; display:block; vertical-align:middle; padding:0px; text-align:center;}
.mheader .tophead ul li.newmenu{width:15%; display:inline-block;}
.mheader .tophead ul li.logonew{width:68%; display:inline-block;}
.mheader .tophead ul li.newphone{width:14%; display:inline-block;}
.tophead ul li span i{font-size:2.4em;display:inline-block;background:#f8521d; color:#1d1f23; padding:8px; cursor:pointer;}
.tophead .callus{width: 100%; position: absolute; z-index: 5; background: #f7541d; left: 0; right: 0; color: #fff; padding: 15px;}
.tophead .callus ul li{display:inline-block; width:100%; text-align:center; padding-left:0;}
.navigation{width:100%;float: none; overflow: hidden; margin: auto; position: absolute; z-index: 5; left: 0; right: 0; top:0; padding:0px;}
.navigation ul li{width:100%;}
.navigation ul li a{}
.voiceheader .navcontainer{width: 50px; float: right; padding: 0;}
.wraphead{background: none;}
#main{margin: 0px !important;}
.sidenav a{ padding: ;}
.sidenav .closebtn .material-icons{font-size:40px;}
/*Responsive Footer*/
}

.sidenav{height: 100%;  width: 0; position: fixed; z-index: 9999; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a{padding: 15px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover{ color: #f1f1f1;}
.sidenav .closebtn{ position: absolute; top: 0; right: 0px;}

#main {transition: margin-left .5s; padding: 16px;}
@media screen and (max-width: 480px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
.voiceheader .logo{width:280px;}
.voiceheader .logo img{width:100%;}
#main {transition: margin-left .5s; padding: 7px 0; width: 50px; text-align: right;}
.tophead {top:50px;}
}