html {
position:relative;
min-height:100%;
}

@font-face {
font-family: 'Attentica ';
src:url( "../fonts/attentica4F_UltraLight.eot ");
src:local( 'O '),url( "../fonts/attentica4F_UltraLight.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'Bliss_Light ';
src:url( "../fonts/blisspro_extralight.eot ");
src:local( 'O '),url( "../fonts/blisspro_extralight.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'Bliss_Heavy ';
src:url( "../fonts/blisspro_heavy.eot ");
src:local( 'O '),url( "../fonts/blisspro_heavy.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'Roboto_Medium ';
src:url( "../fonts/roboto-medium.eot ");
src:local( 'O '),url( "../fonts/roboto-medium.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'CeraReg ';
src:url( "../fonts/CeraPRO-Regular.eot ");
src:local( 'O '),url( "../fonts/CeraPRO-Regular.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'CeraLight ';
src:url( "../fonts/CeraPRO-Light.eot ");
src:local( 'O '),url( "../fonts/CeraPRO-Light.ttf ");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'CeraBold ';
src:url( "../fonts/CeraPRO-Bold.eot ");
src:local( 'O '),url( "../fonts/CeraPRO-Bold.ttf ");
font-weight:normal;
font-style:normal;
}

body {
font-family: 'CeraReg ',sans-serif;
color:#5a5a5a;
height:100%;
min-height:100%;
position:static;
}

a {
text-decoration:none !important;
}

*:focus {
outline:0;
}

.bottom_20 {
margin-bottom:20px
}

.bottom_30 {
margin-bottom:30px
}

.bottom_40 {
margin-bottom:40px
}

.bottom_60 {
margin-bottom:60px
}

.top_20 {
margin-top:20px
}

.top_30 {
margin-top:30px
}

.top_40 {
margin-top:40px
}

.top_60 {
margin-top:60px
}

.site-btn {
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
background-color:#414398;
color:#fff;
border:0;
font-size:12px;
min-width:150px;
font-weight:bold;
padding:12px 20px;
}

.site-btn2 {
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
background-color:#000;
color:#fff;
border:0;
font-size:12px;
min-width:150px;
font-weight:bold;
padding:12px 20px;
}

.site-btn:hover
{
color:#fff !important;
}

a.site-btn {
display:inline-block;
text-align:center;
}
/*preloader*/
#preloader {
background-color:#000;
opacity:0.8;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:999;
display:table;
}

.rd_mr
{
color: #414398;
display: block;
margin: 0;
}

.spinner {
margin:0 auto;
width:50px;
height:30px;
text-align:center;
font-size:10px;
display:table-cell;
vertical-align:middle;
}

.spinner >div {
background-color:#ffffff;
height:60px;
width:6px;
display:inline-block;
-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
animation:stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
-webkit-animation-delay:-1.1s;
animation-delay:-1.1s;
}

.spinner .rect3 {
-webkit-animation-delay:-1.0s;
animation-delay:-1.0s;
}

.spinner .rect4 {
-webkit-animation-delay:-0.9s;
animation-delay:-0.9s;
}

.spinner .rect5 {
-webkit-animation-delay:-0.8s;
animation-delay:-0.8s;
}

@-webkit-keyframes stretchdelay {
0%,40%,100% {
-webkit-transform:scaleY(0.4)
}

20% {
-webkit-transform:scaleY(1.0)
}
}

@keyframes stretchdelay {
0%,40%,100% {
transform:scaleY(0.4);
-webkit-transform:scaleY(0.4);
}

20% {
transform:scaleY(1.0);
-webkit-transform:scaleY(1.0);
}
}
/*Navigation*/
header {
position:absolute;
z-index:100;
width:100%;
padding:20px 0;
}

.logo {
display: inline-block;
/*background-color: #00c9ff;
height: 120px;
position: relative;
top: -20px;
padding-top: 18px;
border-radius: 0 0 40px 40px;
width: 150px;*/
padding-left: 30px;
}

.logo_img
{
width: 130px;
position: relative;
top: 5px;
}

.ms_fix
{
top: -100px;
-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}

.menu_substrate {
display: block;
position: fixed;
right: 0;
background-color: #9c9c9c;
height: 62px;
top: -20px !important;
width: 110px;
padding-right: 20px;
opacity: 0.7;
}

.menu_substrate:hover 
{
opacity: 1;
}

/* КНОПКА НАВЕРХ */
.back-to-top_up
{
bottom: 0 !important;
}

.back-to-top {
position:fixed;
z-index:999;
display:block;
right:0;
bottom:-100px;
cursor:pointer;
-webkit-transition: bottom .5s;
-moz-transition: bottom .5s;
-ms-transition: bottom .5s;
-o-transition: bottom .5s;
transition: bottom .5s;
}

.back-to-top span {
display:block;
color:#fff;
background-color:#414398;
text-align:center;
font-size:16px;
-webkit-transition:.5s opacity;
-moz-transition:.5s opacity;
-ms-transition:.5s opacity;
-o-transition:.5s opacity;
transition:.5s opacity;
opacity:0.7;
padding: 7px 15px 15px 15px;
}

.back-to-top span:hover {
opacity:0.3;
}

.up_nav
{
position: relative;
top: 5px;
height: 20px;
width: 20px;
}

.hamburger-menu {
display:inline-block;
float:right;
height:30px;
position:relative;
transition:none 1s ease 0s;
vertical-align:middle;
width:30px;
line-height:0.1;
cursor:pointer;
right: -30px;
opacity: 1;
}

.language {
display:inline-block;
float:right;
height:30px;
position:relative;
transition:none 1s ease 0s;
vertical-align:middle;
width:30px;
line-height:0.1;
cursor:pointer;
color: #fff;
right: 45px;
top: 38px;
font-size: 25px;
opacity: 1;
}

.language,
.hamburger-menu
{
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.language:hover,
.hamburger-menu:hover
{
opacity: 0.5;
color: #fff;
}

.hamburger-menu img {
position:relative;
margin-top: 15px;
height: 50px;
width: 40px;
}

#full-menu {
position:fixed;
z-index:999;
padding:0;
left:0;
top:0;
bottom:0;
right:0;
margin:0;
visibility: hidden;
overflow:hidden;
background-color:#000;
opacity:0;
}

.menu-container {
text-align:right;
}

.full-menu {
list-style:none;
margin:0;
clear:left;
-moz-backface-visibility:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
text-align:center;
}

.full-menu >li {
display:block;
position:relative;
margin:0;
}

.full-menu >li >a {
display:block;
font-size:20px;
line-height:1;
font-weight:400;
color:#fff;
padding:10px 0;
transition:all 500ms ease;
}

.full-menu >li >a:hover {
color:#414398;
}

.menu-close {
background: url("../images/close.svg") no-repeat;
position:absolute;
right: 40px;
top: 40px;
width: 30px;
height: 30px;
opacity: 1;
-webkit-transition: opacity .5s ease 0s;
-moz-transition: opacity .5s ease 0s;
-ms-transition: opacity .5s ease 0s;
-o-transition: opacity .5s ease 0s;
transition: opacity .5s ease 0s;
z-index: 9999999;
}

.menu-close:hover {
opacity: 0.5;
}
/*------------------------ 2 Home Section ------------------------*/
.home {
display:block;
width:100%;
background:url(../images/bg_index.jpg) no-repeat top;
background-size:cover;
}

.home-inner {
display:table;
height:820px;
width:100%;
}

.home-content {
color:#fff;
display:table-cell;
vertical-align:middle;
text-align:left;
padding-top:40px;
}

.home-title {
font-size:50px;
font-weight:bold;
letter-spacing:-2px;
padding-bottom:10px;
}

.home-title span {
color:#cf000f;
}

.home-subtitle {
font-size:32px;
font-weight:300;
}

.home-down {
color: #fff;
font-size: 40px;
padding-bottom: 0;
padding-left: 25px;
display: inline-block;
transition: all 0.3s ease;
position: relative;
top: 25px;
left: 10px;
}

.home-down:hover {
color:#cf000f;
transition:all 0.3s ease;
}

.menu-container
{
height: 440px !important;
}

/*логотип*/
.name_project {
font-family: 'Attentica ';
color:#fff;
width:270px;
position: relative;
left: 50px;
bottom: 90px;
}

.name_project_svg
{
display: block;
position: relative;
left: -40px;
width: 325px;
}

.name__name_project {
font-size:120px;
font-size:120px;
line-height:100px;
text-shadow:1px 1px 2px #000;
}

.author__name_project {
text-align:center;
font-size:29.5px;
font-family: 'Bliss_Light ';
text-shadow:1px 1px 2px #000;
}

.vertical-text
{
text-align: center;
font-size: 24.5px;
font-family: 'Bliss_Light ';
transform: rotate(270deg);
transform-origin: left top 0;
position: relative;
top: 345px;
right: 35px;
width: 350px;
text-shadow:1px 1px 2px #000;
}

.subtitle__name_project {
text-align:center;
font-size:18.5px;
font-family: 'Bliss_Light ';
text-shadow:1px 1px 2px #000;
}

.tobuy
{
display: inline-block;
position: absolute;
width: 290px;
left: -20px;
padding: 16px;
margin-top: 20px;
font-size: 20px;
background-color: rgb(255, 255, 255);
text-align: center;
font-family: 'CeraBold ';
text-decoration: none;
color: #25265f;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}

.tobuy:hover 
{ 
opacity: 0.5;
}

/* arrow css3 animation */
@-webkit-keyframes bounce {
0%,100% {
-webkit-transform:translateY(0);
}

50% {
-webkit-transform:translateY(-20px);
}
}

@-moz-keyframes bounce {
0%,100% {
-moz-transform:translateY(0);
}

50% {
-moz-transform:translateY(-20px);
}
}

@-o-keyframes bounce {
0%,100% {
-o-transform:translateY(0);
}

50% {
-o-transform:translateY(-20px);
}
}

@keyframes bounce {
0%,100% {
transform:translateY(0);
}

50% {
transform:translateY(-20px);
}
}

.bounce {
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
animation:bounce 2s infinite;
-webkit-animation:bounce 2s infinite;
-moz-animation:bounce 2s infinite;
-o-animation:bounce 2s infinite;
}
/*------------------------ 3 About Section ------------------------*/
#about {
float:left;
width:100%;
}

#partners {
float:left;
width:100%;
}

.partners
{
text-align: center;
}

img {

}
img:hover {

}

.partners img
{
height: 70px;
margin-right: 40px;
margin-bottom: 40px;
display: inline-block;
position: relative;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.partners img:hover
{
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
filter: none;
}

#about .shape-bg {
margin-top:0px;
}

.section-title {
font-size:28px;
font-weight:bold;
color:#000;
letter-spacing:-1px;
}

.section-title,x:-moz-any-link,x:default {
background:none;
color:#000000;
}

*:first-child+html .section-title {
background:none;
color:#000000;
}

.shape-bg {
margin-top:-50px;
background-color:rgb(255,255,255);
box-shadow:0px 0px 38px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 38px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 38px 0px rgba(0,0,0,0.1);
-ms-box-shadow:0px 0px 38px 0px rgba(0,0,0,0.1);
padding:30px;
z-index:10;
position:relative;
display:inline-block;
width:100%;
}

.row {
color:#000;
line-height:185%;
}

.row p {
margin-bottom:32px;
font-size:18px;
}

ul.about-info {
font-size:18px;
}

ul.about-info li {
list-style:none;
line-height:36px;
color:#000000;
}

ul.about-info li span {
color:#414398;
}

.about-text {
line-height:36px;
color:#000000;
font-size:14px;
}

.social a {
width:32px;
height:32px;
text-align:center;
display:inline-block;
color:#fff;
font-size:13px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
border-radius:30px;
line-height:32px;
margin-right:10px;
transition:all ease 0.3s;
}

.social a:hover {
background:#cf000f;
transition:all ease 0.3s;
}

.social .facebook {
background:#2d5da1;
}

.social .twitter {
background:#1ab1e5;
}

.social .dribbble {
background:#df7ea5;
}

.social .behance {
background:#2a71f3;
}

ul.skill-list h3 {
display:block;
margin-bottom:0;
font-size:14px;
color:#000;
font-weight:bold;
}

.skill-list .progress {
background:#e5e5e5;
}

.progress {
margin:20px 0 35px 0;
display:block;
height:4px;
position:relative;
width:100%;
overflow:visible;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
background:#ffffff;
box-shadow:0;
}

.skill-list .progress .percentage {
background-color:#cf000f;
}

.progress .percentage {
border-radius:50px 0 0 50px;
-moz-border-radius:50px 0 0 50px;
-webkit-border-radius:50px 0 0 50px;
-ms-border-radius:50px 0 0 50px;
-o-border-radius:50px 0 0 50px;
bottom:0;
position:absolute;
top:0;
}

.services {
border-top:solid 1px #ededed;
margin-top:60px;
padding-top:45px;
padding-bottom:15px;
}

.services .service i {
width:55px;
height:55px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
text-align:center;
padding-top:17px;
float:left;
color:#fff;
font-size:21px;
margin-right:10px;
background:#b6bbc7;
}

.services .service p {
font-size:14px;
color:#949494;
}

.services .service .ser-text {
padding-top:6px;
display:inline-block;
line-height:20px;
font-size:16px;
}
/*------------------------ 4 Portfolio Section ------------------------*/
#portfolio {
width:100%;
background:#eceef1;
float:left;
height:1050px;
}

.portfolio_items .single_item img {
width:100%;
}

.portfolio_filter {
display:inline-block;
}

.portfolio_filter ul li {
float:left;
font-size:15px;
margin-right:17px;
margin-bottom:60px;
cursor:pointer;
}

.portfolio_items .single_item {
margin-bottom:30px;
}

.hide-work {
display:none
}

.select-cat {
color:#cf000f;
}

.work-overlay {
position:absolute;
text-align:center;
color:#fff;
padding:25px;
width:100%;
height:100%;
padding-top:32%;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}

.work-overlay h3 {
font-size:24px;
margin-bottom:20px;
}

.work-overlay p {
font-size:15px;
}

.work-overlay a.link {
background:rgba(0,0,0,0.63);
margin:0 auto;
display:inline-block;
width:45px;
height:45px;
padding-top:12px;
margin-top:24px;
margin-right:7px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-moz-transform:translateY(200px);
-webkit-transform:translateY(200px);
-o-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px);
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
}

.work-overlay a.lightbox {
background:rgba(0,0,0,0.63);
margin:0 auto;
display:inline-block;
width:45px;
height:45px;
padding-top:12px;
margin-top:24px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-moz-transform:translateY(200px);
-webkit-transform:translateY(200px);
-o-transform:translateY(200px);
-ms-transform:translateY(200px);
transform:translateY(200px);
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
}

.work-inner {
position:relative;
overflow:hidden;
}

.work-inner:hover >.work-overlay {
background:rgba(207,0,15,0.82);
opacity:1;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
}

.work-inner:hover >.work-overlay a.link {
color:#fff;
-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-ms-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
transition:all 0.1s ease;
transition-duration:0.3s;
}

.work-inner:hover >.work-overlay a.lightbox {
color:#fff;
-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-o-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-ms-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
transition:all 0.1s ease;
transition-duration:0.6s;
}
/*------------------------ 5 Portfolio Section ------------------------*/
#resume {
width:100%;
float:left;
}

