@import url(//fonts.googleapis.com/css?family=Lato:400,700);

body            			{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; color:#666;}
h1, h2, h3, h4  			{font-family: 'Lato', sans-serif;}
h1              			{font-size:22px; margin:30px 0 15px; font-weight: bold; text-transform: uppercase;}
h2              			{font-size:22px; margin-bottom:10px; margin-top:30px; font-weight: bold;}
h3              			{font-size:18px; margin-top: 5px;}
p               			{margin-bottom:15px; /*line-height:1.5;*/}
a, input, button {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
a:hover, 
a:active, 
a:focus {text-decoration: none;}
label           			{margin-bottom:0;}
textarea        			{height:75px;}
input,
textarea        			{margin:5px 0 10px; width:100%; font-size:14px; padding:3px; display:block;}
@media (max-width: 992px) { input, textarea {width:100%}}

input[type=checkbox] 	{width:auto; margin-bottom:10px;}
.viewAll {font-size:15px; text-transform:uppercase;}
.rule2      {margin:10px 0;}
.addthis_toolbox {height:30px; padding-top:15px; clear:both;}
.learnmore, 
.submit {display: block; text-transform: uppercase; font-weight: bold; color: white; font-size: 16px; border: 1px solid white; padding: 7px; margin-top: 10px; width:auto;}
.learnmore:hover,
.learnmore:focus {text-decoration: none; color: rgb(255, 255, 255); background-color: hsla(0, 100%, 100%, 0.3);}
@media print {a[href]:after {content: none;}} /* Removes URL from printed pages */

/* new blog */
.dateTime .addthis_toolbox {display: inline-block; }
.blogimage {margin-top: 30px;}
.post-image .blogimage {display: inline-block;}
.post-summary {margin-top:15px; line-height: 1.4}
.authorimage {border-radius: 50%; width: 10%;}
.author {font-weight: bold;}
.author span {font-weight: normal;}
.genre {margin: 10px 0;}
.clear {clear: both;}
.blog-archives {display: none;}
.post-container .readmore {display: inline-block; background-color: #368EBF; padding: 10px 15px; color: white; font-weight: bold;}


/* pin pages */
.pinContent {
    margin: 0 auto;
    width: 320px;
    padding: 20px;
    background-color: #DEDEDE;
    border-radius: 10px;
}

.pinContent label {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.pinContentInner {
    overflow: hidden;
    margin: 0 auto;
    width: 238px;
}

.txtPin {
    width: 51px;
    float: left;
    margin: 0 20px 0 0;
    padding: 8px;
}

.btnGetContent {
    margin: 0;
}

.needpin {
    display: inline-block;
    margin-left: 29px;
}

.pinError, .pinSuccess {
    margin: 10px 0;
    text-align: center;
}

.pinSuccess {
    color: green;
}

/*header*/
header          {}
header h3       {font-size:34px;}
header h4       {font-size:24px;}
header p        {margin-bottom:5px;}
header .contact {font-size:14px; float:right; font-family: 'Lato', sans-serif; color:#032F60; margin-left:20px;padding-left:30px; background:url('../img/1a-header-address.png') no-repeat 0 5px;}
header .rule2   {margin:0;}
header .container img{ max-width: 100%;}
@media (min-width:768px){
  header .container img {
    width: auto;
  }
}
/*nav*/
.navbar-collapse {background: rgb(54, 142, 191);}
.navbar-toggle {background-color: #fff;}

/*navigation*/
.navbar {margin-bottom: 0;}
.navbar-default {background-color: #368ebf; border:0;}
.navbar-default .navbar-nav > li > a {color: white; text-transform: uppercase; font-weight: bold;}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {color: #FFF; background-color: #206B8F;}
.nav-tabs {border-bottom:none;}
.nav-tabs>li>a {border-radius:0; margin-right:0;}
nav             {height:37px; clear:both; z-index:1; position:relative;}
nav li          {font-family: 'Lato', sans-serif; text-transform:uppercase; font-size:18px;}
nav li a        {padding-bottom:7px;}
nav li li		{margin:0; padding-right:0; font-size:14px;}
#homeButton     {float: left; width: 20px; height: 17px; margin-right: 30px;}
#navButton      {display: none;}
nav a, nav a:hover  {color:#fff;}

@media (min-width: 768px) and (max-width: 991px) { 
    #navprimary .navbar-header { float:none; }
    #navprimary .navbar-collapse { text-align: left; }
    #navprimary .navbar-nav { float:none!important; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse { overflow-x: visible !important; }
    .navbar-collapse.in { overflow-y: auto !important; }
    .navbar-nav>li { float: none; }
    .collapse.in { display: block !important; }
    .navbar-toggle { display: block !important; }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 25px;}
    .navbar-nav .open .dropdown-menu>li>a {line-height: 20px;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px; }
}
@media (min-width: 992px) { 
    #navprimary .container ul li .dropdown-toggle {display:none;}
    #navprimary .container ul li:hover .dropdown-menu {display:block;}
    #navprimary .navbar-collapse {text-align: center;}
    #navprimary .navbar-collapse .nav {display:inline-block;float: none;}
}
@media (max-width: 992px) { #navprimary .container ul li .dropdown-toggle { padding: 10px 30px; position: absolute; top: 0; right: 0; background-color: transparent;}}

.dropdown-menu {padding:0; border-radius:0; box-shadow: 0 5px 7px rgba(0,0,0,.175);}

/* Toggle comment to enable/disable dropdown hover state */
/*.dropdown:hover .dropdown-menu {display: block;}*/
.dropdown-menu > li > a {padding:8px 20px;}


/*content*/
.body-container {background-color: #fff;}
.body-container .container {background-color: #fff;}

#content            {min-height:400px;}
#content .container {/*background:url('../img/1a-body-shadow.png') no-repeat;*/ min-height:16px; padding-top:40px;}

#additional                     {font-size:14px;}
#additional nav                 {background:none; height:auto; padding-bottom:0;}
#additional nav a {border:none;}
#additional nav li              {background:none; text-transform:uppercase; margin-left:0; padding:0;}
#additional nav li:first-child  {border:none; padding-left:0;}


#suggested .content p   {font-size:14px;}



@media (min-width: 768px) and (max-width: 991px) { 
    #navprimary .navbar-header { float:none; }
    #navprimary .navbar-collapse { text-align: left; }
    #navprimary .navbar-nav { float:none!important; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse { overflow-x: visible !important; }
    .navbar-collapse.in { overflow-y: auto !important; }
    .navbar-nav>li { float: none; }
    .collapse.in { display: block !important; }
    .navbar-toggle { display: block !important; }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 25px;}
    .navbar-nav .open .dropdown-menu>li>a {line-height: 20px;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-nav .open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px; }
}
@media (min-width: 992px) { 
    #navprimary .container ul li .dropdown-toggle {display:none;}
    #navprimary .container ul li:hover .dropdown-menu {display:block;}
    #navprimary .navbar-collapse {text-align: center;}
    #navprimary .navbar-collapse .nav {display:inline-block;float: none;}
}
@media (max-width: 992px) { #navprimary .container ul li .dropdown-toggle { padding: 10px 30px; position: absolute; top: 10px; right: 0; background-color: transparent;}}
.dropdown-toggle span:first-child{position:relative;}
.angleDown{display:block; height:2px; width:20px;}
.angleLeft,
.angleRight{content:""; background:#fff; width:15px; height:3px; position:absolute; border-radius:10px;       -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;}
.angleLeft{        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right:-6px;
}
.angleRight{        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);}
.subpage #content article .container{
    padding:0;
}

#content article img.northpark,
.blogPost img,
#eventContent img {max-width:100%;}

iframe,
.section_FullWidth img{
  max-width:100%;
}
/*ADVACNDED SECTIONS*/

.section_boxes .Right{
    text-align:right;
}
.section_boxes .Left{
    text-align:left;
}
.section_boxes .Center{
    text-align:center;
}
.section_boxes .section{
    margin-bottom:45px;
    text-align:left;
}
.box-icon img{
  height:82px;
}
.section_Boxes .box{
  text-align:center;
}
.section_Boxes .Image img{
  max-width:230px;
  width:100%;
}

/*SIDE BY SIDE*/
/*.section_SideBySide {margin-bottom:30px;}*/
.box .sxsBtn{margin:0 auto;}
.section_SideBySide .crop{height:100%; overflow:hidden; position:relative;}
.section_SideBySide .Rectangle img{width:100%;}
.section_SideBySide .Square .crop img,
.section_SideBySide .Circle .crop img{    display: block;min-width: 100%;min-height: 100%;margin: auto;position: absolute;top: -100%;right: -100%;bottom: -100%;left: -100%;}
.section_SideBySide .Square{display: inline-block;vertical-align: top;width:290px; height:290px;}
.section_SideBySide .Circle{display:inline-block; vertical-align:top; width:290px; height:290px; border-radius:50%; overflow:hidden;}
.section_SideBySide .Circle .crop{border-radius:50%;}
.section_SideBySide  .aside_text {text-align:left;}


@media (min-width:768px){
    .section_SideBySide .Square{width:350px; height:350px;}
    .section_SideBySide .Circle{width:350px; height:350px;}
}


/*three boxes*/


.section_Boxes .box .box-paragraph{
    margin-bottom:15px;
}
.section_Boxes .box{
  margin-bottom:25px;
}
@media (min-width:992px){
  .section_Boxes .box{
  margin-bottom:0;
}
}
/*FULLWIDTH*/
.section_FullWidth .overlay{padding:15px;}


/*aside*/
#agentPhoto img {margin-left:40px;border:10px solid #fff; box-shadow: 1px 1px 4px #ccc;}

.market .indexName  {width:130px;}

.weather .wrapper       {padding-bottom: 40px;}
.weather .wrapper .body {float: left; margin-right:30px;}
.weather .degree    	{font-size:35px; margin-bottom:0; line-height:1;}
.weather .condition 	{font-size:15px;}


/*footer*/
footer       	{background-color:#383733; font-size:14px; padding-top:30px;}
footer h4    	{margin-bottom:5px;}
footer .rule2 {margin:0;}
  
.footer-container {color: white;}
.quickLinks ul {padding-left:0;}
.quickLinks ul a {color: #fff;}

footer .socialMedia a {margin: 0 3px; color: #fff; font-size:25px;}


/*page unique*/
#articleContent .fastFact,
#articleContent .tip        {width:200px; padding-top:31px; font-size:13px; line-height:1.4;}

#matterContent img {margin-right:30px; margin-bottom:40px;}

#videoContent .video,
#calcContent iframe 	{margin-bottom:30px;}

#formCareer .fakefile input {padding-right:80px;}

/*team page*/


#agentContent img {margin:0 0 30px 30px;}

#blogContent .post img {float:right; margin-left:30px;}

#postContent .dateTime  {font-style:italic; font-size:14px;}



#loginContent.container     {padding-top:10px;}
#loginContent .wrapper      {padding-left:0;}
#loginContent .formContent  {width:300px;}
#form2_content .cancel      {margin:10px 10px 0;}
#signup .notifications      {margin-top:20px;}
#signup p                   {margin-bottom:5px;}

#allTypeContent section {width:280px; margin:0 30px 0 0;}


#learningContent .matter {width:280px; float:left; margin: 0 30px 0 0;}

#matterContent .featuredFlag,
#matterContent .featuredFlag:hover  {color:#fff;}
#matterContent .flagBody            {background:#194B7C;}

.subnavButton                       { display:none; }

/*EVENTS*/
#eventContent .rule {margin-bottom:20px;}
#eventContent .info {font-size:12px;}
#eventContent {overflow:hidden;}
#eventContent .info {margin-right:30px; font-size:14px; width:100%;}
#eventContent .info p{margin-bottom:5px;}
#eventContent .info h3{margin-bottom:7px;}
#eventContent .registerBtn{display:inline-block; margin-right:10px;}
#eventContent .addthis_toolbox{display:inline-block;}
#eventContent .organizer a{display:block; margin-bottom:10px;}

/* Helper Classes */
.relative {position:relative;}
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} /* Experimental class that adds flexbox-based equal-height columns to Bootstrap's grid system http://getbootstrap.com.vn/examples/equal-height-columns/ */


/* Social */
.header-social {width: 40px; height: 120px; position: fixed; top: 130px; right: 0; z-index: 9999;}
.header-social .twitter {background: #2CAAE1;}
.header-social .twitter:hover,
.header-social .twitter:active,
.header-social .twitter:focus {background: #46C4FB;}
.header-social .linkedin {background: #007FB1;margin: 0;}
.header-social .linkedin:hover,
.header-social .linkedin:active,
.header-social .linkedin:focus {background: #1A99CB;}

.header-social .youtube {background: #CD201F;}
.header-social .youtube:hover,
.header-social .youtube:active,
.header-social .youtube:focus {background: #E52D31;}

.header-social .facebook {background: #00549E;}
.header-social .facebook:hover,
.header-social .facebook:active,
.header-social .facebook:focus {background: #1A6EB8;}
.header-social a {display: inline-block; width: 40px; height: 40px; margin: 0; padding: 11px 0; text-align: center; color: #fff;}
.header-social a:hover {color:#000;}
.header-social a i {margin: 0; font-size: 1.200em; vertical-align: top;}

.single-event {
    margin-bottom: 20px;
}
.single-event h3{
  font-size:20px;
  margin-bottom:5px;
}
.single-event p{
  margin-bottom:0;
}
.single-event h4{
  margin-top:0;
  margin-bottom:5px;
  font-size:16px;
}
.single-event h5{
  margin:0;
}
.single-event:last-of-type{
  margin-bottom:0;
}
/*PRESENTATION*/
.presentation.subpage .fancybox-close,
.page-resource-center-presentations .fancybox-close{
    background:rgba(255,255,255,.35);
    top:0;
    right:0;
}
.page-resource-center-presentations .fancybox-close:before,
.presentation.subpage .fancybox-close:before{
    content:'';
    display:inline-block;
    width:100%;
    height:3px;
    right:0;
    top:16px;
    background:#000;
    position:absolute;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
}
.page-resource-center-presentations .fancybox-close:after,
.presentation.subpage .fancybox-close:after{
    content:'';
    display:inline-block;
    width:100%;
    height:3px;
    right:0;
    top:16px;
    background:#000;
    position:absolute;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
}
#presentationContainer{
    height:100%;
}
 #presentationShell img{
   margin-left:0;
 }
 #presentationShell h2{
   width:100%;
   font-size:1em;
   padding:15px 12px;
   bottom:0;
   margin-bottom:0;
 }
 #presentation span.slide{
   width:auto;
   height:auto;
   padding:10px;
   display:block;
 }
  #presentationContainer #presentation{
    width:100%;
    height:100%;
    overflow-y:scroll;
  }
 #presentationContainer #presentation a.selected{
   display:block;
   width:100%;
 }
 #presentation a.selected img{
     display:block;
   margin-bottom:20px;
   max-width:610px;
   margin-left:auto;
   margin-right:auto;
 }
 #presentation .aside{
   margin-left:0;
   width:100%;
 }
 #presentation .slide{
   width:100%;
   height:100%;
   float:none;
 }
 #presentation .forwardArrow,
 #presentation .backArrow{
   top:100px;
   display:inline-block;
 }
 #presentation .forwardArrow{
   right:0;
   left:auto;
 }
 #presentation .slideText{
   width:100%;
   padding-right:0;
 }
 #presentation .wrapper{
   display:none;
 }
  #presentation .wrapper.selected{
    display:block;
  }
  #presentation span.slide{
    padding:5px;
    margin-bottom:20px;
  }
  #presentation video{
    width:100%;
    height:auto;
  }
  #presentation .slideText{
      height:auto;
  }
  /*@media (min-width:647px){
    #presentationContainer #presentation{
      max-width:637px;
    }
  }*/
    .slide embed,
    .slide iframe,
    .slide video{
      width:auto;
      height:auto;
  }
  .presentationContainer .container{
      max-width:610px;
      width:100%;
  }
  @media (min-width:967px){
    #presentation .container{
      max-width:610px;
    }
    #presentationContainer #presentation{
        overflow:initial;
    }
    #presentation {
    width: 960px !important;
    height: 458px !important;
    color: #999;
    background-color: #222;
    position: relative;
}
    .presentationShell{
        width:610px;
    }
    #presentationShell img{
      display:inline-block;
    }

    
#presentationShell.presentationShell h2 {
    font-size:1.9em;
    bottom: 0;
    width: 100%;
    padding:35px 0;
    margin-bottom:0;
}

    #presentation .slide{
      width:63.5%;
      float:left;
    }
    #presentation a.selected img{
      margin-bottom:0;
    }
    #presentation .aside{
      width:36.5%;
      float:right;
    }
    #presentation span.slide{
        width:63.5%;
        height:100%;
    }
    #presentation .forwardArrow,
    #presentation .backArrow{
      top: 207px;
    }
    #presentation .forwardArrow{
      left: 584px;
    }
    
    #presentation span.slide {
    padding: 80px 0 0 0;
    margin-bottom:0;
}
   #presentation span.slide embed,
   #presentation span.slide video,
   #presentation span.slide iframe{
    height: 300px;
    width: 534px;
  }
      #presentation .slideText{
      height:380px;
      overflow:auto
  }
  }
  /*BROKER CHECK*/
  .broker-check{
    width:100%;
    background:#F6F6F6;
    text-align:center;
    margin-bottom:20px;
  }
  .broker-check .container{
        padding:9px 0 9px 0;
  }
  /*header.masthead{
    margin:0 !important;
  }*/

.floating-broker-check{
    width:auto;
    height:40px;
    background:#F6F6F6;
    text-align:center;
    border:solid 2px #E4E4E4;
    padding-top:8px;

}

   .floating-broker-check a{
       display:block;
         width:100%;
         height:40px
       }
     .broker-check-description{
   margin-bottom:10px;
   font-size:13px;
   text-align:center;
  }
     @media (min-width:992px){
    .broker-check{
      text-align:right;
      height:40px;
    }
           .floating-broker-check {
          width:205px;
          height:40px;
          background:rgba(246, 246, 246, .85);
          position:fixed;
          bottom:0;
          right:80px;
          padding-top:0;
          z-index: 9999;
      }
       .floating-broker-check a{
         padding-top:8px;
       }
    .broker-check-description{
    display:block;
    margin-left:10px;
    margin-bottom:10px;
    font-size:16px;
    text-align:center;
  }

  }
     /* This is for the video-scroll-play script */
.js-video-autoplay {
  width: 100%;
  margin-bottom: 40px;
}