/*   
Theme Name: shina
Theme URI: http://nkrf-job.ru
Author: NKRF
*/

body {
	font: 12px/18px 'Roboto' ,Arial, sans-serif;
	width: 100%;
	background:#fff;
}
/* Смена цвета */
/*
body .header  div p,
body .header  div a,
body .header  div button  {
  color:#c3464b;
}
body .header_bg_right {
  background: rgb(194,69,76);
  background: -moz-linear-gradient(left, rgba(194,69,76,1) 0%, rgba(154,54,101,1) 100%);
  background: -webkit-linear-gradient(left, rgba(194,69,76,1) 0%,rgba(154,54,101,1) 100%);
  background: linear-gradient(to right, rgba(194,69,76,1) 0%,rgba(154,54,101,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2454c', endColorstr='#9a3665',GradientType=1 );
}
body .header_bg_right:after {
  border-bottom-color:rgba(194,69,76,1);
}
body .side_left .navbar-nav>li>a:hover {
  color:#d73a43;
}
body .f_news .item {
  border-color: #d75a61;
}
body .f_news_date,
body .f_news_date span,
body .f_reviews_title {
  background: #d75a61;
}
body .f_news .btn,
body .f_reviews .item a {
  border-color:#955a88;
  color:#955a88;
}
body .f_slider_item p {
  background:rgba(215,75,81,0.9)
}
body .f_slider .bx-controls a span {
  color:#d74b51;
}
body .f_advantages > div:nth-child(odd) > div:after {
  background:rgba(170,59,111,0.87);
}
body .f_advantages > div:nth-child(even) > div:after {
  background:rgba(215,75,81,0.87);
}
body .about_title,
body .f_service_block_title {
  color:#8d335e;
}
body .f_service_price {
  background:#d74b51;
}
body .rotateslider-container .rotateslider-item {
  background:#8e345e;
}
body .f_service_a {
  color:#d74b51;
}
body .rotateslider-container .glyphicon  {
  color:#d65d63; 
}
body footer {
  background:#d74b51;
}


/* Смена цвета конец */

.header_bg {
  background:#f8f8f8;
  position:relative;
  overflow:hidden;
  margin:0 0 40px;
}
.header_bg_left,
.header_bg_right  {
  position:absolute;
  top:0;
  bottom:0;
  height:100%;
 
}
.header_bg_left {
  left:0;
}
.header_bg_right {
  background:#439cce;
  right:0;
}
.header_bg_right:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left: -99px;
  width: 0;
  height: 0;
  border-bottom: 320px solid #439cce;
	border-left: 100px solid transparent;
}
.header {
  padding-top:32px;
  padding-bottom:32px;
}
.header p {
  margin:0;
}
.header > .row {
  font-size:0;
}
.header > .row > div {
  margin:10px 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.header_position_1 a:hover {
  text-decoration:none;
} 
#modal .modal-title {
  float:left;
  font-size: 1.4em;
}
#modal .input-group {
  margin:0 auto;
}
#modal .ajax-loader {
  position: absolute;
}
.navbar {
  border:0;
  height:70px;
  border-radius:0;
  background:#2b6ca5;
  z-index: 2;
  margin:0;
}
.navbar-header {
  height:70px;
}
.navbar .header_nav ul.navbar-nav,
.navbar .header_nav {
  padding:0;
}
.navbar .header_nav ul.navbar-nav > li > a {
  text-transform:uppercase;
  color:#fff;
  font-weight:300;
  font-size:16px;
  padding:25px;
  position:relative;
}
.navbar .header_nav ul.navbar-nav > li > a:hover,
.navbar .header_nav ul.navbar-nav > li.open > a {
  color:#fff;
}
.navbar .header_nav ul.navbar-nav > li > a:hover:after {
  content:'';
  display:block;
  height:5px;
  background:#226199;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  position:absolute;
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav .open>a,
.navbar .nav .open>a:focus,
.navbar .nav .open>a:hover,
body .navbar-default .navbar-nav>.active>a, 
body .navbar-default .navbar-nav>.active>a:focus, 
body .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color:initial;
}