.resume-education {
margin-bottom:30px;
}

.rounded-icon i {
width:55px;
text-align:center;
padding:20px 0;
font-size:15px;
color:#fff;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
background:#cf000f;
}

.resume-out {
padding-left:25px;
}

.resume-info:first-child {
padding-top:50px;
}

.resume-info:last-child {
border:0;
}

.resume-info {
border-left:2px solid #E5E5E5;
padding:0 0 40px 30px;
}

.info-title {
font-weight:600;
font-size:18px;
}

.info-title::after {
content: ' ';
width:10px;
height:10px;
float:left;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
margin:0px 9px 0 -36px;
background:#cf000f;
}

.info-date {
font-size:14px;
padding:6px 0;
display:block;
color:#cf000f;
}

.resume-info p {
color:#A8A8A8;
font-size:14px;
line-height:30px;
}
/*------------------------ 6 Pricing Table ------------------------*/
#pricing {
width:100%;
background:#eceef1;
float:left;
}

.price-table {
background:#fff;
text-align:center;
padding:36px 0;
}

.price-table span {
font-size:45px;
font-weight:bold;
color:#706f6f;
letter-spacing:-1px;
display:inline-block;
}

.price-table h4 {
font-size:16px;
font-weight:bold;
color:#000;
letter-spacing:0;
}

