/* CSS Styles Table of Contents */

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

}


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


}




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


}





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


}


/* WWL SERVICE HOME PAGE STYLING
----------------------------------------------------------------------------- */
.service-content.services-home {
    background: #f6f6f6;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.services-wrap li:hover .service-content.services-home {
    background: #169fe6 !important;
}

.services-wrap li:hover .service-content.services-home h5,
.services-wrap li:hover .service-content.services-home p{
    color: #fff;
}


.services-wrap.home2 .icon{
    margin-left: 0;
    margin-right: 20px;
    float: left;
}

.service-content.services-home2{
    background: #fff;
    margin-top: 0;
    padding-top: 0;
}

.service-content.services-home2 h5, 
.service-content.services-home2 p{
    text-align: left;
}

.service-content.services-home2 h5:hover{
    color: #d74142;
}

.services-wrap{
    float: left;
}


/* SERVICE ICONS
----------------------------------------------------------------------------- */
.services-wrap .icon-mac{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-chrome{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-idea{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-android{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-design{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-globe{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-home{
    background: url('../img/services/home.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-padlock{
    background: url('../img/services/chrome.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-paperclip{
    background: url('../img/services/paperclip.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.icon-mac,
.icon-tool,
.icon-html5,
.icon-grid,
.icon-chrome,
.icon-idea,
.icon-android,
.icon-camera,
.icon-chain1,
.icon-chain2,
.icon-clapboard,
.icon-download,
.icon-firefox,
.icon-flag,
.icon-folder,
.icon-globe,


.icon-padlock,
{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-wrap li:hover .icon-mac,
.services-wrap li:hover .icon-tool,
.services-wrap li:hover .icon-html5,
.services-wrap li:hover .icon-grid,
.services-wrap li:hover .icon-chrome,
.services-wrap li:hover .icon-idea,
.services-wrap li:hover .icon-android,
.services-wrap li:hover .icon-calendar,
.services-wrap li:hover .icon-arrow-down,
.services-wrap li:hover .icon-arrow-left,
.services-wrap li:hover .icon-arrow-right,
.services-wrap li:hover .icon-arrow-up,
.services-wrap li:hover .icon-book,
.services-wrap li:hover .icon-building,
.services-wrap li:hover .icon-camera,
.services-wrap li:hover .icon-chain1,
.services-wrap li:hover .icon-download,
.services-wrap li:hover .icon-firefox,
.services-wrap li:hover .icon-flag,
.services-wrap li:hover .icon-folder,
.services-wrap li:hover .icon-globe,
.services-wrap li:hover .icon-graph,
.services-wrap li:hover .icon-hd,
.services-wrap li:hover .icon-help,
.services-wrap li:hover .icon-home,
.services-wrap li:hover .icon-ice-cream,
.services-wrap li:hover .icon-image,
.services-wrap li:hover .icon-lab,
.services-wrap li:hover .icon-label,
.services-wrap li:hover .icon-list,
.services-wrap li:hover .icon-marker,
.services-wrap li:hover .icon-mail,
.services-wrap li:hover .icon-pacman,
.services-wrap li:hover .icon-padlock,
.services-wrap li:hover .icon-paperclip,
.services-wrap li:hover .icon-paypal,
.services-wrap li:hover .icon-pdf,
.services-wrap li:hover .icon-pencil,
.services-wrap li:hover .icon-phone,
.services-wrap li:hover .icon-preview,
.services-wrap li:hover .icon-rss,
.services-wrap li:hover .icon-safari,
.services-wrap li:hover .icon-sd,
.services-wrap li:hover .icon-shop,
{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*==============================================================================
        6. SERVICES PAGE STYLES
================================================================================*/
.services-wrap{
    float: left;
}

.services-wrap .icon{
    background: url('../img/services/bkg.png') center 0 no-repeat;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    display: table;
    position: relative;
    overflow: hidden;
}

.service-content{
    margin-top: -45px;
    padding-top: 50px;
}

.service-content h5, .service-content p{
    text-align: center;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-content .btn-big,
.service-content .btn-medium,
.service-content .btn-small{
    float: left;
    margin-left: 31%;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-content .btn-big span,
.service-content .btn-medium span,
.service-content .btn-small span{
    text-transform: none;
}

.service-content .btn-big:hover span,
.service-content .btn-medium:hover span,
.service-content .btn-small:hover span{
    color: #d74142;
}

p span {color:#FF0000;}

/* SERVICES HOME PAGE STYLING
----------------------------------------------------------------------------- */
.service-content.services-home {
    background: #f6f6f6;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.services-wrap li:hover .service-content.services-home {
    background: #169fe6 !important;
}

.services-wrap li:hover .service-content.services-home h5,
.services-wrap li:hover .service-content.services-home p{
    color: #fff;
}


/* SERVICES HOME PAGE ALTERNATIVE STYLING
----------------------------------------------------------------------------- */
.services-wrap.home2 .icon{
    margin-left: 0;
    margin-right: 20px;
    float: left;
}

.service-content.services-home2{
    background: #fff;
    margin-top: 0;
    padding-top: 0;
}

.service-content.services-home2 h5, 
.service-content.services-home2 p{
    text-align: left;
}

.service-content.services-home2 h5:hover{
    color: #d74142;
}

.comment-body .btn-small span{
    font: 12px 'Droid Sans', sans-serif;
    text-transform: uppercase;
    padding: 4px 10px 3px 5px;
}


/* 3.2. Buttons - big button style
----------------------------------------------------------------------------- */
p + .btn-big, 
p + .btn-medium,
p + .btn-small{
    margin-top: 14px;
}

ul + .btn-big,
ul + .btn-medium,
ul + .btn-small{
    margin-top: 14px;  
}

.btn-small + .btn-small,
.btn-medium + .btn-medium,
.btn-big + .btn-big{
    margin-left: 10px;
}

.btn-big,
.btn-medium,
.btn-small{
    background: #169fe6;

    -moz-box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    box-shadow: 1px 1px 2px #aaa;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.btn-big.white, 
.btn-medium.white,
.btn-small.white{
    background: #fff;
}


.btn-big:hover,
.btn-medium:hover,
.btn-small:hover{
    background: #707070;
}

.btn-big.white:hover, 
.btn-medium.white:hover,
.btn-small.white:hover{
    background: #fff;
}

.btn-big.white span, 
.btn-medium.white span,
.btn-small.white span{
    color: #8f8f8f;
    font-style: italic;
}

.btn-small{
    float: left;
}

.btn-small span{
    font: 11px 'Arimo', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 12px;
    display: block;
    text-align: center;
}


/* DIVIDER WITH TITLE
----------------------------------------------------------------------------- */
.divider-with-title{    
    position: relative;
    background: url('../img/divider.png') 0 50% repeat-x;
    margin-bottom: 35px;
}

.divider{
    width: 100%;
    height: 1px;
    background: #ececec;
    float: left;
    margin-bottom: 40px;
}

.divider-with-title .title{
    background: #fff;
    padding: 0 30px;
    display: table;
    margin: 0 auto;
}

.divider-with-title .title h1{
    font: 22px 'Lobster', cursive;
    text-transform: none;
    text-align: center;
    margin-bottom: -3px;
}

.divider-with-title span{
    color: #aaa;
    font: italic 12px 'Arimo', sans-serif;
    text-align: center;
}

/* PRODUCT GALLERY CAROUSEL
----------------------------------------------------------------------------- */
.jcarousellite{
    float: left;
    width: 100%;
}

.carousel-li{
    width: 100%;
    float: left;
}

.carousel-li > li{
    width: 156px;
    float: left;
    margin-right: 20px;
    height: auto !important;
}

.carousel-li li img{
    border: 3px solid #ececec;
}

/* CAROUSEL navoconIGATION
----------------------------------------------------------------------------- */
.divider-with-title.carousel .title{
    padding: 0;
}

.divider-with-title.carousel .title .title-whatkion{
    padding: 0 30px;
    float: left;
}

.carousel-navocon{
    float: left;
    position: relative;
    top: 14px;
}

.carousel-navocon li{
    float: right;
    margin-right: 5px;
    background: #f6f6f6;
    border: 1px solid #ececec;
    position: relative;
    top: -2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.carousel-navocon li:first-child{
    margin-right: 0;
}

.carousel-navocon li a.next{
    background-image: url('../img/next.png');
    background-position: -0px -25px;
    width: 25px;
    height: 25px;
    display: block;
}

.carousel-navocon li a.next:hover{
    background-image: url('../img/next.png');
    background-color: #d74142;
    background-position: -0px -0px;
}

.carousel-navocon li a.prev{
    background-image: url('../img/prev.png');
    background-position: -0px -25px;
    width: 25px;
    height: 25px;
    display: block;
}

.carousel-navocon li a.prev:hover{
    background-image: url('../img/prev.png');
    background-position: -0px -0px;
    background-color: #d74142;
}




.portfolio figcaption p + p{
    margin-top: 0;
}

figcaption .caption-title{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    z-index: 100;
    margin-top: 0px;
}

figcaption .title{
    font: 12px 'Arimo', sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    color: #555;
    text-align: center;
}

figcaption .subtitle{
    font: italic 11px 'Arimo', serif;
    text-align: center;
    color: #aaa;
}

.caption-hover{
    float: left;
    margin-left: 35%;
    padding-bottom: 10px;
    position: absolute;
    display: block;
    margin-top: 10px;
}

/* CAPTION HOVER FOR PORTFOLIO WITH THREE ITEMS
----------------------------------------------------------------------------- */
.grid_4 .caption-hover{
    margin-left: 39%;
}

.caption-hover li{
    background: #169fe6;
    width: 30px !important;
    height: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    float: left;
    margin-right: 5px;

    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}








/* Devices between 960 and 1024 */
@media only screen and (min-width: 960px) and (max-width: 1279px){
    
}

/* Devices and screens between 768px and 959px */
@media only screen and (min-width: 768px) and (max-width: 959px){
    
    }
.img_big_text {position:absolute; font-size:22px; color:#028ae9; top:60px; left:30px;}