/* ===================================================================================

Theme Name: Moderna Responsive Site Template
Theme URI: http://pixel-industry.com/moderna/Boxed/
Description: Moderna is Responsive and Creative Site Template 
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.2

Style: dark-blue

======================================================================================*/

/*=====================================================================================
        BASIC STYLES
======================================================================================*/
a{
    color: #3b6e8e;
}

a:hover{
    color: #e07317;
	text-decoration:underline;
}

/* TEXT HIGHLIGHT */
.highlight-style{
    background: #3b6e8e;
    color: #fff;
}

/*FINDOUT MORE LINK STYLE */
.find-out-more, a.find-out-more{
    color: #3b6e8e;
}

a.find-out-more:hover{
    color: #83c7cc;
}

/*=====================================================================================
        HEADER CONTAINER STYLES
======================================================================================*/

/* Search form */

#search-submit:hover{
    background: #3b6e8e url('../../img/search-white.png') no-repeat center;
}

#nav li:hover{
    background: #3b6e8e;
}

#nav li:hover:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #3b6e8e;
    left: -1px;
    top: 0;
}

#nav li:hover > a{
    color: #fff !important;
}

#nav li ul li:hover a{
   color: #e07317;
}

/* sve klase ispod */
#nav li.current-menu-item, #nav li.current-menu-parent{
    background: #3b6e8e;
}

#nav li.current-menu-item:before, #nav li.current-menu-parent:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #3b6e8e;
    left: -1px;
    top: 0;
}

#nav li.current-menu-item a, #nav li.current-menu-parent a{
    color: #fff;
    border-right: 1px solid #3b6e8e;
}

#nav li.current-menu-parent li a{
    border-right: none;
}

#nav li.current-menu-parent li.current-menu-item:before{
    content: none;
}

#nav li.current-menu-parent li:hover{
    background: #3b6e8e;
}

#nav li.current-menu-parent li:hover > a{
   color: #fff;
}

#nav li.current-menu-parent ul li{
    background: #fafafa;
}

#nav li.current-menu-parent ul li a{
    color: #8f8f8f;
}

#nav li:hover > a{
    border-right: 1px solid #3b6e8e;
}

#nav li ul li:hover > a{
    border: none;
}


/*=====================================================================================
        SLIDER
======================================================================================*/
.slide-elements h3 span{
    color: #3b6e8e;
}

.anythingSlider-default .arrow a {
    display: block;
    width: 26px;
    height: 40px;
    margin: -25px 0 0 0; /* half height of image */
    text-align: center;
    outline: 0;  
    background: url('../../img/dark-blue/slider-arrows.png') no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: -50px; }
.anythingSlider-default .back a { background-position:  -0px -40px; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position:  -0px -0px; }
/* forward arrow */
.anythingSlider-default .forward { right: -50px; }
.anythingSlider-default .forward a { background-position:  -26px -40px; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position:  -26px -0px; }


/*=====================================================================================
        HOME PAGE STYLES
======================================================================================*/
/* PORTFOLIO CAROUSEL */
.carousel .carousel-nav li:hover{
    background: #3b6e8e;
}

/*=====================================================================================
        SERVICES PAGE STYLES
======================================================================================*/

