* {outline: none !important;}
::selection {
background-color: #475B6F;
color: #fff;
}
html {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
overflow-y: scroll;
}
body {
color: #6a6a6a;
background: #f1f0f0;
}
p {margin: 0 0 20px 0;
font-size: 12pt;
font-family: 'Roboto Condensed', sans-serif;
line-height: 20px;
color: #fff;}
li {
font-size: 12pt;
font-family: 'Roboto Condensed', sans-serif;
line-height: 40px;}
.vc_info_list_outer li
{line-height: 15px;}
.media-body h2 {font-family: 'Roboto Condensed', sans-serif;}
img {max-width: 100%;}
.vc_general.vc_cta3.vc_cta3-color-peacoc.vc_cta3-style-outline {
border-color: #6d9caa;
border-width: 1px;
background-color: transparent;
}
a {
text-decoration: none;
outline: none;
}
a{
color: #BBB;
-o-transition: all .4s;
-ms-transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
transition: all .4s;
}
a:hover {
color: #4290ae;
}
.menu {
padding: 0 20px;
color: #FFF;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 16pt;
display: inline-block;
margin-bottom: 0;
}
.menu a, a:hover, a:active, a:visited{
color: #FFF;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 15px 0;
color: #3A4F52;
font-family: 'Poiret One', cursive;
}
#custom_html-2
{list-style: none;}
.btn{border-radius: 0;}
.btn-o {
border: 1px solid #3A4F52;
color: #3A4F52;
}
.btn-o:hover {
background: #3A4F52;
color: white;
}
.btn.btn-o-white {
border: 1px solid white;
color: white;
background: transparent;
}
.btn.btn-o-white:hover {
background: white;
color: #6a6a6a;
}
.btn-primary
{   background-color: #405162;
border-color: #fff;
color: #fff;
border-radius: 3px;
padding: 10px 20px;
}
.btn-primary:hover
{   background-color: #fff;
border-color: #405162;
color: #405162;
}/*/*/#header{
position: relative;
text-align: center;
padding: 0 !important;
}
#header .top {
position:fixed;
top:0;
width: 100%;
padding: 30px;
height: auto;
z-index: 500;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}
#header .top.solid {
background: #475B6F;
padding-top: 15px;
padding-bottom: 15px;
}
#header .top.solid.pull-right {
display: none !important;
}
#header .top h1{
margin-bottom: 0;
}
#header .top.solid .toggleDrawer i {
padding-top: 8px;
}
#header .logo, #header .toggleDrawer{
font-family: 'Poiret One', cursive;
color: white;
}
#header .slogan{
font-size: 4em;
margin-bottom: 15px;
line-height: 1em;
font-family: 'Poiret One', cursive;
color: white;
}
#header .secondary-slogan{
font-size: 1.6em;
color: rgba(255,255,255,.5);
line-height: 1em;
font-family: 'Roboto Condensed', sans-serif;
}
#header > .bottom {
position: absolute;
bottom: 75px;
text-align: center;
width: 100%;
}
#header > .bottom a img {
width: 50px;
}
#header > .bottom a {
opacity: 0.7;
}
#header > .bottom a:hover {
opacity: 1;
}
.player {
object-fit: cover;
width:100%;
height:100vh;
position:fixed !important;
top:0;
left:0;
z-index: -9999;
-webkit-backface-visibility: hidden;
}
.pattern {
background-image:url(//studiodikoepole.ru/wp-content/themes/dikoe_pole/assets/images/pattern.png);
background-repeat: repeat;
background-attachment:scroll;
width:100%;
height:100vh;
position:fixed !important;
top:0;
left:0;
z-index: -9998;
-webkit-backface-visibility: hidden;
}
.big-background .big-background-container {
width:830px;
max-width:100%;
display:inline-block;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.big-background-title {
font-family:'Raleway',sans-serif;
font-size:78px;
color:#fff;
font-weight:300;
text-transform:uppercase;
text-align:center;
margin-bottom:22px;
padding-top:20px;
display:inline-block;
background-attachment:scroll;
background-repeat:repeat-x;
background-position:top center
}/*/*/#drawer-right {
position: fixed;
right: 0;
top: 0;
bottom: 0;
margin-right: -300px;
background: #272727;
width: 300px;
padding: 0 20px;
z-index: 999;
}
#drawer-right h1, #drawer-right h2{
color: white;
text-transform: uppercase;}
#drawer-right .nav-pills>li>a {
font-size: 18px;
border-radius: 0;
font-family: 'Poiret One', cursive;
text-transform: uppercase;
font-weight: 800;
}
#drawer-right .social{margin-top: 30px}
#drawer-right .social ul {
list-style: none;
padding-left: 20px;
}
#drawer-right .social ul > li {
display: inline-block;
}
#drawer-right .social ul > li > a:hover{
color: white;
}
.menu li{
line-height: 20px;
float: left;
list-style: none;
padding: 20px 20px 0 20px;
color: #FFF;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 16pt;
}
.side-menu li
{list-style: none;}
.side-menu li a
{
font-size: 18px;
border-radius: 0;
font-family: 'Poiret One', cursive;
text-transform: uppercase;
font-weight: 800;
}/*/*/.content-block{
background:transparent no-repeat center center fixed;
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
background-size:100%;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
overflow:hidden;
}
.parallax{
padding: 80px 0;
}
.block-body {
margin-top: 60px;
}
#aboutstudio
{
background-color: #405162;
padding-top: 20px;
padding-bottom: 20px;
}
#aboutstudio h1
{
color: #FFF;
font-size: 35pt;
font-weight: 900;
}
#aboutstudio h3
{
margin-top: -15px;
color: #FFF;
font-size: 14pt;
font-family: 'Roboto Condensed', sans-serif;
}
#aboutstudio p
{
color: #FFF;
font-size: 12pt;
font-family: 'Roboto Condensed', sans-serif;
text-align: justify;
}
#header {
}
#services {
color: white;
}
#parallax {
background-image: url(//studiodikoepole.ru/wp-content/themes/dikoe_pole/assets/images/blue_mac2.jpg);
color: white;
}
#contact {
color: white;
background-color: #405162;
}
#parallax h1{
margin-bottom: 60px;
color: white;
}/**/#work_outer {
background: #f9f9f9;
padding: 70px 0px;
position: relative;
}
.work_pic {
position: absolute;
right: 0;
top: 25%;
width: 50%;
}
.inner_section {
padding: 0px;
}
.service-list {
padding: 0 0 0 0;
font-size: 14px;
margin-bottom: 40px;
}
.service-list-col1 {
float: left;
width: 60px;
text-align: center;
}
.service-list-col1 i {
display:auto;
color: #888;
font-size: 19px;
font-style: normal;
line-height: 20px;
}
.service-list-col2 {
overflow: hidden;
}
.page_section.alabaster {
background: #fafafa;
}
.work_bottom {
padding: 20px 0 0 0px;
}
.work_bottom span {
font-size: 18px;
color: #333333;
display: block;
margin: 0 0 20px 0;
}
a.contact_btn {
background: #fff;
text-transform: uppercase;
display: block;
width: 176px;
height: 49px;
text-align: center;
line-height: 49px;
font-size: 16px;
color: #ED5441;
border-radius: 3px;
font-family: 'Raleway', sans-serif;
font-weight: 600;
border: 2px solid #ED5441;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
a.contact_btn:hover {
background: #ED5441;
color: #fff;
}
.input-text {
background: transparent;
} #Portfolio {
padding: 60px 0px;
}
.Portfolio-nav {
padding: 0;
margin: 0 0 45px 0;
list-style: none;
text-align: center;
}
.Portfolio-nav li {
margin: 0 10px;
display: inline;
}
.Portfolio-nav li a {
display: inline-block;
padding: 10px 22px;
font-size: 12px;
line-height: 20px;
color: #222222;
border-radius: 4px;
text-transform: uppercase;
background: #f7f7f7;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.Portfolio-nav li a:hover {
background: #ED5441;
color: #fff;
text-decoration: none;
}
.portfolioContainer {
margin: 0 auto;
padding-left: 15px;
width: auto !important;
}
.Portfolio-box {
text-align: center;
width: 350px;
overflow: hidden;
float: left;
padding: 12px 0px;
}
.Portfolio-box img {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.Portfolio-box img:hover {
opacity: 0.6;
}
.Portfolio-nav li a.current {
background: #ED5441;
color: #fff;
text-decoration: none;
}
img {
max-width: 100%;
} .isotope .isotope-item { -webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.page_section.paddind {
padding-bottom: 60px;
}/*/*/.recent-work {
width: 100%;
padding-bottom: 27%;
background: #C3C9CC;
display: table;
text-align: center;
vertical-align: middle;
padding-top: 27%;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
position: relative;
margin-bottom: 30px;
}
.recent-work span{
margin-top: -18px;
opacity: 0;
position: relative;
z-index: 1;
}
.recent-work:before {
background: rgba(2, 56, 58, 0.7);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
opacity: 0;
-o-transition: all .2s;
-ms-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
transition: all .2s;
}
.recent-work:hover {
background-size: 200%;
background-position: center;
}
.recent-work:hover:before, .recent-work:hover span {
opacity: 1;
}/*/*/#services h1, #services h2{
color: white;
}
.service
{
font-size: 12pt;
font-family: 'Roboto Condensed', sans-serif;
line-height: 20px;}
.service i {
font-size: 60px;
}
.service {
padding: 0 25px;
text-align: justify;
font-size: 12pt;
}
.service h2
{
font-weight: 400;
color: #FFF;
}/*/*/#blog .blog-post img {
margin-bottom: 20px;
}
#blog .date {
margin-bottom: 15px;
font-style: italic;
}/*/*/#testimonials{
text-align: center;
}
#testimonials .testimonial > img {
border-radius: 100%;
margin-bottom: 15px;
}
#testimonials .testimonial {
padding: 25px;
}
.testimonial h2 {
font-size: 16pt;
font-weight: 900;
color: #FFF;
}
.testimonial .socials
{
display: block;
color: #262626;
font-size: 14pt;
}
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(//studiodikoepole.ru/wp-content/themes/dikoe_pole/assets/css/grayscale.svg#greyscale);/**/filter: gray; }
.grayscale:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
}/*/*/#contact{
color: white;
}
#contact h1{color: white}
#contact h2{color: white; font-size: 14pt;}
.form-control-white {
background: transparent;
color: white;
}
.form-control-white::-webkit-input-placeholder {/**/color:    white;
}
.form-control-white:-moz-placeholder { color:    white;
opacity:  1;
}
.form-control-white::-moz-placeholder { color:    white;
opacity:  1;
}
.form-control-white:-ms-input-placeholder { color:    white;
}/*/*/#footer{ background: #2B3E51; color: white;}
#footer h5 {color: #FFF}/*/*/@media (max-width: 767px){
.blog-post {
margin-bottom: 40px;
}
.recent-work {
background-position: center;
}
.recent-work:before {
opacity: 1;
}
.recent-work span {
opacity: 1;
}
}
@media (max-width: 480px) {
.menu {
padding: 0;
font-size: 14pt;
}
#drawer-right {
padding: 10px 20px;
width: 240px;
}
#drawer-right .nav-pills>li>a {
font-size: 17px;
}
.nav-stacked>li+li {
margin-top: 0;
}
.nav>li>a {
padding: 8px 15px;
}
#drawer-right .social {
margin-top: 5px;
}
#header {
background-size: cover;
}
}
.lvca-dark-bg .lvca-heading .lvca-text {
color: #FFF !important;}
.lvca-heading p {
font-size: 18px;
line-height: 28px;
margin: 0 auto;
}/**/.prices_onerow .price_table_1 {
min-height: 430px;
}
.prices_2 .price_table_1 {
min-height: 500px;
}
.price_table_1 .price_curr {
position: relative !important;
top: 0;
left: 0;
margin-top: 0 !important;
margin-left: 0 !important;  
}
.price_table_1 .header {
padding: 15px 5px !important;
}
.price_table_1 li {
padding: 10px 20px !important;
line-height: 20px !important;
}
.price_table_1 .type p {
padding: 15px 5px !important;
}
.price_table_1 .price {
display: block;
position: absolute;
width: 80%;
bottom: 20px;
left: 10%;
padding: 0;
border-top: 1px solid #494a5a;
}
.work_points h2
{   text-transform: uppercase;
}
.prices_onerow, .prices_2, .work_points .mega-info-list  
{padding: 0 140px;}
@media (max-width: 1324px)
{.prices_onerow, .prices_2, .work_points .mega-info-list
{padding: 0 80px;}
}
@media (max-width: 1200px)
{.prices_onerow, .prices_2, .work_points .mega-info-list
{padding: 0 50px;}
}
@media (max-width: 1024px)
{.prices_onerow, .prices_2, .work_points .mega-info-list
{padding: 0 10px;}
}
@media (max-width: 768px)
{.prices_onerow, .prices_2, .work_points .mega-info-list	{padding: 0 20px; }
.price_table_1 {height: auto; margin: 30px 0;}	
.price .price-btn { margin-bottom: 20px; text-transform: uppercase;}	
} .sortLink {
color: #ffffff !important;
float: none !important;
}
.sortLink.selected
{color: #2b3e51 !important;}
#FilerTab {
margin: 30px auto !important;
text-align: center !important;
}
.thumbnail_wrap_
{margin: 0 auto;}
.sortLink:hover {
color: #2b3e51 !important;
}
.mega_hvr_btn {  
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif !important; 
}
.figc {
background-color: rgba(0,0,0,0.5);
}
.lvca-team-member-position {color: #FFF !important; font-weight: 800; font-size: 13px !important;}
label, input, .wpcf7-list-item-label {color: #2b3e51 !important;} .form-on-blue input[type="text"], .form-on-blue input[type="date"], .form-on-blue input[type="tel"], .form-on-blue select, .form-on-blue textarea  
{   border: 1px solid #FFF;
color: #FFF;}
.form-on-blue input[type="submit"]
{
border: 1px solid #FFF;
}
.form-on-blue label
{color: #FFF !important;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300;
margin: 30px 0 10px 0;}
input[type="submit"]
{
box-shadow: none;
background-color: #2b3c51;
color: #fff !important;
text-transform: uppercase;
border: none;
border-radius: 5px;
padding: 10px 30px;
}
textarea 
{
height: 100px;
}
input[type="text"], input[type="date"], input[type="tel"], select, textarea  
{    width: 100%;
box-shadow: none;
border-radius: 5px;
border: 1px solid #2b3e51;
color: #2b3e51;
font-size: 16px;
line-height: 24px;
font-weight: 100;
font-family: 'Roboto Condensed', sans-serif;
margin: 10px 0;
padding: 10px;}
input[type="submit"]
{
box-shadow: none;
background-color: #2b3c51;
color: #fff !important;
text-transform: uppercase;
border: none;
border-radius: 5px;
padding: 10px 30px;
}
textarea 
{
height: 100px;
} .check_style input[type="checkbox"] {
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.check_style .wpcf7-list-item-label {
position: relative;
padding: 0 0 0 60px;
cursor: pointer;
color: #F00;	
}
.check_style .wpcf7-list-item-label:before {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 50px;
height: 26px;
border-radius: 13px;
background: #CDD1DA;
box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
transition: .2s;
}
.check_style .wpcf7-list-item-label:after {
content: '';
position: absolute;
top: -2px;
left: 2px;
width: 22px;
height: 22px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 5px rgba(0,0,0,.3);
transition: .2s;
}
.check_style input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
background: #9FD468;
}
.check_style input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
left: 26px;
}
.form-on-blue .wpcf7-list-item-label
{color: #FFF !important;
font-family: "Roboto Condensed", sans-serif;	
font-weight: 200;} .radio-style input[type="radio"] {
position: absolute;
z-index: -1;
opacity: 0;
margin: 10px 0 0 7px;
}
.radio-style .wpcf7-list-item-label {
position: relative;
padding: 0 0 0 35px;
cursor: pointer;
}
.radio-style .wpcf7-list-item-label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;
}
.radio-style .wpcf7-list-item-label:after {
content: '';
position: absolute;
top: 0px;
left: 3px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #2B3E51;
opacity: 0;
transition: .2s;
}
.radio-style input[type="radio"]:checked + .wpcf7-list-item-label:after {
opacity: 1;
}
.callback
{
display: block;
padding: 30px 0;
}