/*
	Theme Name: MQR Fund
	Description: Custom MQR Fund Wordpress Theme
	Author: Markupcloud 
*/

/* Global Css */
.wpexitlink { color: #000; font-size: 13px; font-weight: normal }
.wpexitlink a { color: #002B53 }
* { padding: 0; margin: 0; outline: 0 }
a { text-decoration: none; color:#417fb8 }
a.link { color: #002B53; font-size: 12px; font-weight: bold }
body { font-family: 'Arial' }
ul li, ol li { list-style: none }
h1 { font-size: 27px; color: #002B53; font-weight: normal; margin-bottom: 15px }
h2 { font-size: 21px; color: #666666; font-weight: normal; margin-bottom: 10px }
h4 { font-size: 13px }
p { font-size: 16px; margin-bottom: 35px; line-height: 27px }
p.small { font-size: 13px; line-height: 19px; margin: 2px 0 }
.clear { clear: both }
.row { width: 100%; float: left }
.container { margin: 0 auto; width: 925px }
.pull-left { float: left!important }
.pull-right { float: right!important }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], textarea { padding: 0 2%; height: 33px; background: #FFFFFF; border: solid 1px #B7B8BA; color: #042C54; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.btn-blue { background: #042C53; color: #fff; font-size: 20px; padding: 5px 30px; border: 0; cursor: pointer; margin: 15px 0 }
.btn-blue:hover { background: #2B5884 }

/* Header Css */
.main-nav { margin-top: 129px;}
.main-nav li { float: left; margin-left: 25px; position: relative; padding-bottom:7px;}
.main-nav li ul{position: absolute; top:25px; width:150px; background: #2b5884; left:-10px; padding:5px 0; display:none; z-index:9999;}
.main-nav li:hover ul{display:block;}
.main-nav li ul li{float:left; width:100%; margin-left:0; padding-bottom:0;}
.main-nav li ul li a{  border: medium none; color: #fff; float: left; padding: 5px 7%; width: 86%;}
.main-nav li ul li a:hover{border: none; color:#ccc; }
.main-nav li.current-menu-item a, .main-nav li a:hover { border-top: solid 4px #002B53;}
.main-nav li.current-menu-item ul li a{border-top:none;}
.main-nav li ul li.current-menu-item a{border-top:none;}
.main-nav li.current-menu-item ul li a{ color: #fff; border:none;}
.main-nav li ul li a:hover{ color: #ccc; border:none;}
.main-nav li a { font-size: 13px; color: #58595B; padding-top: 6px; border-top: solid 4px #fff;}

/* Slider Css */ 
/*.slider-section { margin-top: 7px;}*/
.flexslider { margin-bottom: 0;}
.flexslider li .container{position: absolute; width: auto; bottom: 65px;}
.slider-content p{ padding: 12px 25px; color: #fff; background: url('images/slide-text-bg.png') repeat; font-size: 22px; font-family: 'Times Roman';}
.flexslider { border: 0; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0;}
.flex-direction-nav .flex-prev { left: 40px; background: url('images/slider-arrows.png') no-repeat; width: 35px; height: 35px; opacity: 1; font-size: 0;}
.flex-direction-nav .flex-next { right: 40px; background: url('images/slider-arrows.png') no-repeat; width: 35px; height: 35px; opacity: 1; font-size: 0; background-position: -40px 0;}
.flex-direction-nav a::before, .flex-direction-nav a.flex-next::before { content: '';}
.flexslider .flex-direction-nav .flex-prev { left: 40px; opacity: 1;}
.flexslider .flex-direction-nav .flex-next { right: 40px; opacity: 1;}

/* Body Section Css */
.body-section { margin-top: 40px }
.left-section { width: 615px; margin-right: 70px }
.right-section { width: 240px }
.right-section a.link { float: left; margin-top: 17px }

/* Footer Css */
.main-footer { margin: 45px 0 }
.main-footer p { font-size: 10px; color: #59616B; line-height: 14px; width: 60%; margin-bottom: 0 }
.footer-nav { margin-top: 15px }
.footer-nav li span { display: inline-block; margin: 0 5px; }
.footer-nav li { float: left; font-size: 10px; color: #000 }
.footer-nav li a { border-left: 1px solid #000; color: #000; float: left; font-size: 10px; line-height: 12px; padding: 0 6px; text-decoration: underline;}
.footer-nav li:first-child a{border:none; padding-left:0;} 
/* Menu Icon Css */
.menu-icon { position: absolute; right: 20px; top: 105px; width: 40px; cursor: pointer; display: none }
.menu-icon > div { float: left; width: 100%; height: 4px; margin-bottom: 4px; background: #818181 }
.menu-icon span { color: #012A55; display: block; text-align: center; }

/* Contact Page Css */
/*.banner-section { margin-top: 7px }*/
.banner-image { width: 100% }
.form-group { margin-bottom: 18px }
.form-group label { width: 92px; float: left; color: #000; font-size: 12px; margin-bottom: 1px }
.form-group input, .form-group textarea { float: left; width: 100% }
.form-group textarea { min-height: 100px;}
#message-area { height: 110px }
#address-area { height: 60px }
.address h3 { font-size: 13px; font-weight: bold; color: #002B53; font-style: normal; margin-bottom: 2px; line-height: 20px }
.address b { font-size: 13px; font-weight: bold; color: #002B53; font-style: normal; margin-bottom: 2px; line-height: 20px }
.address span { font-size: 12px; color: #58595B; display: block; margin-bottom: 21px; font-style: normal; line-height: 18px }
.person-name { font-weight: bold!important; font-size: 12px!important; color: #002B53!important; margin-bottom: 0px!important }
.person-email { color: #68686A; font-size: 11px; text-decoration: underline }
.person-number { font-size: 11px!important; color: #58595B!important; display: block!important; font-weight: bold!important }
.map-section p { font-size: 11px; color: #444; line-height: 18px; margin-bottom: 10px }
.map-section p a { color: #444; text-decoration: underline }
span.wpcf7-form-control-wrap{position: relative;width: 80%; float: left;}
/* Sub Page Css */
.sub-page p.small { color: #747476; margin-bottom: 20px }
.pdf-name { float: left; color: #616264; font-size: 13px; border-bottom: 1px solid; padding-bottom: 1px; margin-left: 5px; position: relative; bottom: 7px; padding-top:5px;}
.pdf-section li { margin-bottom: 25px }
.pdf-section li a { float: left; width: 100% }
.pdf-section li a.pdf-name { width: auto!important }
.pdf-section h3 { color: #012B55; font-size: 12px; font-weight: bold; margin: 0 0 5px 5px }
.slider-content { display: none }
.banner-section img{width: 100%;}
.captcha-209{float:left; width:160px;}
img.wpcf7-captchac{  border: 1px solid #042c53 !important; float: left; margin-right: 15px; padding: 1px 27px;}
.captchafield{float:left; margin-left:92px; margin-top:5px;}
.captchafield label{float:left; width:100%; color:#042c54; font-size:11px; margin-bottom:10px;}
.captchafield span{width:150px;}
input.wpcf7-submit{margin-left:92px; margin-top:0;}

/* Contact Column Downloads */
#wrapcontact {
   width:200px;
   margin:0 auto;
}
#left_colcontact {
   float:left;
   width:20px;
}
#right_colcontac {
   float:right;
   width:180px;
}


/* Media Quaries */

@media only screen and ( max-width: 1099px ){
	.flexslider .flex-direction-nav .flex-prev { left: 15px }
	.flexslider .flex-direction-nav .flex-next { right: 15px }
	.slider-content { font-size: 18px }
}

@media only screen and ( max-width: 925px ){
	.container { width: 800px }
	.left-section, .right-section { width: 100%; margin: 0 }
	.main-header .container { width: 96%; padding: 0 2% }
}

@media only screen and ( max-width: 850px ){
	.container { width: 640px }
	.menu-icon { display: block }
	.main-nav { width: 100%; float: left; margin-top: 20px; margin-bottom: 20px; display: none }
	.main-nav li { margin: 0; float: left; width: 96%; padding: 10px 2%; background: #2B5884; border-top: solid 1px #fff }
	.main-nav li:first-child { border-top: 0;}
	.main-nav li a, .main-nav li.active a { color: #fff; border: 0; padding: 0; width: 100%; float: left; font-size: 14px }
	.main-nav li:hover, .main-nav li.active { background: #012B55;}
	.main-nav li a:hover { color: #fff; border: 0;}
	.main-footer p { width: 100%;}	
	.main-nav li.current-menu-item a, .main-nav li a:hover{border-top:0 }
	.main-nav li ul{background: none;left:0; top:5px;position: relative}	
    .main-nav li ul{width: 100%;background: #5c89b5 ; padding: 5px 0;}
    .main-nav li ul li{padding-left: 0;padding-right: 0;background: none}
    .main-nav li ul li a{ padding: 5px 3%; width: 94%;}
    .main-nav li ul li a{font-size: 12px}
    .main-nav li ul li {border-top: 0 none;}
    .main-nav li ul li {background: none}
    .main-nav li ul{padding:0;}
    .main-nav li ul li:hover{background: #2b5884}
    .main-nav li ul li a { margin: 0; padding: 2px 1% 11px; width: 100%;}
    .main-nav{margin: 0 }
    .site-logo {margin-bottom: 10px}
    
}

@media only screen and ( max-width: 767px ){
	.flexslider li .container { width: 100%; float: left; left: 0; bottom: auto; position: relative; margin-left: 0!important; text-align: left;}
}

@media only screen and ( max-width: 640px ){
	.container { width: 480px;}
	.banner-image { height: 150px;}
	.flexslider .slides img { height: 175px;}
}

@media only screen and ( max-width: 480px ){
	.container { width: 96%; padding: 0 2%;}
	.slider-content { font-size: 18px;}
	.flexslider li .container { padding: 0;}
	span.wpcf7-form-control-wrap{width:100%;}
	.captchafield span.wpcf7-form-control-wrap{width:150px;}
	.captchafield{margin-left:0;}
	input.wpcf7-submit{margin-left:0;}
   .main-nav li ul li a{padding: 2px 2% 11px; }	
}