*{
margin: 0;
padding: 0;
border: 0;
}
html {
overflow-y: scroll;
}
body {
overflow-x: hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
@font-face {
font-family: mr;
src: url(//abrk.kz/wp-content/themes/abrk12/font/montserrat-regular.ttf);
}
@font-face {
font-family: montserrat;
src: url(//abrk.kz/wp-content/themes/abrk12/font/montserrat.otf);
}
#wrap {
margin: 0 auto;
width: 100%;
max-width: 2000px;
min-width: 300px;
overflow-x: hidden;
background: white;
}
img {
padding: 0;
margin: 0;
border: 0;
max-width: 100%;
height: auto;
}
p {
margin: 0 0 1em 0;
color: #333;
font: 16px mr;
line-height: 1.4;
}
#header {
width: 100%;
}
header {
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: 130px;
position: relative;
}
#logo {
position: absolute;
left: 1px;
top: 15px;
max-width: 365px;
}
#logo a {
display: inline;	
}
#address {
position: absolute;
right: 400px;
top: 40px;
padding: 0 0 0 40px;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/address.png) no-repeat;
background-size: 35px auto;
}
#address p:nth-child(1) {
font: 16px mr;
color: #333;
margin: 0 0 0 0;
}
#address p:nth-child(2) {
font: 15px montserrat;
color: #333;
text-decoration: none;
display: block;
}
#phone {
position: absolute;
right: 1px;
top: 40px; }
#phone p {
font: 16px mr;
color: #333;
margin: 0 0 0 0;
}
#phone a {
font: 15px montserrat;
color: #333;
text-decoration: none;
display: block;
}
.center {
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
#forum {
padding: 50px 0 60px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/forum.jpg);
background-size: cover;	
}
#forum > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 50% 48%;
margin: 20px 0 0 0;
}
#forum h1 {
font: 45px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#forumtitle p:nth-child(2) {
font: bold 20px mr;
color: #fff;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#forumtitle p:nth-child(3) {
font: 20px mr;
color: #fff;
margin: 0 0 0 0;
text-transform: uppercase;
}
#organization {
padding: 50px 0 60px 0;
}
#organization > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 32% 32% 32%;
text-align: center;
}
#organization h2 {
font: bold 30px mr;
text-align: center;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
}
#general {
text-align: center;
padding: 70px 0 70px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/gray.jpg);
background-size: cover;
}
#general h2 {
font: bold 30px mr;
text-transform: uppercase;
color: #DAB277;
margin: 0 0 30px 0;
}
#strategy {
padding: 50px 0 50px 0;
}
#strategy > .center > div {
display: grid;
grid-gap: 10px 0;
grid-template-columns: auto auto auto auto;
}
#strategy h2 {
font: bold 30px/30px mr;
text-align: left;
text-transform: uppercase;
color: #000;
}
#str {
display: flex;
align-items: center;
}
.strategyimage {
text-align: center;	
}
#about {
padding: 50px 0 60px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/forum.jpg);
background-size: cover;	
}
#about > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 50% 48%;
margin: 20px 0 0 0;
}
#about h1 {
font: 45px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#about h2 {
font: 25px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#abouttitle p:nth-child(3) {
font: 16px mr;
color: #fff;
}
#abouttitle p:nth-child(5) {
font: 16px mr;
color: #fff;
}
#people {
padding: 50px 0 60px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/gray.jpg);
background-size: cover;	
}
#people > .center > div {
display: grid;
grid-gap: 10px 4%;
grid-template-columns: 48% 48%;
margin: 20px 0 0 0;
}
.inpeople {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 40% 58%;
}
.inpeople div p {
font: 14px mr;
color: #333;
}
#business {
padding: 50px 0 60px 0;
background: #fff;
}
#business > .center > div {
display: grid;
grid-gap: 10px 4%;
grid-template-columns: 48% 48%;
margin: 20px 0 0 0;
}
#topbusinessimage {
text-align: center;
}
#businessimages {
display: grid;
grid-gap: 10px 4%;
grid-template-columns: 48% 48%;
margin: 20px 0 0 0;
}
#businessright h2 {
font: 45px montserrat;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
}
#businessright h3 {
font: bold 23px mr;
color: #000;
margin: 0 0 20px 0;
}
#businessright p {
font: 16px mr;
color: #333;
margin: 0 0 30px 0;
}
#businessright a {
font: 16px mr;
color: #333;
border-radius: 15px;
border: 1px solid #333;
padding: 10px 15px;
text-decoration: none;	
}
#meeting {
padding: 50px 0 50px 0;	
}
#meeting h2 {
font: 40px montserrat;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
text-align: center;
}
#planet {
padding: 20px 0 50px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/gray.jpg);
background-size: cover;	
}
#planet h1 {
font: 40px montserrat;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
text-align: center;
}
#planet p {
font: 18px mr;
color: #333;
margin: 0 0 30px 0;
}
#planet h2 {
font: bold 25px mr;
text-align: center;
text-transform: uppercase;
color: #000;
margin: 0 0 20px 0;
}
#planet h3 {
font: bold 20px mr;
text-align: center;
text-transform: uppercase;
color: #000;
margin: 0 0 20px 0;
}
#attention {
padding: 50px 0 50px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/attention.jpg);
background-size: cover;	
}
#attention > .center > div {
display: grid;
grid-gap: 10px 4%;
grid-template-columns: 48% 48%;
}
#attention h2 {
font: 40px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 30px 0;
}
#effective {
background: #AE050C;
padding: 10px 15px;
margin: 0 0 30px 0;
font: bold 16px mr;
color: #fff;
text-align: center;
text-transform: uppercase;
display: inline-block;
}
#attention h3 {
font: 25px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 30px 0;
}
#attention p {
font: 17px mr;
color: #fff;
margin: 0 0 30px 0;
}
#information {
padding: 50px 0 50px 0;	
}
#information h2 {
font: 40px montserrat;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
text-align: center;
}
#myfooter {
width: 100%;
margin: 50px 0 0 0;
padding: 50px 0 50px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/gray.jpg);
}
footer {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 0 50px 0;
}
#infooter {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 70% 25%;
}
footer h3 {
font: 40px montserrat;
text-transform: uppercase;
color: #000;
margin: 0 0 30px 0;
}
footer a {
font: bold 20px mr;
color: #333;
text-decoration: none;
}
footer p {
font: bold 20px/35px mr;
color: #333;
}
#copy a {
font: bold 14px mr;
color: #333;
text-decoration: none;
}
#copy {
font: bold 14px mr;
text-align: center;
}
article ul, article ol {
margin: 0 0 0 20px;
}
article ul li, article ol li {
margin: 0 0 10px 0;
}
#slid {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
border: 5px solid #fff;
width: 100%;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white; 
filter: alpha(opacity=0); 
opacity: 0;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(//abrk.kz/wp-content/themes/abrk12/img/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.nivo-controlNav {
text-align: center;
padding: 20px 0;
position: absolute;
left: 45%;
bottom: 10px;
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 44px;
height: 44px;
background: url(//abrk.kz/wp-content/themes/abrk12/img/dot.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
cursor: pointer;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -44px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 40px;
height: 40px;
background: url(//abrk.kz/wp-content/themes/abrk12/img/ar.png) no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position: -40px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
@media only screen and (max-width:1200px){
header {
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: 130px;
position: relative;
}
#logo {
position: absolute;
left: 1px;
top: 15px;
}
#logo a {
display: inline;	
}
#address {
position: absolute;
right: 1px;
top: 40px;
padding: 0 0 0 0;
background: transparent;
}
#address p:nth-child(1) {
font: 14px mr;
color: #333;
margin: 0 0 0 0;
}
#address p:nth-child(2) {
font: 14px montserrat;
color: #333;
text-decoration: none;
display: block;
}
#phone {
position: absolute;
right: 1px;
top: 75px;
padding: 0 0 0 0;
background: transparent;
}
#phone p {
font: 14px mr;
color: #333;
margin: 0 0 0 0;
}
#phone a {
font: 14px montserrat;
color: #333;
text-decoration: none;
display: block;
}
}
@media only screen and (max-width:1000px){
#forum h1 {
font: 30px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#forumtitle p:nth-child(2) {
font: bold 15px mr;
color: #fff;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#forumtitle p:nth-child(3) {
font: 15px mr;
color: #fff;
margin: 0 0 0 0;
text-transform: uppercase;
}
#about > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 50% 48%;
margin: 20px 0 0 0;
}
#about h1 {
font: 30px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#about h2 {
font: 20px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px 0;
}
#abouttitle p:nth-child(3) {
font: 15px mr;
color: #fff;
}
#abouttitle p:nth-child(5) {
font: 15px mr;
color: #fff;
}
}
@media only screen and (max-width:700px){
#forum h1 {
font: 20px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
}
#forumtitle p:nth-child(2) {
font: bold 12px mr;
color: #fff;
margin: 0 0 10px 0;
text-transform: uppercase;
}
#forumtitle p:nth-child(3) {
font: 12px mr;
color: #fff;
margin: 0 0 0 0;
text-transform: uppercase;
}
#people > .center > div {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 100%;
margin: 20px 0 0 0;
}
#about > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 50% 48%;
margin: 20px 0 0 0;
}
#about h1 {
font: 20px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
}
#about h2 {
font: 25px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
}
#abouttitle p:nth-child(3) {
font: 12px mr;
color: #fff;
}
#abouttitle p:nth-child(5) {
font: 12px mr;
color: #fff;
}
}
@media only screen and (max-width:500px){
header {
margin: 0 auto;
width: 100%;
max-width: 1200px;
height: 130px;
position: relative;
}
#logo {
position: absolute;
left: 1px;
top: 35px;
width: 180px;
}
#logo img {
width: 33% !important;
float: left;
}
#forum {
padding: 20px 0 20px 0;
background: url(//abrk.kz/wp-content/themes/abrk12/landing/forum.jpg);
background-size: cover;	
}
#forum h1 {
font: 15px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
}
#forumtitle p:nth-child(2) {
font: bold 10px mr;
color: #fff;
margin: 0 0 10px 0;
text-transform: uppercase;
}
#forumtitle p:nth-child(3) {
font: 10px mr;
color: #fff;
margin: 0 0 0 0;
text-transform: uppercase;
}
#about > .center > div {
display: grid;
grid-gap: 10px 2%;
grid-template-columns: 50% 48%;
margin: 20px 0 0 0;
}
#about {
padding: 20px 0 20px 0;
}
#about h1 {
font: 15px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 2px 0;
}
#about h2 {
font: 12px montserrat;
text-transform: uppercase;
color: #fff;
margin: 0 0 2px 0;
}
#abouttitle p:nth-child(3) {
font: 10px mr;
color: #fff;
}
#abouttitle p:nth-child(5) {
font: 10px mr;
color: #fff;
}
#business > .center > div {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 100%;
margin: 20px 0 0 0;
}
#attention > .center > div {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 100%;
}
#infooter {
display: grid;
grid-gap: 10px 0;
grid-template-columns: 100%;
}
}