/* ============================================================== Carousel /* ============================================================== */
.list_carousel
{
    margin-left: -10px;
    clear: both;
}


.list_carousel ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.prods .list_carousel .caroufredsel_wrapper 
{
   /* width:1150px!important;*/
}
    
 
.prods .list_carousel ul
{
     /*margin-left: -20px;*/
     
}

.prods .list_carousel ul li h1
{
    font-size: 14px;
    line-height: 1;
    padding-left: auto;
    padding-right: auto;
    margin-top: 15px;
    text-align :center ;
}
.prods .list_carousel ul li a
{
    padding-bottom: 10px;
    display: block;
    color: #666;
    line-height: 20px;
    text-transform: uppercase;
}

.list_carousel li
{
    display: block;
    float: left;
    margin-left: 10px;
    cursor: default !important;
    height: auto;
}
.list_carousel.responsive
{
    width: auto;
    margin-left: -10px;
}
.clearfix
{
    float: none;
    clear: both;
}
.list_carousel .carousel_nav
{
    position: relative;
    padding-left: 8px;
    padding-right: 12px;
    text-align: center;
    margin-bottom: 20px;
    float: none;
    clear: both;
    display: inline-block;
    background: #fff;
}
.grayarea
{
    background: #f7f7f7;
    padding: 30px 0;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.grayarea .br-hr-h i
{
    background: #f9f9f9;
}
.grayarea .list_carousel .carousel_nav
{
    background: #f9f9f9;
}
a.prev, a.next
{
    background: url(img/carousel.png) no-repeat #444;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    float: left;
    margin-left: 3px;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1);
    border-radius: 2px;
}
a.prev:hover, a.next:hover
{
    background-color: #444;
}
a.prev
{
    background-position: -2px 0;
}
a.prev.disabled
{
    background-color: #555;
}
a.next
{
    background-position: -22px 0;
}
a.next.disabled
{
    background-color: #555;
}
a.prev.disabled, a.next.disabled
{
    cursor: default;
}
a.prev span, a.next span
{
    display: none;
}
.pager
{
    float: left;
    width: 300px;
    text-align: center;
}
.pager a
{
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected
{
    text-decoration: underline;
}
.timer
{
    background-color: #999;
    height: 6px;
    width: 0px;
}
.testimonials .list_carousel li
{
    width: 330px;
}

.testavatar
{
    border: 1px solid #ebebeb;
    border-radius: 50%;
    margin-left: 15px;
}
.maxwidth
{
    max-width: 100%;
}
.carousel-content
{
    float: left;
    width: 100%;
}
.featured-projects
{
    background: #fff;
    font-size: 12px;
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    text-align: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    border: 1px solid #ebebeb;
}
.featured-projects:hover
{
}
.featured-projects-image
{
    padding: 0px;
}
.featured-projects-image img
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.featured-projects-image a
{
    display: block;
}
.featured-projects-content
{
    padding: 0 10px;
}
.featured-projects-content p
{
    margin-bottom: 10px;
}
.featured-projects-content h1
{
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
}
.featured-projects-content h1 a
{
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    display: block;
    color: #444;
    font-weight: normal;
}
.small
{
    font-size: 12px;
}
.grayimage
{
    filter: url("data:image/svg+xml;nowhitespace:afterproperty;utf8\,<svg\ xmlns=\'http://www.w3.org/2000/svg\'><filter\ id=\'grayscale\'><feColorMatrix\ type=\'matrix\'\ values=\'0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0.3333\ 0.3333\ 0.3333\ 0\ 0\ 0\ 0\ 0\ 1\ 0\'/></filter></svg>"); /* Firefox 10+,Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+,Safari 6+,Safari 6+iOS */
}
.imgproject
{
    float: left;
    margin-right: 20px;
}



.boxcontainer
{
   
    border: 1px solid #ededed;
    border-bottom: double medium #ececec;
    background: #fff;
    font-size: 13px;
    text-align: center;
    transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    position: relative;
    overflow: hidden;
}
.boxcontainer:hover
{
    border-bottom: double medium #eaeaea;
}

.boxcontainer h1
{
    font-size: 13px;
    line-height: 1;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
}
.boxcontainer h1 a
{
    padding-bottom: 10px;
    display: block;
    color: #666;
    line-height: 20px;
    text-transform: uppercase;
}
.boxcontainer img
{
    position: relative;
}

.recent-projects-home .boxcontainer img
{
    height: 185px;
}

.prods .boxcontainer img
{
    height: 185px;
    margin-left :auto ;
    margin-right:auto;
}

.recent-projects-home .smalltitle
{
    width: 90%;
    margin: 50px auto - 13px auto ;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ebebeb;
}

.wrapcaption
{
    position: absolute;
    font-size: 30px;
    background: transparent;
    width: 100%;
    margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
    top: 53%;
}

.roll
{
    position: absolute;
    font-size: 30px;
    width: 100%;
    margin: 0px auto;
    height: 100%;
    top: -54.0px;
    display: table-cell;
    vertical-align: middle;
    background: #000;
    z-index: 10;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    zoom: 1;
}

.captionicons
{
    font-size: 20px;
    padding: 13px;
    background: #7c7b72;
    margin-right: 0px;
    border-radius: 50%;
    color: #fff;
    position: relative;
    top: 45%;
    vertical-align: middle;
    margin-top: 0px;
    margin: 0 auto;
}
.captionicons:hover
{
    opacity: 0.9;
}
/* ----------------------------------		Dark Square Theme	----------------------------------- */

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content
{
    background: #000;
}
div.dark_square .currentTextHolder
{
    color: #c4c4c4;
}
div.dark_square .pp_description, div.dark_square .pp_description p
{
    color: #eeeeee;
}
div.dark_square .pp_loaderIcon
{
    background: url(img/loader.gif) center center no-repeat;
}
/* Loader icon */
div.dark_square .pp_expand
{
    background: url(img/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
/* Expand button */
div.dark_square .pp_expand:hover
{
    background: url(img/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
/* Expand button hover */
div.dark_square .pp_contract
{
    background: url(img/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
/* Contract button */
div.dark_square .pp_contract:hover
{
    background: url(img/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
/* Contract button hover */
div.dark_square .pp_close
{
    width: 75px;
    height: 22px;
    background: url(img/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */
div.dark_square .pp_details
{
    position: relative;
}
div.dark_square .pp_description
{
    margin: 0 85px 0 0;
}
div.dark_square #pp_full_res .pp_inline
{
    color: #fff;
}
div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next
{
    margin-top: 12px !important;
}
div.dark_square .pp_nav
{
    clear: none;
}
div.dark_square .pp_nav .pp_play
{
    background: url(img/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_square .pp_nav .pp_pause
{
    background: url(img/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_square .pp_arrow_previous
{
    background: url(img/sprite.png) 0 -71px no-repeat;
}
/* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled
{
    background-position: 0 -87px;
    cursor: default;
}
div.dark_square .pp_arrow_next
{
    background: url(img/sprite.png) -22px -71px no-repeat;
}
/* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled
{
    background-position: -22px -87px;
    cursor: default;
}
div.dark_square .pp_next:hover
{
    background: url(img/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */
div.dark_square .pp_previous:hover
{
    background: url(img/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */
/* ------------------------------------------------------------------------	DO NOT CHANGE------------------------------------------------------------------------- */
div.pp_pic_holder a:focus
{
    outline: none;
}
div.pp_overlay
{
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}
div.pp_pic_holder
{
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
.pp_top
{
    height: 20px;
    position: relative;
}
* html .pp_top
{
    padding: 0 20px;
}
.pp_top .pp_left
{
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle
{
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle
{
    left: 0;
    position: static;
}
.pp_top .pp_right
{
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_content
{
    height: 40px;
    min-width: 40px;
}
* html .pp_content
{
    width: 40px;
}
.pp_fade
{
    display: none;
}
.pp_content_container
{
    position: relative;
    text-align: left;
    width: 100%;
}
.pp_content_container .pp_left
{
    padding-left: 20px;
}
.pp_content_container .pp_right
{
    padding-right: 20px;
}
.pp_content_container .pp_details
{
    float: left;
    margin: 10px 0 2px 0;
}
.pp_description
{
    display: none;
    margin: 0;
}
.pp_social
{
    float: left;
    margin: 7px 0 0 0;
}
.pp_social .facebook
{
    float: left;
    position: relative;
    top: -1px;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}
.pp_social .twitter
{
    float: left;
}
.pp_nav
{
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
    font-size: 12px;
}
.pp_nav p
{
    float: left;
    margin: -3px 7px -3px 5px;
}
.pp_nav .pp_play, .pp_nav .pp_pause
{
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}
a.pp_arrow_previous, a.pp_arrow_next
{
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}
.pp_hoverContainer
{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.pp_gallery
{
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}
.pp_gallery div
{
    float: left;
    overflow: hidden;
    position: relative;
}
.pp_gallery ul
{
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
.pp_gallery ul a
{
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a
{
    border-color: #fff;
}
.pp_gallery ul a img
{
    border: 0;
}
.pp_gallery li
{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.pp_gallery li.default a
{
    background: url(default_.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}
.pp_gallery li.default a img
{
    display: none;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next
{
    margin-top: 7px !important;
}
a.pp_next
{
    background: url(img/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_previous
{
    background: url(img/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_expand, a.pp_contract
{
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}
a.pp_close
{
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}
.pp_bottom
{
    height: 20px;
    position: relative;
}
* html .pp_bottom
{
    padding: 0 20px;
}
.pp_bottom .pp_left
{
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle
{
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle
{
    left: 0;
    position: static;
}
.pp_bottom .pp_right
{
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_loaderIcon
{
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
#pp_full_res
{
    line-height: 1 !important;
}
#pp_full_res .pp_inline
{
    text-align: left;
}
#pp_full_res .pp_inline p
{
    margin: 0 0 15px 0;
}
div.ppt
{
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}