/*

Theme Name: Adrad

Author: Graeme Thornber

Author URI: http://graemethornber.com/

Description: Custom Theme

Version: 1.0

*/

@import url("css/bootstrap_3.2.0.min.css");

@import url("css/owl.carousel.css");

@font-face {

  font-family: "DIN Regular";

  src: url("fonts/DIN Regular/din-regular-webfont.eot");

  src: url("fonts/DIN Regular/din-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/DIN Regular/din-regular-webfont.woff") format("woff"), url("fonts/DIN Regular/din-regular-webfont.ttf") format("truetype"), url("fonts/DIN Regular/din-regular-webfont.svg#futura_md_btbold") format("svg"); }

/*@import url('css/normalize.css');*/

/*---------Default Tag Styles------------*/

body {

  font: normal 14px/18px Arial, sans-serif;

  color: black;

  background: #f2f2f2; }



h1 {

  font: normal 43px/45px "DIN Regular";

  margin: 0;

  padding: 30px 0;

  color: black; }



h2 {

  font: bold 22px/24px "DIN Regular";

  padding: 0;

  margin: 30px 0 0;

  color: #ec1c24;

  text-align: left; }



h3 {

  font: normal 21px/23px "DIN Regular";

  margin: 0;

  padding: 0;

  color: black;

  text-transform: uppercase; }



h5 {

  font: normal 15px/19px Arial, sans-serif;

  color: #ec1c24; }



a {

  color: black; }



a:hover {

  color: #ec1c24; }



img {

  max-width: 100%;

  height: auto; }



/*--------------Main Content-------------*/

.gt-tagline h2{

  margin-top:15px; position:relative; left:-10px;

}

#widge-header-logo img{

  max-width:45%; position:absolute; top:12px; right:-20px;

}

.container {

  max-width: 970px; }



#gt_content {

  position: relative;

  z-index: 5; }



#gt_content a {

  color: #ec1c24; }



.fimg img, img.alignright {

  float: right;

  display: block;

  margin-left: 30px; }



img.alignleft {

  float: left;

  display: block;

  margin-right: 30px; }



img.alignright {

  float: right;

  display: block;

  margin-left: 30px; }



.entry-content img {

  max-width: 45%;

  height: auto; }



.entry-content p, .entry-content ul {

  font: normal 16px/22px Arial; }



/*.entry-content li{ padding-bottom:10px;}*/

/*----------------Homepage---------------*/

.map-img {

  text-align: center;

  padding-top: 30px; }



.map-img img {

  margin: 0 auto; }



.map-img h5 {

  text-transform: uppercase;

  white-space: nowrap; }



.map-img a:hover, a:hover h5 {

  text-decoration: none;

  color: #f2f2f2; }



.home-top-wrap, .home-mid-wrap {

  background: black; }



.home-mid-wrap {

  color: #ec1c24;

  padding: 23px 0 17px 0;

  font: normal 26px/28px Arial, sans-serif;

  min-height: 195px; }



.home-bot-wrap {

  background: #cccccc;

  margin: 30px 0 0; }



.home .home-bot-wrap {

  margin: 0; }



.hero-img h1, .hero-img h3 {

  position: absolute;

  left: 0; }



.hero-img h1 {

  top: 96px;

  color: #f2f2f2;

  padding: 0;

  text-transform: uppercase; }



.hero-img h3 {

  top: 146px; }



.agent-slider-wrap {

  padding: 15px 0;

  visibility: hidden; }



.agent-slider-wrap .row {

  margin: 0 !important; }



.agent-slider-wrap .container {

  width: 100% !important;

  overflow: hidden !important;

  max-width: 100% !important; }



.agent-wrap {

  text-align: center; }



.agent-wrap a {

  display: block;

  text-decoration: none; }



.agent-wrap a h4 {

  color: black; }



.agent-wrap a:hover h4 {

  color: #ec1c24; }



.agent-img {

  min-height: 160px; }



.agent-img img {

  margin: 0 auto;

  max-height: 160px;

  position: relative;

  display: block;

  width: auto; }

.ag-img2{ padding-top:10px;}

.ag-img2 img{ max-width:50%;}



.owl-carousel {

  display: block; }



.owl-item {

  float: left; }



.owl-item .agent-wrap {

  width: 100% !important; }



.gt-vid-wrap {

  position: relative;

  max-height: 224px; }



.gt-vid-wrap iframe, .gt-vid-wrap img, .gt-vid-wrap video {

  max-width: 100%;

  height: auto !important;

  max-height: 100%; }



.gt-vid-wrap iframe {

  margin-top: 20px; }



.gt-vid-wrap img.vid-poster {

  position: absolute;

  width: 277px;

  display: block;

  cursor: pointer;

  top: 10px;

  left: 10px;

  z-index: 7;

  opacity: 0.5; }



.gt-vid-wrap video {

  position: relative;

  z-index: 5; }



.gt-vid-wrap video.showing {

  display: block; }



.vid-text-wrap {

  line-height: 195px;

  min-height: 195px; }



.vid-text-wrap p span {

  display: inline-block;

  padding-right: 30px;

  line-height: 32px;

  vertical-align: middle; }



a.page-link-wrap {

  padding: 0 0 0 30px;

  display: block;

  margin: 20px 0;

  border: 1px solid #f2f2f2;

  position: relative; }



a.page-link-wrap:hover {

  text-decoration: none; }



a.page-link-wrap h5, a.page-link-wrap h6 {

  padding-left: 30px; }



a.page-link-wrap:hover h5, a.page-link-wrap:hover h6 {

  color: black; }



a.page-link-wrap h5 {

  font: bold 16px/18px Arial; }



a.page-link-wrap h6 {

  font: normal 14px/16px Arial;

  padding-right: 22px; }



.arrow-img {

  width: 36px;

  height: 36px;

  display: block;

  position: absolute;

  left: 8px;

  top: 8px;

  background: url(img/red-arrow.png) no-repeat 0 0; }



.corner-img {

  width: 22px;

  height: 27px;

  display: block;

  position: absolute;

  right: -1px;

  bottom: -1px;

  background: url(img/block-corner.gif) no-repeat 0 0; }



.home-bot-wrap {

  clear: both; }



.home-bot-wrap .col-xs-4 {

  padding-right: 0 !important; }



/*--------------Generic Classes----------*/

.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {

  max-width: 100%; }



.aligncenter {

  text-align: center;

  margin: 0 auto; }



.alignleft {

  text-align: left;

  float: left; }



.alignright {

  text-align: right; }



.floatleft {

  float: left; }



.floatright {

  float: right; }



:focus {

  outline: none !important; }



.show-small {

  display: none; }



.clear {

  clear: both; }



ul.list {

  list-style: none; }



ul.list li {

  display: inline-block; }



ul.list, ul.list li {

  margin: 0;

  padding: 0; }



.contain-img img {

  max-width: 100%;

  height: auto;

  display: block; }



/*----------------Header-----------------*/

#gt_header {

  text-align: center;

  position: relative;

  z-index: 9; }



#gt_header a {

  display: block; }



#gt_logo {

  margin: 15px 0 25px; }