.price-table ul li {
font-size:13px;
color:#a2a2a2;
font-weight:400;
letter-spacing:0;
line-height:30px;
}

.recommended span {
color:#cf000f;
}
/*------------------------ 7 Testimonial ------------------------*/
#testimonial {
width:100%;
float:left;
}

.testi-image {
float:left;
margin-right:30px;
}

.testi-content {
margin-left:15px;
padding:50px 0;
}

#owl-demo {
margin:80px 0;
}

.testi-content span {
color:#cf000f;
font-size:13px;
}

.testi-content h4 {
color:#000;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:15px;
margin-top:5px;
}

.testi-content p {
color:#a2a2a2;
font-size:14px;
font-weight:400;
line-height:30px;
}
/*------------------------ 8 Blog Section ------------------------*/
#news {
width:100%;
background:#eceef1;
float:left;
margin-top: -5px;
}

#events {
width:100%;
float:left;
margin-top: -5px;
background:#eceef1;
}

#about
{
background:#eceef1;
}

.blog-post {
background:#fff;
width:100%;
}

.blog-post img {
display:block;
max-width:100%;
}

.blog-post .post-content h4 {
font-size:18px;
font-weight:bold;
color:#000000;
line-height:24px;
}

.blog-post .post-content {
padding:24px 15px 0 15px;
display:inline-block;
}

