/* carouFredSel */

.carousel-outer{

  overflow:hidden;

  margin-right:2px

}

body[data-ajax-transitions="true"] .row.carousel{

  opacity:1

}

.carousel-heading{

  z-index:100;

  position:relative;

  margin-bottom:7px;

  min-height:23px

}

.carousel-heading h2{

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:2px;

  font-size:12px;

  margin-left:10px;

  margin-bottom:7px

}

.carousel-wrap .item-count{

  font-size:12px

}

.carousel-wrap[data-full-width="false"] .carousel-heading h2{

  font-size:12px

}

html:not(.js) .carousel-heading{

  display:none

}

.carousel-wrap[data-ctc="light"] .carousel-heading h2,

.ascend .carousel-wrap[data-ctc="light"] .carousel-next i,

.ascend .carousel-wrap[data-ctc="light"] .carousel-prev i,

.carousel-wrap[data-ctc="light"] .item-count,

.carousel-wrap[data-full-width="true"][data-ctc="light"] .carousel-heading i{

  color:#fff

}

.recent-work-carousel[data-ctc="light"][data-full-width="true"] .carousel-heading{

  background-color:#252525

}





.caroufredsel_wrapper,

.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info a,

.woocommerce .products-carousel ul.products .product a{

  cursor:grab!important;

  cursor:-moz-grab!important;

  cursor:-webkit-grab!important;

  margin:0!important

}



.caroufredsel_wrapper.active,

.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item .work-info .active,

.woocommerce .products-carousel ul.products .product a.active{

  cursor:grabbing!important;

  cursor:-moz-grabbing!important;

  cursor:-webkit-grabbing!important

}



body .carousel-wrap{

  position:relative;

  overflow:hidden;

  margin:0 -10px 0 -10px

}

body .full-width-section .carousel-wrap{

  margin-bottom:0

}

.carousel-wrap[data-full-width="true"]{

  padding:0 18px;

}

.carousel-wrap[data-full-width="true"] .carousel-heading{

  background-color:#f8f8f8;

  padding:43px 0 40px 0;

  margin-bottom:0;

  text-align:center

}

body .carousel-wrap[data-full-width="true"] .carousel-heading h2{

  font-size:24px;

  line-height:36px;

  letter-spacing:0.5px;

  margin:0 auto;

  max-width:900px;

  text-transform:none;

  font-family:'Open Sans';

  font-weight:300

}

.carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link,

.carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev,

.carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {

  top:8px!important

}

.carousel-wrap[data-full-width="true"] .carousel-heading a{

  background-color:transparent

}

.carousel-wrap[data-full-width="true"] .carousel-heading i{

  background-color:transparent;

  color:#888;

  font-size:30px;

  line-height:28px;

  transition:color 0.2s ease 0s

}

body .carousel-wrap[data-full-width="true"] .carousel-heading .container{

  min-height:40px

}

body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width="true"]{

  padding:0

}

.carousel-wrap .work-item.style-2,

.carousel-wrap[data-full-width="true"]{

  margin-bottom:0;

}



.carousel-wrap[data-full-width="true"] .span_4.no-margin {

  margin: 0;

}



.full-width-content .caroufredsel_wrapper{

  overflow:visible!important

}

.carousel-wrap .carousel-heading{

  padding:0

}

html:not(.js) .carousel-wrap{

  display:none

}

.carousel-wrap .left-border,

.carousel-wrap .right-border{

  width:10px;

  display:block;

  height:100%;

  position:absolute;

  top:0;

  z-index:100;

  background-color:#f8f8f8

}

.carousel-wrap .left-border{

  left:0

}

.carousel-wrap .right-border{

  right:0

}

.carousel-next,

.carousel-prev{

  background-color:#dadada;

  cursor:pointer;

  display:block;

  margin-left:5px;

  line-height:22px;

  -webkit-transition:all 0.2s linear 0s;

	transition:all 0.2s linear 0s;

  background-repeat:no-repeat;

  position:absolute;

  top:0;

  height:20px;

  width:20px;

  -webkit-border-radius:1px;

	border-radius:1px;

  text-align:center

}

