/*default*/
body, .roboto {font-family:Roboto;}
.raleway {font-family:Raleway;}
.arial {font-family:arial;}
h1, h2, h3, h4, h5, h6 {font-family: arial;}
.text-red { color:#E8364C; }
.text-white, .caption.text-white { color:#fff; }
a.page-modal.text-white, a.page-modal.text-white:hover { color:#fff; cursor: pointer; }
.text-black { color:#000; }
.bg-white {background-color:#fff;}
.w100 {width: 100%;}
#header .navbar-fixed-top+.afspace50 {padding-bottom:50px;}
.mh400 { height:400px; padding-bottom:0;}
.mh570 { height:570px; padding-bottom:0;}
#header .navbar {margin-bottom:0;}
.f10 { font-size: 10px;}
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}
.f28 { font-size: 28px;}
.f30 { font-size: 30px;}
.f32 { font-size: 32px;}
.f34 { font-size: 34px;}
.f36 { font-size: 36px;}
.f38 { font-size: 38px;}
.f40 { font-size: 40px;}
.f42 { font-size: 42px;}
.f44 { font-size: 44px;}
.f46 { font-size: 46px;}
.f48 { font-size: 48px;}
.space5 { height: 5px; width:100%; display:block; position:relative;}
.space10 { height: 10px; width:100%; display:block; position:relative;}
.space15 { height: 15px; width:100%; display:block; position:relative;}
.space20 { height: 20px; width:100%; display:block; position:relative;}
.space25 { height: 25px; width:100%; display:block; position:relative;}
.space30 { height: 30px; width:100%; display:block; position:relative;}
.space35 { height: 35px; width:100%; display:block; position:relative;}
.space40 { height: 40px; width:100%; display:block; position:relative;}
.space45 { height: 45px; width:100%; display:block; position:relative;}
.space50 { height: 50px; width:100%; display:block; position:relative;}
.space55 { height: 55px; width:100%; display:block; position:relative;}
.space60 { height: 60px; width:100%; display:block; position:relative;}
.space65 { height: 65px; width:100%; display:block; position:relative;}
.space70 { height: 70px; width:100%; display:block; position:relative;}
.space75 { height: 75px; width:100%; display:block; position:relative;}
.space80 { height: 80px; width:100%; display:block; position:relative;}
.space85 { height: 85px; width:100%; display:block; position:relative;}
.space90 { height: 90px; width:100%; display:block; position:relative;}
.space95 { height: 95px; width:100%; display:block; position:relative;}
.space100 { height: 100px; width:100%; display:block; position:relative;}
.text-bold {font-weight:700;}
.text-bolder {font-weight:900;}
.p0 {padding:0;}
.m0 {margin:0;}
.relative {position: relative;}
.absolute {position: absolute;}
.abs-bottom { bottom:0; }
.mt50p {margin-top: 50%;}
.mt25 { margin-top:25px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.p1535 { padding: 15px 5px 15px 35px!important;}
.no-border .list-group * { border: none;}
.list-group-item i.fa { margin: 8px auto;}
.list-group-item span {top: -10px; position: relative;}
/**/
.logo { padding-top:10px; padding-bottom:10px; background-image:none; background-color:transparent;}
.thumbnail { margin:0;padding:0;position: relative;}
/*.thumbnail.no-border {outline: 1px solid #000;}*//*test*/
.no-border { border:none; }
.parent-item {overflow: hidden;}
.parent-item .abs-center {top:40%; margin-top:-55px; left:50%; margin-left:-63px;}
.parent-item .abs-bottom { bottom:auto; top:70%; }
#works_example .caption {background-color: rgba(0,0,0,0.6);}
.thumbnail.no-border.col_1, .thumbnail.no-border.col_2, .thumbnail.no-border.col_3, .thumbnail.no-border.col_4, .thumbnail.no-border.col_5, .thumbnail.no-border.col_6 {position: relative;}
.thumbnail.no-border.col_1:after, .thumbnail.no-border.col_2:after, .thumbnail.no-border.col_3:after, .thumbnail.no-border.col_4:after, .thumbnail.no-border.col_5:after, .thumbnail.no-border.col_6:after { content: ''; display: inline-block; position: absolute; background-repeat: no-repeat; background-size: cover; z-index: 100;}
.thumbnail.no-border.col_1:after, .thumbnail.no-border.col_2:after { top: 50%; right: 0%; background-image: url('image/right_arrow.png'); margin-top: -22px; margin-right: -20px; width: 58px; height: 44px;}
.thumbnail.no-border.col_3:after { bottom: -50%; left: 50%; background-image: url('image/down_arrow.png'); margin-bottom: -58px; margin-left: -22px; width: 44px; height: 58px;}
.thumbnail.no-border.col_4:after, .thumbnail.no-border.col_5:after { top: 50%; right: 0%; background-image: url('image/left_arrow.png'); margin-top: -22px; margin-right: -20px; width: 58px; height: 44px;}
#why_need_3d {background-image:url('content-image/why_3d_tour_fon.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;}
.old_cost.inline-block { display: inline-block; padding: 14px 10px; position: relative;}
.old_cost:after { content: ''; background-image: url('image/old_cost.png'); width: 100%; height: 100%; position: absolute; display: inline-block; background-repeat: no-repeat; background-position: center center; top: 0; left: 0;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #E8364C;}
.pic-caption.bg-red {background-color: rgba(232,54,76, 1);}
.scrollup {position: fixed; bottom: 20px; right: 20px;}
.scrollup i { margin-top: -3px;}
.rounded {border-radius:50%;}
.large { padding-top: 16px; padding-bottom: 16px;}
.input-lg.large { height: 56px;}
#works_example .thumbnail.relative.no-border {background-color: #222!important;}
#footer hr {border-top:1px solid #9d9d9d;}
.modal-xl { width:100%;}
@media only screen and ( min-width : 992px) {
    .modal-lg { width:75%;}
    .list-group-item {padding-top:25px; padding-bottom:25px;}
}
/* Small Devices, Tablets */
@media only screen and ( max-width : 992px) {
    .thumbnail.no-border.col_1:after, .thumbnail.no-border.col_2:after { margin-top: -15px; margin-right: -30px; width: 38px; height: 28px;}
    .thumbnail.no-border.col_3:after { margin-bottom: -58px; margin-left: -14px; width: 28px; height: 38px;}
    .thumbnail.no-border.col_4:after, .thumbnail.no-border.col_5:after { margin-top: -15px; margin-right: -30px; width: 38px; height: 28px;}
    #work_shema .space100 { height: 30px;}
}

@media only screen and (max-width : 768px) {
    #work_shema .col-sm-4 { padding-bottom: 50px; float: none!important; margin: auto;}
    #work_shema .space100, #work_shema .space100+.space30 { height: 0px;}
    .thumbnail.no-border.col_1, .thumbnail.no-border.col_2, .thumbnail.no-border.col_3, .thumbnail.no-border.col_4, .thumbnail.no-border.col_5, .thumbnail.no-border.col_6 {}
.thumbnail.no-border.col_1:after, .thumbnail.no-border.col_2:after, .thumbnail.no-border.col_3:after, .thumbnail.no-border.col_4:after, .thumbnail.no-border.col_5:after, .thumbnail.no-border.col_6:after { content:none; display: none;}
    .shema_caption { position: relative; }
    .shema_caption:after { content: ''; display: inline-block; position: absolute; background-repeat: no-repeat; background-size: cover; z-index: 100; bottom: 0%; left: 50%; top: auto; right:auto; background-image: url('image/down_arrow.png'); margin-bottom: -38px; margin-left: -14px; width: 28px; height: 38px;}
    .last.shema_caption:after { display: none;}
    .old_cost.f34 { font-size: 32px; }
    #cost h3+.space50 {display: none;}
}