/*!
 * Gravity Framework v1.2
 * Copyright 2013 Themesgravity
 *
 * Anchorra - Multipurpose responsive Html Template
 */
/* ==========================================================================
   Importing Required Css Files
 ========================================================================== */
/*********************************
 * Example Use:                  *
 * @include border-radius(5px);  *
 *********************************/
/* CSS Document */
@import url("bootstrap.min.css");
@import url("bootstrap-responsive.min.css");

@media print
{
  .noprint {display:none;}
  .yesprint {display:block;}
}

@media screen
{
  .noprint {display:block;}
  .yesprint{display:none;}
}

body {
  margin: 0;
  background: #F1F2F2;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; }

.bgimage {
  width: 100%;
  background: url(bg-r.jpg) repeat-x;
  height: 81px; }

.grow {
  transition: all .2s ease-in-out; }
  .grow:hover {
    transform: scale(1.1); }

@media (max-width: 480px) {
  ul.thumbnails {
    margin-bottom: 0; } 
  .security-logo img
  {
    height: 45px;
  }
  .security-logo.pull-right
  {
    float:none !important;
    text-align: center;
  }
  .row, .thumbnails
  {
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #main-footer .text-right
  {
    text-align:center !important;
  }
  .logo img
  {
    left: 90px !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .security-logo img
  {
    height: 50px;
  }
  .logo img
  {
    position:absolute;
    width:240px;
    left: 20px !important;
  }
  .row
  {
    margin-left:0 !important;
    margin-right: 0 !important;
  }
  .logo a
  {
    width:205px !important;
    height: 90px !important;
  }
  .header-container
  {
    min-height: 90px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #wrapper .container
  {
    width:990px !important;
  }
}
.btn-blk-half {
  width: 48%; }

@media (min-width: 768px) and (max-width: 979px) {
  .thumbnails, .flexit {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    /*flex:1 1 auto;*/ } }
/*THIS IS THE SHORTCODES CSS FILE*/
/* ==========================================================================
   Faq Accordion Styles
   ========================================================================== */
.faq-accordion .accordion-group {
  margin-bottom: 15px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
.faq-accordion .accordion-heading {
  background: #ecf5fd;
  position: relative; }
  .faq-accordion .accordion-heading i {
    font-size: 24px;
    top: 11px;
    left: 16px;
    color: #bed4df;
    position: absolute; }
  .faq-accordion .accordion-heading:hover a {
    background: #bed4df;
    color: #ffffff !important; }
  .faq-accordion .accordion-heading:hover i {
    color: #ffffff !important; }
  .faq-accordion .accordion-heading a {
    color: #683025;
    text-decoration: none; }
.faq-accordion .accordion-inner {
  padding: 9px 0 9px 78px;
  border-top: 0;
  font-size: 13px;
  color: #666666; }
.faq-accordion .accordion-heading .accordion-toggle {
  padding: 12px 10px 12px 65px; }

/* ==========================================================================
   Normal Accordion Styles
   ========================================================================== */
.normal-accordion .accordion-group {
  margin-bottom: 15px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
.normal-accordion .accordion-heading {
  background: #eeeeee;
  position: relative; }
  .normal-accordion .accordion-heading i {
    font-size: 24px;
    left: 1px;
    color: #ffffff;
    position: absolute;
    padding: 11.5px 15px;
    background: #d4d2d2;
    height: 100%; }
  .normal-accordion .accordion-heading a {
    color: #683025;
    text-decoration: none; }
  .normal-accordion .accordion-heading:hover i {
    color: #ffffff !important; }
  .normal-accordion .accordion-heading:hover a {
    background: #d4d2d2;
    color: #ffffff !important; }
.normal-accordion .accordion-inner {
  padding: 9px 0 9px 78px;
  border-top: 0;
  font-size: 13px;
  color: #666666; }
.normal-accordion .accordion-heading .accordion-toggle {
  padding: 12px 10px 12px 65px; }

.normal-accordion-active {
  /*This class is added when the accordion is open*/
  background: #d4d2d2;
  color: #ffffff !important; }

/* ==========================================================================
   Services Styles
   ========================================================================== */
.service-box {
  position: relative; }
  .service-box .service-text {
    border-top: 3px solid #ecebe9;
    border-left: 3px solid #ecebe9;
    border-right: 3px solid #ecebe9;
    padding: 20px 20px 1px 20px; }
  .service-box:hover {
    background: #ecebe9; }
  .service-box > i.icon-caret-right {
    position: absolute;
    left: -2px;
    font-size: 40px;
    top: 20px;
    color: #ffffff; }
  .service-box .service-text h3 a {
    color: #000000;
    text-decoration: none; }
    .service-box .service-text h3 a:hover {
      text-decoration: underline; }

/* ==========================================================================
   Button Styles
   ========================================================================== */
/*Red Button*/
.red-btn {
  background: #de3a31;
  color: #ffffff;
  text-decoration: none; }
  .red-btn:hover {
    background: #c12c24;
    text-decoration: none;
    color: #ffffff; }

/*Cyan Button*/
.cyan-btn {
  background: #bed4df;
  color: #ffffff;
  text-decoration: none; }
  .cyan-btn:hover {
    background: #adc4cf;
    color: #ffffff;
    text-decoration: none; }

/*Blue Button*/
.blue-btn {
  background: #683025;
  color: #ffffff;
  text-decoration: none; }
  .blue-btn:hover {
    background: #222b37;
    color: #ffffff;
    text-decoration: none; }

/*Grey Button*/
.grey-btn {
  background: #dfdfdf;
  color: #ffffff;
  text-decoration: none; }
  .grey-btn:hover {
    background: #d1d0d0;
    color: #ffffff;
    text-decoration: none; }

/*Med-Btn*/
.med-btn {
  display: inline-block;
  padding: 12px 50px;
  font-size: 1.250em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/*Small-btn*/
.small-btn {
  display: inline-block;
  font-size: 1.063em;
  padding: 10px 32px; }

/*Call to action buttons*/
/*red call to action button*/
.red-cta-btn {
  background: #de3a31;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  display: inline-block;
  border-bottom: 7px solid #ab2018;
  font-size: 1.375em;
  padding: 22px 46px;
  text-decoration: none; }
  .red-cta-btn:hover {
    color: #ffffff;
    top: 7px;
    border: 0 solid;
    margin-bottom: 7px;
    text-decoration: none;
    position: relative; }

/*Blue Call to action Button*/
.blue-cta-btn {
  background: #683025;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  display: inline-block;
  border-bottom: 7px solid #202428;
  font-size: 1.375em;
  padding: 22px 46px;
  text-decoration: none; }
  .blue-cta-btn:hover {
    color: #ffffff;
    top: 7px;
    border: 0 solid;
    margin-bottom: 7px;
    text-decoration: none;
    position: relative; }

/*Cyan Call to action Button*/
.cyan-cta-btn {
  background: #bed4df;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  display: inline-block;
  border-bottom: 7px solid #a9bcc6;
  font-size: 1.375em;
  padding: 22px 46px;
  text-decoration: none; }
  .cyan-cta-btn:hover {
    color: #ffffff;
    top: 7px;
    border: 0 solid;
    margin-bottom: 7px;
    text-decoration: none;
    position: relative; }

/* ==========================================================================
    Tab Styles
   ========================================================================== */
ul.horizontal-tabs {
  background: #ecebe9;
  padding: 7px 0; }
  ul.horizontal-tabs li {
    float: left;
    position: relative; }
    ul.horizontal-tabs li i.icon-caret-down {
      position: absolute;
      font-size: 36px;
      color: #ecebe9;
      top: 23px;
      left: 50%;
      margin-left: -10.5px;
      display: none;
      /*Show when the tab is active*/ }
    ul.horizontal-tabs li a {
      display: block;
      border-right: 1px solid #fff;
      padding: 3px 20px;
      color: #9d9a93;
      text-decoration: none; }
      ul.horizontal-tabs li a:hover {
        color: #2d2d2d;
        background: transparent; }
    ul.horizontal-tabs li:last-child a {
      border-right: none; }
    ul.horizontal-tabs li.active a {
      color: #2d2d2d; }
    ul.horizontal-tabs li.active i.icon-caret-down {
      display: block; }

.tab-content {
  font-size: 0.813em;
  color: #666666;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #ecebe9; }

/* ==========================================================================
    info-box styles
   ========================================================================== */
.info-box {
  background: #683025 url("../img/info-box-icon.png") top right no-repeat;
  color: #afbbc1;
  padding: 20px;
  font-size: 1.125em; }
  .info-box h4 {
    color: #ffffff; }

.info-box-btn-big {
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.250em;
  padding: 10px 10px; }

.info-box-btn-small {
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.813em;
  padding: 10px 10px;
  font-weight: 700; }

/* ==========================================================================
   Project Box Styles
   ========================================================================== */
.project-box {
  /*border-bottom: 3px solid #ecebe9;*/
  position: relative; }
  .project-box i.icon-caret-right {
    position: absolute;
    color: #ecebe9;
    font-size: 33px;
    bottom: 43px;
    left: -2px; }
  .project-box img {
    margin-bottom: 20px; }
  .project-box h4 {
    font-size: 1.188em;
    margin-left: 20px;
    margin-bottom: 5px; }
    .project-box h4 a {
      color: #2d3032;
      text-decoration: none; }
  .project-box a {
    color: #2d3032;
    text-decoration: none; }
  .project-box h4 a:hover {
    text-decoration: underline; }
  .project-box p {
    color: #6a7d87;
    font-size: 0.875em;
    margin-left: 20px;
    text-transform: uppercase; }
  .project-box:hover {
    background: #bbab95;
    /*border-bottom: 3px solid #de3a31;  */ }
    .project-box:hover h4 a {
      color: #ffffff; }
    .project-box:hover p {
      color: #bed4df; }
    .project-box:hover i.icon-caret-right {
      color: #ffffff; }

/* ==========================================================================
   Service-icon styles
   ========================================================================== */
.service-icon i {
  font-size: 70px;
  float: left;
  color: #afbbc1; }
.service-icon:hover i {
  color: #de3a31; }
.service-icon a {
  text-decoration: none; }
  .service-icon a:hover {
    text-decoration: underline;
    color: inherit; }
.service-icon h4 {
  font-size: 1.188em;
  margin-bottom: 10px; }
.service-icon p {
  color: #6a7d87;
  font-size: 0.875em; }

/* ==========================================================================
   Blue Hero Box styles
   ========================================================================== */
.blue-hero-box {
  background: #683025;
  padding: 40px 50px 20px 50px; }
  .blue-hero-box .title {
    font-size: 1.675em;
    font-weight: 700;
    display: inline-block;
    float: left;
    color: #ffffff;
    margin-bottom: 0; }
  .blue-hero-box .subtitle {
    font-size: 1.450em;
    float: left;
    display: inline-block;
    color: #afbbc1; }
  .blue-hero-box a {
    margin-left: 100px; }

/* ==========================================================================
   Recent styles
   ========================================================================== */
.recent .slide-content {
  min-height: 250px;
  padding: 25px 100px 25px 0; }
  .recent .slide-content img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 60px; }
  .recent .slide-content h2 {
    color: #929292;
    margin-top: 40px; }
  .recent .slide-content span.divider {
    font-weight: 700;
    font-size: 20px; }
  .recent .slide-content i {
    color: #bed4df;
    margin-left: 10px;
    font-size: 20px;
    text-decoration: none !important; }
  .recent .slide-content span.category {
    color: #5c5656;
    font-size: 1.375em; }
  .recent .slide-content .date {
    display: block;
    color: #5c5656;
    font-size: 0.938em;
    margin-left: 10px;
    position: relative;
    left: 15px;
    top: 6px; }
.recent .carousel-control {
  position: absolute;
  top: 30%;
  right: 0;
  left: auto;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 50px;
  font-weight: 100;
  line-height: 37px;
  color: #fff;
  text-align: center;
  background: #eeeeee;
  border: none;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none; }
.recent a.posts-link {
  position: absolute;
  top: 70%;
  right: 0;
  left: auto;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 20px;
  font-weight: 100;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #eeeeee;
  border: none;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none; }
  .recent a.posts-link:hover {
    background: #dfdfdf; }
.recent .carousel-control.left {
  top: 50%; }
.recent .carousel-control:hover {
  background: #dfdfdf; }

/* ==========================================================================
   Testimonials styles
   ========================================================================== */
.testimonials .slide-content {
  min-height: 250px;
  padding: 25px 25px 25px 0; }
  @media (max-width: 768px) {
    .testimonials .slide-content {
      padding-right: 0; } }
  @media (max-width: 480px) {
    .testimonials .slide-content {
      padding: 25px; } }
  .testimonials .slide-content img {
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 60px; }
    @media (max-width: 768px) {
      .testimonials .slide-content img {
        margin-top: 20px;
        margin-right: 40px; } }
    @media (max-width: 480px) {
      .testimonials .slide-content img {
        float: none;
        margin: auto;
        display: block; } }
  .testimonials .slide-content h2 {
    color: #929292;
    margin-top: 30px;
    font-size: 1.2em;
    line-height: 1.2; }
    @media (min-width: 768px) {
      .testimonials .slide-content h2 {
        font-size: 1.6em;
        line-height: 1.4; } }
    @media (max-width: 480px) {
      .testimonials .slide-content h2 {
        text-align: center; } }
  .testimonials .slide-content .divider {
    font-weight: 700;
    font-size: 20px; }
  .testimonials .slide-content i {
    color: #bed4df;
    margin-left: 10px;
    font-size: 20px;
    text-decoration: none !important; }
    .testimonials .slide-content i:hover {
      color: #000000; }
  .testimonials .slide-content .author {
    color: #5c5656;
    font-size: 1.375em; }
    @media (max-width: 480px) {
      .testimonials .slide-content .author {
        text-align: center;
        display: block; } }
  .testimonials .slide-content .desig {
    display: block;
    color: #5c5656;
    font-size: 0.938em;
    position: relative;
    top: 6px; }
    @media (max-width: 480px) {
      .testimonials .slide-content .desig {
        text-align: center; } }
.testimonials .carousel-control {
  position: absolute;
  top: 40%;
  right: 0;
  left: auto;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 20px;
  font-weight: 100;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #eeeeee;
  border: none;
  text-decoration: none;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 100;
  filter: alpha(opacity=100); }
  .testimonials .carousel-control.left {
    top: 60%; }
  .testimonials .carousel-control:hover {
    background: #dfdfdf; }
.testimonials .carousel-inner {
  height: 100%; }

.carousel.testimonials .item, .carousel.mainCarousel .item, .carousel.showcase .item {
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease; }
.carousel.testimonials .active, .carousel.mainCarousel .active, .carousel.showcase .active {
  top: 0;
  opacity: 1; }
.carousel.testimonials .next, .carousel.mainCarousel .next, .carousel.showcase .next {
  opacity: 0; }
.carousel.testimonials .prev, .carousel.mainCarousel .prev, .carousel.showcase .prev {
  opacity: 0; }
.carousel.testimonials .next.left, .carousel.testimonials .prev.right, .carousel.mainCarousel .next.left, .carousel.mainCarousel .prev.right, .carousel.showcase .next.left, .carousel.showcase .prev.right {
  top: 0;
  opacity: 1; }
.carousel.testimonials .active.left, .carousel.mainCarousel .active.left, .carousel.showcase .active.left {
  opacity: 0; }
.carousel.testimonials .active.right, .carousel.mainCarousel .active.right, .carousel.showcase .active.right {
  opacity: 0; }

.ap-table, .ap-subject-table, th.about-beliefs-header, .profile-of-grads-header {
  border: 0;
  font-family: 'Sintony', 'Arial', sans-serif;
  text-align: center;
  width: 100%; }
  .ap-table td, .ap-subject-table td, th.about-beliefs-header td, .profile-of-grads-header td {
    background-color: #bed4df;
    border: 1px solid #f7f7f7; }
  .ap-table th, .ap-subject-table th, th.about-beliefs-header th, .profile-of-grads-header th {
    background-color: #683025;
    border: 1px solid #fff;
    color: #f7f7f7;
    font-weight: 400; }
  .ap-table li, .ap-subject-table li, th.about-beliefs-header li, .profile-of-grads-header li {
    list-style-type: none; }
    .ap-table li a, .ap-subject-table li a, th.about-beliefs-header li a, .profile-of-grads-header li a {
      text-decoration: none; }
      .ap-table li a:hover, .ap-subject-table li a:hover, th.about-beliefs-header li a:hover, .profile-of-grads-header li a:hover {
        color: #0480be; }

.ap-subject-header {
  background-color: #683025;
  border: 1px #fff solid;
  color: #f7f7f7;
  font-weight: 400;
  text-align: center; }

th.ap-class-header {
  background-color: #78a3b9;
  border: 1px solid #f7f7f7;
  color: #f7f7f7;
  font-weight: 400;
  width: 50%; }

th.about-beliefs-header {
  background-color: #f7f7f7;
  border: 2px solid #fff;
  text-align: left; }
  th.about-beliefs-header li {
    color: #2d3032;
    padding: 10px; }

#map-canvas {
  min-height: 40vh;
  padding-top: 20px; }

#map {
  bottom: 10px;
  height: 100%;
  width: 100%; }

/***
   Index
   =================
   1. General Fixes
   2. Main Styles
       2.1. Heading Styles
       2.2. Styles for the boxed layout
       2.3. Custom Columns
   3. Typography
       3.1. Heading Styles
       3.2. Pullquote Styling
       3.3. Dropcap Styling
       3.4  List Styling
   4. Header Styles
       4.1. Logo Styles
       4.2. Navigation Styles
       4.3. Updates
       4.4  Mobile Navigation(responsive) styling
       4.5  Page Heading Styles
       4.6  Page Heading for Portfolio Item Page
   5. Content Area Styles
       5.1. Sidebar Core Styles
       5.2. Content Box Core Styles
   6. Footer Styles
       6.1. Subscribe-box Styles
       6.2. Inner Black Footer Styles
       6.3. Footer Social Media
       6.4. Custom Footer Menu Widget
       6.5. Recent Posts footer Menu
       6.6. Footer Subscribe Widget
   7. Sidebar Widgets
       7.1. Download Widget
       7.2. Twitter Widget
       7.3. Sidebar Menu Widget
       7.4. Search Widget
       7.5. Recent Posts Widget
       7.6. Recent Projects Widget
       7.7. Contact Widget
       7.8. Info Box Widget
       7.9. Text Widget
   8. Shortcodes Styles
       8.1. Medium Buttons Block
       8.2. Small Buttons Block
       8.3. cta-buttons block
   9. Portfolio Single Styles
   10. Portfolio Single Full Page Styles
   11. Blog Listing  Styles
   12. Blog Pagination Styles
   13. Blog Listing Alternative Styles
   14. Gallery Styles
   15. Single Post Styles
       15.1. Author Styles
       15.2. Comment Styles
   16. Comment Reply Styles
   17. Home v1 Styles
       17.1. HOME v1 SLIDER STYLES
   18. Home v2 Styles
   19. Contact Page Styles
   20. Contact Form Styles
   20. Service Styles
   21. Media Queries
   =================
***/
/* ==========================================================================
   1. General Fixes
 ========================================================================== */
/* apply a natural box layout model to all elements */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.transparent-border {
  border-bottom: 1px solid transparent !important; }

div.carousel.pull-left {
  margin-bottom: 15px;
  margin-right: 30px; }
  @media (max-width: 480px) {
    div.carousel.pull-left {
      margin-right: 0; } }
div.carousel.pull-right {
  margin-bottom: 15px;
  margin-left: 30px; }

/*The following code is a fix for the wrapper region which contains sidebar and content bar what is done here is the width
of the container inside the wrapper element is increased by a 100px so as to add a padding of 50px on each side this way
the responsivity of the container is maintained and it does not break.*/
#wrapper {
  flex: 1; }

#wrapper > .container {
  background: #fff;
  flex: 1;
  min-height: 100%; }

@media (min-width: 1200px) {
  #wrapper .container {
    width: 1270px; } }
@media (max-width: 1199px) and (min-width: 768px) {
  #wrapper .container {
    width: 1040px; } }
@media (max-width: 979px) and (min-width: 768px) {
  #wrapper .container {
    background: #ffffff;
    width: 824px; } }
.sidebar-fix {
  /*FIX FOR THE SIDEBAR THE ROW BEFORE ASIDE#sidebar SHOULD ALWAYS HAVE THIS WITH IT*/
  overflow: hidden; }

/* ==========================================================================
   2. Main Styles
 ========================================================================== */
.video-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
  width: 100%; }
  .video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

html {
  height: 100%;
  overflow-x: hidden;
  /* Ver 1.1 */ }

body {
  -webkit-font-smoothing: antialiased;
  background: #ecebe9;
  color: #565353;
  display: flex;
  flex-direction: column;
  font: 16px/1.5 'Sintony', sans-serif;
  min-height: 100%;
  overflow-x: hidden;
  text-align: left;
  word-break: keep-all;
  word-wrap: normal; }
  @media (max-width: 479px) {
    body {
      padding-left: 0;
      padding-right: 0; } }

::selection, ::-moz-selection {
  background: #683025;
  color: #fff; }

.clear {
  clear: both; }

.black {
  color: #000; }

button {
  border: 0; }

p {
  margin: 0 0 20px; }

.small-text {
  color: #6a7d87;
  font-size: 0.875em; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a.thumbnail {
    padding: 9px; }
  a:hover {
    color: #683025;
    text-decoration: underline; }

.red {
  color: #de3a31; }

img.pull-left {
  margin: 0 30px 25px 0; }
img.pull-right {
  margin: 0 0 25px 30px; }

/* 2.1 Heading Styles */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-bottom: 20px;
  color: #2d3032;
  margin-top: 0; }

h1 {
  font-size: 2.188em;
  line-height: 45px; }

h2 {
  font-size: 1.813em;
  line-height: 35px; }

h3 {
  font-size: 1.500em;
  line-height: 32px; }

h4 {
  font-size: 1.250em;
  line-height: 28px; }

h5 {
  font-size: 1.063em;
  line-height: 24px;
  text-transform: uppercase; }

h6 {
  font-size: 1.125em;
  line-height: 24px;
  font-weight: 700; }

/* 2.2 Styles for the boxed layout */
.box-padding-left {
  padding-left: 50px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

.box-padding-right {
  padding-right: 50px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

.box-padding-both {
  padding: 0 50px 0 50px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }

/* 2.3 Custom Columns */
.col1 {
  max-width: 70px; }

.col2 {
  max-width: 170px; }

.col3 {
  max-width: 270px; }

.col4 {
  max-width: 370px; }

.col5 {
  max-width: 470px; }

.col6 {
  max-width: 570px; }

.col7 {
  max-width: 670px; }

.col8 {
  max-width: 770px; }

.col9 {
  max-width: 870px; }

.col10 {
  max-width: 970px; }

.col11 {
  max-width: 1070px; }

.col12 {
  max-width: 1170px; }

/* ==========================================================================
    3. Typography
 ========================================================================== */
/* 3.1 Blockquote Styling*/
blockquote {
  padding: 30px 50px 20px 100px;
  background: #f7f7f7 url("../img/blockquote-icon.png") no-repeat 26px 33px;
  border: 0;
  margin-top: 20px;
  margin-bottom: 20px; }

@media (max-width: 480px) {
  blockquote {
    background: #f7f7f7 url("../img/blockquote-icon.png") no-repeat 10px 33px;
    background-size: 35px;
    padding-left: 55px;
    padding-right: 35px; } }
cite {
  font-size: 15px;
  font-style: normal;
  display: block;
  margin-top: 20px;
  color: #bab1b1; }

/* 3.2 Pullquote Styling */
.pullquote {
  text-align: right;
  font-size: 1.225em;
  padding-right: 30px;
  margin-right: 30px;
  margin-bottom: 20px;
  border-right: 2px solid #683025;
  float: left;
  max-width: 400px;
  color: #242323; }

/* 3.3  Dropcap Style */
.dropcap {
  font-size: 100px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  float: left;
  line-height: 1;
  padding-right: 32px;
  color: #d3d3d3; }

/* 3.4 List Styling */
#content li {
  line-height: 1.5; }
#content ul {
  margin-left: 0; }

ul.arrow li {
  background: url("../img/ul-list.png") left 5px no-repeat;
  padding-left: 1.6em;
  list-style: none; }

/* ==========================================================================
   4. Header Styles
 ========================================================================== */
#top-header {
  background: #dfdfdf; }

.header-container {
  background: #683025;
  min-height: 131px;
  /*Adjust the height of the header here*/
  border-bottom: 4px solid #bed4df; }

/* 4.1 Logo Styles ( div.logo > img > a)
  ==========================*/
.logo {
  line-height: 8.125em; }
  .logo a {
    display: inline-block;
    width: 355px;
    height: 130px;
    float: left; }
    .logo a img {
      max-width: inherit; }

.security-logo{
    padding-top:20px;
    padding-bottom:20px;
}
/* 4.2 Navigation Styles
==========================*/
/* Initialisation */
#navigation {
  margin-top: 3.7em; }
  #navigation ul, #navigation li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline; }
  #navigation ul li.active > a {
    color: #ffffff; }
  #navigation ul li:hover > ul {
    opacity: 1;
    position: absolute;
    top: 100%;
    left: 0; }
  #navigation ul ul li:hover > ul {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 1;
    z-index: 777;
    border: 0; }
  #navigation ul li {
    float: left;
    position: relative; }
    #navigation ul li a {
      font-size: 1em;
      font-weight: 700;
      color: #afbbc1;
      text-decoration: none;
      display: inline-block; }
    #navigation ul li:hover > a {
      color: #f7f7f7; }
  #navigation ul > li {
    margin-left: 25px; }
  #navigation ul > li a i {
    font-size: 0.6em;
    position: relative;
    top: -2px; }
  #navigation .nav-top-icon {
    position: absolute;
    top: 31px;
    z-index: 1000000;
    left: 49px;
    color: #bed4df; }
  #navigation .nav-right-icon {
    position: absolute;
    z-index: 1000;
    color: #bed4df;
    right: 10px;
    top: 11px; }
  #navigation ul ul {
    opacity: 0;
    margin: 0 0 0 -30px;
    filter: alpha(opacity=0);
    position: absolute;
    top: -99999px;
    left: 0;
    padding-top: 55px;
    /*Adjust this value to adjust the top distance of the dropdown menu*/
    z-index: 999; }
    #navigation ul ul li {
      padding: 0;
      background: #683025;
      cursor: pointer; }
      #navigation ul ul li a {
        font-size: .9em;
        border-bottom: 1px solid #4e6077; }
      #navigation ul ul li:last-child a {
        border-bottom: 1px solid transparent; }
      #navigation ul ul li a {
        padding: 10px 0;
        display: block;
        width: 150px;
        margin: 0 15px; }
      #navigation ul ul li:hover {
        background: #bbab95; }
        #navigation ul ul li:hover a {
          color: #ffffff; }
    #navigation ul ul ul {
      position: absolute;
      top: -99999px;
      left: 100%;
      opacity: 0;
      margin: 0 0 0 0;
      z-index: 999;
      padding-top: 0;
      background: #3d4d62; }
      #navigation ul ul ul li {
        background: #3d4d62;
        margin-left: 0; }
        #navigation ul ul ul li a {
          width: 115px;
          color: #afbbc1 !important; }
        #navigation ul ul ul li:hover a {
          color: #fff !important; }
  #navigation > ul > li > ul::before {
    content: "";
    display: block;
    border-top: 4px solid transparent;
    height: 4px;
    position: absolute;
    top: 51px;
    width: 100%; }

/* IE Dropdown Fix
==========================*/
.ie7 #navigation, .ie8 #navigation, .no-js #navigation {
  margin-top: 3.4em; }

/* 4.4 Mobile Navigation(responsive) styling
==========================*/
a.nav-toggle {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #2b333e;
  /* uncomment this if you want the padding to have a different color */
  color: #f7f7f7;
  cursor: pointer;
  display: none;
  font-size: 36px;
  padding: 0 10px;
  position: relative;
  right: 5px;
  text-decoration: none;
  top: 42px;
  /* Adjust this value if the toggle is not aligning with the logo correctly */ }
  a.nav-toggle .icon-align-justify {
    position: relative;
    top: 2px; }
  a.nav-toggle:hover {
    color: #78a3b9; }

#mobile-navigation {
  display: none;
  margin-bottom: 30px; }
  #mobile-navigation i {
    display: none; }
  #mobile-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    #mobile-navigation ul li a {
      font-size: 1em;
      font-weight: 700;
      color: #afbbc1;
      text-decoration: none;
      padding: 12px 0 12px 4px;
      border-bottom: 1px solid #4e6077;
      display: block; }
      #mobile-navigation ul li a:hover, #mobile-navigation ul li a:active {
        background: #bbab95;
        color: #ffffff; }
  #mobile-navigation > ul > li > ul > li a {
    padding-left: 25px; }
  #mobile-navigation > ul > li > ul > li > ul > li a {
    padding-left: 40px; }

/* 4.5 Page Heading Styles
==========================*/
.page-heading-container {
  background: #bed4df;
  color: #ffffff;
  min-height: 6.000em;
  position: relative; }
  .page-heading-container p.title {
    font-size: 1.2em;
    margin: 1.7em 0 0 0;
    max-width: 960px; }
  .page-heading-container p.social-title {
    font-size: 1.35em;
    margin: 1.4em 0 0 0;
    font-weight: 400; }
  .page-heading-container .top-social {
    cursor: default;
    margin-left: 30px; }
    .page-heading-container .top-social a {
      color: #ffffff;
      text-decoration: none;
      font-size: 2.000em;
      line-height: 96px;
      margin-left: 30px; }
      .page-heading-container .top-social a:first-child {
        margin-left: 0; }
      .page-heading-container .top-social a:hover {
        color: #683025; }
  .page-heading-container i.icon-caret-down {
    color: #bed4df;
    position: absolute;
    font-size: 54px;
    top: 73px;
    left: 345px; }
  .page-heading-container p.portfolio-title {
    font-size: 1.625em;
    margin: 1.1em 0 0 0;
    display: inline-block; }
  .page-heading-container .portfolio-controls {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 20px;
    cursor: default; }
    .page-heading-container .portfolio-controls a {
      color: #ffffff;
      font-size: 30px;
      text-decoration: none; }
      .page-heading-container .portfolio-controls a:first-child {
        margin-right: 15px; }
      .page-heading-container .portfolio-controls a:hover {
        text-decoration: none;
        color: #1e1e1e; }

/* 4.6 Page Heading for Portfolio Item Page */
.category-dropdown {
  position: relative; }
  .category-dropdown ul {
    display: none;
    position: absolute;
    top: 70px;
    width: 100%;
    left: -25px;
    list-style: none;
    background: #92adbb;
    z-index: 10000; }
    .category-dropdown ul li {
      position: relative; }
      .category-dropdown ul li a {
        padding: 10px 16px;
        display: block;
        color: #ffffff;
        text-decoration: none; }
        .category-dropdown ul li a:hover {
          background: #98b4c2; }
  .category-dropdown a.category-toggle {
    cursor: pointer;
    color: #ffffff;
    font-size: 1.188em;
    line-height: 96px;
    background: #92adbb;
    padding: 10px 0 10px 16px;
    text-decoration: none; }
    .category-dropdown a.category-toggle i {
      padding-left: 35px;
      position: relative;
      left: -14px;
      top: -1px;
      font-size: 13px; }
    .category-dropdown a.category-toggle:hover {
      text-decoration: none;
      background: #859eab; }

/* ==========================================================================
   5. Content Area Styles
 ========================================================================== */
/* 5.1 Sidebar Core Styles
==========================*/
#sidebar {
  background: #f7f7f7;
  margin-bottom: -9999px;
  padding-bottom: 9999px; }

/* 5.2 Content Box Core Styles
==========================*/
#content {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 40px; }

/* ==========================================================================
   6. Footer Styles
 ========================================================================== */
#main-footer {
  background: #dfdfdf;
  padding-bottom: 0; }


.copyright, .copyright a
{
    color:white;
    text-decoration:none;
}
.copyright a:hover
{
    color:white;
    text-decoration:underline;
}

/* 6.1 Subscribe-box Styles */
.subscribe-box {
  background: #ecebe9;
  padding-top: 32px;
  padding-bottom: 32px; }
  .subscribe-box h3 {
    margin-bottom: 0;
    margin-top: 9px;
    color: #2d2d2d; }

h3.subscribe-box-submit {
  color: #2aa117;
  display: none; }

.subscribe-box form {
  margin: 0; }
  .subscribe-box form input, .subscribe-box form button {
    margin-left: 25px; }
  .subscribe-box form input {
    height: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ffffff;
    border: 0;
    color: #d3d2cf !important;
    padding-left: 19px;
    padding-right: 20px;
    box-shadow: none !important;
    max-width: 168px; }
    .subscribe-box form input:first-child {
      margin-left: 0; }

/* 6.2 Inner Black Footer Styles */
.inner-footer {
  background:  #683025;
  padding-top: 45px;
  padding-bottom: 30px;
  font-size: 15px; }
.inner-footer1 {
  background:  #683025;
  padding-top: 45px;
  padding-bottom: 30px;
  font-size: 15px; }
  .inner-footer h5 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700; }
  .inner-footer p {
    color: #ffffff; }

/* 6.3 Footer Social Media
==========================*/
.footer-social {
  cursor: default; }
  .footer-social a {
    font-size: 26px;
    margin-right: 13px;
    color: #606568;
    text-decoration: none; }
    .footer-social a:hover {
      text-decoration: none;
      color: #bed4df; }

/* 6.4 Custom Footer Menu Widget
==========================*/
ul.custom-footer-menu {
  list-style: none;
  margin-left: 0; }
  ul.custom-footer-menu li {
    border-bottom: 1px solid #62737c; }
    ul.custom-footer-menu li a {
      color: #ffffff;
      padding: 12px 0 12px 0;
      display: block;
      text-decoration: none; }
    ul.custom-footer-menu li:first-child a {
      padding: 0 0 12px 0; }
    ul.custom-footer-menu li a:hover {
      color: #bed4df;
      text-decoration: none; }
ul.recent-posts-footer {
  list-style: none;
  margin-left: 0; }
  ul.recent-posts-footer li {
    border-bottom: 1px solid #62737c;
    padding: 15px 0 15px 0; }
    ul.recent-posts-footer li:first-child {
      padding: 0 0 15px 0; }
    ul.recent-posts-footer li:last-child {
      border-bottom: none; }
    ul.recent-posts-footer li a {
      color: #ffffff;
      display: block;
      text-decoration: none; }
      ul.recent-posts-footer li a:hover {
        color: #bed4df;
        text-decoration: none; }
    ul.recent-posts-footer li span.post-date {
      color: #6a7d87; }

/* 6.5 Recent Posts footer Menu
==========================*/
/* 6.6 Footer Subscribe Widget
==========================*/
span.footer-subscribe-submit {
  color: #ffffff;
  position: relative;
  top: -12px;
  display: none; }

.footer-subscribe-widget input {
  height: 47px;
  max-width: 199px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #404345;
  border: 0;
  color: #afbbc1 !important;
  padding-left: 19px;
  padding-right: 20px;
  box-shadow: none !important; }
  .footer-subscribe-widget input:focus {
    background: #343638; }
.footer-subscribe-widget button {
  background: #191b1c;
  border: none;
  color: #404345;
  padding: 8px 25px 7px 25px;
  font-size: 25px;
  position: relative;
  top: -5px;
  left: -4px; }
  .footer-subscribe-widget button:hover {
    background: #000000; }

.footer-subscribe-wdiget input::-webkit-input-placeholder, .footer-subscribe-wdiget input:-moz-placeholder, .footer-subscribe-wdiget input::-moz-placeholder, .footer-subscribe-wdiget input:-ms-input-placeholder {
  color: #afbbc1; }

/* ==========================================================================
   7. Sidebar Widgets
 ========================================================================== */
#sidebar {
  padding-top: 60px; }
  #sidebar .widget {
    margin-right: 50px;
    padding: 20px 0; }
    #sidebar .widget:first-child {
      padding: 0; }
    #sidebar .widget h5 {
      font-weight: 700;
      color: #683025;
      padding-bottom: 12px;
      border-bottom: 5px solid #dfdfdf; }

/* 7.1 Download Widget
==========================*/
.download-widget {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .download-widget img {
    float: left;
    padding: 5px 18px 22px 0; }
  .download-widget a {
    color: #000000;
    font-size: 0.938em;
    margin-bottom: 6px;
    display: inline-block;
    text-decoration: none; }
    .download-widget a:hover {
      text-decoration: underline; }
  .download-widget span.date, .download-widget span.size {
    color: #999999;
    font-size: 0.875em;
    display: inline-block;
    max-width: 158px;
    float: left; }

/* 7.2 Twitter Widget
==========================*/
.twitter-widget ul {
  margin-left: 0; }
  .twitter-widget ul li {
    margin-bottom: 30px;
    background: url("../img/tweet-icon.png") no-repeat left 5px;
    list-style: none;
    padding-left: 50px;
    font-size: 15px; }
    .twitter-widget ul li:last-child {
      border-bottom: 1px solid #dfdfdf;
      padding-bottom: 30px; }
    .twitter-widget ul li span {
      color: #aeaeae;
      font-size: 12px;
      margin-top: 10px;
      display: block; }

/* 7.3 Sidebar Menu Widget
==========================*/
#sidebar .menu-widget ul {
  margin: 0; }
  #sidebar .menu-widget ul li {
    padding: 9px 0;
    list-style: none;
    position: relative;
    /*This is given to specify the position of the hover triangle*/ }
    #sidebar .menu-widget ul li .icon-caret-right {
      /*This is the styling for the hover triangle*/
      font-size: 50px;
      color: #ecebe9;
      position: absolute;
      left: -53px;
      top: -6px; }
    #sidebar .menu-widget ul li a {
      font-size: 1.063em;
      color: #78a3b9;
      text-decoration: none; }
      #sidebar .menu-widget ul li a:hover, #sidebar .menu-widget ul li a.active {
        color: #2d3032;
        text-decoration: none; }

#dynamic-sidebar .icon-caret-right {
  display: none; }
#dynamic-sidebar .current .icon-caret-right, #dynamic-sidebar li:hover .icon-caret-right {
  display: block; }

/* 7.4 Search Widget
==========================*/
.search-widget form {
  position: relative; }
.search-widget input {
  height: 47px;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  color: #d6d3d3 !important;
  font-weight: 400;
  font-size: 15px;
  padding-left: 19px;
  padding-right: 80px;
  box-shadow: none !important;
  border: 1px solid #ecebe9; }
  .search-widget input:focus {
    background: #ffffff;
    box-shadow: none;
    outline: 0; }
  .search-widget input:active {
    background: #ffffff;
    box-shadow: none; }
.search-widget button {
  background: #ecebe9;
  border: none;
  color: #ffffff;
  padding: 10px 18px 10px 18px;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0; }
  .search-widget button:hover {
    background: #dbdbdb; }

.search-wdiget input::-webkit-input-placeholder, .search-wdiget input:-moz-placeholder, .search-wdiget input::-moz-placeholder, .search-wdiget input:-ms-input-placeholder {
  color: #d6d3d3;
  font-weight: 400; }

/* 7.5 Recent Posts Widget
==========================*/
.recent-posts .post-details {
  padding: 20px;
  background: #ecebe9; }
.recent-posts .post-title {
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 15px;
  display: block;
  text-decoration: none; }
  .recent-posts .post-title:hover {
    text-decoration: underline; }
.recent-posts span.post-date {
  font-size: 13px;
  color: #683025; }
.recent-posts .carousel-control {
  width: auto;
  height: auto;
  top: -46px;
  right: 0;
  left: auto;
  margin-top: -20px;
  font-size: 45px;
  font-weight: 700;
  color: #e0deda;
  text-align: center;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none; }
  .recent-posts .carousel-control:hover {
    color: #b1abab; }
  .recent-posts .carousel-control[data-slide="prev"] {
    right: 18px; }

/* 7.6 Recent Projects Widget
==========================*/
.recent-projects .project-details {
  padding: 20px;
  background: #aac8d7; }
.recent-projects .project-title {
  font-size: 18px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
  text-decoration: none; }
  .recent-projects .project-title:hover {
    text-decoration: underline; }
.recent-projects span.project-category {
  font-size: 13px;
  color: #683025; }

.recent-projects-widget h5 {
  padding-right: 22px; }

.recent-projects .carousel-control {
  width: auto;
  height: auto;
  top: -46px;
  right: 0;
  left: auto;
  margin-top: -20px;
  font-size: 45px;
  font-weight: 700;
  color: #e0deda;
  text-align: center;
  background: transparent;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none; }
  .recent-projects .carousel-control:hover {
    color: #b1abab; }
  .recent-projects .carousel-control[data-slide="prev"] {
    right: 18px; }

/* 7.7 Contact Widget
==========================*/
.contact-widget div {
  position: relative;
  border-bottom: 1px solid #dfdfdf; }
  .contact-widget div p {
    padding-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px; }
  .contact-widget div i {
    position: absolute;
    color: #dfdfdf;
    font-size: 30px; }

/* 7.8 Info Box Widget
==========================*/
.info-box-widget {
  margin-right: 0 !important;
  margin-top: 20px; }

/* 7.9 Text Widget
==========================*/
.text-widget {
  margin-right: 0 !important; }

/* ==========================================================================
  8. Shortcodes Styles
 ========================================================================== */
/* 8.1 Medium Buttons Block */
.med-buttons {
  max-width: 175px;
  float: left; }
  .med-buttons a {
    float: left;
    margin-top: 20px; }
    .med-buttons a:first-child {
      margin-top: 0; }

/* 8.2 Small Buttons Block */
.small-buttons {
  max-width: 175px;
  margin-left: 20px;
  float: left; }
  .small-buttons a {
    float: left;
    margin-top: 28px; }
    .small-buttons a:first-child {
      margin-top: 7px; }

/* 8.3 cta-buttons block */
.cta-buttons a {
  margin-left: 28px; }
  .cta-buttons a:first-child {
    margin-left: 0; }

/* ==========================================================================
  9. Portfolio Single Styles
 ========================================================================== */
.portfolio-container {
  position: relative; }
  .portfolio-container #content {
    padding-top: 366px; }

.portfolio-featured {
  position: absolute;
  top: -96px;
  right: 0; }
  .portfolio-featured img {
    float: left;
    width: 100%; }
  .portfolio-featured .overlay {
    position: absolute;
    max-width: 320px;
    right: 0;
    top: 95px;
    color: #ffffff;
    background: #683025;
    background: rgba(50, 62, 78, 0.76);
    min-height: 297px;
    padding: 40px 30px; }
  .portfolio-featured h4 {
    color: #ffffff; }
  .portfolio-featured .portfolio-social-media {
    position: absolute;
    right: 0;
    bottom: -70px;
    min-height: 70px;
    background: #ececec;
    max-width: 320px;
    width: 100%;
    cursor: default; }

.portfolio-social-media a {
  color: #b6b3b3;
  font-size: 1.8em;
  line-height: 70px;
  margin-left: 30px;
  text-decoration: none; }
  .portfolio-social-media a:hover {
    text-decoration: none;
    color: #1e1e1e; }

.portfolio-container .portfolio-title {
  position: relative;
  top: -25px; }

/* ==========================================================================
   10. Portfolio Single Full Page Styles
 ========================================================================== */
.portfolio-large-featured {
  margin-bottom: 60px;
  overflow: hidden; }

.featured-intro {
  background: #fd3f6a;
  max-width: 395px;
  min-height: 428px;
  margin-bottom: 3px;
  color: #ffffff;
  padding: 40px 30px;
  position: relative; }
  .featured-intro > i.icon-caret-right {
    position: absolute;
    font-size: 47px;
    left: -3px; }
  .featured-intro p {
    font-size: 1.875em; }

.featured-details {
  padding: 40px 30px 20px 30px;
  background: #ecebe9;
  max-width: 395px; }
  .featured-details p {
    color: #000000;
    margin-bottom: 10px; }
    .featured-details p span {
      color: #205e95; }

.featured-left {
  float: left; }

.featured-right {
  float: right; }

.carousel {
  margin-bottom: 0; }

.featured-slider .carousel-control {
  background: transparent;
  top: 50%;
  border: 0;
  opacity: 1;
  text-decoration: none; }
  .featured-slider .carousel-control:hover {
    opacity: 0.7; }

.featured-controls {
  margin-top: 3px;
  height: 46px;
  background: #ecebe9;
  cursor: default;
  padding-right: 15px; }
  .featured-controls a {
    color: #b6b3b3;
    font-size: 20px;
    line-height: 46px;
    margin-left: 15px;
    text-decoration: none; }
    .featured-controls a:hover {
      text-decoration: none;
      color: #000000; }

/* ==========================================================================
   11. Blog Listing  Styles
 ========================================================================== */
.blog-listing {
  padding-bottom: 20px;
  border-bottom: 3px solid #ecebe9; }
  .blog-listing .post {
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #e2e2e2;
    position: relative; }
    .blog-listing .post:first-child {
      padding-top: 0; }
    .blog-listing .post:last-child {
      border: none; }
  .blog-listing span.date {
    color: #a2bcc9;
    font-size: 1.188em;
    margin-bottom: 5px;
    display: block; }
  .blog-listing h3 {
    margin-bottom: 30px; }
    .blog-listing h3 a {
      color: #000000;
      text-decoration: none; }
      .blog-listing h3 a:hover {
        color: #000000;
        text-decoration: underline; }
  .blog-listing p {
    color: #666666;
    font-size: 1.063em; }
  .blog-listing .tags {
    float: left;
    position: relative;
    top: -2px; }
    .blog-listing .tags a {
      color: #683025;
      font-size: 1.263em;
      text-decoration: none; }
      .blog-listing .tags a:hover {
        text-decoration: underline; }
  .blog-listing .read-more-btn {
    float: left;
    margin-right: 50px; }
  .blog-listing span.more-text {
    color: #a2bcc9;
    font-size: 1.188em;
    display: block; }
  .blog-listing .post-footer {
    position: absolute;
    bottom: 40px;
    max-width: 470px;
    width: 100%; }

/* ==========================================================================
   12. Blog Pagination Styles
 ========================================================================== */
.pagination {
  cursor: default; }
  .pagination a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #cac7c2;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    padding: 7px 15px;
    background: #ecebe9;
    text-decoration: none; }
    .pagination a.active {
      background: #e2e0db;
      color: #ffffff;
      cursor: default; }
    .pagination a:hover {
      text-decoration: none;
      background: #e2e0db;
      color: #ffffff; }

/* ==========================================================================
   13. Blog Listing Alternative Styles
 ========================================================================== */
.blog-listing-alt {
  border-bottom: 3px solid #ecebe9;
  padding-bottom: 10px; }
  .blog-listing-alt .post {
    background: #f7f7f7;
    padding: 30px 180px 30px 30px;
    margin-bottom: 10px;
    position: relative; }
    .blog-listing-alt .post p {
      color: #666666;
      margin-bottom: 0; }
    .blog-listing-alt .post span.date {
      color: #cac7c2;
      padding-right: 5px; }
      .blog-listing-alt .post span.date:after {
        content: "|";
        padding-left: 8px; }
    .blog-listing-alt .post a.tags {
      color: #de3a31; }
    .blog-listing-alt .post i.icon-calendar-empty {
      font-size: 32px;
      color: #cac7c2;
      margin-right: 14px; }
    .blog-listing-alt .post h3 {
      margin-top: 20px;
      margin-bottom: 15px; }
      .blog-listing-alt .post h3 a {
        color: #000000;
        text-decoration: none; }
        .blog-listing-alt .post h3 a:hover {
          text-decoration: underline; }
    .blog-listing-alt .post a.post-link {
      display: none;
      position: absolute;
      right: 22px;
      top: 50%;
      font-size: 96px;
      margin-top: -72px;
      color: #ecebe9;
      text-decoration: none; }
    .blog-listing-alt .post:hover {
      background: #ffffff; }
      .blog-listing-alt .post:hover a.post-link {
        display: block; }
    .blog-listing-alt .post a.post-link:hover {
      color: #dcdcdc;
      text-decoration: none; }

/* ==========================================================================
   14. Gallery Styles
 ========================================================================== */
.gallery-header {
  margin-left: 3%;
  margin-top: 20px; }

.gallery-controls {
  position: relative;
  width: 172px;
  height: 46px;
  margin: 0 auto;
  right: 5px; }

.gallery .img-large {
  margin-top: 30px;
  display: none;
  position: relative; }
  .gallery .img-large img {
    display: block;
    margin: auto; }
.gallery .large-active img {
  margin-bottom: 20px; }
.gallery .img-large a.cross {
  position: relative;
  cursor: pointer;
  top: 0;
  right: 0;
  color: #ffffff;
  font-size: 24px;
  padding: 8px 18px 8px 18px;
  background: black;
  background: rgba(0, 0, 0, 0.48);
  text-decoration: none; }
.gallery .img-large a.prev, .gallery .img-large a.next {
  position: relative;
  cursor: pointer;
  bottom: 0;
  right: 0;
  color: #ffffff;
  font-size: 24px;
  padding: 8px 18px 8px 18px;
  background: black;
  background: rgba(0, 0, 0, 0.48);
  text-decoration: none;
  margin-top: 5px; }
.gallery .img-large a.cross:hover, .gallery .img-large a.prev:hover, .gallery .img-large a.next:hover {
  background: rgba(0, 0, 0, 0.68);
  text-decoration: none; }
.gallery .img-small {
  margin-top: 10px;
  display: block;
  opacity: .63;
  filter: alpha(opacity=63);
  cursor: pointer;
  width: 29.3333333%;
  max-width: 100%;
  float: left;
  margin-left: 3%;
  padding-top: 21.7%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  .gallery .img-small img {
    position: absolute;
    top: 0;
    left: 0; }
.gallery .small-active {
  opacity: 1 !important;
  filter: alpha(opacity=100); }
.gallery .img-small:hover {
  opacity: 1;
  filter: alpha(opacity=100); }
.gallery .img-small[data-id="1"], .gallery .img-small[data-id="2"], .gallery .img-small[data-id="3"] {
  margin-top: 0; }
.gallery .span9 {
  float: left !important; }

/* ==========================================================================
    15. Single Post Styles
   ========================================================================== */
.blog-single .icon-calendar-empty {
  color: #cac7c2;
  font-size: 32px; }
.blog-single span.date {
  color: #cac7c2;
  font-weight: 700;
  margin-left: 10px; }
.blog-single h1.title {
  margin: 20px 0 40px 0; }
.blog-single .featured-image {
  margin-bottom: 40px; }

/* 15.1 Author Styles */
.about-author {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 35px 0 30px 0;
  margin: 40px 0; }
  .about-author .author-social {
    cursor: default; }
    .about-author .author-social a {
      color: #ecebe9;
      font-size: 24px;
      margin-left: 20px;
      text-decoration: none; }
      .about-author .author-social a:first-child {
        margin-left: 0; }
      .about-author .author-social a:hover {
        color: #dededd;
        text-decoration: none; }

/* 15.2 Comment Styles */
ul.commentlist {
  margin-top: 40px; }
  ul.commentlist li.comment {
    list-style: none; }
  ul.commentlist .comment-body {
    padding: 25px 0 10px 0; }

.comment-body {
  border-bottom: 1px solid #e2e2e2; }
  .comment-body .avatar-wrap a.reply {
    background: #bbb7b0;
    color: #ffffff;
    font-weight: 700;
    display: block;
    font-size: 15px;
    text-align: center;
    padding: 7px 0;
    margin-top: 10px;
    text-decoration: none; }
    .comment-body .avatar-wrap a.reply:hover {
      background: #de3a31;
      text-decoration: none; }

ul.children ul.children:last-child {
  border-bottom: 1px solid #e2e2e2; }
  ul.children ul.children:last-child .comment-body {
    border: none; }

.comment-area p {
  font-size: 0.875em;
  color: #999999; }
.comment-area h4.comment-author {
  margin: 0; }
.comment-area p.comment-date {
  margin-bottom: 10px;
  font-size: 0.938em; }

/* ==========================================================================
    16. Comment Reply Styles
   ========================================================================== */
.comment-reply {
  margin-top: 60px; }
  .comment-reply input {
    max-width: 266px;
    margin-left: 30px; }
    .comment-reply input:first-child {
      margin-left: 0; }

.comment-form input:required {
  background: url("../img/astrix.png") no-repeat 96%; }

.comment-reply form input {
  height: 48px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none !important;
  border: 2px solid #ecebe9;
  font-size: 15px;
  color: #666666;
  padding: 0 15px; }
  .comment-reply form input:focus {
    border-color: #dfdfdf !important; }
.comment-reply form textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  border: 2px solid #ecebe9;
  font-size: 15px;
  color: #666666;
  padding: 15px 15px;
  width: 100%;
  max-width: 870px;
  margin-top: 20px;
  margin-bottom: 25px; }
.comment-reply form button {
  margin-top: 7px; }

.comment-info {
  font-size: 15px;
  color: #b4b3b1; }

/* ==========================================================================
   17. Home v1 Styles
 ========================================================================== */
/* 17.1 HOME v1 SLIDER STYLES */
.home-v1-featured-slider .slide-content {
  position: relative; }
  .home-v1-featured-slider .slide-content .slide-text {
    padding-left: 60px;
    position: absolute;
    top: 50%; }
    .home-v1-featured-slider .slide-content .slide-text a {
      font-size: 2.500em;
      text-decoration: none; }
      .home-v1-featured-slider .slide-content .slide-text a:hover {
        background: rgba(28, 25, 27, 0.78); }
    .home-v1-featured-slider .slide-content .slide-text * {
      color: #ffffff;
      /*background: rgba(45, 45, 45);*/
      background: rgba(45, 45, 45, 0.78);
      display: inline-block;
      clear: left;
      float: left;
      padding: 10px 20px 10px 20px;
      margin-bottom: 7px !important; }
.home-v1-featured-slider .carousel-control {
  position: absolute;
  top: 84%;
  left: 60px;
  width: 45px;
  height: 45px;
  margin-top: -20px;
  font-size: 50px;
  font-weight: 100;
  line-height: 43px;
  color: #f7f7f7;
  text-align: center;
  text-decoration: none;
  background: rgba(45, 45, 45, 0.78);
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
  filter: alpha(opacity=100); }
  .home-v1-featured-slider .carousel-control.right {
    left: 120px; }
.home-v1-featured-slider a.carousel-control:hover {
  background: rgba(187, 171, 149, 0.78); }

.featured-box {
  position: relative;
  margin-bottom: 43px;
  transition: all .2s ease-in-out; }
  .featured-box :hover {
    transform: scale3d(1.01, 1, 1.1); }
  .featured-box a {
    display: block; }
  .featured-box img {
    width: 100%; }

/* ==========================================================================
   18. Home v2 Styles
 ========================================================================== */
/* 18.1 HOME v1 SLIDER STYLES */
.home-v2-featured-slider {
  margin-left: 30px; }
  .home-v2-featured-slider .carousel-control {
    position: absolute;
    top: 84%;
    left: 50px;
    width: 45px;
    height: 45px;
    margin-top: -20px;
    font-size: 50px;
    font-weight: 100;
    line-height: 43px;
    color: #fff;
    text-align: center;
    /*background:    rgba(45, 45, 45);*/
    background: rgba(45, 45, 45, 0.88);
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none; }
  .home-v2-featured-slider .slide-content .slide-text {
    padding-left: 50px;
    position: absolute;
    top: 60%; }
    .home-v2-featured-slider .slide-content .slide-text h1 {
      font-size: 2.500em; }
    .home-v2-featured-slider .slide-content .slide-text * {
      color: #ffffff;
      /*background:    rgba(45, 45, 45);*/
      background: rgba(45, 45, 45, 0.88);
      display: inline-block;
      clear: left;
      float: left;
      padding: 10px 20px 10px 20px;
      margin-bottom: 7px !important; }
  .home-v2-featured-slider .carousel-control.right {
    left: 110px; }
  .home-v2-featured-slider a.carousel-control:hover {
    background: #de3a31;
    background: rgba(222, 58, 49, 0.88); }

/* ==========================================================================
   19. Contact Page Styles
 ========================================================================== */
/* 19.1 Contact Form Styles */
form.contact-form .control-label {
  text-align: left;
  font-size: 1.125em;
  line-height: 48px;
  padding: 0;
  margin: 0; }
form.contact-form input {
  height: 48px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none !important;
  border: 2px solid #ecebe9;
  font-size: 15px;
  color: #666666; }
form.contact-form p.success {
  color: #2aa117;
  display: none; }
form.contact-form input:required {
  background: url("../img/astrix.png") no-repeat 96%; }
form.contact-form input:focus {
  border-color: #dfdfdf !important; }
form.contact-form textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none !important;
  border: 2px solid #ecebe9;
  font-size: 15px;
  color: #666666;
  padding: 15px 8px; }
  form.contact-form textarea:focus {
    border-color: #dfdfdf !important; }
form.contact-form button[type="submit"] {
  margin-right: 34px; }

#google-map {
  height: 330px; }
  #google-map img {
    max-width: none; }

/* ==========================================================================
   20. Service Styles
 ========================================================================== */
.service-slider .carousel-control {
  position: absolute;
  top: 93%;
  left: 15px;
  width: 30px;
  height: 30px;
  margin-top: -20px;
  font-size: 41px;
  font-weight: 100;
  line-height: 28px;
  color: #fff;
  text-align: center;
  background: #222;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: .43;
  filter: alpha(opacity=43);
  text-decoration: none; }
  .service-slider .carousel-control.right {
    left: 50px; }
  .service-slider .carousel-control:hover {
    background: rgba(187, 171, 149, 0.78); }

/* ==========================================================================
   20.5 Admission Styles
 ========================================================================== */
.admissions-list {
  margin: 0;
  padding-left: 50px; }
  .admissions-list ul {
    margin: 0;
    padding-left: 65px; }

.admissions-note {
  color: #ff0000;
  font-size: 10.5pt; }

.admissions-table {
  width: 85%;
  margin-left: 7.5%;
  margin-right: 7.5%; }
  .admissions-table th {
    background-color: #bed4df; }

/* ==========================================================================
   21. Media Queries
 ========================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .footer-subscribe-widget input {
    max-width: 149px; }

  .portfolio-featured {
    top: -112px;
    max-width: 770px; }

  .portfolio-container #content {
    padding-top: 276px; }
  .portfolio-container .portfolio-title {
    top: 0; }

  .portfolio-featured .overlay {
    min-height: 318px;
    top: 0; }

  .featured-intro {
    max-width: 273px;
    min-height: 347px;
    padding: 30px; }
    .featured-intro > i.icon-caret-right {
      top: 24px; }

  .featured-slider {
    max-width: 664px; }

  .featured-intro p {
    font-size: 1.39em; }

  .home-v1-featured-slider .slide-content .slide-text {
    top: 36%; }

  .home-v2-featured-slider {
    margin-left: 20px; }
    .home-v2-featured-slider .slide-content .slide-text {
      top: 54%; }

  .page-heading-container i.icon-caret-down {
    left: 283px; }

  .twitter-widget ul li {
    padding-left: 0;
    padding-top: 38px; }

  .portfolio-featured {
    top: -95px;
    max-width: 770px; }

  form.contact-form button[type="submit"] {
    margin-right: -5px; } }
/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 980px) {
  #mobile-navigation {
    display: none !important; }

  .blue-hero-box .title {
    display: inherit;
    float: none;
    text-align: center; }
  .blue-hero-box .subtitle {
    float: none;
    display: inherit;
    text-align: center; } }
/* Higher than 960 (desktop devices) */
@media only screen and (max-width: 1200px) {
  .project-box i {
    display: none; }
  .project-box h4, .project-box p {
    padding-right: 10px; }

  .blue-hero-box {
    padding: 40px 50px 40px 50px; }
    .blue-hero-box .title {
      display: inherit;
      float: none;
      text-align: center; }
    .blue-hero-box .subtitle {
      float: none;
      display: inherit;
      text-align: center; }
    .blue-hero-box a {
      display: table;
      margin: 0 auto; }

  ul.horizontal-tabs li {
    float: none;
    text-align: center; }

  .med-buttons {
    margin-bottom: 30px; }

  .blog-listing .post-footer {
    position: inherit;
    bottom: 0; }
  .blog-listing .read-more-btn {
    margin-bottom: 10px; }

  .subscribe-box form .med-btn {
    padding: 12px 26px;
    font-size: 1.25em; }

  .comment-reply input {
    margin-left: 0;
    display: block;
    max-width: 100%;
    width: 100%; }

  .subscribe-box form input {
    max-width: 138px; }

  .page-heading-container .portfolio-controls {
    top: 0; }
    .page-heading-container .portfolio-controls a {
      font-size: 22px; }

  .cta-buttons a {
    display: table;
    margin: 0 auto !important;
    margin-bottom: 20px !important; }

  .portfolio-container .portfolio-title {
    margin-top: 50px; }

  .subscribe-box h3 {
    font-size: 1.2em; } }
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
  a.nav-toggle {
    display: block; }

  nav#navigation {
    display: none; }

  .home-v1-featured-slider .carousel-control.right {
    left: 71px; }
  .home-v1-featured-slider .slide-content .slide-text {
    padding-left: 15px;
    top: 28%; }
    .home-v1-featured-slider .slide-content .slide-text h1 {
      font-size: 1.5em; }
    .home-v1-featured-slider .slide-content .slide-text h4 {
      font-size: 1em; }
  .home-v1-featured-slider .carousel-control {
    top: 84%;
    left: 18px; } }
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* For portrait layouts only */
  .box-padding-both {
    padding: 0 100px 0 25px; }

  .inner-footer {
    padding-top: 45px; }

  .footer-subscribe-widget button {
    padding: 8px 15px 7px 25px; }

  .subscribe-box {
    padding-top: 24px;
    padding-bottom: 32px; }
    .subscribe-box h3 {
      padding-top: 16px;
      font-size: 1em; }

  .box-padding-left {
    padding-left: 25px; } }
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* For landscape layouts only */
  .box-padding-both {
    padding: 0 25px 0 25px; }

  .box-padding-left {
    padding-left: 25px; }

  .inner-footer {
    padding-top: 45px; }

  .footer-subscribe-widget button {
    padding: 8px 15px 7px 25px; }

  .subscribe-box {
    padding-top: 24px;
    padding-bottom: 32px; }
    .subscribe-box h3 {
      padding-top: 16px;
      font-size: 1em; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .footer-subscribe-widget input {
    max-width: 95px !important; }

  .portfolio-featured {
    top: -112px;
    max-width: 608px; }
    .portfolio-featured .overlay {
      top: 0;
      min-height: 260px; }

  .portfolio-container #content {
    padding-top: 209px; }
  .portfolio-container .portfolio-title {
    top: 0; }

  .featured-details {
    width: 326px;
    float: right;
    min-height: 428px; }

  .featured-intro {
    float: left; }

  .service-icon i {
    font-size: 50px; }

  .subscribe-box form {
    margin-top: 16px; }
    .subscribe-box form .med-btn {
      padding: 12px 8px !important;
      font-size: 1.2em !important; }
    .subscribe-box form input {
      max-width: 104px; }

  .home-v2-featured-slider .slide-content .slide-text {
    top: 44%; }

  .service-icon h4 {
    font-size: 1em; }

  .home-download-widget {
    display: none; }

  .footer-social a {
    font-size: 21px; }

  .home-v2-featured-slider {
    margin-left: 20px; }

  .page-heading-container i.icon-caret-down {
    left: 229px; }

  .twitter-widget ul li {
    padding-left: 0;
    padding-top: 38px; }

  .recent .slide-content h2, .testimonials .slide-content h2 {
    margin-top: 12px;
    font-size: 1.2em;
    line-height: 1.4; }

  .demo-hide {
    display: none; }

  .service-text h3 {
    font-size: 1.100em;
    line-height: 25px; }

  .testimonials .slide-content span.author {
    margin-bottom: 8px; }

  .portfolio-featured {
    top: -100px;
    max-width: 608px; }

  .page-heading-container .portfolio-controls {
    margin-left: 0; }

  .recent-projects .project-title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 6px; }
  .recent-projects span.project-category {
    font-size: 11px; }

  .recent-posts .post-title, .recent-posts span.post-date {
    font-size: 11px; }

  .contact-widget div p {
    padding-left: 0;
    padding-top: 38px;
    font-size: 12px; }

  form.contact-form button[type="submit"] {
    margin-right: -40px; } }
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #wrapper > .container {
    padding: 0 30px; }

  .social-title {
    display: none; }

  .featured-box {
    /*display: table;*/
    /*margin: 20px auto 0;*/
    margin-top: 20px;
    width: 49%;
    height: 100%;
    /*margin: 20px;*/ }

  #index-bottom-feature-box {
    float: right;
    margin-left: 1%; }

  #index-top-feature-box {
    float: left;
    margin-right: 1%; }

  #content, #sidebar {
    padding-right: 0; }

  .featured-details {
    padding-top: 20px;
    max-width: 100%; }

  .featured-intro {
    max-width: 100%; }

  .portfolio-large-featured > .pull-left, .portfolio-large-featured > .pull-right {
    float: none; }

  .service-icon i {
    padding-right: 30px; }

  .project-box {
    display: table;
    margin: 20px auto 0; }

  .info-box {
    margin-bottom: 20px; }

  .service-box {
    margin-bottom: 20px; }
    .service-box img {
      display: table;
      margin: 0 auto; }
    .service-box .service-text {
      text-align: center;
      border: none; }
    .service-box:hover {
      background: #ffffff; }
      .service-box:hover i {
        display: none; }

  .med-buttons {
    display: table;
    margin: 0 auto;
    float: none; }

  .small-buttons {
    max-width: 124px;
    display: table;
    float: none;
    margin: 20px auto 30px; }

  .blog-listing {
    text-align: center; }
    .blog-listing img {
      display: table;
      margin: 0 auto 20px; }
    .blog-listing a.read-more-btn {
      display: table;
      float: none;
      margin: 0 auto 10px; }
    .blog-listing .post .post-footer {
      max-width: 100% !important; }
    .blog-listing .post .tags {
      float: none; }

  .blog-listing-alt .post {
    padding-right: 30px; }
    .blog-listing-alt .post i.icon-chevron-right {
      display: none; }

  .comment-body .avatar-wrap a.reply {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

  #sidebar .widget {
    margin-right: 50px; }

  .recent-posts img, .recent-projects img {
    display: table;
    margin: 0 auto; }

  .recent-posts .post-details, .recent-projects .post-details {
    display: table;
    margin: 0 auto;
    max-width: 260px; }

  .download-widget span.date, .download-widget span.size {
    max-width: 100%;
    float: none;
    display: block; }
  .download-widget a {
    display: block; }

  .box-padding-both, .box-padding-right, .box-padding-left {
    padding: 0; }

  .header-container {
    padding: 0 30px; }

  .inner-footer {
    padding: 45px 30px; }

  #sidebar {
    padding-left: 30px; }

  .page-heading-container {
    padding: 0 30px; }

  .subscribe-box {
    text-align: center;
    overflow: hidden; }
    .subscribe-box form input {
      margin-left: 0;
      margin-top: 10px;
      max-width: inherit;
      width: 100%; }
    .subscribe-box form .med-btn {
      margin-top: 10px;
      margin-left: 0;
      margin-bottom: 20px;
      width: 100%;
      display: block; }

  .portfolio-featured {
    overflow: hidden; }
    .portfolio-featured .overlay {
      top: 0; }

  .portfolio-container {
    padding-top: 240px !important; }
    .portfolio-container #content {
      padding-top: 50px; }

  .home-v2-featured-slider {
    margin-top: 30px; }
    .home-v2-featured-slider .slide-content .slide-text {
      display: none; }

  .home-v1-featured-slider .slide-content .slide-text, .page-heading-container i.icon-caret-down {
    display: none; }

  .gallery .img-small[data-id="1"], .gallery .img-small[data-id="2"], .gallery .img-small[data-id="3"] {
    margin-top: 30px; }

  .home-v2-featured-slider {
    margin-left: 0; }

  .recent-projects .project-details {
    display: table;
    margin: 0 auto;
    max-width: 260px; }

  form.contact-form button[type="submit"] {
    margin-right: 0; }

  .home-v2-featured-slider .carousel-control {
    width: 30px;
    height: 30px;
    font-size: 36px;
    line-height: 30px; }

  ul.horizontal-tabs li.active i.icon-caret-down, .blue-hero-box {
    display: none; } }
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .proj-box-wr {
    width: 49%;
    float: left; }

  .project-box {
    display: block;
    float: left;
    margin-top: 20px;
    width: 100%; }
    .project-box img {
      width: 100%; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .home-v1-featured-slider .carousel-control {
    top: 71%; }

  .footer-subscribe-widget input {
    max-width: 150px; }

  a.nav-toggle {
    float: none !important;
    display: table;
    margin: 0 auto;
    top: -20px; }

  .logo {
    float: none !important;
    display: table;
    margin: 0 auto; }

  .red-cta-btn, .cyan-cta-btn, .blue-cta-btn {
    text-align: center;
    padding: 22px 20px;
    font-size: 1em; }

  .page-heading-container .top-social {
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto; }
  .page-heading-container p.title {
    float: none;
    display: table;
    margin-left: auto;
    text-align: center;
    margin-right: auto; }
  .page-heading-container p.social-title {
    display: none !important; }
  .page-heading-container p.title {
    float: none;
    display: table;
    margin-left: auto;
    text-align: center;
    margin-right: auto; }

  /*.gallery .img-large {display: none!important;}*/
  .recent a.posts-link {
    top: 50%; }
  .recent .slide-content {
    text-align: center; }
  .recent .carousel-control {
    top: 30%; }
    .recent .carousel-control.left {
      top: 40%; }

  .comment-info {
    margin-bottom: 20px;
    text-align: center; }

  .comment-reply form button {
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto; }

  .author-image {
    margin-bottom: 20px; }

  .blog-single-sidebar {
    display: none; }

  .category-dropdown {
    float: none !important;
    display: table;
    margin: 0 auto; }

  .portfolio-container {
    padding-top: 115px !important; }

  .portfolio-featured .overlay {
    display: none; }

  #main-footer {
    padding-bottom: 0; }

  .service-icon i {
    padding-bottom: 50px; }

  #sidebar {
    padding-top: 30px; }

  .testimonials .slide-content h2 {
    font-size: 20px;
    line-height: 1.3; }

  .mobile-hide {
    display: none; }

  .featured-box {
    margin-top: 20px;
    width: 100%; }

  #index-bottom-feature-box {
    margin-top: 0; } }
/*HTML FIXES*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }
input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*521*/
@media (max-width: 1199px) {
  .featured-box {
    margin-bottom: 31px; } }
@media (max-width: 979px) {
  .featured-box {
    margin-bottom: 29px; } }
@media (max-width: 767px) {
  .featured-box {
    margin-bottom: 10px; } }
@media (max-width: 767px) {
  #content {
    padding-bottom: 30px;
    padding-top: 20px; }

  .mobile-hide {
    display: none; } }
@media (max-width: 535px) {
  .logo a {
    margin-right: 20px;
    height: 105px; }
  .logo img {
    position: absolute;
    left: 20px; }

  a.nav-toggle {
    position: absolute;
    right: 40px;
    top: 40px; }

  #content table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    font-size: small; }
    #content table td {
      padding: 8px 0 !important; }
    #content table th {
      padding: 8px 4px !important; }

  .project-box {
    border-bottom: medium none;
    border-top: 35px solid #ECEBE9;
    display: table;
    margin: 20px auto 0;
    padding-top: 15px;
    width: 100%; } }
@media (max-width: 500px) {
  .header-container {
    min-height: 108px !important; }

  .logo img {
    width: 300px; }

  a.nav-toggle {
    top: 20px; } }
@media (max-width: 430px) {
  .header-container {
    min-height: 90px !important; }

  .logo a {
    height: 90px; }
  .logo img {
    width: 250px; }

  #content .admissions-table td:first-child {
    width: 70px; }
  #content .admissions-table th:first-child {
    width: 70px; }
  #content .admissions-table th:last-child {
    width: 40px; } }
@media (max-width: 380px) {
  .header-container {
    min-height: 72px !important; }

  .logo a {
    height: 72px; }
  .logo img {
    width: 200px; }

  a.nav-toggle {
    top: 10px;
    right: 30px; }

  #wrapper > .container {
    padding: 0 20px; } }
/*align feature boxex to top and bottom of row on large displays*/
#index-top-feature-box {
  top: 0; }
  @media (max-width: 480px) {
    #index-top-feature-box {
      margin-bottom: 20px; } }

#index-bottom-feature-box {
  margin-bottom: 0; }
  @media (max-width: 480px) {
    #index-bottom-feature-box {
      margin-bottom: 20px; } }

/************* activities-calendar.html************************************************/
@media (min-width: 1200px) {
  .calflows {
    margin-left: 40px; } }
@media (min-width: 980px) and (max-width: 1199px) {
  .calflows {
    margin-left: 33px; } }
@media (min-width: 768px) and (max-width: 979px) {
  .calflows {
    margin-left: 34px; } }
.cal-page-title {
  color: #6a7d87; }
  .cal-page-title a:hover {
    color: #683025; }

/* **************************** Dr Dennison Bio Page **********************************/
.dennisonBioList {
  margin-left: 485px; }

.dennisonBioListItem {
  padding: 5px; }

@media (max-width: 1199px) {
  .dennisonBioList {
    list-style-position: outside;
    margin-left: 55px; } }
@media (min-width: 740px) and (max-width: 768px) {
  #ScottPic {
    padding-right: 100px; } }
@media (min-width: 1200px) {
  #ScottPic {
    margin-bottom: 10px; } }
@media (min-width: 480px) and (max-width: 651px) {
  #ScottPic {
    float: none; } }
.stop-wrap {
  white-space: nowrap; }

.pad-list-50 {
  margin-left: 0;
  padding-left: 50px; }

.two-col-list, .two-col-list-sp {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
  list-style: none; }

.two-col-list-sp {
  -moz-column-width: 200px;
  -webkit-column-width: 200px;
  column-width: 200px; }

.three-col-list-sp {
  -moz-columns: 3;
  -webkit-columns: 3;
  columns: 3;
  -moz-column-width: 200px;
  -webkit-column-width: 200px;
  column-width: 200px; }
  .three-col-list-sp li {
    list-style: none; }

@media (min-width: 768px) {
  .salary-list {
    padding-left: 20px; } }
@media (min-width: 1200px) {
  .salary-list {
    padding-left: 30px; } }
.other-cash-list {
  list-style: none; }

.small-item {
  font-size: 1em;
  padding-bottom: 10px; }

@media (min-width: 768px) {
  .other-cash-list {
    padding-left: 20px; } }
@media (max-width: 767px) {
  .modal {
    position: fixed;
    top: 3%;
    right: 3%;
    left: 3%;
    width: auto;
    margin: 0; }

  .modal-body {
    height: 60%;
    max-height: 350px;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; } }
.asterisk {
  color: red; }

.chrome-salary-fix {
  margin-bottom: 0; }

.sp-admin-list {
  list-style: none; }
  @media (max-width: 767px) {
    .sp-admin-list li {
      padding-bottom: 10px; } }

.sp-list-headers-h4 {
  color: #6a7d87;
  margin-bottom: 3px; }

.sp-list-headers-h5 {
  text-align: center;
  color: #6a7d87;
  font-weight: bold; }

.head-split {
  margin: 0;
  height: 3px;
  background-color: #2d3032; }

.sp-table {
  text-align: center;
  width: 100%; }
  .sp-table th {
    border-bottom: 1px solid #444444; }

.counselor-contacts div p {
  font-size: inherit;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 60px;
  padding-top: 0; }

/*# sourceMappingURL=style_v1.5.css.map */