.blog-post .post-info {
color: #414398;
font-size:13px;
display:block;
margin:8px 0 20px 0;
}

.post-content p {
color: #414141;
font-size:14px;
line-height:24px;
}

.post-content .blog-link {
float: right;
font-size: 13px;
color: #000000;
border-bottom: 3px solid #414398;
padding: 0 12px 10px;
cursor: pointer;
margin: 0 auto;
font-weight: bold;
display: block;
width: 155px;
}

.post-content .blog-link:hover {
transition:all 0.2s ease;
color:#414398;
}

.blog-link
{
text-align: center;
}

.read_more
{
color: #414398;
}

.load-more {
text-align:center;
}

#news .site-btn,
#events .site-btn
{
margin:0 auto;
display:inline-block;
margin: 60px auto 20px auto;
text-align:center;
}
/*------------------------ 9 Contact Section ------------------------*/
#contact {
width:100%;
float:left;
}

#map {
height:500px;
}

.contact-titles {
font-size:15px;
color:#000000;
font-weight:bold;
}

.contact-informations ul li {
font-size:14px;
margin:30px 0;
}

.contact-informations ul li i {
font-size:14px;
color:#cf000f;
margin-right:15px;
}

.form-inp {
height:42px;
}

.form-inp,.form-message {
width:100%;
font-size:13px;
color:#8e939a;
background:#f1f4f9;
padding-left:10px;
margin-bottom:15px;
border:0;
}

