/*************************************************| Okmot Core Default CSS Style |******************************************************************
Theme Name:      okmotkg
Company Website: okmot.kg
Description:     New Design of okmot.kg | All Rights Reserved 2017
Author:          Marat Raimberdievich
Version:         1.0
Tags:

************************************* | Default Browsers' Attribs Reseting & Main Styling |*********************************************************/
b, strong {
  font-weight:600 !important;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    width: 100%;
    position: relative;
    line-height: 1;
}

form {
    width: 100%;
}

html, body {
    background: #0083ca url(../images/main-bg.png) no-repeat center center;
    height: 100%;
    width:100%;
    font-family: "SegoeUI" !important;
    min-height: 100%;
    font-size: 14px;
    color: #fff !important;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0 !important;
}
a:link, a:visited {
	color:#bdbdbd;
  font-weight: 500;
  text-decoration:none !important;
}
a:hover, a:active {
    cursor: pointer;
    color:#ff8f00;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul, ol, li, div, span, h1, h2, h3, h4, h5, label, a, p {
    margin: 0px;
    padding: 0px;
}

ul, ol, li {
    list-style: none;
}
dl, ol, ul {
	margin-bottom:0 !important;
}
fieldset, img {
    border: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	border: 1px solid #b8c8ea;
	-webkit-text-fill-color: #474747;
	background: #f1f5fd;
	transition: background-color 5000s ease-in-out 0s;
}

@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI.eot');
    src: url('fonts/SegoeUI.eot#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI.woff') format('woff'),
         url('fonts/SegoeUI.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI-Semibold.eot');
    src: url('fonts/SegoeUI-Semibold.eot#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Semibold.woff') format('woff'),
         url('fonts/SegoeUI-Semibold.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI-Bold.eot');
    src: url('fonts/SegoeUI-Bold.eo#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Bold.woff') format('woff'),
         url('fonts/SegoeUI-Bold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI-Black.eot');
    src: url('fonts/SegoeUI-Black.eo#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Black.woff') format('woff'),
         url('fonts/SegoeUI-Black.ttf') format('truetype');
    font-weight: 700;
}
* {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
/****************************************| All Input Fields Auto Styling (Without assign ID or Class) |***************************************/
/* TOPMENU
------------------------------------------------------------------------------*/

.responsive {
  width:75%;
  min-width: 1000px;
  position:;

  margin:auto auto;
}
@media only screen and (max-width: 1200px)  {
  .responsive {
    width:85%;
  }
}
@media only screen and (max-width: 992px)  {
  .responsive {
    width:95%;
  }
}
.okmot-title {
  font-size:30px;
  font-weight:600;
  text-align: center;
  padding:51px 0 60px;
}
.okmot-container {
  display: table;
  width:100%;
}
.okmot-projects {
  width:53%;
}
.okmot-projects .okmot-dots {
  width:10%;
  top:27px;
  position: relative;
  vertical-align: top;
  background:url(../images/dot-bg.jpg) repeat-y center center;
}
.okmot-projects li .okmot-dots .dot-circle {
  width:30px;
  border-radius: 50%;
  display: block;
  position: relative;
  margin:auto auto;
  background:transparent;
}
.okmot-projects li .okmot-dots .dot-circle  i {
  display: block;
  top:0;
  left:0;
  right: 0;
  bottom:0;
  position: absolute;
  width:16px;
  height:16px;
  border-radius: 50%;
  background: #fff;
  margin:auto auto;
}
.okmot-projects li:hover .dot-circle, .okmot-projects li.active .dot-circle {
  background:#ffeb3b;
}
.okmot-projects li:hover .dot-circle i, .okmot-projects li.active .dot-circle i{
  background:#ffeb3b;
  height:30px;
  width:30px;
}
.okmot-projects li:hover p, .okmot-projects li.active p {
  background: #fff;
  color:#414042;
}
.okmot-projects li:hover p:after, .okmot-projects li.active p:after {
  width: 0;
  height: 0;
  content:"";
  right:-7px;
  top:21px;
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 9px;
  border-color: transparent transparent transparent #ffffff;
}
.okmot-projects li:hover p a:link, .okmot-projects li:hover p a:visited, .okmot-projects li.active p a:link, .okmot-projects li.active p a:visited {
  color:#0083ca;
  text-decoration: underline !important;
}
.okmot-project-details .project-detail {
    display: none;
}
.okmot-project-details .project-detail:nth-child(1) {
    display: block;
}
.project-detail {
  height:100%;
}

.okmot-project-details .main .project-main {
  position: absolute;
  top:0;
  right:0;
  width:231px;
  height:255px;
  left:0;
  background:url(../images/main-infosystema.png) no-repeat center center;
  bottom:0;
  margin:auto auto;
}
.project-detail .project-container label{
  font-size:20px;
  color:#ffeb3b;
  margin-bottom:20px;
  font-weight: 600;
}
.project-detail .project-container p{
  font-size:15px;
  text-align: justify;
  color:#fff;
  line-height:19px;
  margin-bottom:20px;
  font-weight: 500;
}
.okmot-projects li:last-child .okmot-dots {
  background:none;
}
.okmot-projects li {
  height:75px;
  margin-bottom:5px;
}
.okmot-projects li p {
  font-size:18px;
  padding: 15px;
  border-radius: 7px;
  font-weight: 500;
  position: relative;
  top:-4px;
  text-align:right;
  text-align: -webkit-right;
  text-align: -moz-right;
  color:#fff;
}
.okmot-projects li p a:link, .okmot-projects li p a:visited{
  display:table;
  color:#ffeb3b;
  font-size:14px;
  margin-top:5px;
}
.okmot-projects .okmot-dots, .okmot-projects .okmot-dots a {
  display:table-cell;
}
.okmot-projects ul li {
  display: table;
  width:100%;
}
.okmot-container .okmot-project-details {
  width:47%;
  position: relative;
}
.okmot-projects, .okmot-project-details {
  display:table-cell;
}
.project-container img {
  width:100%;
}