body {
background:#f5f5f5;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
a{
text-decoration: none;
color: #2f2f2f;
}
a:hover{
color: #646464;
text-decoration: none;
}
a:focus{
outline: none;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Arial', sans-serif;
}
h2{
line-height: 23px;
}
img{
border:none;
}
img:hover{
opacity: 0.75;
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.img-right{
display: block;
margin-left: auto;
}
.img-left {
display: block;
margin-right: auto;
}
.yellow_bg{
background-color: #ffd62c;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.btn-yellow{
background-color: #ffd62c;
color: #fff;
}
.btn-yellow:hover{
background-color: #e1b70b;
color: #fff;
}
.limeblue_bg{
background-color: #7dc34d;
}
.blue_bg{
background-color: #09c;
}
.btn-red{
background-color: red;
color:#fff;
}
.btn-red:hover{
background-color: #c40505;
color:#fff;
}
.btn-green{
background-color: green;
color: #fff;
}
.btn-green:hover{
background-color: #0ab20a;
color: #fff;
}
.btn-black{
background-color: black;
color: #fff;
}
.btn-black:hover{
background-color: #413a3a;
color: #fff;
}
.btn-orange{
background-color:orange;
color: #fff;
}
.btn-orange:hover{
background-color:#f09d05;
color: #fff;
}
.btn-blue{
background-color: blue;
color: #fff;
}
.btn-blue:hover{
background-color: #0707a2;
color: #fff;
}
.btn-lime{
background-color: lime;
color: #fff;
}
.btn-lime:hover{
background-color: #05ae05;
color: #fff;
}
.default-btn{
background-color: #12a3df;
color: #fff;
}
.default-btn:hover{
background-color: #0a8ec4;
color: #fff;
}
.btn-theme{
background-color:#AE2B33;
color: #fff;
}
.btn-theme:hover{
background-color:#ce39cc;
color: #fff;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.transition{
-webkit-transition: all 0.5s; /* Ch, Saf 3.2 */
-moz-transition: all 0.5s; /* 4 < Fx <16 */
-ms-transition: all 0.5s; /* IE 10 */
-o-transition: all 0.5s; /* 10.5 < Op < 12.1 */
transition: all 0.5s; /* IE 10, Ch 26+, Fx 16+, Op 12*/
}
/* Preloader */
#preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; /* change if the mask should have another color then white */
z-index:99999; /* makes sure it stays on top */
}
#status {
width:200px;
height:200px;
position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(../images/status.gif); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/*scrol to top*/
.scrollToTop {
bottom: 105px;
display: none;
font-size: 32px;
font-weight: bold;
height: 50px;
position: fixed;
right: 0px;
text-align: center;
text-decoration: none;
width: 50px;
z-index: 9;
border:1px solid;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.scrollToTop:hover, .scrollToTop:focus{
text-decoration: none;
outline: none;
}
#header {
display: inline;
float: left;
width: 100%;
margin-top: 5px;
}
.header_top {
background-color: #0eb90e;
display: inline;
float: left;
padding: 0 30px;
width: 100%;
}
.header_top_left{
float: left;
display: inline;
width: 50%;
}
.top_nav{
text-align: left;
}
.top_nav li{
display: inline-block;
}
.top_nav li a{
display: inline-block;
border-right: 1px solid #0eb90e333;
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 20px 15px;
text-transform: uppercase;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.top_nav li a:hover{
background-color: #AE2B33;
}
.header_top_right{
float: left;
display: inline;
width: 50%;
text-align: right;
}
.header_top_right > p {
color: #ffffff;
display: inline-block;
float: right;
font: bold 12px sans-serif;
margin-bottom: 0;
padding-bottom: 20px;
padding-right: 8px;
padding-top: 20px;
}
.header_bottom {
background-color: #fff;
display: inline;
float: left;
padding: 5px 5px 5px;
width: 100%;
}
.logo_area {
display: none;
}
.logo_area img {
width:100%;
}
.current-page {
line-height: 30px;
float: left;
margin-bottom: 8px;
font-size:20px;
}
.current-page a{
color:#0eb90e;
}
.inputsearch {
color: #5f5f5f;
background-color: #ffffff;
outline-style: none;
border: none;
border-left: 5px solid #c21e1e;
padding: 0 10px;
margin-right: 0;
width: 250px;
height: 40px;
float: left;
font-size: 14px;
}
.buttonsearch {
color: #fff;
background: url(../images/search.png) no-repeat #c21e1e;
outline-style: none;
width: 40px;
height: 40px;
border: none;
float: left;
}
#clients img
{
padding-left:20px;
width: 100%;
height: auto;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.logo{
font-size: 45px;
font-weight: bold;
color: #000;
font-family: 'Varela', sans-serif;
}
.logo > span {
margin-left: -14px;
}
.add_banner{
float: left;
width:100%
}
.add_banner img{
float: left;
width:100%;
height:auto;
}
#navArea{
float: left;
display: inline;
width: 100%;
padding: 0px 0px;
background-color: #fff;
}
.navbar {
border: medium none;
border-radius: 0;
min-height:40px;
}
.navbar-inverse .navbar-nav > li > a {
color: #fff;
font-family: 'Arial', sans-serif;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 5px;
text-shadow: 0 1px 1px #000;
-webkit-transition: all 0.5s;
-mz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.navbar-inverse .navbar-nav > li:first-child a{
border: none;
}
.navbar-inverse .navbar-nav > li:last-child{
border-right: none;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{
color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
}
.main-nav ul li a {
}
.navbar-collapse {
padding-left: 0px;
}
.mobile-show{
display: none;
}
.desktop-home {
display: block;
font-size: 30px;
margin-top: 10px;
}
.dropdown-menu, .dropdown-menu2{
background-color: #0eb90e;
}
.dropdown-menu > li > a,.dropdown-menu2 > li > a{
clear: both;
color: #ddd;
background-color: #0eb90e;
padding: 5px 10px;
font-family: 'Arial', sans-serif;
-webkit-transition: all 0.5s;
-mz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display:inline-block;
/* white-space:nowrap; */
width:100%;
}
.dropdown-menu li:hover > ul{display:block;}
.dropdown-menu2 {
position: absolute;
top: 0;
left: 100%;
width:100%;
display:none;
z-index: 1000;
float: left;
min-width: 160px;
font-size: 14px;
text-align: left;
list-style: none;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu li {position:relative;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu2 > li > a:hover,.dropdown-menu2 > li > a:focus{
color: #fff;
background-color: #AE2B33;
}
#newsSection{
float: left;
display: inline;
width: 100%;
background-color: #fff;
padding-bottom: 5px;
}
.latest_newsarea{
float: left;
display: inline;
width: 100%;
background-color: #EFEFEF;
position: relative;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.latest_newsarea span {
color: #fff;
font-family: Arial,sans-serif;
font-size: 15px;
left: 0;
line-height: 1.8em;
margin-right: 20px;
overflow: hidden;
padding: 2px 18px 1px 19px;
position: absolute;
z-index: 15;
}
.social_area {
position: absolute;
right: 0;
top: 0px;
background: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 31px;
}
.social_nav{
text-align: right;
}
.social_nav li {
display: block;
float: left;
}
.social_nav li a{
display:block;
float: left;
height: 30px;
text-indent: -9999px;
width: 30px;
border-left: 1px solid #ccc;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.social_nav li.facebook a{
background-image: url("img/socials.png");
background-position: 0 -30px;
background-size: 270px 60px;
}
.social_nav li.facebook a:hover{
background-position: 0px 0px;
background-size: 270px 60px;
background-color: #436eac;
}
.social_nav li.twitter a{
background-image: url("img/socials.png");
background-position: -30px -30px;
background-size: 270px 60px;
}
.social_nav li.twitter a:hover{
background-position: -30px 0px;
background-size: 270px 60px;
background-color: #0598c9;
}
.social_nav li.flickr a{
background-image: url("img/socials.png");
background-position: -60px -30px;
background-size: 270px 60px;
}
.social_nav li.flickr a:hover{
background-position: -60px 0px;
background-size: 270px 60px;
background-color: #e33b7e;
}
.social_nav li.pinterest a{
background-image: url("img/socials.png");
background-position: -90px -30px;
background-size: 270px 60px;
}
.social_nav li.pinterest a:hover{
background-position: -90px 0px;
background-size: 270px 60px;
background-color: #cb2027;
}
.social_nav li.googleplus a{
background-image: url("img/socials.png");
background-position: -120px -30px;
background-size: 270px 60px;
}
.social_nav li.googleplus a:hover{
background-position: -120px 0px;
background-size: 270px 60px;
background-color: #d64b2e;
}
.social_nav li.vimeo a{
background-image: url("img/socials.png");
background-position: -150px -30px;
background-size: 270px 60px;
}
.social_nav li.vimeo a:hover{
background-position: -150px 0px;
background-size: 270px 60px;
background-color: #86ae24;
}
.social_nav li.youtube a{
background-image: url("img/socials.png");
background-position: -180px -30px;
background-size: 270px 60px;
width: 60px;
}
.social_nav li.youtube a:hover{
background-position: -180px 0px;
background-size: 270px 60px;
background-color: #e32114;
}
.social_nav li.mail a{
background-image: url("img/socials.png");
background-position: -240px -30px;
background-size: 270px 60px;
width: 32px;
}
.social_nav li.mail a:hover{
background-position: -240px 0px;
background-size: 270px 60px;
background-color: #bc75d6;
}
#sliderSection {
background-color: #fff;
display: inline;
float: left;
width: 100%;
padding: 0px 15px;
}
.single_iteam {
display: inline;
float: left;
position: relative;
width: 100%;
height: 400px;
}
.single_iteam img {
width: 100%;
height: auto;
overflow:hidden;
}
.single_iteam img:hover{
opacity: 1;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.slider_article {
bottom: 0px;
left: 0;
position: absolute;
right: 0;
padding: 10px 10px;
}
.slider_article > h2 a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 18px;
padding: 10px;
display: inline-block;
}
.slider_article > p {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
color: #fff;
padding: 3px;
display: inline-block;
}
.slick-prev:before {
content: "";
}
.slick-prev {
background-image: url(../images/slider_prev.png);
background-repeat: no-repeat;
background-position: center;
left: 10px;
}
.slick-next:before {
content: "";
}
.slick-next {
background-image: url(../images/slider_next.png);
background-repeat: no-repeat;
background-position: center;
left: 60px;
}
.slick-prev, .slick-next {
background-color: #000;
top: 10%;
width: 40px;
height: 40px;
}
.slick-prev:hover, .slick-next:hover{
opacity: 0.5;
}
.latest_post{
float: left;
display: inline;
width: 100%;
}
.latest_post>h2{
background: none repeat scroll 0 0 #0eb90e;
color: #fff;
font-family: 'Arial', sans-serif;
font-size: 18px;
margin-top: 5px;
font-weight: 400;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.latest_post > h2 span {
padding: 4px 10px;
}
.latest_postnav {
height: auto !important;
margin-top: 20px;
}
.latest_postnav li{
margin-bottom: 10px;
float: left;
width: 100%;
}
.latest_post_container {
display: inline;
float: left;
height: 430px;
position: relative;
width: 100%;
}
.latest_post_container:hover #prev-button,.latest_post_container:hover #next-button{
display: block;
}
#prev-button {
cursor: pointer;
font-size: 20px;
left: 0;
position: absolute;
text-align: center;
top: -10px;
width: 100%;
display: none;
}
#next-button {
cursor: pointer;
display: none;
font-size: 20px;
left: 0;
position: absolute;
text-align: center;
bottom:0px;
width: 100%;
}
#contentSection{
float: left;
display: inline;
width: 100%;
background-color: #fff;
padding: 0 5px;
}
.left_content{
float: left;
display: inline;
width: 100%;
}
.single_post_content{
float: left;
display: inline;
width: 100%;
margin-bottom: 20px;
}
.single_post_content>h2{
background: none repeat scroll 0 0 #0eb90e;
color: #fff;
font-family: 'Arial', sans-serif;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
margin-left: 0;
margin-top: 5px;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
.single_post_content>h2 span{
padding: 4px 10px;
}
.single_post_content_left{
float: left;
display: inline;
width: 49%;
}
.business_catgnav{}
.business_catgnav li{
float: left;
display: block;
width: 100%;
}
.bsbig_fig{
width: 100%;
}
.bsbig_fig>a{
display: block;
}
.bsbig_fig>a img{
width: 100%;
height:auto;
}
.bsbig_fig figcaption {
color: #0eb90e;
font-family: "Arial",sans-serif;
font-size: 15px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 5px;
}
.single_post_content_right{
float: right;
display: inline;
width: 48%;
}
.right_content{
float: left;
display: inline;
width: 100%;
}
.spost_nav{}
.spost_nav li{
float: left;
display: block;
width: 100%;
margin-bottom: 10px;
}
.spost_nav .media-left {
width: 100px;
height: 60px;
}
.media-left > img {
height: 60px;
width: 80px;
}
.spost_nav .media-body>a{
font-family: "Arial",sans-serif;
}
.catg_title{font-weight:600;}
.spost_nav .media-body>h4{
margin:0px;
}
.featured_img{
position: relative;
}
.overlay:hover{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
.overlay {
bottom: 0;
display: block;
left: 0;
position: absolute;
width: 100%;
z-index: 2;
height: 100%;
-webkit-transition: all 0.5s;
-mz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.fashion_technology_area {
display: inline;
float: left;
width: 100%;
}
.fashion{
float: left;
display: inline;
width: 48%;
}
.technology{
float: right;
display: inline;
width: 48%;
}
.photo_grid {
position: relative;
margin: 0 auto;
max-width: 1000px;
list-style: none;
text-align: center;
}
.photograph_nav {
margin-left: -11px;
}
.photograph_nav li {
display: block;
float: left;
margin-left: 9px;
width: 32%;
}
/* Common style */
.photo_grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
margin-top: 0px;
/* min-width: 320px;
max-width: 480px;
max-height: 360px;*/
height: 150px;
width: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.photo_grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
width: 100%;
height: 100%
opacity: 0.8;
}
.photo_grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.photo_grid figure figcaption::before,
.photo_grid figure figcaption::after {
pointer-events: none;
}
.photo_grid figure figcaption{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.photo_grid figure h2 {
word-spacing: -0.15em;
font-weight: 300;
}
.photo_grid figure h2 span {
font-weight: 800;
}
.photo_grid figure h2,
.photo_grid figure a {
margin: 0;
}
.photo_grid figcaption a {
color: #fff;
font-size: 68.5%;
letter-spacing: 1px;
display: block;
margin-top: 7px;
}
/*---------------*/
/***** Layla *****/
/*---------------*/
figure.effect-layla img {
height: 200px;
}
figure.effect-layla figcaption {
padding: 1.5em;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
figure.effect-layla figcaption::before {
top: 20px;
right: 15px;
bottom: 20px;
left: 15px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
top: 9px;
right: 25px;
bottom: 9px;
left: 25px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.effect-layla h2 {
font-size: 18px;
padding-top: 33%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-layla a {
text-transform: none;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
figure.effect-layla img,
figure.effect-layla h2 {
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla a {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-layla:hover h2{
padding-top: 26%;
}
figure.effect-layla:hover h2,
figure.effect-layla:hover a {
opacity: 1;
-webkit-transform: translate3d(0,-35px,0);
transform: translate3d(0,-35px,0);
}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover a,
figure.effect-layla:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.single_sidebar{
float: left;
display: inline;
width: 100%;
margin-bottom: 20px;
}
.single_sidebar>h2{
background: none repeat scroll 0 0 #0eb90e;
color: #fff;
font-family: "Arial",sans-serif;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
margin-left: 0;
margin-top: 5px;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.single_sidebar>h2 span{
padding: 4px 10px;
}
.cat-item a{
background: none repeat scroll 0 0 #e4e4e4;
color: #888;
display: block;
float: left;
border-bottom: none !important;
font-size: 13px;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 12px 17px;
-webkit-transition: all 0.5s;
-mz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.cat-item a:hover{
color: #fff;
text-decoration: none !important;
}
.tab-content{
margin-top: 10px;
}
.nav-tabs {
background: none repeat scroll 0 0 #0eb90e;
border-bottom: none;
}
.nav-tabs > li {
}
.nav-tabs > li > a {
margin-right: 0px;
color: #fff;
font-size: 15px;
padding:10px;
border-radius: 0;
border: none;
font-family: "Arial",sans-serif;
-webkit-transition: all 0.5s;
-mz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.nav-tabs > li > a:hover,.nav-tabs > li > a:focus{
color: #fff !important;
border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border-width: 0px;
border-color: #ddd #ddd transparent;
color: #fff;
}
.vide_area{
float: left;
display: inline;
width: 100%;
}
.sideAdd {
display: block;
float: left;
height: 250px;
width: 100%;
margin-top: 10px;
}
.sideAdd>img{
width: 100%;
height: 100%;
}
.single_sidebar ul li a{
border-bottom: 1px solid #0eb90e;
display: block;
}
.single_sidebar .spost_nav li a{
border-bottom: none;
float: left;
}
#footer {
display: inline;
float: left;
width: 100%;
margin-bottom: 5px;
}
.footer_top {
background-color: #0eb90e;
color: #FFFCFC;
display: inline;
float: left;
padding: 10px 15px 10px;
width: 100%;
}
.footer_widget {
display: inline;
float: left;
width: 100%;
}
.footer_widget>h2{
border-bottom: 3px solid #00FF1F;
font-family: Arial,arial,Georgia,serif;
font-size: 18px;
padding: 10px 0;
text-transform: uppercase;
/* font-weight: bold; */
}
.tag_nav{}
.tag_nav li{}
.tag_nav li a {
border-bottom: 1px solid #ddd;
color: #FFF;
display: block;
padding:0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tag_nav li a:hover{
padding-left: 10px;
}
.footer_bottom{
float: left;
display: inline;
width: 100%;
padding: 10px 30px;
background-color: #303030;
color: #ccc;
}
.copyright{
float: left;
width: 70%;
padding-top: 5px;
text-align: left;
}
.copyright a{
color: #ccc;
}
.developer{
float: right;
width: 30%;
text-align: right;
padding-top: 5px;
color: #FF5247;
}
.developer a{
color: #025BFF;
}
.catgArchive {
border: medium none;
color: #fff;
display: inline;
float: left;
font-weight: bold;
padding: 10px 15px;
width: 100%;
margin-top: 15px;
}
.catgArchive option {
background-color: #fff;
font-weight: normal;
padding: 5px;
color: #AE2B33;
}
.nav-tabs > li {
display: inline-block;
float: none;
width: 32.55%;
text-align:center;
margin-bottom:0px;
}
.nav-tabs {
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.pagination > li > a, .pagination > li > span {
background-color: #000000;
border: 1px solid #000;
color: #eee;
margin-right: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.pagination > li > a:hover,.pagination > li > a:focus{
background-color: #AE2B33;
color: #fff;
border-color: #AE2B33;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
/*==============start single page==================*/
.single_page{
float: left;
display: inline;
width: 100%;
}
.single_page>h1{
color: #0eb90e;
font-family: Arial,arial,Georgia,serif;
font-size: 30px;
line-height: 1.4em;
margin: 10px 0 -10px;
padding: 0 0 4px;
text-transform: uppercase;
}
.post_commentbox {
display: inline;
float: left;
width: 100%;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-top: 0px;
padding: 5px 0px;
}
.post_commentbox a, .post_commentbox span {
color: #798992;
font-size: 11px;
margin-right: 5px;
}
.post_commentbox a > i,.post_commentbox span > i {
margin-right: 5px;
}
.breadcrumb {
background-color: #303030;
border-radius: 0;
}
.breadcrumb li a{
color: #fff;
}
.single_page_content {
display: inline;
float: left;
padding-top: 20px;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.single_page_content>img{
max-width: 100%;
width: 320px;
height: 213px;
margin-bottom: 15px;
}
.single_page_content ul{
position: relative;
padding-left: 25px;
}
.single_page_content ul li{
line-height: 25px;
}
.single_page_content ul li:before {
content: "";
height: 5px;
left: 5px;
position: absolute;
width: 9px;
margin-top: 8px;
}
.single_page_content ul li:hover{
opacity: 0.75;
}
.single_page_content h2{
line-height: 35px;
}
.single_page_content h3{
line-height: 30px;
}
.single_page_content h4{
line-height: 25px;
}
.single_page_content h4{
line-height: 20px;
}
.social_link {
display: inline;
float: left;
margin-bottom: 25px;
margin-top: 20px;
width: 100%;
}
.sociallink_nav {
text-align: center;
}
.sociallink_nav li{
display: inline-block;
}
.sociallink_nav li a {
color: #fff;
display: inline-block;
font-size: 17px;
padding: 8px 12px;
margin: 0px 3px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sociallink_nav li a:hover{
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-os-transform: rotate(50deg);
transform: rotate(50deg);
}
.sociallink_nav li a:hover i{
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-os-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.sociallink_nav li:nth-child(1) > a {
background: none repeat scroll 0 0 #3b5998;
padding: 8px 15px;
}
.sociallink_nav li:nth-child(2) > a {
background: none repeat scroll 0 0 #00acee;
}
.sociallink_nav li:nth-child(3) > a {
background: none repeat scroll 0 0 #dd4b39;
}
.sociallink_nav li:nth-child(4) > a {
background: none repeat scroll 0 0 #0e76a8;
}
.sociallink_nav li:nth-child(5) > a {
background: none repeat scroll 0 0 #c92228;
}
.related_post {
display: inline;
float: left;
margin-top: 0px;
width: 100%;
margin-bottom: 20px;
}
.related_post > h2 {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 5px;
}
.related_post > h2 i{
font-size: 25px;
}
.related_post .spost_nav li{
width: 100%;
margin-right: 0;
}
.nav-slit a {
position: fixed;
top: 50%;
display: block;
outline: none;
text-align: left;
z-index: 1000;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* <!-- =========================
//////////////This Theme Design and Developed //////////////////////
//////////// by www.wpfreeware.com======================-->*/
.nav-slit a.prev {
left: 0;
}
.nav-slit a.next {
right: 0;
}
.nav-slit .icon-wrap {
position: relative;
display: block;
padding: 45px 5px;
}
.nav-slit .icon-wrap i {
color: #fff;
font-size: 40px;
display: inline-block;
}
.nav-slit div {
position: absolute;
top: 0;
width: 200px;
height: 100%;
background-color: #939a9f;
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.nav-slit a.prev div {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.nav-slit a.next div {
right: 0;
text-align: right;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.nav-slit h3 {
position: absolute;
top: 100%;
margin: 0;
padding: 0 20px;
height: 30%;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
font-size: 0.75em;
line-height: 2.75;
width: 200px;
text-align: left;
overflow: hidden;
padding-top: 4px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webki-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nav-slit img {
left: 0;
position: absolute;
top: 0;
width: 100%;
width: 200px;
height: 130px;
}
.nav-slit a:hover div {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.nav-slit a:hover h3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/*=====start error page======*/
.error_page{
float: left;
display: inline;
width: 100%;
text-align: center;
}
.error_page>h3{
text-transform: uppercase;
}
.error_page > h1 {
font-size: 110px;
}
.error_page > p {
font-size: 15px;
margin: 0 auto;
width: 80%;
margin-bottom: 40px;
}
.error_page > span {
display: inline-block;
height: 2px;
text-align: center;
width: 100px;
}
.error_page > a {
color: #fff;
display: inline-block;
padding: 5px 10px;
}
.error_page > a:hover{
opacity: 0.75;
}
/*=========start contact page==========*/
.contact_area{
float: left;
display: inline;
width: 100%;
margin-bottom: 30px;
}
.contact_area > h2 {
color: #fff;
display: inline-block;
font-size: 20px;
padding: 7px 10px 5px;
text-transform: uppercase;
margin-bottom: 30px;
}
.contact_area>p{
margin-bottom: 20px;
}
.contact_form input[type="text"],.contact_form input[type="email"],.contact_form textarea{
border-radius: 0px;
margin-bottom: 30px;
}
.contact_form input[type="submit"] {
border: medium none;
color: #fff;
height: 35px;
padding: 5px 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.contact_form input[type="submit"]:hover{
border: 1px solid #AE2B33;
}
/*======================///////////////
list new
=====================///////////////////////*/
.content_bottom_left {
background-color: #fff;
display: inline;
float: left;
min-height: 300px;
width:100%;
}
.single_category {
float: left;
display: inline;
width: 100%;
}
.solid_line {
background-color: #fff;
bottom: 5px;
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
z-index: 0;
}
.bold_line {
bottom: 0;
display: block;
height: 10px;
left: 0;
position: absolute;
width: 100%;
padding-right: 15px;
}
.bold_line span {
display: block;
height: 100%;
width: 100%;
}
.bold_line span {
background-color: #0eb90e;
}
.content_bottom_left .title_text {
background-color: #fff;
}
.title_text {
background-color: #f6f6f6;
display: inline-block;
padding: 0 10px;
position: relative;
top: 5px;
z-index: 1;
}
.single_category>h2, .archive_style_1 > h2 {
text-align: center;
font-size: 20px;
font-weight: 700;
margin-top: 0px;
text-transform: uppercase;
position: relative;
}
.archive_style_1 > .business_category_left {
width: 48% !important;
margin-right: 2%;
}
.business_category_left {
float: left;
display: inline;
width: 49%;
}
.fashion_catgnav {
}
.fashion_catgnav li p
{width:100%;
float:left;
overflow:hidden;
min-height:60px;
max-height:60px;
}
.fashion_catgnav li {
border-bottom: 1px dotted #e5e5e5;
display: block;
margin-bottom: 10px;
width: 100%;
float:left;
}
.catgimg2_container {
width: 100%;
height: 240px;
float: left;
display: block;
overflow: hidden;
}
.catg_titile {
margin-bottom: 0px;
float: left;
width: 100%;
max-height: 45px;
overflow: hidden;
text-align: justify;
font-weight: bold;
min-height: 45px;
}
.catg_titile a {
color: #383838;
font-size: 15px;
}
.catg_titile a:hover {
color: #AE2B33;
}
.catgimg2_container img {
width: 100%;
height: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.catgimg2_container a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.catgimg2_container img {
width: 100%;
height: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.comments_box {
float: left;
display: inline;
width: 100%;
margin-bottom: 5px;
}
span.meta_date:hover, span.meta_comment:hover, span.meta_more:hover, span.meta_comment a:hover, span.meta_more a:hover {
color: #AE2B33;
}
span.meta_date, span.meta_comment, span.meta_more {
display: inline-block;
margin-right: 8px;
color: #aaa;
font-size: 12px;
}
span.meta_date, span.meta_comment, span.meta_more {
display: inline-block;
margin-right: 8px;
color: #aaa;
font-size: 12px;
}
span.meta_date:before {
content: "";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 4px;
text-decoration: inherit;
}
span.meta_comment:before {
content: "";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 4px;
text-decoration: inherit;
}
span.meta_more:before {
content: "";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 4px;
text-decoration: inherit;
}
.article-tags {
margin: 5px 0 0;
float: left;
margin-bottom: 5px;
width: 100%;
}
.tags {
background: #f1f1f1 url(../images/bg_icon_tag.gif) no-repeat left 0 top 0;
padding: 0 5px 0 20px;
height: 20px;
color: #939393;
float: left;
margin: 0 5px 0 0;
}
.tagsa {
background: #f1f1f1;
padding: 1px 5px 2px;
height: 20px;
color: #939393;
margin-right: 5px;
}
.search-news {
background: #ccc;
min-height: 50px;
padding: 10px;
width: 100%;
overflow: hidden;
}
.search-news .inputsearch {
color: #5f5f5f;
outline-style: none;
border: none;
border-left: 5px solid #0eb90e;
padding: 0 10px;
height: 30px;
float: left;
}
.search-news .buttonsearch {
color: #fff;
background: url(../images/search.png) no-repeat #0eb90e;
outline-style: none;
width: 30px;
height: 30px;
border: none;
float: left;
margin-right: 5px;
}
.search-news .inputdate {
margin-bottom: 3px;
float: left;
height: 30px;
border: none;
width: 100px;
}
.search-news .result-news {
margin-bottom: 3px;
float: left;
line-height: 30px;
width: 200px;
}
#ccr-blog article {
border-top: 1px solid #e3e2e2;
padding: 5px 0;
overflow: hidden;
float: left;
width: 100%;
}
#ccr-blog .blog-thumbnails {
padding-left: 0;
width: 20%;
float: left;
}
#ccr-blog figure img {
min-height: 100px;
max-height: 200px;
width: 100%;
}
#ccr-blog .blog-text {
margin-left: 2%;
padding-right: 0;
position: relative;
width: 78%;
float: right;
min-height: 140px;
}
#ccr-blog .read-more {
float: right;
}
.src {
background-color: #FF0;
font-weight: 700;
color: #C00;
}
.commentpost {
width:100%;
float:left;
}
.commentlist
{margin-top: 20px;
padding:0px;
}
.comment article {
border-bottom: 1px solid #e3e2e2;
margin: 5px 0;
overflow: hidden;
}
.comment-authore {
width: 100px;
float: left;
}
.comment-authore img {
width: 90px;
height: 90px;
margin-bottom: 10px;
border-radius: 5px;
box-shadow: 0 0 1px rgba(0,0,0,.3);
}
.reply, .comment-meta {
padding-top: 10px;
float: right;
width: auto;
}
.reply a {
padding: 0 5px 0 10px;
margin-left: 10px;
border-left: 1px solid #e3e2e2;
}
.comment .children {
margin-left: 12%;
}
.videos{width:100%;float:left;}
#page-wrap1{ width: 100%; margin-bottom:15px; }
#page-wrap1 div{ width: 100%; margin: 0 auto;}
#page-wrap1 div a{ text-decoration: none; color: #fff; display: block; padding: 4px 0;text-transform: uppercase;font-weight:bold}
#page-wrap1 div a:hover{ color: #6CFF62; }
#page-wrap1 div ul{ padding: 8px 25px; list-style: none;-webkit-box-shadow: 2px 2px 5px #52D863;background: #0eb90e; }
#page-wrap1 div ul ul{ background: #3BD24E; }
#page-wrap1 div ul ul ul{ background: #3BD24E; }
/*======================///////////////
start responsive style
=====================///////////////////////*/
@media(max-width:1199px ){
.logo_area {display:none;}
.add_banner {width: 100%;height:auto;}
.nav-tabs > li {width: 32.3%;}
.photograph_nav li {width: 31.5%;}
}
@media(max-width:991px ){
.nav > li > a {padding: 8px 8px;}
.latest_post_container {height: 380px;overflow: hidden;}
#next-button {bottom: -2px;}
.single_iteam {height: 350px;}
.photograph_nav li {width: 47.7%;}
.nav-tabs > li {width: 31.9%;}
.nav-tabs > li > a {font-size: 13px;padding-left: 0px !important;padding-right: 0px !important;text-align: center;}
}
@media(max-width:767px )
{
.add_banner {display:none;}
.logo_area {width: 100%;height:auto;display:block;}
.navbar-collapse {padding-left: 15px;}
.mobile-show{display: block;}
.desktop-home{display: none;}
.navbar-inverse .navbar-nav > li > a {display: block;}
.header_top_left {width: 100%;}
.header_top_right > p {display: none;}
.social_area{display: none;}
.single_iteam a{height: 100%;}
.single_iteam a>img{height: 100%;}
.error_page > a {margin-bottom: 25px;}
.nav-tabs > li {width: 32.6%;}
.dropdown{width:100%;position:inherit;float:left;}
.dropdown-menu{width:100%;position:inherit;display:block;}
.dropdown-menu2{display: block;width: 100%;float: left;left: 20px;position: inherit;}
.navbar-nav{max-height: 450px;overflow-y:auto;overflow-x: hidden;position:static;float:left}
.navbar{}
}
@media(max-width:480px )
{
.top_nav {text-align: center;}
.single_post_content_left {width: 100%;}
.single_post_content_right {width: 100%;}
.fashion {width: 100%;}
.technology {width: 100%;}
.copyright {text-align: center;width: 100%;}
.developer {text-align: center;width: 100%;}
.single_iteam {height: 250px;}
.photo_grid figure {height: 200px;}
.photograph_nav li {width: 100%;margin-left: 0px;}
.nav > li > a {padding: 8px 12px;}
.nav-tabs > li {width: 32.6%;}
.archive_style_1 > .business_category_left{width:100%!important}
}
@media(max-width:360px )
{
.latest_newsarea span {font-size: 12px;line-height: 2.2em;padding: 2px 10px 1px 10px;}
.single_iteam {height: 200px;}
.slider_article > p {display: none;}
.error_page > span {width: 80px;}
.nav-tabs > li {width: 32.3%;}
.pagination > li > a, .pagination > li > span {padding: 4px 8px;}
}
@media(max-width:320px ){
.sociallink_nav li a {padding: 5px 10px;}
.sociallink_nav li:nth-child(1) > a {padding: 5px 13px;}
.nav-tabs > li {width: 32.1%;}
}