.social-contact .contact-titles {
margin-bottom:10px;
font-weight:400;
}

.social-contact {
margin-top:45px;
}

.social-contact a {
color:#cf000f !important;
font-size:13px;
margin-right:25px;
}

.reqError {
border:solid 1px #f00 !important;
}

.contact-form .form-message {
height:120px;
padding-top:8px;
}

footer {
width:100%;
float:left;
background:#242424;
}

.footer {
padding:50px 0;
}

.footer .copyright {
font-size:14px;
}

.footer .copyright span {
color:#cf000f;
}
/*------------------------ 10 Blog Posts Page ------------------------*/
.cover {
background:url(../images/bg.jpg) no-repeat top;
height:350px;
position:relative;
}

.cover .page-title {
position:absolute;
bottom:0;
font-size:50px;
font-weight:bold;
letter-spacing:-1px;
padding-bottom:20px;
margin-bottom:90px;
color:#fff;
}

.cover .page-title span {
color:#cf000f;
}

.posts .post-content {
padding:24px 0 0 0;
}

.posts .post-content h4 {
font-size:20px;
}

.posts .post-content p {
line-height:30px;
font-size: 18px;
}

.blog-post .post-info {
margin:8px 0 14px 0;
}

/*Sidebar*/
.search {
width:100%;
height:50px;
font-size:13px;
color:#8e939a;
background:#f1f4f9;
padding-left:10px;
margin-bottom:15px;
border:0;
}

.sidebar-titles {
font-size:15px;
color:#000000;
font-weight:bold;
}

.search-inp {
background:0;
border:0;
height:50px;
width:75%;
}

.search-btn {
position:absolute;
top:0;
margin-top:13px;
right:0;
border:0;
background:url(../images/search.png) no-repeat center;
margin-right:30px;
width:14px;
height:23px;
}

.categories ul li {
font-size:14px;
height:50px;
border-bottom:solid 1px #eeeeee;
line-height:50px;
}

.categories ul li a {
color:#393939;
}

.latest-posts {
color:#393939;
}

.latest-posts ul li {
float:left;
margin-bottom:30px;
}

.latest-posts ul li img {
float:left;
padding-right:15px;
}

.latest-posts ul li a.post-title {
color:#393939;
line-height:18px;
font-size:15px;
font-weight:bold;
display:block;
padding-top:9px;
}

.latest-posts ul li span.post-info {
color:#414398;
font-size:12px;
float:left;
margin-top:5px;
}

blockquote.emphasis p {
font-size:16px !important;
font-weight:bold;
color:#000;
line-height:30px !important;
}

.author {
background:#f6f6f6;
margin-bottom: 40px;
}