.carousel-wrap[data-full-width="true"] .carousel-next,

.carousel-wrap[data-full-width="true"] .carousel-prev{

  height:28px;

  width:44px

}

.carousel-wrap[data-full-width="true"] .carousel-next{

  text-align:right

}

.carousel-wrap[data-full-width="true"] .carousel-prev{

  text-align:left

}

.carousel-next{

  right:0;

  padding-left:1px

}

.carousel-prev{

  right:25px;

  padding-right:1px

}

.carousel-wrap[data-full-width="false"] .control-wrap{

  position:absolute;

  right:0;

  top:0

}

.carousel-next i,

.carousel-prev i,

.carousel-wrap .carousel-next i,

.carousel-wrap .carousel-prev i{

  background-color:transparent;

  line-height:24px;

  font-size:14px

}

.carousel-prev:hover, .carousel-next:hover{

  background-color:#000

}

ul.row.carousel{

  opacity:0

}

#ajax-content-wrap .carousel-wrap[data-full-width="true"] .span_4.no-margin

.carousel-wrap[data-full-width="true"] .span_4.no-margin{

  margin:0

}

.carousel-wrap[data-full-width="true"].default-style{

  padding:0 20px!important

}

.carousel-wrap[data-full-width="true"] .work-meta{

  padding:0 15px

}

.carousel-wrap[data-full-width="true"].default-style .work-meta,

.carousel-wrap[data-full-width="true"]{

  padding:0!important

}

body .carousel .span_4,

body .portfolio-items.carousel .span_4{

  margin:0 10px 0 10px

}

.carousel-wrap[data-full-width="true"].default-style .span_4{

  margin:0 15px 0 15px

}

.carousel .span_4 .clear{

  padding-bottom:0;

  margin-bottom:0

}





@media only screen and (min-width: 1000px) and (max-width: 1300px) {

  .carousel-next {

    right: 0;

    padding-left: 1px;

  }



  .carousel-prev {

    right: 25px;

    padding-right: 1px;

  }

  

    body .carousel-wrap[data-full-width="true"] .carousel-heading h2 {

      max-width: 720px;

    }

}





@media only screen and (min-width : 690px) and (max-width : 999px) {

  .carousel-next {

    right: 1px;

    padding-left: 1px;

  }



  .carousel-prev {

    right: 25px;

    padding-right: 1px;

  }

}





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

  .carousel-next {

    right: 1px;

    padding-left: 1px;

  }



  .carousel-prev {

    right: 25px;

    padding-right: 1px;

  }

}





@media only screen and (min-width : 1px) and (max-width : 999px) {

  .carousel-wrap[data-full-width="true"] {

    padding: 0!important;

  }

  .carousel-heading h2 {

    max-width: 83%;

    font-size: 11px;

  }

  .carousel-wrap[data-full-width="true"] {

    padding: 0 9px;

  }

  body .carousel-wrap[data-full-width="true"] .carousel-heading h2 {

    font-size: 16px;

    top: 3px;

  }



  body .carousel-wrap[data-full-width="true"] .controls {

    display: block;

    height: 30px;

    position: relative;

    margin-bottom: 10px;

    width: 130px;

    margin: 0 auto;

    margin-top: 25px;

  }



  body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link,

	body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev,

	body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {

    top: 0!important;

  }



  body .carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link {

    margin: 0 auto;

    position: relative;

  }



  body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-prev {

    left: 0;

    margin-left: 0;

    text-align: left;

  }



  body .carousel-wrap[data-full-width="true"] .carousel-heading .carousel-next {

    right: 0;

  }



  div[data-full-width="false"] .carousel-heading h2 {

    font-size: 12px;

  }

}



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

  body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {

    width: 66%;

  }



  body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {

    font-size: 10px;

  }

}