.redline {

  height: 14px;

  background: #ec1c24;

  margin-bottom: 10px; }



.header-row {

  position: relative; }



#widge-header {

  position: relative;

  right: 15px; }



#widge-header a {

  text-transform: uppercase; }



#widge-header a:hover {

  color: #ec1c24;

  text-decoration: none; }



#widge-header h3 {

  padding: 0;

  margin: 10px 0; }



#widge-header h2 {

  padding: 0;

  margin: 15px 0;

  text-align: left;

  position: relative;

  left: 37px; }



#widge-header a, #widge-header h2, #widge-header h3 {

  font: normal 16px/18px Arial, sans-serif;

  color: black; }



#widge-social {

  position: absolute;

  top: -4px;

  right: 0; }



/*----------------Footer-----------------*/

#gt_footer {

  padding: 10px 0 15px 0;

  margin-top: 30px;

  border-top: 2px solid #cccccc; }



.home #gt_footer {

  border: 0;

  margin: 0; }



#gt_footer, #gt_footer a {

  color: gray; }



#gt_footer a:hover {

  color: #ec1c24; }



ul.menu#menu-footer li {

  border-right: 1px solid #cccccc;

  margin-right: 7px;

  margin: 15px 0 0; }



ul.menu#menu-footer li:last-child {

  border: 0; }