.dropdown-menu>li>a {
    padding: 8px 20px;

    font-size: 16px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.navbar .header_nav ul.navbar-nav {
  margin:0;
}
.navbar .navbar-header .navbar-toggle {
  margin-top:18px;
  margin-bottom:18px;
}
/* To Dropdown navbar dropdown on hover */
.dropdown-submenu { position: relative;}.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 0px; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0px;}.dropdown-submenu:hover>.dropdown-menu { display: block;}.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}.dropdown-submenu:hover>a:after { border-left-color: #fff;}.dropdown-submenu.pull-left { float: none;}.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

/* ------------------ side ---------------------- */

.side_left {
  position:relative;
  z-index:90;
}
.side_left .header_nav {
  padding:0 !important;
}
.side_left .navbar-nav {
  float:none;
  padding:0 !important;
  border-top:1px solid #ebebeb;
  margin:0 0 30px;
} 
.side_left .navbar-nav>li {
  display:block;
  float:none;
  border-bottom:1px solid #ebebeb;
}
.side_left .navbar-nav>li>a {
  display:block;
  width:100%;
  font-weight:bold;
  color:#363636;
  font-size:16px;
}
.side_left .navbar-nav>li>a > .caret {
  position: absolute;
  right: 5px;
  top: 24px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.side_left .navbar-nav>li>a:hover {
  background:none;
  color:#5db7ea;
}
.side_left .navbar-nav>li .dropdown-menu {
  top: 0;
  left: 100%;
}
.side_right {

}

/* ------------------ about ---------------------- */

.f_about {
  margin:0 0 50px;
}
.about_title {
  font-size:25px;
  color:#185375;
  padding:0 0 14px;
  border-bottom:1px solid #e5e5e5;
  margin:0 0 14px;
  text-align:center;
}
.about_content {
  font-weight:300;
  font-size:16px;
}
.about_content p {
  font-size:16px;
  line-height: 24px;
}

/* ------------------ advantages ---------------------- */


.f_advantages {
  padding:0 0 15px;
}
.f_advantages > div > div {
  padding:14px;
  color:#fff;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  position:relative;
  margin: 0 0 15px;
  -webkit-box-shadow: 0 0 10px 1px #717171;
  box-shadow: 0 0 10px 1px #717171;
}
.f_advantages > div > div:after {
  background:rgba(24,92,130,0.87);
  content:'';
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1;
}
.f_advantages_tab {
  display:table;
  width:100%;
  margin:0 0 20px;
  z-index:2;
  position:relative;
}
.f_advantages_ico {
  display:table-cell;
  vertical-align:middle;
  padding:0 10px 0 0;
  width:50px;
  height:50px;
}
.f_advantages_ico img {
  max-height: 100%;
}
.f_advantages_title {
  display:table-cell;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
}
.f_advantages_text {
  font-size:14px;
  font-weight:300;
  line-height:22px;
  z-index:2;
  position:relative;
}

/* ------------------ service ---------------------- */

.f_service .container {

}

.f_service_block_title {
  font-size:25px;
  color:#185375;
  padding:0 0 14px;
  border-bottom:1px solid #e5e5e5;
  margin:0 0 30px;
  text-align:center;
}

.f_service_img {
  height:300px;
  width:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.f_service_title {
  font-size:19px;
  font-weight:900;
  text-align:center;
  line-height:30px;
  color:#fff;
  padding:10px 0 16px;
  text-transform: uppercase;
}
.f_service_price {
  font-size: 30px;
  font-weight: 900;
  line-height: 30px;
  color: #fff;
  position: absolute;
  top: 0;
  background: #5eb8eb;
  padding: 10px 40px;
  width: 200px;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  -webkit-border-radius: 0 0 50px 50px;
  border-radius: 0 0 50px 50px;
}

.f_service_text {
  font-size:14px;
  font-weight:300;
  color:#fff;
  line-height:22px;
  padding:0 30px 30px;
}

.f_service_a {
  position:absolute;
  top:230px;
  background:rgba(255,255,255,0.8);
  width:220px;
  left:0;
  right:0;
  margin:auto;
  font-size:19px;
  color:#1a5677;
  padding:16px 0;
  font-weight:900;
  text-align:center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  text-transform: uppercase;
}
.f_service_a:hover {
  text-decoration:none;
  background:rgba(255,255,255,1);
}
.rotateslider-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  min-height: 500px;
}
.rotateslider-container .rotateslider-item {
  position: absolute;
  background:#5eb8eb;
  text-align:center;
  -webkit-box-shadow: 0 0 10px 1px #717171;
  box-shadow: 0 0 10px 1px #717171;
  left: 50%;
  top: 50%;
  width:320px;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0.8);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0.8);
  transform: translateY(-50%) translateX(-50%) scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rotateslider-container .rotateslider-item.next {
  left: 84%;
  opacity: 0.2;
}
.rotateslider-container .rotateslider-item.prev {
  left: 16%;
  opacity: 0.2;
}
.rotateslider-container .rotateslider-item.now {
  opacity: 1;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.rotateslider-container .glyphicon {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  cursor: pointer;
  color: #1d5473;
  text-align: center;
  text-shadow: 0 5px 5px #595959;
}
.rotateslider-container .glyphicon.left {
  left: 0;
  left: initial;
  width: 264px;
z-index:10;
}
.rotateslider-container .glyphicon.right {
  right: 0;
  left: initial;
  width: 264px;
z-index:10;
}
.rotateslider-container .glyphicon:before {
  font-size: 40px;
  top: 30%;
  position: absolute;
}
.rotateslider-container .glyphicon.right:before {
  left: 40px;
}
.rotateslider-container .glyphicon.left:before {
  right: 40px;
}



/* ------------------ reviews ---------------------- */


.f_reviews {
  margin:0 0 30px;
}

.f_reviews_block_title {
  font-size:25px;
  color:#484848;
  font-weight:300;
  margin:0 0 20px;
}

.f_reviews  .item {
  background:#fff;
  -webkit-box-shadow: 0 0 10px 1px #edf0f1;
  box-shadow: 0 0 10px 1px #edf0f1;
  padding:50px 14px 20px;
  position:relative;
  margin:0 0 14px;
}
.f_reviews_title {
  float:left;
  color:#fff;
  font-size:19px;
  font-weight:bold;
  background: #5eb8eb;
  padding: 10px 16px;
  position:absolute;
  left:0;
  top:0;
  -webkit-box-shadow: 0 0 10px 1px #edf0f1;
  box-shadow: 0 0 10px 1px #edf0f1;
}
.f_reviews_text p {
  font-weight:bold;
  line-height:22px;
  font-size:14px;
}
.f_reviews .item a {
  float:right;
  margin:20px 0 0;
  font-weight:bold;
  color:#5eb8eb;
  font-size:16px;
  border-bottom:1px dashed #5eb8eb;
}
.f_reviews .item a:hover {
  text-decoration:none;
  border:0;
}

/* ------------------ news ---------------------- */

.f_news {
  margin:0 0 30px;
}
.f_news_top_title {
  font-size:25px;
  color:#484848;
  font-weight:300;
  margin:0 0 20px;
}
.f_news .item {
  border:2px solid #5eb8eb;
  padding:50px 20px 20px;
  position:relative;
  margin:0 0 14px;
}
.f_news_date {
  color:#fff;
  font-size:19px;
  font-weight:bold;
  position:absolute;
  top:0;
  margin:auto;
  background: #5eb8eb;
  padding: 10px 0;
    text-align: center;
        width: 84%;
}
.f_news_date span {
  background:#5eb8eb;
  padding:0 16px;
}
.f_news_title {
  font-size:20px;
  line-height: 30px;
}
.f_news_text {

}
.f_news_text p {
  font-size:14px;
  color:#484848;
  line-height: 20px;
  font-weight: 300;
}
.f_news .btn {
  font-size:14px;
  font-weight:900;
  color:#5eb8eb;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background:#fff;
  border:2px solid #5eb8eb;
  margin: 20px 36px 0;
  padding: 8px 30px;
  text-transform: uppercase;
  left: 16%;
  right: 16%;
  text-align: center;
}


/* ------------------ slider ---------------------- */

.f_slider {
  width:100%;
  height:420px;
  position: relative;
  margin:0 0 30px;
  -webkit-box-shadow: 0 0 10px 1px #717171;
  box-shadow: 0 0 10px 1px #717171;
  overflow:hidden;
}
.front_slider {
  width:100%;
  height:420px;
}
.f_slider_item {
  width:100%;
  height:420px;
  position:relative;
}
.f_slider_item div {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.f_slider_item p {
  position:absolute;
  right:0;
  top:40px;
  float:right;
  background:rgba(65,154,205,0.9);
  padding:30px 40px;
  color:#fff;
  font-weight:900;
  font-size:35px;
}
.f_slider .bx-controls {
  position:absolute;
  left:0;
  right:0;
  top:50%;
  z-index:80;
}
.f_slider .bx-controls a {
  width:60px;
  height:60px;
  background:rgba(255,255,255,0.8);
  -webkit-border-radius: 50px;
  border-radius: 50px;
  display: block;
  position:absolute;
  opacity:0.6;
  top:-30px;
}
.f_slider .bx-controls a:hover {
  opacity:1;
}
.f_slider .bx-controls a span {
  font-size: 28px;
  padding: 16px;
  color:#419acd
}
.f_slider .bx-controls .bx-prev {
  left:36px;
}
.f_slider .bx-controls .bx-next {
  right:36px;
}

/* ------------------ entry ---------------------- */

.f_map {
  clear: both; 
}
 
.f_map > div {
  width:100%;
  height:400px;
}

/* ------------------ entry ---------------------- */

.entry {
  font-size: 16px;
  line-height: 22px;
}
.entry .aligncenter,
.entry div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.entry .alignleft {
   float: left;
   margin:0 10px 0 0;
}
.entry .alignright {
   float: right;
   margin:0 0 0 10px;
}
.entry .wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.entry .wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.entry .wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.container-page .title {
  margin-top:0;
}

/* ------------------ footer ---------------------- */

footer {
  background:#185375;
  color:#fff;
  line-height:22px;
}
footer .menu {
  margin:0 0 30px;
}
footer .menu li {
  width:50%;
}
footer .menu li a {
  padding-left:0;
}
footer a {
  color:#fff;
}
footer p {
  color:#fff;
}
footer .menu.nav.navbar-nav {
  
}
footer .menu.nav.navbar-nav a {
  font-size:16px !important;
  color:#fff !important;
padding: 10px 0px 10px 0px;
}
footer .menu.nav.navbar-nav ul,
footer .dropdown-toggle {
  display:none !important;
}
footer .nav>li>a:focus, footer .nav>li>a:hover {
    text-decoration: underline;
    background-color: transparent;
}

/* ------------------ other ---------------------- */

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
}
.pagination .page-numbers.current{
  background: rgba(93, 93, 93, 0.12);
}
.container > li {
  list-style:none;
}
.clear {
  clear:both;
  display:block;
}
.container-page {
  min-height:550px;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: 30px;
    right: 30px;
    opacity:0;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 30px;
    right: 30px;
    opacity:1;
}
body .mobile_navbar  {
  position:absolute !important;
  z-index:-100;
}
.footer_position_1 a:hover {
  color:#fff;
}

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 782px) {
footer .menu li {
  width:100%;
}
.dropdown-submenu>.dropdown-menu {
    background: #2b6ca5;
}
.dropdown-submenu>.dropdown-menu a {
  color:#fff;
}
.m_ch >  .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.m_ch > .row .side_left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: 30px 0 0;
}
.m_ch >  .row .side_right {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order:1;
    -webkit-order: 1;
    order: 1;
}
.side_left .header_nav  {
  display:none !important;
}
  .menu-header .navbar-nav.menu,
  .menu-header ul.nav li.dropdown > ul.dropdown-menu {
    background: #2b6ca5;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color:#fff !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
  
  }
  .header > .row > div {
    margin: 10px 0;
    display: block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
  }
  .header > .row > div table {
    margin:auto;
    float: none;
  }
  .f_service_block {
    display:block;
  }
  .f_reviews_block {
    display:block;
  }
.container-page {
  min-height:50px;
}
.header_bg .header_bg_right{
  display:none;
}
.header_position_4 button {
  float:initial !important;
}
  footer,footer p {text-align:center !important;}
.navbar-toggle {
  position: absolute;
  right: 0;
  background: #5fb9ec;
  z-index: 2;
}
.menu-header a {
  color:#fff;
  font-size:16px;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
body .mobile_navbar  {
  position:relative !important;
  z-index:1;
  padding:0;
}
body .mobile_navbar .navbar-nav {
    width: 100%; }
    .f_advantages > div {
    width:50%;
    float:left;
    }
.f_slider {
  display:none;
}
.f_service_block_title {
    margin: 0 0 50px;
}
.rotateslider-container .glyphicon.right {
    width: 114px;
    height: 58px;
    top: -50px;
    z-index: 5;
    right: 0;
}
.rotateslider-container .glyphicon.right:before {
    left: 40px;
    top: 0;
    line-height: 50px;
}
.rotateslider-container .glyphicon.left {
    width: 114px;
    height: 58px;
    top: -50px;
    z-index: 5;
    left: 0;
}
.rotateslider-container .glyphicon.left:before {
    right: 40px;
    top: 0;
    line-height: 50px;
}
}
@media screen and (max-width: 782px) {

}
.container{
    padding-bottom: 50px;
}