
/* CUSTOM */
html{position:relative;min-height:100%;}
body{font-size:16px;margin-bottom:70px; background-color: #fff; } 
.container-fluid-top, .container-fluid-nav  { background:#2b2a29; }
.container-fluid-nav { margin-bottom: 5px; }
.container-fluid-top  {border: solid #2b2a29;border-width: 3px 0 3px 0;}
.container-fluid-breadcrumb { background: #ececec; margin: 0 0 5px 0; box-shadow: 0 0 3px #8d8d8d; }
body {overflow-y:scroll; }

/* FOOTER */
.footer {position: absolute;bottom:0;width:100%;height:53px;border:solid #696969;border-width:0px 0 0px 0;background: #2b2a29;}
.footer .container{padding-top:5px;}
.footer-text p { margin: 0; font-size:0.8em; color:#ececec; }
.footer-text a { color: #fc3; font-weight: bold; }
.footer-text a:hover { color: #ff0; }

/*news-slide*/
.news-row-slides { margin-top: 10px; }
.news-single-item { }
.news-single-item a { display: inline-block; font-size: 0.8em; }
.news-item .date { color: #888; }
.news-item .title { color: #000; }



/* COMMON */
.bg1 { background: #ccc; }.bg2 { background: #9d9d9d; }.bg3 { background: #dcdcdc; }
h1, .h1, h2, .h2, h3, .h3 {margin-top: 5px;margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 500;line-height: 1.1;  color: inherit;}
.breadcrumb { margin-bottom: 0px; padding-bottom: 2px; padding-left: 10px; padding-top: 5px; font-size: 0.7em; }
a:hover,a:active,a:focus{text-decoration:none;outline : none;}

/* SLIDE */
.photo-single-item .slick-next, .news-single-item .slick-next
{
    right: 5px;
}
.photo-single-item .slick-prev, .news-single-item .slick-prev
{
    left: 5px;  z-index: 10;
}
.photo-single-item-obj { }
.slide-item-img img { width: 100%; max-width: 640px; padding: 1px;  }

/* NAV COMMON */
.dropdown-menu { margin-top: 1px; }

/* NAV TOP MOBILE*/
.row-nav-mob .btn-topnav { cursor: pointer; width: 100%; display: inline-block; text-align: center; padding: 5px 0 0 0; background-color: #fff; height: 30px;}
.row-nav-mob .btn-group-topnav { width: 100%;  }
.row-nav-mob { margin:8px 0 4px 0; }


/* NAV TOP LG*/
.row-nav-lg .btn-topnav { cursor: pointer; width: 100%; display: inline-block; text-align: center; 
padding: 0px 0 0px 0; background-color: #fff; height:44px;  line-height: 3;}
.row-nav-lg .btn-group-topnav { width: 100%;  }
.row-nav-lg { margin:3px 0 0px 0; }

.phone-top-row { text-align: right; }
.phone-top { color: #fff; font-size: 1em; font-weight: bold; }
.phone-top-link-w { font-size: 10px; }
.phone-top-link-w a { font-size: 12px; color: #ffd700; font-weight: bolder; }


/* NAV LEFT */
.nav-left-header { cursor:default;text-align:left;font-weight:bold; color: #000!important; }
.obj_list.active { color: #f00; }
.obj_list { display: block; }
.obj_list{ color:#666;}
.obj_list:hover { background-color: #ececec;  }
.obj_list_row h2 { font-size: 1em; text-align: center;}


/* srv list */
.wp-srv { box-shadow: 0px 0px 0px #696969; margin: 2px 2px 2px 2px; border: 1px #8b8b8b solid; text-align: center; position: relative; border-radius: 5px; }
.srv-title { font-size: 1em; font-weight: bolder; position: absolute;  top: 0px;background-color:rgba(70, 83, 111, 0.7); color: #fff; width: 100%; border-radius: 5px 5px 0px 0px;  }
.srv-img { width: 100%; border-radius: 5px 5px 0 0px;}
.wp-srv:active { bottom: -1px; }
.add_info { font-size: 1em; bottom: 0px; color: #000; text-align: left; padding: 0px;  background-color: rgba(255,255,255,0.9);}
.add-info-h1 { font-style: italic; }

/* page-content */
.page-content {padding-left: 10px;}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; font-weight: normal; }
.pr li { margin-bottom: 15px; }

.logos {  }
.logos img {   }


.floating-button .button-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: block;
    content: '';
    background: url(/img/phone-flat.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.circle-animation {
    -webkit-animation: circle-animation 1s infinite;
    -moz-animation: circle-animation 1s infinite;
    -o-animation: circle-animation 1s infinite;
    animation: circle-animation 1s infinite;
    
}



 
/*TOP*/
.logo {  }
.logo-top { width:100%; }
.logo-top-lg { width:100%; max-width: 474px; margin-bottom: 0px;}
.phone-top-xs { color: #fff; display: block;  text-align: right;
 line-height: 20px; margin: 0px 0 0 0;  font-weight: bolder;
}
.phone-top-xs:active { color: #fff!important; }
.phone-top-xs:focus {  color: #fff!important; }
.btn-clbck { text-align: right;
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px; color: #ff0;
}
.btn-clbck:focus { color: #ff0;}
.btn-clbck:hover { color: #ff0!important; }


/*******SPINNER ***/
.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px;}
.spinner > div{background-color:#ffcc33;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
@-webkit-keyframes sk-stretchdelay{0%, 40%, 100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}
@keyframes sk-stretchdelay{0%, 40%, 100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);}
20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}}



.dropdown-menu>li>a { font-size: 1.2em; }

a.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	
	
		-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	padding: 3px 0 3px 0; font-weight: bolder;
	width: 100%; text-align: center;
	text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
		
		


	
	
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}

.myButton.active {
 color: #f00;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton:focus {  }


.breadcrumb { border-radius: 0 0 3px 3px; } 
.breadcrumb a { color: #666; }

	.nav-left-header { font-size: 0.8em; background-color: #000!important; color:#fff!important; }	
@media screen and (max-device-width:320px){}
@media screen and (min-device-width:330px){}
@media (min-device-width:481px) and (max-device-width:768px){}
@media (min-width:767px) and (max-width:991px){}
@media (max-width:767px){}



/* CUSTOM 2.0 */

.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}
.advantage-wrap { margin-bottom:5px; padding: 0 5px 0 5px; }
.advantage-row { background-color: #eee; padding: 0 0 0 5px; border-radius: 5px;
 }
.advantage-wrap .num { }
.advantage-wrap .num img { width:100%; }


/* XS */
@media (max-width: 767px) {
	h1 { font-size: 1em; text-align: center; margin-top: 5px; font-weight: bolder;  }
	h2 { font-size: 0.9em; text-align: center; margin-top:5px; font-weight: bolder;  }
	.myButton { font-size: 0.9em; }
	.logo-top  { margin-top: 2px; margin-left:2px; margin-bottom: -2px; max-width: 214px; }
	.row-nav-mob { margin-bottom: 0; }
	body{margin-bottom:124px;}
	.footer {height:107px;}
	.breadcrumb { border-radius: 0; }
	.col-xs-12 { padding: 0; }
	.nav-left-header { font-size: 0.8em; }	
	.page-content {padding-left: 0px;}
	.srv-title { font-size: 1em; }	
.xs-center { text-align: center; }
.advantage-wrap .num img { width:100%; height: 32px; }
	
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
.myButton { font-weight: normal; font-size: 0.9em; }
.logo-top img { margin-top: 0px; }
.row-nav-lg { margin-top: 21px; padding-left: 10px; }
.phone-top { display: inline-block; }
	body{margin-bottom:125px;}
	.footer {height:108px;}
	a.myButton { font-size: 0.8em; }
	.nav-left-header { font-size: 0.8em; }	
.advantage-wrap .num img { width:100%; height: 57px; }	
}

/* MD */

@media (min-width: 992px) and (max-width: 1199px) {
.logo-top img { margin-top: 0px;}
.row-nav-lg { margin-top:14px; padding-left: 10px; }
	.nav-left-header { font-size: 0.8em; }
}
/* LG */
@media (min-width: 1200px) {
.phone-top-row { margin-top: 5px; }
.logo-top img { }
.row-nav-lg { margin-top: 20px; padding-left: 10px; }
}


/* SLIDER */

.swiper-container {
    width: 100%;
    height: 200px;
}
.swiper-slide img { height: 200px; }


.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery .photo-slide  {
   overflow: hidden; height: 100px; margin-bottom: 2px;border-radius: 3px;  box-shadow: 0 0 10px #fff;
}
.my-gallery .photo-slide img {
 	width: 100%; border-radius: 3px;
}


/* Tables================================== */

.Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 0.2em 0.6em;
  overflow: hidden;
  list-style: none;
  border: solid 1px white;
  background: rgba(112, 128, 144, 0.2);
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}


/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 0px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-color: #696969;
}
/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #3d5c73;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;

}
.Rtable-cell--light {
  background-color: #f5f5f5;
  border-color: #3d5c73;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}
.Rtable-cell--alert > h1,
.Rtable-cell--alert > h2,
.Rtable-cell--alert > h3,
.Rtable-cell--alert > h4,
.Rtable-cell--alert > h5,
.Rtable-cell--alert > h6 {
  color: white;
}
.Rtable-cell--head {
  background-color: #315a84;
  border-color: #3d5c73;
  color: white;

}
.Rtable-cell--head > h1,
.Rtable-cell--head > h2,
.Rtable-cell--head > h3,
.Rtable-cell--head > h4,
.Rtable-cell--head > h5,
.Rtable-cell--head > h6 {
  color: white; 	font-size: 1em;
}
.Rtable-cell--foot {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--head0 { border-radius: 5px 0 0 0; }
.Rtable-cell--head2 { border-radius: 0 5px 0 0; }

/* Responsive
==================================== */
@media all and (max-width: 500px) {


  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
  
 .xs-price-btm { margin-bottom: 10px;  }
 
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}


.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