.icon-brush:hover{
    background: #3b6e8e url('../../img/services/brush.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-box:hover{
    background: #3b6e8e url('../../img/services/box.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-mac:hover{
    background: #3b6e8e url('../../img/services/mac.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-chart:hover{
    background: #3b6e8e url('../../img/services/chart.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-pie:hover{
    background: #3b6e8e url('../../img/services/pie.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-rocke-t:hover{
    background: #3b6e8e url('../../img/services/rocke-t.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-android:hover{
    background: #3b6e8e url('../../img/services/android.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-arrow-down:hover{
    background: #3b6e8e url('../../img/services/arrow-down.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-arrow-left:hover{
    background: #3b6e8e url('../../img/services/arrow-left.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-arrow-right:hover{
    background: #3b6e8e url('../../img/services/arrow-right.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-arrow-up:hover{
    background: #3b6e8e url('../../img/services/arrow-up.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-book:hover{
    background: #3b6e8e url('../../img/services/book.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-calendar:hover{
    background: #3b6e8e url('../../img/services/calendar.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-camera:hover{
    background: #3b6e8e url('../../img/services/camera.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-chain:hover{
    background: #3b6e8e url('../../img/services/chain.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-chain2:hover{
    background: #3b6e8e url('../../img/services/chain2.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-chrome:hover{
    background: #3b6e8e url('../../img/services/chrome.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-firefox:hover{
    background: #3b6e8e url('../../img/services/firefox.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-safari:hover{
    background: #3b6e8e url('../../img/services/safari.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-clapboard:hover{
    background: #3b6e8e url('../../img/services/clapboard.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-cog:hover{
    background: #3b6e8e url('../../img/services/cog.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-construction:hover{
    background: #3b6e8e url('../../img/services/construction.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-cup:hover{
    background: #3b6e8e url('../../img/services/cup.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-cut:hover{
    background: #3b6e8e url('../../img/services/cut.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-download:hover{
    background: #3b6e8e url('../../img/services/download.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-flag:hover{
    background: #3b6e8e url('../../img/services/flag.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-folder:hover{
    background: #3b6e8e url('../../img/services/folder.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-globe:hover{
    background: #3b6e8e url('../../img/services/globe.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-graph:hover{
    background: #3b6e8e url('../../img/services/graph.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-hd:hover{
    background: #3b6e8e url('../../img/services/hd.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-help:hover{
    background: #3b6e8e url('../../img/services/help.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-home:hover{
    background: #3b6e8e url('../../img/services/home.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-idea:hover{
    background: #3b6e8e url('../../img/services/idea.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-image:hover{
    background: #3b6e8e url('../../img/services/image.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-lab:hover{
    background: #3b6e8e url('../../img/services/lab.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-label:hover{
    background: #3b6e8e url('../../img/services/label.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-lock:hover{
    background: #3b6e8e url('../../img/services/lock.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-mail:hover{
    background: #3b6e8e url('../../img/services/mail.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-marker:hover{
    background: #3b6e8e url('../../img/services/marker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-paperclip:hover{
    background: #3b6e8e url('../../img/services/paperclip.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-pdf:hover{
    background: #3b6e8e url('../../img/services/pdf.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-pencil:hover{
    background: #3b6e8e url('../../img/services/pencil.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-phone:hover{
    background: #3b6e8e url('../../img/services/phone.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-preview:hover{
    background: #3b6e8e url('../../img/services/preview.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-rss:hover{
    background: #3b6e8e url('../../img/services/rss.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-shop:hover{
    background: #3b6e8e url('../../img/services/shop.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-speach-buble:hover{
    background: #3b6e8e url('../../img/services/speach-buble.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-speaker:hover{
    background: #3b6e8e url('../../img/services/speaker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-tool:hover{
    background: #3b6e8e url('../../img/services/tool.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon-warning:hover{
    background: #3b6e8e url('../../img/services/warning.png')  no-repeat;
    background-position:  -0px -0px;
}




/*=====================================================================================
        PORTFOLIO PAGE STYLES
======================================================================================*/
#portfolio-filter li a:hover{
    color: #3b6e8e;
}

#portfolio-filter .active a{
    color: #3b6e8e !important;
}

figcaption .category{
    color: #3b6e8e;
    text-transform: none;
}

figure.img-styled .img-hover{
    background: #3b6e8e;
}

figure.img-styled .img-hover li.portfolio-single:hover{
    background: url('../../img/dark-blue/chain-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-grid:hover{
    background: url('../../img/dark-blue/grid-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-zoom:hover{
    background: url('../../img/dark-blue/zoom-hover.png') no-repeat center;
}


/* PORTFOLIO WITH SHOWCASE - SHOWCASE ITEM STYLE */
.showcase-nav li a:hover{
    color: #83c7cc;
}



/*=====================================================================================
        BLOG PAGE STYLES
======================================================================================*/
.grid_9.blog .meta .category.design{
    background: #3b6e8e url('../../img/pen.png') no-repeat center;
}

.grid_9.blog .meta .category.photo{
    background: #3b6e8e url('../../img/picture.png') no-repeat center;
}

.grid_9.blog .meta .category.video{
    background: #3b6e8e url('../../img/movie.png') no-repeat center;
}

.grid_9.blog .meta .category .icon{
    width: 60px;
    height: 60px;
    float: left;
    background-position: 0 0;
    background-color: #3b6e8e;
}


/* POST CONTENT STYLING */
.grid_9.blog .entry-content .post-title a{
    background: #3b6e8e;
    text-shadow: 0 1px 0 #34808c;
}


/* BLOG POST COMMENTS */
.post-comments .comments-li .comment .comment-meta h5:hover{
    color: #3b6e8e;
}

#respond #submit{
    text-shadow: 2px 2px #34808c;
    background: url('../../img/dark-blue/btn-med.png') repeat-x;
    background-position: -0px -0px;
    border: 1px solid #34808c;
}

#respond #submit:hover{
    background: url('../../img/dark-blue/btn-med.png') repeat-x;
    background-position: -0px -30px;
}

/* Comments Pagination */

.post-comments .comments-pagination .page-numbers.current{
    background: #3b6e8e;
    color: #fff;
}

.post-comments .comments-pagination .page-numbers:hover{
    background: #3b6e8e;
    color: #fff;
}

.post-comments .comments-pagination a.next:hover, .comments-pagination a.prev:hover {
    background: #3b6e8e;
    color: #fff;
}

/* blog post no image post title */
.grid_9.blog .entry-content.no-image .post-title a:hover{
    color: #3b6e8e;
}




/*=====================================================================================
        CONTACT PAGE STYLE
======================================================================================*/
.contact-form .submit{
    text-shadow: 2px 2px #34808c;
}



/*=====================================================================================
        SIDEBAR  STYLE
======================================================================================*/
.aside-widgets li a:hover{
    color: #3b6e8e;
}

.textwidget a.incolor{
    color: #3b6e8e;
}

/* TWEETSCROLL WIDGET */
.widget.pi_tweet_scroll a{
    color: #3b6e8e;
}

/* TAG CLOUD WIDGET */
.widget_tag_cloud .tagcloud a:hover{
    background: #3b6e8e;

    -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;
}

/* TEXT WIDGET */

.textwidget .newsletter .submit:hover{
    background: #3b6e8e;
    color: #fff;
    cursor: pointer;    

    -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;
}

/* RECENT COMMENTS WIDGET */

.widget.widget_recent_comments #recentcomments a{
    color: #3b6e8e;
    padding-left: 0;
}

/* WIDGET RECENT ENTRIES */

.widget.widget_rss ul li a{
    color: #3b6e8e;
}

/* CALENDAR WIDGET */

.widget.widget_calendar #wp-calendar #today {
    background: #3b6e8e;
    color: #fff;
}

.widget.widget_calendar #wp-calendar #today a{
    color: #fff;
}

/*=====================================================================================
        PAGINATION STYLE
======================================================================================*/
.pagination li:hover, .pagination li.arrow:hover{
    background: #3b6e8e;
}

.pagination li.active{
    background: #3b6e8e;
}

.pagination li .current{
    background: #3b6e8e;
    color: #fff;
    height: 19px;
}

.pagination li .next:hover, .pagination li .prev:hover{
    background: #3b6e8e;
    color: #fff;
}


/*=====================================================================================
        FOOTER STYLES
======================================================================================*/
.container_12 .copyright .to-top:hover{
    background: #3b6e8e;
}



/*=====================================================================================
        ELEMENTS
======================================================================================*/
/* BUTTON BIG STYLE */

.btn-big.style-color{
    background: url('../../img/dark-blue/btn-big.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #3B6E8E;
}

.btn-big.style-color span{
    
}

.btn-big.style-color:hover{
    background: url('../../img/dark-blue/btn-big.png') repeat-x;
    background-position: -0px -45px;
}

.btn-big.style-color:active{
    background: url('../../img/dark-blue/btn-big.png') repeat-x;
    background-position: -0px -90px;
}


/* MEDIUM BUTTON STYLE */
.btn-medium.style-color{
    background: url('../../img/dark-blue/btn-med.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #34808c;
}

.btn-medium.style-color span{
    text-shadow: 1px 1px #34808c;
}

.btn-medium.style-color:hover{
    background: url('../../img/dark-blue/btn-med.png') repeat-x;
    background-position: -0px -30px;
}

.btn-medium.style-color:active{
    background: url('../../img/dark-blue/btn-med.png') repeat-x;
    background-position: -0px -60px;
}


/* SMALL BUTTON STYLE */
.btn-small.style-color{
    background: url('../../img/dark-blue/btn-small.png') repeat-x;
    background-position: -0px -0px;

    border: 1px solid #34808c;
}

.btn-small.style-color span{
    text-shadow: 1px 1px #34808c;
}

.btn-small.style-color:hover{
    background: url('../../img/dark-blue/btn-small.png') repeat-x;
    background-position: -0px -26px;
}

.btn-small.style-color:active{
    background: url('../../img/dark-blue/btn-small.png') repeat-x;
    background-position: -0px -52px;
}



/* TABS STYLES */
.tabs li a:hover, .tabs li.active a{
    color: #3b6e8e;
}

/* ACCORDION STYLES */
.accordion .title a:hover{
    color: #3b6e8e;
}

/* TOGGLE STYLES */
.vertical-toggle div.title .text:hover{
    color: #3b6e8e;
}

/* COLOdark-blue LIST STYLE */
/* CHECKLIST */
.list-check{
    background: url('../../img/dark-blue/check-mark.png') 0 5px no-repeat;
}

/* ARROW */
.list-arrow{
    background: url('../../img/dark-blue/arrow-mark.png') 0 8px no-repeat;
}

/* ERROR */
.list-error{
    background: url('../../img/dark-blue/error-mark.png') 0 11px no-repeat;
}

/* SQUARE */
.list-square{
    background: url('../../img/dark-blue/square-mark.png') 0 11px no-repeat;
}

/* STAR */
.list-star{
    background: url('../../img/dark-blue/star-mark.png') 0 9px no-repeat;
}

/* THUMBDOWN */
.list-thumbdown{
    background: url('../../img/dark-blue/thumbdown-mark.png') 0 7px no-repeat;
}

/* THUMBUP */
.list-thumbup{
    background: url('../../img/dark-blue/thumbup-mark.png') 0 7px no-repeat;
}



/*=====================================================================================
        COLUMNS - 960 GS ILLUSTRATION
======================================================================================*/
.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover, 
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    background: #3b6e8e;
}