border-radius: 50px;
background: #fdfdfd;
border: 2px solid #0099cc;
margin: 0px;
transition: .5s;
}
.btn-slide2 {
border: 2px solid #efa666;
}
.btn-slide:hover {
background-color: #0099cc;
}
.btn-slide2:hover {
background-color: #efa666;
}
.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
left: 100%;
margin-left: -45px;
background-color: #fdfdfd;
color: #0099cc;
}
.btn-slide2:hover span.circle2 {
color: #efa666;
}
.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
left: 40px;
opacity: 0;
}
.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
opacity: 1;
left: 40px;
}
.btn-slide span.circle, .btn-slide2 span.circle2 {
display: block;
background-color: #0099cc;
color: #fff;
position: absolute;
float: left;
margin: 5px;
line-height: 42px;
height: 40px;
width: 40px;
top: 0;
left: 0;
transition: .5s;
border-radius: 50%;
}
.btn-slide2 span.circle2 {
background-color: #efa666;
}
.btn-slide span.title,
.btn-slide span.title-hover, .btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {
position: absolute;
left: 90px;
text-align: center;
margin: 0 auto;
font-size: 16px;
font-weight: bold;
color: #30abd5;
transition: .5s;
}
.btn-slide2 span.title2,
.btn-slide2 span.title-hover2 {
color: #efa666;
left: 80px;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
left: 80px;
opacity: 0;
}
.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
color: #fff;
}
/* Demo and Download Button CSS Code End */
/* Use this with templates/template-twocol.html */
body {
background-color:#F3F3F3;
background-image:url(//1.bp.blogspot.com/-HXdhwbAY0Ag/VTevzYZg_mI/AAAAAAAAGkQ/_Uc7zVLCns0/s1600/pat_03-min.png);
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size
/* */:/**/
small;
font-size:/**/
small;
text-align:center;
}
a:link {
color:#01B1D3;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#006F85;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Headings
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.post-summary strong,
.featuredpost .labeltext strong {
font:normal normal 12px 'Bitter',serif,sans-serif;
text-transform:none;tn
margin:0;
}
.sidebar .widget > h2,
.footer .widget > h2,
.sf-menu a,
ul.navtab li a {
font:normal normal 12px 'PT Sans Narrow',serif,sans-serif;
}
h1 {
font-size:180%;
}
h2 {
font-size:160%;
}
h3 {
font-size:140%;
}
h4 {
font-size:130%;
}
h5 {
font-size:120%;
}
h6 {
font-size:110%;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
margin:0 auto 0;
padding:20px 10px;
overflow:hidden;
background-image:url("https://1.bp.blogspot.com/-rmeJciKdYMM/WYB6j9M4PPI/AAAAAAAAKZk/RlGHJezVi-QN1AtKeQErs95fc65i0X2kACEwYBhgL/s1600/index-min.png");
}
#headtitle {
float:left;
min-width:300px;
max-width:500px;
}
#headads {
float:right;
min-width:300px;
max-width:468px;
}
#header {
margin:0;
}
#header h1,
#header p {
margin:0;
padding:0;
font:normal normal 40px 'PT Sans Narrow',serif,sans-serif;
text-transform:uppercase;
color:#0E0E0E;
}
#header a {
color:#0E0E0E;
text-decoration:none;
}
#header a:hover {
color:#0E0E0E;
}
#header .description {
margin:0;
padding:0 0 10px;
text-transform:capitalize;
font:normal normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
}
#header img {
margin-left:0;
margin-right:auto;
}
#headads .widget > h2 {
display:none;
}
#headads .widget-content {
margin:10px 0 0;
}
/* Navigation
----------------------------------------------- */
#mobilenav {
display:none;
}
#nav {
height:40px;
background-color:#292929;
border-bottom:5px solid #01B1D3;
position:relative;
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:left;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu > li > a {
font-size:125%;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:left;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:40px;
line-height:40px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home {
background-color:#01B1D3;
text-indent:-9999px;
padding:0;
width:45px;
margin-left:4px;
background-image:url(//2.bp.blogspot.com/-QeSf1t2iBOI/UWxMDIUjlbI/AAAAAAAAI9I/02h3nW3FLD4/w25/home.png);
text-indent:-9999px;
background-repeat:no-repeat;
background-position:10px 5px;
}
.sf-menu a {
color:#FAFAFA;
font-size:120%;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#01B1D3;
}
.sf-menu ul a {
font-weight:normal;
height:30px;
line-height:30px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:#01B1D3;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover,
.sf-menu > li > a.current {
background-color:#01B1D3;
-moz-transition:none;
-webkit-transition:none;
transition:none;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.75em;
margin-top:-3px;
height:0;
width:0;
border:5px solid transparent;
border-top-color:#FAFAFA;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:white;
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-5px;
margin-right:-3px;
border-color:transparent;
border-left-color:#FAFAFA;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:white;
}
.sf-menu li > i {
position:absolute;
top:0;
right:5px;
width:30px;
height:30px;
cursor:pointer;
display:none;
background-color:#CCC;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:100%;
max-width:1200px;
background-color:#FAFAFA;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px Verdana, Geneva, sans-serif;