button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    border-color:rgba(28,156,218,0.8);
    background-color:rgba(28,156,218,0.8);
}

#site-navigation ul#primary-menu > li:focus > a, 
#site-navigation #primary-menu ul > li:focus > a {
    color: #1c9cda;
}

#site-navigation ul#primary-menu > li.menu-item-has-children:focus > a:after, 
#site-navigation #primary-menu ul > li.page_item_has_children:focus > a:after {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    margin-top: -5px;
}

#site-navigation ul li:focus > ul,
#site-navigation ul li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    display: block;
}

#site-navigation ul ul li:focus {
    background-color:#eee;
}

.mainbanner-button-wrap .first-button a:focus {
    background-color:transparent;
    border-color:#ffffff;
}

.mainbanner-button-wrap .second-button a:focus {
    background-color:#ffffff;
    color:#1c9cda;
}

.uncode-features-section .featureswrap .item-icon:focus {
    background: #1c9cda;
    box-shadow: 0 0 0 8px rgba(0, 195, 237, 0.3);
    color:#ffffff;
}

.blog-section .blogsinfo a:focus, 
.blog-section .blog-image .blogauthor span:focus {
     color: #1c9cda;
}

.portfolio-section .portfolioinfo:focus .portfolio-info  {
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
}

.call-action-section .mainbanner-button-wrap a:focus {
    background-color:#ffffff;
    color:#1c9cda;
}

footer .footer-left .site-info a:focus {
    color:#fff;   
}

footer .footer-right ul a:focus {
    color:#1c9cda;
}

.scrollup:focus {
    background-color: rgba(28, 156, 218, 1);
    color: #ffffff;
}

.pagination a:focus {
    background-color:#1c9cda;
    border-color:#1c9cda;
    color:#ffffff;
}

.main-blog-right a:focus, 
.comment a:focus {
    color:#1c9cda;
}

.widget-area .widget_tag_cloud .tagcloud a:focus,
.widget-area .widget_product_tag_cloud .tagcloud a:focus {
   background: #1c9cda;
   transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   color: #fff;
   border:1px solid #1c9cda;
}

#uncode-breadcrumb a:focus:after {
    background-color:#00c4ee;
    width: 30px;
}

.nav-previous a:focus, 
.nav-next a:focus{
    color:#555555;
}

.comment-left a:focus, 
.comment-left a:focus:before, 
.comment-wrapper .media-body a:focus {
    color: #1c9cda;
}

.error-404 .backtohome a:focus {
    background-color:rgba(28,156,218,0.8);
    border-color:rgba(28,156,218,0.8);
}

.about-section .about-content .readmore a:focus:before,
.blog-section .blogsinfo .blog-readmore:focus:before, 
.main-blog-right .btn-readmore a:focus:after,
.nav-next a:focus:after   {
    -webkit-animation-name: float-bob, horizontal-bob;
    animation-name: float-bob, horizontal-bob;
    -moz-animation-name: float-bob, horizontal-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -moz-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -moz-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -moz-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -moz-animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    -moz-animation-direction: normal, alternate;
}

.nav-previous a:focus:before, 
.error-404 .backtohome a:focus:before  {
    -webkit-animation-name: left-float-bob, left-horizontal-bob;
    animation-name: left-float-bob, left-horizontal-bob;
    -moz-animation-name: left-float-bob, left-horizontal-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -moz-animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -moz-animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    -moz-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -moz-animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    -moz-animation-direction: normal, alternate;
}

#site-navigation ul ul li:focus {
    background-color:transparent;
}