a {
transition: all ease 0.3s;
}
a:hover {
opacity: 0.7;
}
.pr-logo:hover {
opacity: 1;
}
.pr-btn:hover {
opacity: 1;
}
.btn-rect.-demo {
box-shadow: inset 0 0 0 0 #00acd4;
transition: all ease 0.8s;
}
.btn-rect.-demo:hover {
box-shadow: inset 0 100px 0 0 #00acd4;
text-shadow: 0 0 30px #fff;
}
.main-header, .main-header__wrap, .main-nav {
display: flex;
align-items: center;
justify-content: space-between; }
.main-header {
width: 100%;
min-height: 60px;
height: auto !important;
height: 60px;
margin-bottom: 95px; }
.main-header__logo {
width: 164px;
height: 59px;
line-height: 60px; }
.main-header__wrap {
width: 785px; }
.main-header__controls {
display: flex; }
.main-nav {
width: 500px;
margin-right: 20px; }
.main-nav__item {
list-style: none; }
.main-nav__item.-feat { }
.main-nav__item a {
display: block;
font-family: 'Lato-Black';
font-size: 12px;
line-height: 12px;
color: #fff;
text-transform: capitalize!important;
letter-spacing: 2px; }
.main-header.-inner-page {
max-width: 1170px;
min-height: 80px;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
}
.main-header__logo.-inner-page {
background: url(//promorepublic.com/img-new/logo/pr-logo-inner.svg?v=3) no-repeat;
}
body.blog .main-header__logo, body.category .main-header__logo, .page-content-container .main-header__logo {
width: 200px;
}
body.blog .main-header__logo.-inner-page, body.category .main-header__logo.-inner-page, .page-content-container .main-header__logo.-inner-page {
background-image: url(//promorepublic.com/img-new/logo/social-media-resources.png);
background-size: contain;
background-position: center;
}
.main-nav__item.-inner-page a {
color: rgba(0, 0, 0, 0.7);
}
.btn-rect.-inner-page {
border: 1px solid rgba(0, 0, 0, 0.7);
color: rgba(0, 0, 0, 0.7);
}
.btn-rect.-inner-page:hover {
color: #fff;
border: none;
}
.btn-rect.-demo.-inner-page {
color: #fff;
border: none;
background-color: #00bde9;
}
.btn-rect.-demo.-inner-page:hover {
color: #fff;
}
@media only screen and (max-width: 415px) {
.main-header {
min-height: 37px;
height: 37px;
margin-bottom: 50px;
}
.main-header__logo {
width: 100px;
height: 36px;
}
.main-header__ham-menu {
width: 24px;
height: 17px; position: absolute;
top: 10px;
right: 0;
}
.main-header__ham-menu.-active {
background: url(//promorepublic.com/img-new/main-icons/menu-close.svg) no-repeat;
}
.main-header__controls {
display: none;
}
.main-header__wrap { width: 190px;
}
.main-nav.-mobile {
display: none;
width: 100%;
flex-direction: column;
background: #fff;
position: fixed;
top: 0;
left: 0;
text-align: center;
padding-top: 75px;
padding-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 30px 0px;
z-index: 2;
}
.main-nav__item a {
color: #00bde9;
font-size: 10px;
line-height: 30px;
}
} .btn-rect, .btn-hot-dog {
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 2px;
-webkit-user-select: none;
user-select: none; }
.btn-rect {
width: 118px;
height: 47px;
border: 1px solid #fff;
border-radius: 50px;
}
.btn-rect:hover {
border: none;
background-color: #00bde9; }
.btn-rect.-demo {
width: 155px;
border: none;
background-color: #00bde9;
margin-left: 20px; }
@font-face {
font-family: 'fontello';
src: url(//promorepublic.com/fonts-new/icon-font/fontello.eot?20038216);
src: url(//promorepublic.com/fonts-new/icon-font/fontello.eot?20038216#iefix) format("embedded-opentype"), url(//promorepublic.com/fonts-new/icon-font/fontello.woff2?20038216) format("woff2"), url(//promorepublic.com/fonts-new/icon-font/fontello.woff?20038216) format("woff"), url(//promorepublic.com/fonts-new/icon-font/fontello.ttf?20038216) format("truetype"), url(//promorepublic.com/fonts-new/icon-font/fontello.svg?20038216#fontello) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'fontello-soc';
src: url(//promorepublic.com/fonts-new/socicon/fontello-soc.eot?20038216);
src: url(//promorepublic.com/fonts-new/socicon/fontello-soc.eot?20038216#iefix) format("embedded-opentype"), url(//promorepublic.com/fonts-new/socicon/fontello-soc.woff2?20038216) format("woff2"), url(//promorepublic.com/fonts-new/socicon/fontello-soc.woff?20038216) format("woff"), url(//promorepublic.com/fonts-new/socicon/fontello-soc.ttf?20038216) format("truetype"), url(//promorepublic.com/fonts-new/socicon/fontello-soc.svg?20038216#fontello) format("svg");
font-weight: normal;
font-style: normal; }.main-footer {
width: 100%;
min-height: 345px;
height: auto !important;
height: 345px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
background: #232323;
color: #fff; }
.main-footer__wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between; }
.main-footer__first {
margin-top: 45px; }
.main-footer__logo {
width: 164px;
height: 59px;
display: block;
background-repeat: no-repeat;
}
.main-footer__text {
font-size: 16px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 50px; }
.main-footer__nav {
margin-top: 60px; }
.main-footer__nav a {
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 20px;
color: #fff; }
.main-footer__nav-item {
height: 40px;
list-style: none; }
.main-footer__contact {
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 20px;
margin-top: 60px; }
.main-footer__address {
font-family: 'Lato-Light';
font-size: 16px;
line-height: 20px;
margin-top: 25px; }
.main-footer__address a {
color: #fff;
}
.main-footer__email {
display: block;
font-family: 'Lato-Regular';
font-size: 16px;
line-height: 20px;
color: #fff;
margin-bottom: 20px; }
.main-footer__email:hover {
color: #fff;
}
.main-footer__socials {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100px;
-ms-flex-pack: justify;
justify-content: space-between; }
.main-footer__socials .social-link {
width: 19px;
height: 19px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
color: #1e232f;
font-size: 12px; }
.main-footer__socials .socicon-fb:before {
content: '\e804'; }
.main-footer__socials .socicon-tw:before {
content: '\e801'; }
.main-footer__socials .socicon-inst:before {
content: '\e803'; }
.main-footer__demo {
margin-top: 60px; }
.main-footer__btn {
width: 162px;
height: 54px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 30px;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase; }
.main-footer__lang {
font-family: 'Lato-Bold';
font-size: 16px;
line-height: 20px;
color: #fff;
margin-top: 25px; }
.main-footer__lang .en {
margin-left: 5px; }
.main-footer__lang .ru {
margin-left: 10px;
color: #fff;
opacity: 0.3; } .main-footer__wrap {
-ms-flex-direction: row;
flex-direction: row;
}
.main-footer__nav-item {
height: 36px;
}
.main-footer__nav a,
.main-footer__about a,
.main-footer__integrations a {
display: block;
font-family: 'Lato-Regular',Arial,sans-serif;
transition: all ease 0.3s;
}
.main-footer__nav a:hover,
.main-footer__about a:hover,
.main-footer__integrations a:hover {
opacity: 0.7;
}
.main-footer__about {
margin-top: 60px;
}
.main-footer__about a,
.main-footer__integrations a {
height: 36px;
color: #fff;
font-size: 16px;
line-height: 20px;
}
.main-footer__integrations {
margin-top: 60px;
}
.main-footer .integrations-title,
.main-footer .about-title {
height: 36px;
font-family: 'Lato-Bold',Arial,sans-serif;
}
.main-footer__socials {
display: block;
max-width: 100px;
width: auto;
}
.main-footer__socials .social-title {
font-family: 'Lato-Bold',Arial,sans-serif;
margin-bottom: 15px;
}
.main-footer__socials .social-icons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
}
.main-footer__address a {
color: #fff;
}
.main-footer__demo {
margin-top: 115px;
}
.main-footer__btn {
transition: all ease 0.8s;
box-shadow: inset 0 0 0 0 #fff;
}
.main-footer__btn:hover {
color: #1e232f;
box-shadow: inset 0 100px 0 0 #fff;
}
.main-footer__contact-wrap {
margin-top: 54px;
}
.main-footer__email {
margin-top: 17px;
margin-bottom: 0;
}
@media only screen and (max-width: 414px) {
.main-footer {
min-height: 875px;
height: 875px;
text-align: center;
}
.main-footer__wrap {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
.main-footer__first {
-ms-flex-order: 4;
order: 4;
margin-right: auto;
margin-left: auto;
}
.main-footer__logo {
margin: 0 auto;
}
.main-footer__text {
margin-bottom: 40px;
}
.main-footer__nav {
-ms-flex-order: 4;
order: 1;
margin-top: 40px;
}
.main-footer__contact {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-order: 3;
order: 3;
margin-top: 40px;
}
.main-footer__contact-wrap {
width: 100%;
-ms-flex-order: 2;
order: 2;
margin-top: 40px;
}
.main-footer__address {
margin-bottom: 10px;
}
.main-footer__email {
margin-bottom: 10px;
}
.main-footer__socials {
-ms-flex-order: 1;
order: 1;
width: 100%;
margin: 0 auto;
}
.main-footer__demo {
-ms-flex-order: 2;
order: 2;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.main-footer__btn {
margin: 0 auto;
}
} [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
[class^="socicon-"]:before, [class*=" socicon-"]:before {
font-family: "fontello-soc";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }