/* ---------------------- 

Stylesheet Guide

-------------------------



OWL CAROUSEL

ORIEL CAROUSEL

TESTIMONIALS

TEAM MEMBER ICONS

ACCORDION

TABS

FLICKR

WIDGETS

RESPONSIVE VIDEO

FLEX IMAGE

NUMERIC LIST

INFO BOX

MEDIA



*/



/* ================= OWL CAROUSEL ================== */

.owl-carousel  {

    padding-bottom:40px;

}

.owl-carousel .owl-controls .owl-dot {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

  *display: inline;

}

.owl-theme .owl-dots {

  text-align: center;

  float: left;

  width: 100%;

  -webkit-tap-highlight-color: transparent;

}

.owl-theme .owl-dots .owl-dot span {

  width: 15px;

  height: 15px;

  margin: 0px 7px;

  display: block;

  -webkit-backface-visibility: visible;

  -webkit-transition: all 200ms ease;

  -moz-transition: all 200ms ease;

  -ms-transition: all 200ms ease;

  -o-transition: all 200ms ease;

  transition: all 200ms ease;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

    border:3px solid transparent;

}

.full-carousel {

    margin-bottom: 40px;

}

.full-carousel .owl-dots {

  text-align: right;

}

.full-carousel .owl-dots .owl-dot span {

  margin: 0px 0px 0px 10px;

}

.project-carousel {

    margin-bottom: 40px;

}

.owl-theme .owl-controls {

    margin-top: 16px !important;

}

.owl-theme .owl-controls .owl-nav .disabled {

  opacity: 0.1 !important;

  cursor: default !important;

}

.owl-theme .owl-controls .owl-nav .disabled:hover {

  opacity: 0.1 !important;

  cursor: default !important;

}

