/********************************Общее********************************/ /* Обычный шрифт*/ @font-face {font-family:'Akrobat-SemiBold'; font-style:normal; font-weight: normal; src: url('/fonts/Akrobat-SemiBold.otf') format('truetype');} /* Содержимое*/ body { padding-top: 80px; background: #fff; font-family:Akrobat-SemiBold; font-weight:300; line-height:1.5em; color:#333333; font-size: 16px;} /* Заголовки*/ h1,h2 {font-weight: 600;line-height:1.5em;color:#333; margin-bottom: 20px;text-transform: uppercase;} h3, h4, h5, h6 {line-height:1.1em;color: #212121;margin-bottom: 20px;} /* ссылки*/ a { color: #45aed6; -webkit-transition: color 400ms, background-color 400ms;-moz-transition: color 400ms, background-color 400ms;-o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; } /* выделение, фокус*/ a:hover,a:focus {text-decoration: none;color: #2a95be;} .works p {text-indent: 30px; text-align:justify;} /* подчеркивание*/ hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;} /* медиа*/ /* градиент*/ .gradiant {background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); } .gradiant-horizontal { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);} /* шапка раздела*/ .section-header { margin-bottom: 30px; } .section-header .section-title {font-size: 36px; color: #272727; text-transform: uppercase; position: relative; padding-top: 20px; padding-bottom: 20px; margin: 0 0 20px; } .section-header .section-title:before { content: "";position: absolute; width: 140px; bottom: 0px; left: 50%;margin-left: -70px;height: 1px; background: #ebebeb;} .section-header .section-title:after { content: ""; position: absolute; width: 24px; height: 24px; bottom: 0px; left: 50%; margin-left: -12px; border: 0px solid #fff;border-radius: 20px; background: #45aed6; } /* кнопки*/ .btn { border-width: 0; border-bottom-width: 3px; border-radius: 3px; margin-bottom:3px; padding:10px 15px;} .btn.btn-default { background: #e6e6e6; border-color: #b3b3b3;} .btn.btn-default:hover,.btn.btn-default:focus { background: #b3b3b3;} .btn.btn-primary { background: #45aed6; border-color: #2a95be;} .btn.btn-primary:hover,.btn.btn-primary:focus { background: #2a95be;} ul.nostyle { list-style: none; padding: 0; margin-bottom: 20px;} ul.nostyle i { color: #45aed6;} li.nostyle { list-style: none; padding: 15px;} a.nostyle { color:#FFF; text-decoration:none;} .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn;} @-webkit-keyframes scaleIn { 0% {opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }} @keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /******************************** Header ********************************/ .navbar { background:#000; } .navbar-toggle {margin:15px 0px; } .navbar-brand { height: auto; padding: 15px 0px 15px 0px;} .navbar-text {color:#fff; text-shadow: #000000 0px 1px 2px; font-size: 16px; min-width:215px; max-width:215px; padding: 20px 5px; margin: 0px 0px; text-shadow: #000000 0px 1px 2px; font-size: 16px;} .navbar-info {color:#fff; text-shadow: #000000 0px 1px 2px; font-size: 14px; padding: 15px 20px; margin-right:40px} @media only screen and (min-width:768px) { #main-menu {background: #0f0f0f; } .navbar-nav > li > a {color:#fff; text-shadow: #000000 0px 1px 2px; text-transform:uppercase; padding:15px 10px 15px 10px; background: #45aed6; border-top: 5px solid #45aed6; } li.active > a { border-top: 5px solid #cc0000; } li.open > a { border-top: 5px solid #45aed6; } .dropdown-menu {background: rgba(35, 42, 52 , 0.9); width: 100%; position: fixed; top: 100px; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 10px 10px; margin: 0 auto; text-align: center; } } /********************************Слайдерв в шапке********************************/ #main-slider { margin-top: 20px; overflow: hidden;} #main-slider .item { height: 600px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover;} #main-slider .slider-inner { position: absolute; top: 0; width: 100%; height: 100%; color: #fff;} #main-slider .slider-inner h2 { margin-top: 180px; font-size: 32px; line-height: 1; text-transform: uppercase; color: #fff;} #main-slider .slider-inner h2 > span { color: #45aed6;} #main-slider .slider-inner .btn { margin-top: 10px;} #main-slider .owl-prev, #main-slider .owl-next { position: absolute; top: 50%; background-color: #45aed6; color: #fff; font-size: 30px; display: inline-block; margin-top: -35px; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms;} #main-slider .owl-prev:hover, #main-slider .owl-next:hover { background-color: #b3b3b3; } #main-slider .owl-prev { left: -35px; text-indent: 14px;} #main-slider .owl-next { right: -35px; text-indent: -14px;} #main-slider .carousel-content {margin:0px 50px 0px 50px;} /********************************О компании********************************/ #about { padding: 100px 0px 0px 0px; background: #f5f5f5;} #about .portfolio-item { width: 90%; float: left; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #about .portfolio-item .portfolio-item-inner { position: relative;} #about .portfolio-item .portfolio-item-inner .portfolio-info { opacity: 0; transition: opacity 400ms; -webkit-transition: opacity 400ms; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff;} #about .portfolio-item .portfolio-item-inner .portfolio-info h5 { font-size: 16px; line-height: 1; margin: 0; color: #fff; width: 100%;} #about .portfolio-item .portfolio-item-inner .portfolio-info .preview { position: absolute; top: -18px; right: 12px; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); width: 36px; height: 36px; line-height: 36px; text-align: center; color: #fff; box-shadow: 0 0 0 2px #fff; -webkit-box-shadow: 0 0 0 2px #fff;} #about .portfolio-item:hover .portfolio-info { opacity: 1;} /********************************Услуги********************************/ #services { padding: 100px 0 75px; background: #fff;} /******************************** Прайс (цены)********************************/ #pricing {padding: 100px 0 75px; background: #fff;} #pricing ul.pricing { list-style: none; padding: 0; margin: 70px 0 30px; border: 1px solid #eee; border-radius: 5px 5px 4px 4px; padding: 15px; text-align: center;} #pricing ul.pricing li { display: block; padding: 10px;} #pricing ul.pricing li.plan-header { background: #eee; border-radius: 4px 4px 0 0; margin: -15px -15px 10px; padding: 15px 15px 30px; border: 0;} #pricing ul.pricing li.plan-header .price-duration { position: relative; margin-top: -63px; top: -10px; display: inline-block; width: 116px; height: 116px; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color: #fff; border-radius: 100px; border: 5px solid #f6f6f6;} #pricing ul.pricing li.plan-header .price-duration > span { display: block; line-height: 1;} #pricing ul.pricing li.plan-header .price-duration > span.price { font-size: 24px; font-weight: 700; margin-top: 35px;} #pricing ul.pricing li.plan-header .price-duration > span.duration { margin-top: 5px;} #pricing ul.pricing li.plan-header .plan-name { margin-top: 10px; font-size: 24px; color: #272727; font-weight: bold; line-height: 1; text-transform: uppercase;} #pricing ul.pricing.featured { background: #222534; color: #fff; border: 0;} #pricing ul.pricing.featured li.plan-header { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);} #pricing ul.pricing.featured li.plan-header .plan-name { color: #fff;} #pricing ul.pricing.golden { background: #222534; color: #fff; border: 0;} #pricing ul.pricing.golden li.plan-header { background-image: -moz-linear-gradient(90deg, #daa520 0%, #ffd700 100%); background-image: -webkit-linear-gradient(90deg, #daa520 0%, #ffd700 100%); background-image: -ms-linear-gradient(90deg, #daa520 0%, #ffd700 100%);} #pricing ul.pricing.golden li.plan-header .plan-name { color: #fff;} #pricing .contact-form { padding: 20px; margin-top: 20px;} #pricing .contact-form h3 { margin-top: 0;} #pricing .otvet-text { padding: 10px;font:bold 28px arial;text-align:center;} #pricing .otvet-symma{ padding: 5px;font:bold 40px arial;text-align:center;color:#EB5252;} #pricing .info-text{font:bold 24px arial;text-align:center;} #pricing .info-data{font:bold 24px arial;text-align:center;color:#EB5252;} /********************************Новости********************************/ /* новости на главной*/ .media-body-main {margin:0px 15px 15px 5px;font-size: 14px;font-family:Akrobat-SemiBold; line-height: 1.2em; } .media-body-main p {font-family:Akrobat-SemiBold; font-weight:300; line-height:1.5em; } .media-body-main img {width: 100%; object-fit: contain; float: center; border: 1px solid #808080; border-radius: 4px; padding: 8px; margin-bottom: 10px;} .entry-meta-main {margin:15px 0px 10px 0px; font-size: 12px;font-family: Akrobat-SemiBold; line-height: 1.2em; } /* текст новости*/ .media-body {margin:10px 10px 10px 10px; font-family:Akrobat-SemiBold; line-height: 1.2em; } .media-body .news h4 {font-size: 16px; margin-bottom:10px} .media-body .news p {font-size: 14px; font-family:Akrobat-SemiBold; font-weight:300; line-height:1.5em; line-height:1.5em;} .media-body .news img {margin:10px 10px 0px 10px; width: auto; height : auto; max-height: 100%; max-width: 100%; object-fit: contain; position: relative; border: 1px solid #808080; border-radius: 4px; padding: 8px; margin-bottom: 10px;} .media-body .news .entry-meta {margin:10px 0px 0px 0px;font-size: 12px;font-family: Akrobat-SemiBold; line-height: 1.2em; } .column-title { margin-top: 0; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; position: relative;} .column-title:after { content: " "; position: absolute; bottom: -1px; left: 0; width: 40%; border-bottom: 1px solid #45aed6;} /* новости*/ #blog { background: #f5f5f5; padding: 100px 0px 20px 0px;} #blog .blog-post { border: 1px solid #eee; padding: 15px;margin:15px;} #blog .blog-post img { object-fit: contain; float: center; border: 1px solid #808080; border-radius: 4px; padding: 8px;} #blog .blog-post .post-format { display: inline-block; width: 40px; height: 40px; line-height: 34px; text-align: center; color: #fff; background: #222534; border: 3px solid #fff; border-radius: 100px;} #blog .blog-post.blog-large .entry-thumbnail { margin: -15px -15px 15px; position: relative;} #blog .blog-post.blog-large .post-format { width: 66px; height: 66px; line-height: 60px; position: absolute; right: 20px; bottom: -33px;} #blog .blog-post.blog-large .post-format > i { font-size: 20px;} #blog .blog-post.blog-large .entry-date { font-size: 12px; display: block; margin-bottom: 5px; text-transform: uppercase; color: #45aed6;} #blog .blog-post.blog-large .entry-title { margin-top: 0; font-size: 18px; line-height: 1; margin-bottom: 15px;} #blog .blog-post.blog-large .entry-title a { color: #64686d;} #blog .blog-post.blog-large .entry-title a:hover { color: #45aed6;} #blog .blog-post.blog-media { margin-bottom: 30px;} #blog .blog-post.blog-media .entry-thumbnail { margin: -15px 15px -15px -15px; position: relative;} #blog .blog-post.blog-media .post-format { position: absolute; top: 20px; right: -10px;} #blog .blog-post.blog-media .entry-date { font-size: 12px; display: block; margin-bottom: 5px; text-transform: uppercase; color: #45aed6;} #blog .blog-post.blog-media .entry-title { margin-top: 0; font-size: 18px; line-height: 1; margin-bottom: 15px;} #blog .blog-post.blog-media .entry-title a { color: #64686d;} #blog .blog-post.blog-media .entry-title a:hover { color: #45aed6;} #blog .blog-post .entry-meta { margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px;} #blog .blog-post .entry-meta > span { display: inline-block; margin-right: 10px; color: #999;} #blog .blog-post .entry-meta > span > a { color: #999;} #blog .blog-post .entry-meta > span > a:hover { color: #45aed6;} /********************************информационная панель********************************/ .panel-default > .panel-heading { background-color: #000; border-color: #eee;} .panel-default > .panel-heading .panel-title { font-size: 14px; font-weight: normal; color: #fff;} .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eee;} .progress {-webkit-box-shadow: none; box-shadow: none; background: #fff; border: 1px solid #e5e5e5; } .progress .progress-bar.progress-bar-primary { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); -webkit-box-shadow: none; box-shadow: none;} /********************************Отзывы********************************/ #testimonial { background: #fff ; background-size: cover; padding: 100px 0;} #testimonial h4 { margin-bottom: 0;} #testimonial small { display: block; margin-bottom: 10px;} #testimonial .btns { margin-top: 10px; } #features { padding: 100px 0px 20px 0px; background: #f5f5f5;} #features .media.service-box:first-child { margin-top: 40px;} .media.service-box {margin: 20px 0; } .media.service-box .pull-left { margin-right: 20px; } .media.service-box .pull-left > i { font-size: 32px; height: 64px; line-height: 64px; text-align: center; width: 64px; border-radius: 100%; color: #45aed6; box-shadow: inset 0 0 0 1px #d7d7d7; -webkit-box-shadow: inset 0 0 0 1px #d7d7d7; transition: background-color 400ms, background-color 400ms; position: relative; } .media.service-box .media-body > h4 {color: #45aed6; } .media.service-box .media-body > p {font-size: 14px;line-height: 1.5em; } .media.service-box .pull-left > i:after {content: ""; position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; right: -10px; border: 4px solid #fff; border-radius: 20px; background: #45aed6; } .media.service-box:hover .pull-left > i { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color: #fff; box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8); -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);} /********************************реклама********************************/ /* Рекламный блок 0 */ #cta {background: #242a33 url(/images/cta2/cta2-bg.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; padding-top: 20px;} #cta .btn {margin-top: 10px;} #cta h2 {color: #fff;font-size: 36px;} #cta h2 > span {color: #45aed6;} /* Рекламный блок 1 */ #cta1 {background: #242a33 url(/images/cta2/cta2-bg.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; padding: 20px;} #cta1 .btn {margin-top: 10px;} #cta1 h2 {color: #fff;font-size: 40px;line-height: 1;} #cta1 h2 > span {color: #45aed6;} /* Рекламный блок 2 */ #cta2 {background: #242a33 url(/images/cta2/cta2-img.png) no-repeat 50% 50%; background-size: cover; color: #fff; padding: 20px;} #cta2 .btn {margin-top: 10px;} #cta2 h2 {color: #fff;font-size: 40px;line-height: 1;} #cta2 h2 > span {color: #45aed6;} /********************************дизайн проекты********************************/ #dizain { padding: 100px 0 20px 0;background: #f5f5f5;} #dizain .dizain-items { margin: 5px; } #dizain .dizain-item { float: left; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #dizain .dizain-item .dizain-item-inner {position: relative;} #dizain .dizain-item .dizain-item-inner .dizain-info { position: absolute; bottom: 5px; left: 0; right: 0; padding: 15px; background: rgba(0, 0, 0, 0.5); color: #fff;} #dizain .dizain-item .dizain-item-inner .dizain-info h3 { font-size: 14px; line-height: 1; margin: 0; color: #fff;} #dizain .dizain-item .dizain-item-inner .dizain-info .preview { position: absolute; bottom: 25px; left: 15px; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; box-shadow: 0 0 0 2px #fff; -webkit-box-shadow: 0 0 0 2px #fff;} #dizain .dizain-item:hover .dizain-info { opacity: 1;} #dizain .img-responsive {margin-bottom: 5px; border: 1px solid #808080; border-radius: 4px;padding: 8px;} /********************************портфолио********************************/ #portfolio { padding: 100px 0 20px 0;background: #f5f5f5;} #portfolio .portfolio-filter { list-style: none; padding: 0; margin: 0 0 50px; display: inline-block;} #portfolio .portfolio-filter > li { float: left; display: block;} #portfolio .portfolio-filter > li a { display: block; padding: 7px 15px; background: #e5e5e5; color: #64686d; position: relative;} #portfolio .portfolio-filter > li a:hover, #portfolio .portfolio-filter > li a.active { background: #45aed6; color: #fff; box-shadow: 0 -3px 0 0 #318daf inset; -webkit-box-shadow: 0 -3px 0 0 #318daf inset;} #portfolio .portfolio-filter > li a.active:after { content: " "; position: absolute; bottom: -17px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #318daf transparent transparent transparent;} #portfolio .portfolio-filter > li:first-child a { border-radius: 4px 0 0 4px;} #portfolio .portfolio-filter > li:last-child a { border-radius: 0 4px 4px 0;} #portfolio .portfolio-items { margin: 5px; } #portfolio .portfolio-item { float: left; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #portfolio .portfolio-item .portfolio-item-inner { position: relative;} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info { position: absolute; bottom: 5px; left: 0; right: 0; padding: 15px; background: rgba(0, 0, 0, 0.5); color: #fff;} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 { font-size: 14px; line-height: 1; margin: 0; color: #fff;} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview { position: absolute; bottom: 25px; left: 15px; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; box-shadow: 0 0 0 2px #fff; -webkit-box-shadow: 0 0 0 2px #fff;} #portfolio .portfolio-item:hover .portfolio-info { opacity: 1;} #portfolio .img-responsive {margin-bottom: 5px; border: 1px solid #808080; border-radius: 4px;padding: 8px;} /********************************рабочий процесс********************************/ #work-process { padding: 100px 0 50px; background: #20222e url(/images/work-process/bg.jpg) no-repeat 0 0; background-size: cover; color: #fff;} #work-process h2 { color: #fff;} #work-process h3 { color: #fff; margin-bottom: 0;} #work-process .icon-circle { display: inline-block; width: 80px; height: 80px; line-height: 80px; border: 2px solid #45aed6; border-radius: 100px; position: relative;} #work-process .icon-circle > span { border-style: solid; border-width: 2px; border-color: #45aed6; border-radius: 50%; background-color: #fff; position: absolute; width: 24px; height: 24px; line-height: 20px; top: -12px; color: #64686d;} /******************************** Наша команда ********************************/ #meet-team { padding: 100px 0;} #custom_carousel .item {color:#000; background-color:#eee; padding:20px 0;} #custom_carousel .item p { font-size:14px; } #custom_carousel .item H2 {color:#45aed6;line-height:1.5em; padding:0px 0px 10px 0px; margin:0;} #custom_carousel .controls{ overflow-x: auto; overflow-y: hidden; padding:0; margin:0; white-space: nowrap; text-align: center; position: relative; background:#ddd} #custom_carousel .controls li { display: table-cell; width: 1%; max-width:90px} #custom_carousel .controls li.active { background-color:#eee; border-top:1px solid orange;} #custom_carousel .controls a small {overflow:hidden; display:block; font-size:12px; margin-top:5px;font-weight:bold} #custom_carousel .img-thumb { width: 60%; /* Ширина */ float: center; /* Выстраиваем элементы по горизонтали */ margin: 0 0 0 3.5%; /* Отступ слева */ background: #f0f0f0; /* Цвет фона */ border-radius: 5px; /* Радиус скругления */ padding: 3%; /* Поля */} /******************************** разделительная черта ********************************/ .divider {margin-top: 50px; margin-bottom: 50px; background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); width: 95%; height: 2px;} .nav.main-tab { background: #eee; border-bottom: 3px solid #222534; border-radius: 3px 3px 0 0;} .nav.main-tab > li > a { color: #272727;} .nav.main-tab > li.active > a { background: #222534; color: #fff;} .nav.main-tab > li:first-child > a { border-radius: 3px 0 0 0;} .nav.main-tab > li:last-child > a { border-radius: 0 3px 0 0;} .tab-content { background: #fff; border: 1px solid #eee; border-top: 0; padding: 20px 20px 10px; border-radius: 0 0 3px 3px;} .tab-content1 {display: inline-block; background-color: #f5f5f5; border: 1px solid #eee; border-top: 0; padding: 20px 20px 10px; border-radius: 0 0 3px 3px; } #animated-number { padding: 100px 0 70px; background: #132125 url(/images/animated-number/bg.jpg) no-repeat 0 0; background-size: cover; color: #fff; } #animated-number h1, #animated-number h2, #animated-number h3, #animated-number h4 { color: #fff; } #animated-number strong { display: block; margin-bottom: 30px; } .animated-number { display: inline-block; width: 140px; height: 140px; font-size: 24px; line-height: 140px; border: 3px solid #fff; border-radius: 100px; margin-bottom: 20px; } #cena {padding: 40px 0 40px;} #cena ul.pricing {list-style: none; padding: 0; margin: 50px 0 30px; border: 1px solid #eee; border-radius: 5px 5px 4px 4px; padding: 15px; text-align: center;} #cena ul.pricing li { display: block; padding: 10px;} #cena ul.pricing li.plan-header { background: #eee; border-radius: 4px 4px 0 0; margin: -15px -15px 10px; padding: 15px 15px 30px; border: 0;} #cena ul.pricing li.plan-header .price-duration { position: relative; margin-top: -63px; top: -10px; display: inline-block; width: 116px; height: 116px; color: #fff; border-radius: 100px; border: 5px solid #f6f6f6;} #cena ul.pricing li.plan-header .price-duration > span { display: block; line-height: 1;} #cena ul.pricing li.plan-header .price-duration > span.price { font-size: 24px; font-weight: 700; margin-top: 35px;} #cena ul.pricing li.plan-header .price-duration > span.duration { margin-top: 5px;} #cena ul.pricing li.plan-header .plan-name { margin-top: 10px; font-size: 24px; color: #272727; font-weight: bold; line-height: 1; text-transform: uppercase;} #cena ul.pricing.featured { background: #222534; color: #fff; border: 0;} #cena ul.pricing.featured li.plan-header .plan-name { color: #fff;} #cena ul.pricing li.footer { color: #fff; background: red; } #cena ul.pricing.golden { background: #222534; color: #fff; border: 0;} #cena ul.pricing.golden li.plan-header .plan-name { color: #fff;} /******************************** Контакты ******************************/ #get-in-touch { padding: 150px 0 50px; background: rgba(69, 174, 214 , 0.3);} #contact { position: relative; overflow: hidden;} #contact .container-wrapper { position: absolute; width: 100%; height: 100%; background: rgba(69, 174, 214, 0.3); z-index: 1;} #contact .contact-form { position: absolute; background: rgba(255, 255, 255, 0.8); padding: 20px; margin-top: 20px;} /******************************** Футер ******************************/ footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{margin-bottom:20px;} footer .widget form input#appendedInputButton { display: block; width: 91%; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;} footer .widget form .input-append .btn { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:10px;} footer{background: #111523; padding:30px 0 0 0;} footer a { color:#fff;} footer a:hover {color:#eee;} footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{ color: #545454;} footer address {line-height:1.6em;} footer h5 a:hover, footer a:hover { text-decoration:none;} ul.social-network { list-style:none; margin:0;} ul.social-network li { display:inline; margin: 0 5px; border: 1px solid #2D2D2D; padding: 5px 0 0; width: 32px; display: inline-block; text-align: center; height: 32px; vertical-align: baseline;} #sub-footer ul.social-network {float:left;} #sub-footer{text-shadow:none; color:#f5f5f5; padding:0; padding-top:5px; margin:5px 0 0 0; background: #111523;} #sub-footer p{ margin:0; padding:0;} #sub-footer span{ color:#f5f5f5;} #sub-footer ul.social-network { float:right;} .copyright {text-align:left;font-size:12px;} .form-control { box-shadow: none; -webkit-box-shadow: none;} .widget { padding: 5px; background: #111523; border-radius: 5px; text-align: center; font-family:Akrobat-SemiBold; color:#fff; text-shadow: #000000 0px 1px 2px; font-size: 11px;} /******************************** скролл ******************************/ .scrollup{position:fixed;width:50px;height:50px;bottom:30px;right:30px;background:#45aed6;border-radius: 50%;} .scrollup i {color:#fff;position:relative;top: -2px; right:-10px;} #404 { padding: 100px 0 20px 0;background: #f5f5f5;}