ul.menu#menu-footer li a {

  padding: 0 5px 0 3px;

  text-transform: uppercase; }



#copyright {

  padding-top: 15px; }



/*-----------Owl Carousel Navigation------------*/

.owl-nav div {

  background: url(img/scroller-arrows.png) no-repeat 0 0;

  width: 22px;

  height: 40px;

  text-indent: -9999em;

  position: absolute;

  top: 62px;

  font-size: 0;

  display: block !important; }



.owl-nav div.owl-prev {

  background-position: 0 -40px;

  left: -12px; }



.owl-nav div.owl-next {

  right: -12px; }



.owl-nav div.owl-prev:hover {

  background-position: -22px -40px; }



.owl-nav div.owl-next:hover {

  background-position: -22px 0; }



/*----------------Agents----------------*/

#gt_canvas {

  width: 100%;

  height: 200px; }



#gt_canvas img {

  max-width: none; }



.map-wrap {

  padding: 30px 0 15px; }



.agent-info {

  font: normal 18px/20px Arial; }



#gt_canvas.locator {

  height: 456px;

  margin-top: 30px; }



#gt_content ul.menu.agent-menu li

, #gt_content ul.menu.agent-info li {

  display: block;

  padding: 5px 0 0; }



.agent-info a {

  color: #ec1c24; }



.fb-link {

  text-indent: 22px;

  background: url(img/fb-logo.png) no-repeat 0 6px; }



.mc-field-group label {

  padding-top: 15px;

  font-weight: normal; }



.mc-field-group input {

  width: 260px;

  padding: 3px;

  border: 1px solid #ec1c24; }



input.button {

  padding: 5px 15px;

  color: #ec1c24;

  background: #f2f2f2;

  border: 2px solid #ec1c24;

  -webkit-border-radius: 12px;

  -moz-border-radius: 12px;

  -ms-border-radius: 12px;

  border-radius: 12px;

  margin-top: 30px;

  display: block;

  width: 260px; }



input.button:hover {

  background: black;

  color: #f2f2f2; }



/*---------------Blog--------------------*/

.border-top {

  border-top: 2px solid #cccccc; }



.gt_pagination {

  font: normal 16px/24px Arial;

  padding: 15px 0; }



.gt-pag-sep {

  position: relative;

  top: -1px; }



ul.list.cat-list {

  padding: 15px 0; }



ul.list.cat-list li {

  padding-right: 15px; }



.single-content-wrap {

  padding-bottom: 15px; }



.single-content-wrap .fimg{

  display:none;

}



.page-template-news-php #gt_footer

, .category #gt_footer, .single #gt_footer {

  margin-top: 0; }



.page-template-news-php .page {

  padding-bottom: 15px; }



h3.post-date {

  font-weight: bold;

  padding: 5px 0;

  color: black;

  font-size: 16px; }



.gt-post-item {

  padding-top: 15px; }



.gt-post-item a:hover {

  text-decoration: none; }



.gt-post-item h2 {

  text-align: left;

  margin-top: 7px; }



.gt-post-item h4 {

  color: black; }



.gt-post-item .gt-fimg {

  float: left;

  width: 20%; }



.gt-post-item .gt-fimg img {

  width: auto;

  height: auto;

  max-width: 90%; }



.gt-cat-list {

  border-top: 1px solid #cccccc;

  padding: 15px 0;

  border-bottom: 1px solid #cccccc;

  margin-top: 15px; }



.gt-cat-list a {

  padding: 0 7px; }



.entry-list-wrap {

  padding-bottom: 30px; }



.faq-wrap h2 {

  margin: 15px 0; }



/*---------------Navigation--------------*/

#gt_nav {

  background: url(img/nav-bg.gif) repeat-x 0 0;

  overflow: hidden; }



ul.menu {

  list-style: none;

  text-align: left; }



ul.menu, ul.menu li {

  margin: 0;

  padding: 0; }



ul.menu li {

  display: inline-block; }



#gt_menu ul {

  height: 37px;

  line-height: 37px; }



#gt_menu li {

  position: relative;

  text-align: center;

  height: 37px; }