.owl-height {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

/* ================= ORIEL CAROUSEL ================== */



.oriel-carousel {

    position: relative;

    overflow: hidden;

}

.oriel-carousel h5 {

    margin-bottom: 10px;

    margin-top: 0px;

}

.oriel-carousel .button {

    display: block;

}

.oriel-carousel > img {

    width: 100%;

    padding: 0;

}

.oriel-carousel > figcaption {

    width: 100%;

    height: 100%;

}

.oriel-carousel > figcaption div {

    padding: 25px;

    height: 100%;

}

.oriel-carousel p {

    margin-bottom: 25px;
    	text-align:justify!important;

}

.oriel-carousel .oriel-carousel-date {

    margin-bottom: 0px;

    font-style: italic;

}

.oriel-carousel hr {

    margin-right: -25px;

    margin-left: -25px;

    margin-top: 20px;

    margin-bottom: 20px;

}

/* ================= TESTIMONIALS ================== */

.testimonials {

    position: relative;

    width: 100%;

    margin: 0px;

    padding: 0px;

    display: none;

}

.testimonials .owl-dots {

    text-align: right;

    margin-top: -100px;

}

.testimonials .owl-dots .owl-dot span {

    margin: 0px 0px 0px 10px;

}

.testimonial .testimonial-text{

    margin-bottom: 0px;

    width: 100%;

    padding: 25px;

    position: relative;

    font-style: italic;

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.testimonial .testimonial-text p{

    width: 100%;

}

.testimonial-image {

    width: 100%;

    margin-top: 25px;

}

.testimonial img {

    width: 100%;

    max-width: 85px;

    height: auto;

    float: left;

    margin-right: 20px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.testimonial .testimonial-text:before {

    top: 100%;

    left: 30px;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: transparent;

    border-width: 10px;

    margin-left: 0px;

    z-index: 9;

}

.testimonial-name {

    padding-top: 20px !important;

    margin-bottom: 5px !important;

    margin-top: 0px !important;

    line-height: 1;

}

/* ================= TEAM MEMBER ICONS ================== */

.member-icons {

    list-style-type: none;

    display: inline-block;

    margin: -5px 0px 0px 0px;

    padding: 0px;

    vertical-align:bottom;

}

.member-icons li {

    float: left;

    display: block;

    margin: 0px 5px 0px 0px;

    padding: 0;

}

.member-icons li img {

    width:30px !important;

    height:auto;

    vertical-align:bottom;

    padding: 7px;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.member-icons img {

    background-color:rgba(0,0,0,0.1);

}

.member-icons li a{

    outline: none !important;

}

/* ================= ACCORDION  ================== */

.accordion-container {

	padding: 0px;

	margin: 40px 0px 40px 0px;

	width: 100%;

	position: relative;

}

.accordion-header {

	margin: 0px;

	padding: 20px 20px 20px 0px;

	cursor: pointer;

    -webkit-transition:color 0.2s ease-in-out;

    -moz-transition:color 0.2s ease-in-out;

    -o-transition:color 0.2s ease-in-out;

    -ms-transition:color 0.2s ease-in-out;

    transition:color 0.2s ease-in-out;

    font-weight: 700;

}

.accordion-header h6{

    margin: 0px;

}

.active-header {

	background: url(images/minus.png);

	background-repeat: no-repeat;

	background-position: right 50%;

}

.inactive-header {

	background: url(images/plus.png);

	background-repeat: no-repeat;

	background-position: right 50%;

}

.inactive-header:hover {

	background: url(images/plus.png);

	background-repeat: no-repeat;

	background-position: right 50%;

}

.accordion-content {

	display: none;

	padding: 30px 0px 30px 0px;

	width: 100%;

}

/* ================= TABS ================== */

.orieltabs {

    position: relative;

    margin: 40px 0px 40px 0px;

    padding: 0px;

}

ul.resp-tabs-list {

    margin: 0px;

    padding: 0px;

    display: inline-block;

    width: 100%;

    vertical-align: bottom;

}

.resp-tabs-list li {

    display: inline-block;

    padding: 20px;

    margin: 0px;

    list-style: none;

    cursor: pointer;

    float: left;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border-top:3px solid transparent;

}

.resp-tabs-container {

    padding: 0px;

    clear: left;

}

.resp-tab-content {

    display: none;

}

.resp-tab-content img{

    max-width: 100%;

    height: auto;

}

.resp-content-active, .resp-accordion-active {

    display: block;

}

.resp-tab-content {

    border: none;

    padding: 40px;

}

/*-----------Vertical tabs-----------*/

 .resp-vtabs ul.resp-tabs-list {

    float: left;

    width: 30%;

    border-bottom: none;

}

.resp-vtabs .resp-tabs-list li {

    display: block;

    padding: 20px !important;

    margin: 0;

    cursor: pointer;

    float: none;

    border-top: none !important;

}

.resp-vtabs .resp-tabs-container {

    padding: 0px;

    float: left;

    width: 70%;

    clear: none;

}

.resp-vtabs li.resp-tab-active {

    position: relative;

    z-index: 1;

    padding: 20px !important;

    border-top: none !important;

}

h2.resp-tab-active {

    margin-bottom: 0px !important;

    padding: 20px !important;

}

h2.resp-tab-active span.resp-arrow {

    border: none;

}

.resp-arrow {

    width: 0;

    height: 0;

    float: right;

    margin-top: 3px;

}

/*-----------Accordion styles-----------*/

h2.resp-accordion {

    cursor: pointer;

    display: none;

    margin: 0px;

    padding: 20px;

}

.resp-easy-accordion h2.resp-accordion {

    display: block;

}

.resp-jfit {

    width: 100%;

    margin: 0px;

}

.resp-tab-content-active {

    display: block;

}

.resp-easy-accordion.resp-tab-active {

    border-top: none !important;

}

/* ================= FLICKR  ================== */

 .flickr-box {

    margin: 0px 0px -5px 0px;

    padding: 0px;

    overflow: hidden;

    width: 105%;

    position: relative;

}

.flickr-box li {

    list-style:none;

    float:left;

    margin-right:5px;

    margin-bottom:5px;

    padding:0px;

    height:75px;

    background-image:none !important;

    display: inline-block;

}

.flickr-box li:last-child {

    margin-right:0px;

}

.flickr-box li {

    border:none !important;

}

.flickr-box li a{

    outline:none;

}

.flickr-box li img {

    display:block;

    -webkit-transition:all 0.4s ease-in-out;

    -moz-transition:all 0.4s ease-in-out;

    -o-transition:all 0.4s ease-in-out;

    transition:all 0.4s ease-in-out;

    width: 75px;

    height: auto;

    opacity:0.7;

    cursor: pointer;

}

.flickr-box li img:hover {

    opacity:1;

}

/* ================= WIDGETS ================== */

.call-now {

    margin: 0px -40px 0px 0px;

    line-height: 1;

}

.call-now span{

    padding: 15px 20px 15px 80px;

    background-image: url(images/phone.png);

    background-position: 14px center;

    background-repeat: no-repeat;

    display: block;

}

.sidebar-posts-img {

    position: absolute;

    left: 0px;

    top:0px;

    width: 70px;

}

.sidebar-posts {

    list-style: none;

    margin: 0px;

    padding: 0px;

    display: inline-block;

    width: 100%;

    vertical-align: bottom;

}

.sidebar-posts li{

    position: relative;

    margin: 0px 0px 20px 0px;

    padding: 0px 0px 20px 90px;

    float: left;

    width: 100%;

    min-height: 91px;

}

.sidebar-posts li.withoutthumb{

    padding: 0px 0px 12px 0px;

    min-height: 0px;

    margin: 0px 0px 12px 0px;

}

.sidebar-posts li.withoutthumb:last-child {

    padding-bottom: 0px;

    margin-bottom: 0px;

    border-bottom: none;

    min-height: 0px;

}

.sidebar-posts li:last-child {

    padding-bottom: 0px;

    margin-bottom: 0px;

    border-bottom: none;

    min-height: 70px;

}

.sidebar-posts li img{

    -webkit-transition: border 0.2s ease-in-out;

    -moz-transition: border 0.2s ease-in-out;

    -o-transition: border 0.2s ease-in-out;

    -ms-transition: border 0.2s ease-in-out;

    width: 100%;

    height: auto;

    margin: 0px;

    padding: 0px;

    vertical-align: bottom;

}

.sidebar-post-title{

    display: inline-block;

}

.sidebar-post-date {

    margin-bottom: 0px;

    margin-top: 10px;

    font-size: 13px;

    font-style: italic;

    opacity: 0.7;

}

/* ================= RESPONSIVE VIDEO ================== */

.flex-video {

    position:relative;

    padding-bottom:67.5%;

    height:0;

    overflow:hidden;

    margin-bottom:40px;

    margin-top:40px;

}

.flex-video.widescreen {

    padding-bottom:37.25%;

}

.flex-video.vimeo {

    padding-top:0;

}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    outline:none;

    border:none;

}

/* ================= FLEX IMAGE ================== */

.caption-image {

    position:relative;

    margin-bottom:40px;

    margin-top:40px;

}

.caption-image img {

    width:100%;

    height:auto;

    vertical-align: bottom;

    border-bottom: none !important;

}

.caption-image figcaption {

    position: absolute;

    display: inline-block;

    bottom: 0px;

    left:0;

    width:100%;

    text-align:center;

    height: 50px;

    line-height: 50px;

}

.caption-image > div > a {

    outline: none !important;

}

/* ================= NUMERIC LIST ================== */

.faq {

    counter-reset: number-counter;

    margin:40px 0px 40px 0px;

    padding:40px 0px 0px 0px;

}

.faq dt {

    position: relative;

    margin-bottom: 20px;

    line-height: 1;

}

.faq dt:after {

    content: counter(number-counter);

    counter-increment: number-counter;

    position: absolute;

    left: 0px;

    top: 0px;

    font: bold 55px/40px Sans-Serif;

    padding: 30px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    width: 40px;

    height: 40px;

    text-align: center;

}

.faq dd {

    margin: 0px 0px 40px 0px;

    padding: 0px 0px 40px 0px;

    word-spacing: 0.15em;

    line-height: 1.5;

}

.faq dt, .faq dd {

    padding-left: 125px;

}

/* ================= INFO BOX ================== */

 .oriel-message {

    background-size: 40px 40px;

    width: 100%;

    padding: 40px;

    margin:40px 0px;

    -webkit-animation: animate-bg 5s linear infinite;

    -moz-animation: animate-bg 5s linear infinite;

    -o-animation: animate-bg 5s linear infinite;

    animation: animate-bg 5s linear infinite;

    position:relative;

     background-image: linear-gradient(135deg, rgba(255, 255, 255, .30) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .30) 50%, rgba(255, 255, 255, .30) 75%, transparent 75%, transparent);

    border-bottom: 3px solid rgba(0,0,0,0.1);

}

.oriel-message-close {

    position:absolute;

    width:25px;

    height:25px;

    right:5px;

    top:5px;

    cursor:pointer;

    background-image:url('images/close-s.png');

    background-repeat:no-repeat;

    background-position:center center;

    -webkit-transition:opacity 0.2s ease-in-out;

    -moz-transition:opacity 0.2s ease-in-out;

    -o-transition:opacity 0.2s ease-in-out;

    -ms-transition:opacity 0.2s ease-in-out;

    transition:opacity 0.2s ease-in-out;

    opacity: 0.3;

}

.oriel-message-close:hover {

    opacity:1;

}

.oriel-message p {

    margin: 0;

}

@keyframes animate-bg {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -80px 0;

    }

}

@-webkit-keyframes animate-bg {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -80px 0;

    }

}

