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