#gt_menu li a {

  font: normal 17px/37px Arial;

  color: #444;

  text-transform: uppercase;

  overflow: hidden;

  padding: 0 27px;

  height: 37px;

  float: left;

  display: block; }



#gt_menu li a:hover {

  text-decoration: none;

  color: #f2f2f2;

  background: url(img/nav-bg.gif) repeat-x 0 -37px;

  /*@include linear-gradient($darkgray, $gray);*/ }



#gt_menu li a span.text {

  display: block; }



#gt_menu li a span.left, #gt_menu li a span.right {

  display: block;

  width: 32px;

  height: 37px;

  top: 0;

  position: absolute;

  z-index: 7;

  background: url(img/nav-seperator.jpg) no-repeat; }



#gt_menu li a span.left {

  left: -17px; }



#gt_menu li a span.right {

  right: -17px;

  z-index: 9; }



#gt_menu li a:hover span.left {

  background-position: 0 -37px;

  z-index: 9; }



#gt_menu li a:hover span.right {

  background-position: 0 -74px; }



#gt_menu li.home-link a span.text {

  text-indent: -9999em;

  position: absolute;

  background: url(img/home-icons.png) no-repeat -20px 0;

  width: 20px;

  height: 18px;

  top: 10px;

  left: 33%; }



#gt_menu li.home-link a:hover span.text {

  background-position: 0 0; }



.navbar-toggle {

  background: url(img/mobile-nav-icon.png) no-repeat 0 0;

  border: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  border-radius: 0;

  margin-right: 0;

  height: 26px;

  width: 26px;

}

input, textarea{ max-width:100%;}

textarea{ height:90px;}

div.wpcf7-validation-errors{ border:0;}

span.wpcf7-not-valid-tip{ color:#ec1c24;}

.gt-contact-form{ clear:both; padding-top:10px;}

.your-address textarea{ height:51px;}

/*--------------Media Queries------------*/

@media only screen and (max-width: 992px) {

  h1 {

    font-size: 34px;

    line-height: 36px; }



  h2 {

    text-align: center; }



  .faq-wrap h2 {

    text-align: left; }



  .hero-img h1 {

    top: 58px; }



  .hero-img h3 {

    top: 104px; }



  #gt_menu li a {

    padding: 0 20px;

    font-size: 13px; }



  #gt_menu li.home-link a {

    padding: 0 27px; }



  #widge-header {

    right: 0; }



  #widge-header h3, #widge-header h2 {

    width: 50%;

    margin: 0 0 20px; }



  #widge-header h3 {

    float: left;

    text-align: left; }



  #widge-header h2 {

    float: right;

    text-align: right;

    left: 0; }



  #widge-social {

    top: 19px;

    right: 15px; }



  h5 {

    font-size: 12px; }



  .map-img {

    padding-top: 25px; }



  .map-img img {

    max-width: 95%; }



  .entry-content p {

    font: normal 14px/18px Arial, sans-serif; }



  .entry-content img {

    max-width: 100%; }



  .agent-img {

    min-height: 150px; }



  .agent-img img {

    max-height: 150px; }



  .page-content {

    padding-top: 15px;

    clear: both; }



  .gt-vid-wrap img.vid-poster {

    width: 199px; }



  img.smallimg {

    height: 100px !important;

    margin-right: 15px !important;

  }

  .gt-tagline h2{

    text-align:left; position:relative; top:30px;

  }

  #widge-header-logo img{

    max-width:40%; top:10px; right:70px;

  }

}