@-moz-keyframes animate-bg {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -80px 0;

    }

}

@-o-keyframes animate-bg {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -80px 0;

    }

}

/* ================= MEDIA ================== */

@media only screen and (max-width: 1024px) {

    .call-now {

        margin: 0px;

    }

}

@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {

        display: none;

    }

    h2.resp-accordion {

        display: block;

    }

    .resp-tab-content {

        padding: 20px;

    }

    .resp-vtabs .resp-tabs-container {

        border: none;

        float: none;

        width: 100%;

        min-height: initial;

        clear: none;

    }

    .resp-tab-active {

        border: none !important;

    }

    .resp-accordion-closed {

        display: none !important;

    }

    .resp-tabs-container > div {

        margin-top: 0px;

        margin-bottom: 0px;

    }

}

@media only screen and (max-width: 480px) {

    .testimonials .owl-dots {

        margin-top: 10px;

        margin-bottom: 40px;

        text-align: center;

    }

    .faq dt:after {

        font: bold 35px/20px Sans-Serif !important;

        width: 20px !important;

        height: 20px !important;

        left: 0px !important;

        right: 0px !important;

        margin: 0px auto !important;

    }

    .faq dt, .faq dd {

        padding-left: 0px !important;

        margin-top: 0px !important;

        text-align: center !important;

    }

    .faq dt {

        padding-top: 110px !important;

        margin-bottom: 20px !important;

    }

}