.author .author-img {
float:left;
margin-right:15px;
}

.author .author-content {
padding:15px 0;
}

.author .author-content .author-name {
color:#000000;
font-size:18px;
font-weight:bold;
margin-bottom:5px;
display:block;
}

.author .author-content p {
color:#4d4d4d;
font-size:14px;
line-height:24px;
}

.author .author-content .author-social {
padding-top:8px;
}

.author .author-content .author-social a {
color:#b6bbc7;
font-size:12px;
cursor:pointer;
margin-right:10px;
}

.post-comment .comments li {
border-bottom:1px solid #e4e4e4;
list-style:none;
padding:25px 0;
}

.user-img {
width:84px;
height:84px;
float:left;
}

.comment-content {
margin-left:95px;
}

.comment-content .comment-text {
font-size:13px;
line-height:20px;
color:#a8a8a8;
padding-top:5px;
}

.comment-content .comment-info .date {
line-height:14px;
}

.comment-content .comment-info .date a {
font-size:12px;
color:#cf000f;
}

.comment-content .comment-info .user a.user-name {
font-size:14px;
color:#000000;
font-weight:bold;
}

.comment-content .comment-info .user a.reply {
float:right;
font-size:13px;
cursor:pointer;
color:#cf000f;
}

.post-message .form-inp {
margin-bottom:30px;
}
/*------------------------ 11 Work Single Page ------------------------*/
.works-info {
background:#eceef1;
width:100%;
padding:30px;
float:left;
}

.works-info .work-title {
font-size:30px;
font-weight:bold;
color:#000000;
letter-spacing:-1px;
}

.works-info .work-subtitle {
font-size:20px;
color:#000000;
line-height:30px;
font-weight:bold;
}

.works-info p {
font-size:14px;
color:#000000;
line-height:30px;
}

.works-info ul.works-informations {
padding-bottom:20px;
}

.works-info ul.works-informations li {
float:left;
font-size:14px;
color:#000000;
margin-right:20px;
}

.works-info ul.works-informations li span {
color:#cf000f;
}

.works-image {
margin-bottom:30px;
}

.works-image img {
width:100%;
}
/*------------------------ 12 Responsive ------------------------*/
/*Max Width 479px */
@media screen and (max-width:479px) {
.home-title {
font-size:35px;
}

.home-subtitle {
font-size:20px;
}

.cover .page-title {
font-size:35px;
}

.cover {
height:300px;
}

.shape-bg {
padding: 15px 0;
}

.prj_mob {
padding: 15px;
}

.menu-container
{
height: 450px !important;
}

.service {
width:100%;
display:inline-block;
margin:20px 0;
}

.portfolio_filter ul li {
float:none;
margin-bottom:20px;
}

.latest-posts ul li img {
display:none;
}

.user-img {
display:none;
}

.comment-content {
margin-left:0;
}

.author .author-img {
display:none;
}

.author {
padding:0 35px;
}

footer .logo {
width:100%;
text-align:center;
}

footer .copyright {
width:100%;
text-align:center;
margin-top:30px;
}

.menu-container {
margin-top: 60px;
}

.full-menu >li >a {
font-size: 21px;
}

.home-inner {
height:520px;
}

.name_project_svg {
width: 240px;
}

.tobuy {
width: 215px;
left: -25px;
}

.name_project
{
width: 100px;
left: 40px;
}

.name_project {
bottom: 30px;
}

.bounce
{
display: none;
}

.home-down {
padding-top:10px;
}

.portfolio_filter {
width:100%;
text-align:center;
}

.work-inner >.work-overlay {
background:rgba(207,0,15,0.82);
opacity:0.7;
}

.work-overlay {
padding-top:12%;
}

.work-overlay a.lightbox,.work-overlay a.link {
transform:translateY(9px);
color:#fff;
background:#000000;
}

#owl-demo {
margin:20px 0;
}

#map {
height:360px;
}
}

@media screen and (max-width:991px) {
.testi-image {
display:none;
}
}

@media screen and (max-width:1119px) {
.service {
display:inline-block;
margin:20px 0;
}

#portfolio {
height:auto;
padding-bottom:15px;
}

.services .service .ser-text {
display:block;
}

.about-text {
margin:20px 0;
}

.skill-list {
margin:40px 0;
}

.price-table {
margin-bottom:30px;
}

.blog-post {
margin-bottom:30px;
}

#contact {
height:auto;
}
}

@media screen and (min-width:479px) {
.comment-reply {
padding-left:30px !important;
}
}