@media only screen and (max-width: 768px) {

  .gt-contact-form .col-xs-4{ width:100%;}

  #gt_nav {

    background: -webkit-linear-gradient(#cccccc, #676767);

    background: -o-linear-gradient(#cccccc, #676767);

    background: -moz-linear-gradient(#cccccc, #676767);

    background: linear-gradient(#cccccc, #676767);

    overflow: visible; }



  .navbar-collapse {

    position: absolute;

    right: 10px;

    top: 0;

    background: #f2f2f2;

    border: 2px solid black;

    border-left-width: 1px;

    border-right-width: 1px; }



  #gt_menu ul {

    height: auto;

    padding-bottom: 15px; }



  #gt_menu li {

    display: block;

    height: auto;

    clear: both;

    text-align: left;

    float: none; }



  #gt_menu li a {

    padding: 20px;

    display: block;

    float: none;

    font: normal 20px/22px Arial;

    clear: both; }



  #gt_menu li a:hover {

    background: none;

    color: #ec1c24; }



  #gt_menu li a span.left, #gt_menu li a span.right {

    display: none; }



  #gt_menu li.home-link a:hover span.text {

    background-position: -20px 0; }



  .hero-img h1, .hero-img h3 {

    width: 100%;

    text-align: center; }



  h5 {

    font-size: 17px; }



  #gt_header h2 {

    margin: 0 0 15px 0; }



  #gt_content h2 {

    text-align: center; }



  #gt_content.faq-wrap h2, #gt_content .gt-post-item h2 {

    text-align: left; }



  .gt-post-item .gt-fimg {

    width: 28%; }



  .home-top-wrap .hero-img {

    padding: 0; }



  #widge-social {

    top: 14px; }



  .map-img img {

    max-width: 100%; }



  .hero-img img {

    margin: 0 auto; }



  .home-bot-wrap .col-xs-4 {

    width: 100%;

    padding-right: 15px !important; }



  .fimg img, img.alignright, img.alignleft {

    float: none;

    margin: 0 0 30px 0;

    height: auto; }



  .agent-img {

    min-height: 140px; }



  .agent-img img {

    max-height: 140px; }



  .faq-wrap img.alignleft {

    float: left;

    margin-right: 30px; }



  .faq-wrap img.alignright {

    float: right;

    margin-left: 30px; }



  .vid-text-wrap {

    max-height: 199px; }



  .vid-text-wrap p {

    font-size: 18px;

  }

  .gt-vid-wrap{ max-height:none;}

  .gt-vid-wrap img.vid-poster {

    width: 277px; }



  .gt-vid-wrap iframe {

    margin: 0 auto;

    width: auto; }



  img.alignleft.smallimg {

    width: 45% !important;

    height: auto !important;

    float: left;

  }

  .gt-tagline h2{

    text-align:center; top:0;

  }

  #widge-header-logo img{

    max-width:38%; position:relative; display:block;

    right:0; top:0; margin-bottom:10px; margin:0 auto 15px;

  }



}



@media only screen and (max-width: 480px) {

  .ag-img, .ag-info {

    width: 100% !important; }

    .col-xs-4{ width:100%;}

  .ag-info {

    padding-top: 30px; }



  #widge-header h3, #widge-header h2 {

    width: 100%;

    float: none;

    text-align: center; }



  .hero-img h1 {

    font-size: 20px;

    top: 15px; }



  .hero-img h3 {

    font-size: 16px;

    top: 50px; }



  .agent-img {

    min-height: 120px; }



  .agent-img img {

    max-height: 120px; }



  .vid-text-wrap p span {

    line-height: 26px; }



  .gt-post-item .gt-fimg {

    width: 36%; }



  img.alignleft.smallimg {

    width: 40% !important; }



  .mc-field-group input, input.button {

    width: 180px;

  }

  #widge-header-logo img{

    max-width:55%;

  }

  .locator-wrap .col-xs-6{ width:100%;}

}



@media only screen and (max-width: 320px) {

  #gt_logo {

    text-align: left;

  }

  #widge-header-logo img{

    max-width:60%;

  }

}






