/*background*/ /* pricing background*/ /*background for buttons 3d , 2d*/ /* border btn-3d */ /*border*/ /*colors text*/ /*Buttons*/ /* Typography*/ /*input*/ /*Components*/ /* Grid system*/ button::-moz-focus-inner { padding: 0; border: 0; } a:focus, a:hover { outline: none; outline: 0; } body { height: 100%; color: #646565; font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 13px; line-height: 17px; font-weight: 300; min-width: 320px; } body .main-page { background-image: url(../images/bg-main.jpg); background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; -o-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } body .main-page #wrap { margin: 0 auto 0; padding: 0 ; width: 100%; height: 100%; display: table; } body .main-page #wrap #header { padding: 20px 0 34px; } body .main-page #wrap .w1 { display: table-cell; vertical-align: middle; } body .main-page #wrap #main { padding: 0 0 20px; } a { color: #070707; } a:hover { color: #3ea5e0; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 300; color: #151515; } h1 { font-size: 46px; line-height: 49px; margin: 0 0 11px; } h1 .logo { width: 246px; height: 34px; display: inline-block; vertical-align: top; margin: 1px 5px 0 0; } h1 .logo img { display: block; width: 100%; height: auto; } h2 { letter-spacing: 1px; font-size: 40px; line-height: 45px; margin: 0 0 11px; } h2 .logo { display: inline-block; vertical-align: top; float: none; margin: -1px 0 0 5px; } h2 .logo img { vertical-align: top; } h2 .text-blue { padding: 0 6px; } h3 { font-weight: 500; font-size: 35px; line-height: 40px; margin: 0 0 12px; } h4 { font-size: 30px; line-height: 35px; margin: 0 0 12px; } h5 { font-size: 26px; line-height: 29px; margin: 0 0 13px; } h6 { font-size: 20px; line-height: 25px; margin: 0 0 13px; } p { font-size: 13px; line-height: 17px; margin: 0 0 25px; font-weight: 300; } p strong { color: #646565; font-weight: 700; } input, textarea { font-weight: 300; } ul { margin: 0; padding: 0; list-style: none; padding-bottom: 20px; } ul li { padding: 0 0 0 17.4px; background: url(../images/bg-bull-blue.png) no-repeat 0 6px; margin: 0 0 6px; } ul li .link-date { color: #646565; } ul li .link-date:hover { color: #3ea5e0; } .ul-reset { margin: 0; padding: 0; list-style: none; } .after { content: ""; display: block; clear: both; } .container { max-width: 1200px; } .logo.logo-center { display: block; float: none; margin: 0 auto 2px; } .partners h2 .logo { margin-left: 0; } .fancy-style p strong { color: #070707; } .list-white li { color: #ffffff; background: url(../images/bg-bull-white.png) no-repeat 0 6px; } .hold-line { margin: 0 0 20px; border-bottom: 1px solid #f5f6f7; overflow: hidden; } .hold-line h3 { font-size: 26px; line-height: 30px; font-weight: 300; margin: 0 0 7px; letter-spacing: 1px; } .fancy-purple { display: block; margin: 0 0 16px; color: #7a4792; font-family: 'Antic Slab', serif; font-size: 30px; line-height: 34px; } .fancy-blue { font-family: 'Viga', sans-serif; display: block; margin: 0 0 12px; color: #3ea5e1; font-size: 25px; line-height: 28px; } .fancy-yellow { font-family: 'Engagement', cursive; display: block; margin: 0 0 12px; color: #ffa632; font-size: 35px; line-height: 38px; } .holder-text { padding: 0 0 27px; } .holder-text .fancy-yellow { margin: 0 0 31px; } .text-blue { background: #3ea5e1; color: #ffffff; padding: 0 2px; } .text-purple { background: #7a4792; color: #ffffff; padding: 0 2px; } .text-yellow { background: #ffa632; color: #ffffff; padding: 0 2px; } p .text-primary { color: #3ea5e1; } .text-emphasis { text-decoration: underline; } #wrap { margin: 0 auto -407px; padding: 0 0 407px; } /* header */ #header { width: 100%; padding-top: 13px; } #header address { margin-bottom: 0; } #header:after { content: ""; display: block; clear: both; } .logo { overflow: hidden; width: 321px; height: 44px; display: block; margin: 0 10px 20px 3.3333333333333335px; } .logo a { width: 100%; height: auto; display: block; } .logo.logo-dark { width: 132px; height: 176px; margin: 0 auto 40px; } /* main-page */ body.main-page { background-image: url(../images/bg-main.jpg); background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; -o-background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } body.main-page #wrap { margin: 0 auto 0; padding: 0 ; width: 100%; height: 100%; display: table; } body.main-page #wrap #header { padding: 20px 0 34px; } body.main-page #wrap .w1 { display: table-cell; vertical-align: middle; } body.main-page #wrap #main { padding: 0 0 20px; } /* construction */ .construction { border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.7); padding: 66px 5% 60px; text-align: center; } .construction h1 { margin: 0 0 18px; font-size: 51px; line-height: 53px; letter-spacing: 1px; } .construction .text-time { font-size: 22px; line-height: 25px; color: #151515; font-weight: 300; display: block; margin: 0 0 24px; letter-spacing: 1px; } .list-calendar { padding-top: 20px; } .list-calendar li { width: 86px; margin: 0 5px 19px 4px; padding: 14.399999999999999px 0 15px; background: #f6f6f6; min-height: 113px; border: 1px solid rgba(219, 219, 219, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; line-height: 17px; -webkit-box-shadow: #dbdbdb 0 0 5px; -moz-box-shadow: #dbdbdb 0 0 5px; box-shadow: #dbdbdb 0 0 5px; } .list-calendar li .text-number { display: block; font-size: 44px; line-height: 47px; color: #151515; font-weight: 400; padding: 0 0 15px; background: url(../images/bg-line-number.gif) repeat-x 0 100%; margin: 0 0 11px; letter-spacing: 1px; } .form-subscribe { background: #f6f6f6; border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #dbdbdb 0 0 5px; -moz-box-shadow: #dbdbdb 0 0 5px; box-shadow: #dbdbdb 0 0 5px; padding: 15px 3.6% 6px; text-align: left; } .form-subscribe .tools.tools-gray { padding: 11px 0 0 1px; width: 30%; margin: 0; } .form-subscribe .tools.tools-gray li { margin: 0 8px 10px 0; } .form-subscribe .tools.tools-gray li span { font-size: 20px; line-height: 25px; } .form-subscribe .tools.tools-gray li span.im-icon-tumblr { font-size: 17px; line-height: 25px; } .form-subscribe .hold-btn { padding: 12px 0 0; width: 17%; } .form-subscribe .field-text.field-middle.field-blue { width: 49.3%; } .button { color: #494949; font-size: 18px; line-height: 20px; text-transform: uppercase; border: none; padding: 0; margin: 0 0 15px; background: none; font-weight: 300; } .button:hover, .button:focus { color: #3ea5e0; } /* extra-header */ .extra-header { border-bottom: 1px solid #e1e1e1; margin-bottom: 24px; } .extra-navigation { margin-bottom: -3px; border-bottom: 3px solid #3ea5e1; padding: 0; padding-bottom: 4px; max-width: 301px; } .extra-navigation li { padding-left: 12px; padding-right: 0; margin: 0 20px 11px 0; position: relative; background: none; } .extra-navigation li:before { content: ' '; display: block; position: absolute; border-radius: 100%; background-color: #989da0; left: 1px; top: 6px; width: 5px; height: 5px; } .extra-navigation li:first-child { padding-left: 12px; } .extra-navigation li a { color: #898e91; } .extra-navigation li.active a, .extra-navigation li a:hover { text-decoration: underline; } .quick-contacts { margin: 0 -1px 0 0; padding: 0; } .quick-contacts li { padding: 0; margin: 0 0 5px 17px; background: none; font-size: 13px; line-height: 17px; } .quick-contacts li .fa-icon-phone, .quick-contacts li .fa-icon-map-marker, .quick-contacts li .im-icon-mail-3 { font-size: 13px; line-height: 17px; margin: 0 0 0 -20px; } .quick-contacts li .fa-icon-phone { margin-top: 1px; margin-bottom: -1px; } .quick-contacts li .im-icon-mail-3 { font-size: 10px; line-height: 12px; margin: 4px 0 0 -18px; padding: 0; } .quick-contacts li:last-child { margin-left: 22px; } .quick-contacts .phone, .quick-contacts .address-text, .quick-contacts .email { float: left; color: #898e91; font-size: 13px; line-height: 17px; padding: 0 0 0 20px; } .quick-contacts .address-text .text { font-size: 13px; line-height: 17px; color: #898e91; } .quick-contacts .address-text .text:first-child { margin: 0 3.3333333333333335px 0 0; } .quick-contacts .email { padding: 0 0 0 18px; } .quick-contacts .email:hover { text-decoration: underline; } .quick-contacts .phone a { color: #898e91; } .quick-contacts .phone a:hover { text-decoration: none; cursor: default; color: #898e91; } /* user-navigation */ .user-navigation { padding-top: 12px; overflow: hidden; } .user-navigation .frame { border: 1px solid #e8e8e8; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; margin: 0 0 5.555555555555555px; background: #ffffff; } .form-search { padding: 9px 6px 9px; width: 102px; overflow: hidden; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .form-search.active { width: 200px; } .form-search .field-search { margin: 0; } .form-search .field-search input { border: none; padding: 6px 36.599999999999994px 7px 12px; height: 30px; font-size: 12px; line-height: 18px; } .form-search .field-search input:focus { padding: 6px 36px 7px 12px; } .form-search .field-search .btn-search { right: 5px; top: 3px; width: 28px; } .hold-form { width: 100%; overflow: hidden; padding: 0 0 20px; } .field-search { margin: 0 0 15px; position: relative; } .field-search .btn-search { position: absolute; right: 8px; top: 14px; width: 38px; height: auto; border: none; padding: 0; background: none; font-size: 17px; line-height: 20px; color: #3b4047; } .field-search .btn-search:hover { color: #3ea5e0; } .field-search input { text-align: right; border: 1px solid #e8e8e8; -webkit-box-shadow: #ffffff 0 0 0 inset; -moz-box-shadow: #ffffff 0 0 0 inset; box-shadow: #ffffff 0 0 0 inset; color: #070707; padding: 12px 43.2px 12px 12px; height: 50px; font-size: 12px; line-height: 16px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } .field-search input:focus { border: 1px solid #6bbae8; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0.6); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0.6); box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0.6); } .field-search.field-large .btn-search { right: 13px; top: 7px; width: 21px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .field-search.field-large .btn-search .fa-icon-search { color: #070707; font-size: 22px; line-height: 25px; } .field-search.field-large input { text-align: left; height: 41px; font-size: 15px; line-height: 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.5); border: 1px solid #ffffff; } .field-search.field-large input:focus { border: 1px solid #6bbae8; } .profiles-box { min-width: 116px; overflow: hidden; padding: 11.399999999999999px 6px 11.399999999999999px 18px; border-right: 1px solid #e8e8e8; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } .profiles-box .link-profiles { font-size: 12px; line-height: 17px; margin: 4.545454545454545px 16px 4px 0; font-weight: 300; } .profiles-box .link-profiles:hover, .profiles-box .link-profiles:focus { color: #3ea5e0; } .profiles-box .tools.tools-middle { padding-top: 1px; max-width: 31px; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .profiles-box .tools.tools-middle a { display: none; } .profiles-box .tools.tools-middle li:first-child a { display: block; } .profiles-box.active .tools.tools-middle { max-width: 200px; } .profiles-box.active .tools.tools-middle a { display: block; } /* header-section */ .header-section { padding: 0 0 24.599999999999998px; } .header-section .navbar-business.navbar-default.navbar { background-color: #fff; border: none; padding-top: 31px; margin-bottom: 0; margin-left: 12.25%; } .header-section .navbar.navbar-business .nav.navbar-nav { padding: 0; width: 100%; text-align: justify; float: none; } .header-section .navbar.navbar-business .navbar-nav > li { margin: 0 ; float: none; display: inline-block; vertical-align: top; padding: 0; background: none; } .header-section .navbar.navbar-business .navbar-nav > li a { padding: 0 0 14.399999999999999px; color: #2d2d2d; font-size: 15px; line-height: 17px; cursor: pointer; } .header-section .navbar.navbar-business .navbar-nav > li a:hover { color: #3ea5e0; opacity: 0.8; } .header-section .navbar.navbar-business .navbar-nav > li.last { width: 100%; overflow: hidden; height: 1px; margin: 0; } .header-section .navbar.navbar-business .navbar-nav > li.active a { background: none; padding: 0 0 12px; border-bottom: 2px solid #3ea5e1; cursor: default; } .header-section .navbar.navbar-business .navbar-nav > li.active a:hover { text-decoration: none; } .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open { border-bottom: 0; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu { opacity: 0; padding: 0; min-width: 250px; background-color: #eeeeee; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(rgba(255, 255, 255, 0.8))); background: -webkit-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0.8)); background: -moz-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0.8)); background: -ms-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0.8)); background: -o-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0.8)); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025); -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025) 1px 1px 1px; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025) 1px 1px 1px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.025) 1px 1px 1px; background-image: none; border-color: rgba(0, 0, 0, 0.075); border-radius: 2px; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li { padding: 0 5px; margin: 0; list-style: none; background-image: none; border-bottom-width: 1px; border-bottom: 1px #f0f2f2 solid; background-color: #eeeeee; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li a { cursor: pointer; border-bottom-width: 0; padding: 8px 15px; margin: 0; color: #2d2d2d; font-size: 15px; font-weight: 100; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li a:hover { color: #fff; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li:hover { background-color: #3ea5e1; color: #fff; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li:last-child { border-bottom-width: 0; } .header-section .navbar.navbar-business .navbar-nav > li ul.dropdown-menu li:last-child a { border-bottom-width: 0; } .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open .dropdown-menu { opacity: 1; } .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open a { background-color: transparent; } .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open > ul.dropdown-menu::before { content: ''; position: absolute; margin: -11px 0 0 5px; border: 5px transparent solid; border-bottom-color: rgba(0, 0, 0, 0.075); } .header-section .navbar.navbar-business .navbar-header { position: relative; } .header-section .navbar.navbar-business .navbar-toggle { border: none; margin: 0; position: absolute; top: -50px; right: 15px; white-space: nowrap; width: 128px; font-size: 12px; line-height: 17px; font-weight: 300; color: #646565; padding: 6px 13.200000000000001px 6px 22.799999999999997px; } .header-section .navbar.navbar-business .navbar-toggle:hover, .header-section .navbar.navbar-business .navbar-toggle:focus { background: none; } .header-section .navbar.navbar-business .navbar-toggle .wrap-icon { margin: 1px 0 0 -21px !important; } .header-section .navbar.navbar-business .navbar-toggle .wrap-icon .icon-bar { width: 13px; margin: 3px 0 0; background-color: #999da0; } .header-section .navbar.navbar-business .navbar-toggle .wrap-icon .icon-bar:first-child { margin: 2px 0 0; } .header-section .navbar.navbar-business .navbar-toggle:hover .icon-bar, .header-section .navbar.navbar-business .navbar-toggle:focus .icon-bar { background-color: #3ea5e1; } .header-section .navbar.navbar-business .navbar-collapse { border: none; max-height: 398px; } .header-section .navbar.navbar-business .navbar-collapse .nook { text-indent: -9999px; overflow: hidden; position: absolute; top: -9999px; left: -9999px; background: url(../images/bg-nav-nook.gif) no-repeat 0 0; width: 7px; height: 4px; } .header-section .navbar.navbar-business .frame { display: none; margin: 10px 12px 10px; width: auto; overflow: hidden; background: #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; border: 1px solid #e8e8e8; } .header-section .navbar.navbar-business .frame .profiles-box { width: 49%; padding-bottom: 10.8px; border-right: 1px solid #e8e8e8; } .header-section .navbar.navbar-business .frame .profiles-box .tools.tools-middle { width: 44%; height: 25px; overflow: hidden; } .header-section .navbar.navbar-business .frame .profiles-box .tools.tools-middle li { margin: 0 5px 2px 0; border: none; } .header-section .navbar.navbar-business .frame .profiles-box.active .tools.tools-middle { margin: 0; } .header-section .navbar.navbar-business .frame .form-search { width: 49%; } .header-section .navbar.navbar-business .frame .form-search input { padding: 6px 36.599999999999994px 6px 12px; } .header-section .navbar.navbar-business .frame .form-search input:focus { padding: 6px 36px 6px 12px; } .header-section .navbar.navbar-business .frame .form-search.active { min-width: auto; } .header-section .navbar-business .navbar-collapse { padding-right: 3px; } #main, .benefit { overflow: hidden; width: 100%; } #main.more { background: url(../images/bg-line-main.gif) repeat-x 0 9px; padding: 20px 0 0; } /* benefit */ .benefit { padding-top: 30px; } /* gallery */ .gallery { width: 100%; position: relative; } .gallery a.link-prev, .gallery a.link-next { overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -649px; /* background: url(../images/bg-all.png) no-repeat 15px -464px; */ z-index: 10; width: 60px; height: 60px; line-height: 0px; border: 3px solid #ffffff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .gallery a.link-prev i, .gallery a.link-next i { font-size: 24px; line-height: 58px; vertical-align: middle; text-shadow: none; } .gallery a.link-next { margin: -32px 0 0 591px; background-position: 9px -565px; } .gallery .hold { width: 100%; overflow: hidden; margin: 0 0 4% 0; } .gallery .gallery-holder { width: 100%; height: auto; position: relative; overflow: hidden; } .gallery .gallery-holder .text-price { letter-spacing: 1px; display: block; margin: 0 0 10px; font-weight: 100; color: #313131; font-size: 280%; line-height: 130%; } .gallery .gallery-holder .text-price .text-danger { color: #dc1b4f; font-size: 150%; line-height: 110%; padding: 0 0 0 6px; } .gallery .gallery-holder ul { width: 100%; position: relative; margin: 0; padding: 0; list-style: none; overflow: hidden; } .gallery .gallery-holder ul li { background: none; margin: 0; padding: 0; width: 100%; height: 414px; overflow: hidden; } .gallery .gallery-holder ul li.crimson { background-color: #dc1b4f; } .gallery .gallery-holder ul li.crimson .box { margin: 0 0 0 -953px; background: url(../images/bg-crimson.png) no-repeat 52% 0; padding: 33.599999999999994px 0 0; } .gallery .gallery-holder ul li.crimson .hold-img.more .box { background: none; margin: 0 0 0 -94px; padding: 0; } .gallery .gallery-holder ul li.crimson .hold-img.more .box img { display: none; } .gallery .gallery-holder ul li.crimson .hold-img.more .box img:first-child { display: block; } .gallery .gallery-holder ul li.blue-light { background-color: #3ea5e1; } .gallery .gallery-holder ul li.blue-light .hold-img { padding-top: 35.400000000000006px; } .gallery .gallery-holder ul li.blue-light .hold-img .box { margin: 0 0 0 -964px; } .gallery .gallery-holder ul li.blue-light .hold-img.more { padding: 12px 0 0; } .gallery .gallery-holder ul li.blue-light .hold-img.more .box { margin: 0 0 0 -1030px; } .gallery .gallery-holder ul li.purple { background: #7a4792 url(../images/bg-purple.gif) no-repeat 50% 0; } .gallery .gallery-holder ul li.purple .box { padding: 63px 0 7px; margin: 0 0 0 -945px; background: url(../images/bg-purple-shadow.png) no-repeat 50% 0; } .gallery .gallery-holder ul li.purple .hold-img.more .box { background: none; margin: 0 0 0 -964px; padding: 36px 0 0; } .gallery .gallery-holder ul li.gray { background: url(../images/bg-li-gray.jpg) no-repeat 50% 0; } .gallery .gallery-holder ul li.gray .hold-img { padding-top: 36px; } .gallery .gallery-holder ul li.gray .hold-img .box { margin: 0 0 0 -959px; } .gallery .gallery-holder ul li.light-gray { background-color: #d5d4da; } .gallery .gallery-holder ul li.light-gray p { margin: 0 0 21px; } .gallery .gallery-holder ul li.light-gray .hold-text { padding: 45.599999999999994px 0 0; } .gallery .gallery-holder ul li.light-gray .text-price { margin: -11px 0 10px; } .gallery .gallery-holder ul li.light-gray .btn-white { font-size: 14px; line-height: 18px; } .gallery .gallery-holder ul li.light-gray .hold-img .box { margin: 0 0 0 -995px; } .gallery .gallery-holder ul li.orange { background: #fea62b url(../images/bg-orange.gif) repeat-y 50% 0; } .gallery .gallery-holder ul li.orange .hold-img { padding-top: 36px; } .gallery .gallery-holder ul li.orange .hold-img .box { margin: 0 0 0 -948px; } .gallery .gallery-holder ul li.pale-gray { background: url(../images/bg-pale-gray.jpg) no-repeat 50% 0; } .gallery .gallery-holder ul li.pale-gray .hold-img .box { margin: 0 0 0 -909px; } .gallery .switcher { position: absolute; bottom: -9999px; left: -9999px; width: 320px; margin: 0 0 0 -160px; } .gallery .hold-img { width: 560px; position: relative; z-index: 1; margin: 0 0 0 10px; } .gallery .hold-img .box { width: 2500px; text-align: center; margin: 0 0 0 -970px; } .gallery .hold-img:after { content: ""; display: block; clear: both; } .gallery .hold-text { position: relative; z-index: 2; width: 41%; margin: 0 7% 0 0 ; padding: 3.5% 0 0 0; font-size: 10px; } .gallery .title { color: #ffffff; margin: 0 0 4% -3.3333333333333335px; display: block; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 100; font-size: 520%; line-height: 90%; } .gallery .title.text-primary { color: #3ea5e1; /* margin:0 0 @margin-base*2.6 -@margin-base/3; font-size:@font-size-large + 6px; line-height:@line-height-large + 1px; */ } .gallery .hold-line { border-bottom: 1px solid #c2c1c6; margin: 0 0 2%; overflow: visible; } .gallery .hold-line:after { content: ""; display: block; clear: both; } .gallery p { font-size: 140%; line-height: 140%; margin: 0; color: #ffffff; } .gallery .btn-white { padding: 11px 32.400000000000006px 12px; } .gallery:after { content: ""; display: block; clear: both; } .benefit { text-align: center; } .benefit .jumbotron { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-left: 180px; padding-right: 180px; margin-bottom: 5px; } .benefit h1 { font-size: 40px; line-height: 50px; color: #151515; margin-top: 0; margin-bottom: 40px; } .hold-icon { width: 135px; margin: 0 auto 25px; } /* call-to-cation */ .call-to-cation { background: #eff1f2; padding-top: 21.6px; } .call-to-cation .jumbotron { margin-bottom: 14px; text-align: center; padding-left: 216px; padding-right: 216px; background: none; font-weight: 300; } .call-to-cation .jumbotron p { font-size: 13px; line-height: 17px; margin: 0 0 48px; } .call-to-cation h2 { margin-bottom: 72px; font-size: 46px; line-height: 49px; } .call-to-cation .hold-img { margin: 0 0 46px; } /* benefits */ .benefits { padding: 47.400000000000006px 0 80.4px; background: #7a4792; text-align: center; margin: 0 0 50px; } .benefits .thumbnail { background: none; border: none; padding: 30px; margin: 0; padding-bottom: 0; } .benefits .thumbnail .hold-link { display: inline-block; vertical-align: top; } .benefits .thumbnail .caption { padding: 30px; padding-bottom: 0; padding-top: 12px; } .benefits .btn-details { margin-bottom: 1px; } .benefits .hold-img { display: inline-block; vertical-align: top; margin: 0 0 40px; min-height: 72px; } .benefits .hold-link:hover { opacity: 0.8; } .benefits .hold-link:hover .title { opacity: 0.8; } .benefits .title { font-size: 20px; line-height: 25px; color: #ffffff; font-weight: 300; display: block; } .benefits p { font-size: 13px; line-height: 18px; color: #c6a1d8; margin: 0 0 35px; } .benefits .box { border-left: 1px solid #885a9d; padding-top: 4.800000000000001px; padding-bottom: 9999px; margin-bottom: -9999px; } .benefits .box:first-child { border: none; } .benefits .row { overflow: hidden; } .benefits.more { text-align: left; margin: 0; padding: 60px 0 56px; } .benefits.else { text-align: left; margin: 0; padding: 40px 0 35px; } .benefits.else .options-hold { padding: 8px 10px 0 89px; } .benefits.else .options-hold .hold-icon { margin: 5px 0 0 -89px; width: 64px; } .benefits.else .options-hold .title { margin: 0 0 11px; } .options-hold { padding: 8px 10px 0 81px; } .options-hold .hold-icon { margin: 8px 0 0 -80px; width: 64px; } .options-hold .title { display: inline-block; vertical-align: top; margin: 0 0 12px; } .options-hold a:hover .title { opacity: 0.8; } .options-hold p { margin: 0 0 19px; } /* btn */ .btn-white { font-weight: 300; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #444444; margin-bottom: 10px; background: #f8f9f9; font-size: 14px; line-height: 19px; text-transform: uppercase; padding: 11px 31.799999999999997px 13px; } .btn-white.btn-3d { padding: 12px 24px 11px; border-bottom: 3px solid #2781b6; letter-spacing: 1px; } .btn-white.btn-3d:hover, .btn-white.btn-3d:focus { border-bottom-color: #2274a5; } .btn-launch { border: 1px solid #6bbae8; background: none; font-size: 16px; line-height: 20px; padding: 15px 51px 17px 81px; text-transform: uppercase; background: url(../images/bg-all.png) no-repeat 42px 15px; font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 20px; } .btn-launch:hover, .btn-launch:active { border-color: #6bbae8; background: #ebebeb url(../images/bg-all.png) no-repeat 42px 15px; } .btn-details, button.btn-details { text-transform: uppercase; background: none; font-size: 14px; line-height: 19px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 11.399999999999999px 30px 12px; border: 1px solid #ffffff; font-weight: 300; margin-bottom: 20px; } .btn-details.btn-large { font-size: 16px; line-height: 19px; padding: 16px 44px 16px; height: 54px; } .btn-details.btn-black { border: 1px solid #151515; color: #484848; padding: 16px 36.599999999999994px; font-size: 16px; line-height: 19px; margin: 0 auto 20px; height: 55px; } .btn-details.btn-blue-light { border: none; background: #6bbae8; margin: 0 0 15px; padding: 12px 27px 13.200000000000001px; font-size: 15px; line-height: 20px; } .btn-details.btn-blue-light.more { background: #3ea5e1; padding: 12px 27px 13px; } .btn-details.btn-blue-light:hover, .btn-details.btn-blue-light:focus { background: #39B3D7; } .btn-details.btn-blue { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #3ea5e1; color: #444545; padding: 11px 32px 12px 33px; font-size: 14px; line-height: 19px; } .btn-details.btn-blue:hover { color: #ffffff; } .btn-details.btn-blue.btn-large { padding: 16px 40.2px 17px; font-size: 16px; line-height: 19px; letter-spacing: 1px; margin: 0 auto 27px; } .btn-details.btn-blue.more { border: 2px solid #3ea5e1; } .btn-details.btn-gray { border-color: #e4e4e4; color: #6a6a6a; margin: 0 0 10px; } .btn-details.btn-gray.dark { border-color: #888888; color: #ffffff; font-size: 16px; line-height: 19px; letter-spacing: 1px; padding: 16px 28.799999999999997px 17px; } .btn-details.btn-gray.dark:hover, .btn-details.btn-gray.dark:focus { color: #646565; } .btn-details.btn-gray-dark { background: #c2c2c2; border: none; margin: 0 auto 20px; } .btn-details.btn-gray-dark:hover { background: #6bbae8; color: #ffffff; } .btn-details.btn-drop { padding: 15px 30px 16px 74px; background: #3ea5e1 url(../images/bg-all.png) no-repeat 36px -1666px; margin-bottom: 20px; font-size: 16px; line-height: 21px; letter-spacing: 1px; height: 54px; } .btn-details.btn-drop:hover, .btn-details.btn-drop:focus { background: #3276b1 url(../images/bg-all.png) no-repeat 36px -1666px; } button.btn-details.btn-add { border-color: #e4e4e4; font-size: 14px; line-height: 17px; color: #6a6a6a; padding: 12px 20px 13px 58px; background: #ffffff url(../images/bg-buttons.png) no-repeat 28px -1133px; width: 172px; text-align: left; margin: 0 0 20px; } button.btn-details.btn-add:hover, button.btn-details.btn-add:focus { color: #6a6a6a; background-color: #ebebeb; } /* many-works */ .many-works { width: 100%; overflow: hidden; padding: 27.599999999999998px 0 42px; } .many-works .hold-title { padding: 2px 0 0; } .many-works .hold-title h2 { text-align: left; margin: 0 0 35px; font-size: 46px; line-height: 49px; } /* recent-works */ .recent-works { width: 100%; overflow: hidden; text-align: center; padding: 27.599999999999998px 0 61.800000000000004px; } .recent-works.other { padding: 31.200000000000003px 0 0; } .recent-works.more { padding: 39.599999999999994px 0 4px; background: #f1f3f3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f3f3), to(#ffffff)); background: -webkit-linear-gradient(#f1f3f3, #ffffff); background: -moz-linear-gradient(#f1f3f3, #ffffff); background: -ms-linear-gradient(#f1f3f3, #ffffff); background: -o-linear-gradient(#f1f3f3, #ffffff); background: linear-gradient(#f1f3f3, #ffffff); -pie-background: linear-gradient(#f1f3f3, #ffffff); } .recent-works.more .hold-title { max-width: 80%; } .recent-works.more .hold-title.more { padding: 28.200000000000003px 0 6.6000000000000005px; } .recent-works.more .hold-title.more h2 { font-size: 46px; line-height: 49px; } .recent-works.more h2 { text-align: left; font-size: 26px; line-height: 29px; margin: 0 0 27px; } .recent-works .hold-icon { margin: 0 auto 30px; } .recent-works h2 { margin: 0 0 44px; font-size: 46px; line-height: 49px; } .recent-works .frame { position: relative; margin: 0 -10px 10px; border: none; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .recent-works .frame img { display: block; width: 100%; height: auto; } .recent-works .frame .carousel-caption { width: 100%; -webkit-transform: scale(1.1); position: absolute; left: -9999px; bottom: -9999px; opacity: 0; padding: 21px 0 10px; background: rgba(0, 0, 0, 0.7); -moz-text-shadow: rgba(0, 0, 0, 0.6) 0 0 0; -o-text-shadow: rgba(0, 0, 0, 0.6) 0 0 0; -webkit-text-shadow: rgba(0, 0, 0, 0.6) 0 0 0; text-shadow: rgba(0, 0, 0, 0.6) 0 0 0; } .recent-works .frame:hover .carousel-caption { left: 0; bottom: 0; opacity: 1; } .recent-works .frame.active .carousel-caption { left: 0; bottom: 0; } .recent-works .wrap-frame { padding: 0 0 50.400000000000006px; } .recent-works .wrap-title { padding: 26px 0 20px; } .recent-works .wrap-title h2 { letter-spacing: 0; margin: 0 0 17px; } .bar { margin: 0; padding: 0; list-style: none; padding: 0 0 12px; } .bar li { display: inline; margin: 0 26px; padding: 0; background: none; } .bar li a { font-size: 23px; line-height: 25px; color: #ffffff; font-weight: 200; } .bar li a:hover { opacity: 0.8; } .bar li a:hover .fa-icon-angle-right { text-decoration: none; } .bar li a span { font-size: 22px; line-height: 25px; position: absolute; right: 0px; top: 0px; margin: 0px; padding: 0px; width: auto; } .bar li a .im-icon-link { font-size: 16px; } .bar li a.link { display: inline-block; vertical-align: top; position: relative; padding: 0 26px 0 0; } .bar li.active a { opacity: 0.8; } .bar li:first-child .link { padding: 0 22px 0 0; } /* staff */ .staff { background: #e3e3e3; padding: 73.19999999999999px 0 45px; margin: 0 0 40px; } .staff h2 { margin: 0 0 44px; font-size: 46px; line-height: 49px; } .crewman .hold-line { margin: 0 0 13px; border-bottom: 1px solid #ebebeb; } .crewman .hold-img { display: block; margin: 0 0 25px; } .crewman .hold-img img { display: block; width: 100%; height: auto; } .crewman .title { font-size: 26px; line-height: 29px; color: #151515; font-weight: 300; letter-spacing: 1px; } .crewman a:hover .title { color: #3ea5e0; } .crewman p { font-size: 13px; line-height: 18px; margin: 0 0 16px; } .crewman .office { padding: 3px 0 0; } .crewman.crewman-center { position: relative; padding: 104px 0 0; text-align: center; margin: 0 0 28px; } .crewman.crewman-center .frame { padding: 132px 8% 15px; background: #eff1f2; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .crewman.crewman-center .office { margin: 0 0 13px; } .crewman.crewman-center .hold-img { position: absolute; top: 0px; left: 50%; margin: 0 0 0 -105px; } .crewman.crewman-center .hold-img img { display: inline; width: auto; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; } .crewman.crewman-center .hold-line { border-bottom-color: #f4f5f6; } .crewman.more { margin: 0 0 20px; text-align: center; } .crewman.more .hold-line { padding: 0 5%; margin: 0 0 13px; } .crewman.more .hold-img img { display: inline; width: auto; } .crewman.more .hold-img .img-circle { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .crewman.more .hold-img.more { margin: 0 0 20px; } .crewman.more .office { margin: 0 0 13px; } .crewman.more .tools.tools-gray li { margin: 0 4px 10px 3px; } .office { display: block; text-transform: uppercase; margin: 0 0 14px; font-weight: 300; font-size: 13px; line-height: 17px; } .office a { color: #646565; } .office a:hover { color: #7fbfe3; } .tools { padding-top: 6px; padding-bottom: 8px; margin: 0 0 0 -3px; overflow: hidden; } .tools.tools-gray li { margin: 0 7px 10px 0; } .tools.tools-gray li span { color: #e3e3e3; } .tools.tools-gray li span.im-icon-skype { font-size: 17px; line-height: 20px; } .tools.tools-gray-dark li { margin: 0 7px 10px 0; } .tools.tools-gray-dark li:first-child { margin: 0 7px 10px 2px; } .tools.tools-gray-dark li span { color: #c3c3c3; } .tools li { display: inline-block; vertical-align: top; margin: 0 7px 10px 0; padding: 0; background: none; } .tools li a { color: #ffffff; } .tools li a span { color: #ffffff; font-size: 17px; line-height: 19px; } .tools li a span.im-icon-skype { font-size: 16px; line-height: 20px; } .tools li a span.fa-icon-google-plus-sign, .tools li a span.fa-icon-facebook-sign, .tools li a span.fa-icon-pinterest-sign, .tools li a span.fa-icon-comment { font-size: 18px; line-height: 19px; } .tools li a span.fa-icon-comment { font-size: 16px; line-height: 17px; } .tools li a span.im-icon-tumblr { font-size: 14px; line-height: 19px; } .tools li.active a span, .tools li a:hover span { color: #3ea5e0; cursor: pointer; } .tools li.active a { cursor: default; } .tools.tools-blue li a span { color: #3ca3e0; font-size: 19px; line-height: 21px; } .tools.tools-blue li a span.im-icon-tumblr { font-size: 16px; line-height: 21px; } .tools.tools-blue li.active a span, .tools.tools-blue li a:hover span { color: #898e91; } /* tools-attendance */ .tools-attendance { border: 1px solid #e4e4e4; padding: 12px 0 10px; margin: 0 0 30px; overflow: hidden; } .tools-attendance li { margin: 0; padding: 3.5294117647058822px 3% 3px; background: none; border-left: 1px solid #efefef; text-align: center; float: left; width: 20%; } .tools-attendance li:first-child { border: none; width: 19.5%; } .tools-attendance li a { display: inline-block; vertical-align: top; padding: 0 0 0 22px; color: #6a6a6a; } .tools-attendance li a span { margin: 0 0 0 -22px; width: 16px; color: #b4b4b4; font-size: 18px; line-height: 19px; } .tools-attendance li a span.fa-icon-twitter { font-size: 19px; line-height: 20px; } .tools-attendance li a span.fa-icon-heart { font-size: 16px; line-height: 19px; } .tools-attendance li a:hover span { color: #3ea5e0; cursor: pointer; } .tools.tools-middle { padding: 0; height: 25px; overflow: hidden; } .tools.tools-middle li { float: left; margin: 0 5px 7.692307692307692px 0; } .tools.tools-middle li a { color: #3ea5e0; } .tools.tools-middle li a span { color: #3ea5e0; font-size: 23px; line-height: 25px; } .tools.tools-middle li a span.im-icon-skype { font-size: 21px; line-height: 27px; } .tools.tools-middle li a span.fa-icon-twitter { font-size: 25px; line-height: 26px; } .tools.tools-middle li a:hover span { color: #898e91; cursor: pointer; } /* partners */ .partners { padding: 45px 0 39.599999999999994px; width: 100%; overflow: hidden; } .partners .lead { font-size: 15px; line-height: 24px; text-align: center; color: #151515; letter-spacing: 0.5px; font-weight: 300; margin-bottom: 39px; } .partners .lead sup { font-size: 11px; line-height: 12px; } .partners .lead a { color: #151515; } .partners .lead a:hover { color: #3ea5e0; } .partners h2 { margin: 0 0 17px; text-align: center; font-size: 46px; line-height: 49px; } .partners .hold-btn { width: 100%; overflow: hidden; text-align: center; padding: 30px 0 20.4px; } .partners .hold-title { padding: 0 0 16px; } .gallery-partners { width: 100%; overflow: hidden; position: relative; margin: 0 0 14px; } .gallery-partners .gallery-holder { width: 100%; height: 128px; position: relative; overflow: hidden; margin: 0 0 55px; } .gallery-partners .gallery-holder ul { width: 9999px; position: relative; overflow: hidden; padding: 0; } .gallery-partners .gallery-holder ul li { width: 1170px; float: left; padding: 0; margin: 0; background: none; } .gallery-partners .gallery-holder ul li img { vertical-align: middle; } .gallery-partners .gallery-holder .list-partners { width: 100%; height: auto; } .gallery-partners .gallery-holder .list-partners li { width: auto; float: none; display: inline-block; vertical-align: top; margin: 0 27px; padding: 0; background: none; } .gallery-partners .gallery-holder .list-partners li a:hover { opacity: 0.5; } .gallery-partners .gallery-holder .list-partners li.last { width: 100%; height: 1px; line-height: 1px; } .list-partners { width: 100%; overflow: hidden; text-align: justify; padding: 0; } .list-partners li { height: 128px; line-height: 128px; display: inline-block; vertical-align: top; margin: 0 27px; padding: 0; background: none; } .list-partners li.last { width: 100%; height: 1px; overflow: hidden; margin: 0; line-height: 1px; } .switcher { width: 500px; text-align: center; margin: 0 auto 20px; padding: 0; } .switcher li { display: inline-block; vertical-align: top; width: 8px; height: 8px; overflow: hidden; padding: 0; background: none; margin: 0 6.666666666666667px 10px; } .switcher li a { display: block; text-indent: -9999px; overflow: hidden; width: 8px; height: 8px; border: 1px solid #e1e1e1; background: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .switcher li.active a, .switcher li a:hover { border: 1px solid #3ea5e1; background: #3ea5e1; } .switcher li.active a { cursor: default; } .switcher.switcher-white a { background: none; border: 1px solid #ffffff; } .switcher.switcher-white li.active a, .switcher.switcher-white a:hover { background: #ffffff; border: 1px solid #ffffff; } .switcher.switcher-photo { text-align: left; width: auto; margin: 0 -2px 0 -10px; overflow: hidden; } .switcher.switcher-photo li { width: 106px; margin: 0 0 10px 10px; height: auto; } .switcher.switcher-photo li a { text-indent: 0; width: auto; height: auto; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .switcher-portfolio { padding: 0; position: absolute; bottom: 10px; left: 10px; z-index: 11; } .switcher-portfolio li { margin: 0 2px 0 0; padding: 0; background: none; float: left; width: 67px; position: relative; } .switcher-portfolio li .frame { position: absolute; top: -9999px; left: -9999px; z-index: 2; border: 3px solid #e4e4e4; width: 100%; height: 100%; } .switcher-portfolio li.active .frame, .switcher-portfolio li a:hover .frame { top: 0; left: 0; } /* contact-form */ .contact-form { padding: 121.19999999999999px 0 90px; background: #51545a; overflow: hidden; width: 100%; border-top: 1px solid #74787d; text-align: center; } .contact-form h2 { color: #ffffff; margin: 0 0 46px; font-size: 46px; line-height: 49px; } .contact-form .hold-icon { margin: 0 auto 31px; } .field-text input, .tarea textarea { border-color: #ececec; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 15px; line-height: 19px; -webkit-box-shadow: #000000 0 0 0; -moz-box-shadow: #000000 0 0 0; box-shadow: #000000 0 0 0; color: #151515; padding-left: 24px; padding-right: 24px; } .field-text.field-middle input { border-color: #e8e8e8; padding: 10px 18px; height: 46px; font-size: 12px; line-height: 14px; } .field-text.field-middle input:focus { border-color: #6bbae8; } .field-text.field-small { margin: 0 0 16px; } .field-text.field-small input { border-color: #e8e8e8; height: 36px; font-size: 13px; line-height: 17px; padding-left: 12px; padding-right: 12px; } .field-text.field-small input:focus { border-color: #6bbae8; } .field-text.field-middle.field-blue { margin: 0 13px 9px 0; } .field-text.field-middle.field-blue input { border: 1px solid #6bbae8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f6f6f6; color: #646565; font-size: 13px; line-height: 17px; color: #151515; height: 43px; padding: 9px 12px 11px 12.995999999999999px; } .tarea textarea { width: 100% !important; min-height: 332px ; max-width: 100% !important; padding-top: 16.200000000000003px; padding-bottom: 16.200000000000003px; } .tarea.tarea-middle { margin: 0 0 21px; } .tarea.tarea-middle textarea { border-color: #e8e8e8; padding: 14px 18px; font-size: 12px; line-height: 16px; min-height: 276px ; } .tarea.tarea-middle textarea:focus { border-color: #6bbae8; } .tarea.tarea.tarea-large { margin: 0 0 26px; } .tarea.tarea.tarea-large textarea { min-height: 382px ; padding-bottom: 15px; padding-top: 15px; } .field-text, .tarea { width: 100%; margin-bottom: 10px; } .field-text:after, .tarea:after { content: ""; display: block; clear: both; } .tarea { margin-bottom: 30px; } .field-text.field-dark input, .tarea.tarea-dark textarea { border-color: #74767a; background: #585b60; text-align: center; color: #ffffff; } .btn-details.btn-purple { color: #ffffff; padding: 11px 16px 12px 16px; margin: 0 0 10px 1px; background: #7a4792; border-color: #e4e4e4; } .btn-details.btn-purple:hover, .btn-details.btn-purple:focus { background: #69397f; } button.btn-details { font-size: 16px; line-height: 19px; margin: 0 0 34px; display: block; padding: 16.200000000000003px 37.8px 16.799999999999997px; width: 167px; } button.btn-details:hover, button.btn-details:focus { color: #ffffff; } button.btn-details.btn-blue { font-size: 15px; line-height: 19px; padding: 13px 24px 14px; } .contact-form button.btn-details { width: 134px; margin: 0 auto 34px; padding: 16.799999999999997px 37.8px 16.200000000000003px; } .contact-form button.btn-details:hover, .contact-form button.btn-details:focus { color: #333333; } .field-text input { height: 52px; } /*possible-slogan*/ .possible-slogan { text-align: center; width: 100%; overflow: hidden; background: #edeff0 url(../images/bg-posible.gif) repeat-x 0 0; margin: 0 0 44px; } .possible-slogan .box { border-right: 1px solid #ffffff; padding: 0 0 9999px; margin: 0 0 -9999px; } .possible-slogan .box:first-child { border-left: 1px solid #ffffff; } .possible-slogan .box .thumbnail { background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 40.8px 12.600000000000001% 22.799999999999997px; margin: 0 ; margin: 0; } .possible-slogan .box .thumbnail .hold-link { display: inline-block; margin: 0 0 10px; } .possible-slogan .box .thumbnail .hold-link .title { display: block; font-size: 15px; line-height: 18px; color: #151515; font-weight: 300; } .possible-slogan .box .thumbnail .hold-link:hover .title { color: #3ea5e0; } .possible-slogan .box .thumbnail .hold-img { display: block; margin: 0 auto 15px; width: 60px; height: 60px; line-height: 54px; text-align: center; border: 2px solid #3e434a; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .possible-slogan .box .thumbnail p { font-size: 13px; line-height: 17px; margin: 0 0 14px; } /*advertising*/ .advertising { padding: 36px 0 61.199999999999996px; } .advertising .hold-icon { width: 33.5%; margin: 0; } .advertising .hold-advertising { width: 66.5%; overflow: hidden; } .advertising .hold-link { display: inline-block; vertical-align: top; background: #6bbae8; } .advertising .hold-link.purple { background: #945dae; } .advertising .hold-icon img, .advertising .hold-advertising img { display: block; width: 100%; height: auto; } .advertising .space { margin-bottom: 65px; overflow: hidden; } .advertising h2 { font-size: 26px; line-height: 29px; margin: 0 0 17px; } .advertising ul { padding: 0 0 10px 2px; } .tools.tools-large { padding: 0; width: 100%; } .tools.tools-large li { width: 32.8%; margin: 0 0 10px 0.8%; } .tools.tools-large li:first-child { margin: 0 0 10px; } .tools.tools-large li a { background: none; display: inline; height: auto; text-indent: 0; width: auto; } .tools.tools-large li .hold-icon { width: 100%; overflow: hidden; position: relative; display: block; max-height: 121px; } .tools.tools-large li .hold-icon img { width: 100%; display: block; height: auto; } .tools.tools-large li .hold-icon .text { position: absolute; bottom: 7px; left: 9px; z-index: 10; font-size: 13px; line-height: 17px; color: #ffffff; } .hold-customizable { padding-left: 196.20000000000002px; } .hold-customizable .hold-img { margin: 3.3333333333333335px 0 0 -205px; } .hold-customizable h1 { margin: 0 0 17px; font-size: 26px; line-height: 29px; color: #151515; } .hold-customizable p { font-size: 13px; line-height: 18px; margin: 0 0 10px; } .hold-customizable:after { content: ""; display: block; clear: both; } .gallery-work { width: 100%; position: relative; margin: 0 0 26px; } .gallery-work:after { content: ""; display: block; clear: both; } .gallery-work .gallery-holder { width: 1170px; height: 280px; position: relative; overflow: hidden; } .gallery-work .gallery-holder ul { width: 9999px; position: relative; padding: 0; margin: 0; list-style: none; overflow: hidden; } .gallery-work .gallery-holder ul li { width: 271px; float: left; margin: 0 14px 0 15px; padding: 0; background: none; } .gallery-work .gallery-holder ul li:first-child { margin: 0 14px 0 0; } .gallery-work .gallery-holder ul li p { margin: 0 0 10px; } .gallery-work .gallery-holder ul li .hold-img { display: block; margin: 0 0 23px; } .gallery-work .gallery-holder ul li .title { font-size: 15px; line-height: 18px; color: #151515; font-weight: 300; margin: 0 0 10px; display: inline-block; vertical-align: top; } .gallery-work .gallery-holder ul li a:hover .title { color: #3ea5e0; } .gallery-work .gallery-holder ul li .hold-text { padding: 0 10%; } .gallery-work a.link-prev, .gallery-work a.link-next { position: absolute; top: -50px; right: 21px; background: url(../images/bg-pager-arrows.png) no-repeat 0 0; width: 13px; height: 20px; text-indent: -9999px; overflow: hidden; z-index: 10; } .gallery-work a.link-next { right: -1px; background-position: 0 -80px; } .gallery-work a.link-next:hover { background-position: 0 -240px; } .gallery-work a.link-prev:hover { background-position: 0 -160px; } .gallery-work a.link-prev.more, .gallery-work a.link-next.more { width: 41px; height: 41px; border: 1px solid #f0f2f2; background: #ffffff url(../images/bg-arrows-more.png) no-repeat 14px 11px; right: 43px; top: -81px; } .gallery-work a.link-prev.more:hover { background-position: 14px -36px; } .gallery-work a.link-next.more { right: 0; background-position: -42px 11px; } .gallery-work a.link-next.more:hover { background-position: -42px -36px; } .gallery-work.projects { margin: 0 0 86px; } .gallery-work.projects .gallery-holder { height: 311px; } .gallery-work.projects .gallery-holder ul li { width: 370px; margin: 0 30px 0 0; } .gallery-work.projects .gallery-holder ul li:first-child { margin: 0 30px 0 0; } .gallery-work.projects .gallery-holder ul li .hold-img { position: relative; margin: 0 0 1px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar { padding: 111px 0 0; position: absolute; top: -9999px; left: -9999px; width: 100%; height: 100%; background: rgba(107, 186, 232, 0.7); } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more { height: auto; padding: 20px 0 25px; background: rgba(0, 0, 0, 0.7); } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more .bar { text-align: left; padding: 0 0 0 27.599999999999998px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more .bar .link { font-size: 22px; line-height: 25px; } .gallery-work.projects .gallery-holder ul li.active .hold-bar, .gallery-work.projects .gallery-holder ul li .hold-img:hover .hold-bar { top: 0; left: 0; } .gallery-work.projects .gallery-holder ul li.active .hold-bar.more, .gallery-work.projects .gallery-holder ul li .hold-img:hover .hold-bar.more { top: auto; bottom: 0; } .gallery-work.projects .gallery-holder ul li.active .hold .hold-like .like .fa-icon-heart { color: #6bbae8; } .gallery-work.projects .gallery-holder ul li .bar { width: auto; } .gallery-work.projects .gallery-holder ul li .bar li { margin: 0 26px; width: auto; float: none; } .gallery-work.projects .gallery-holder ul li .bar li .link-details { padding: 0 21px 0 0; } .gallery-work.projects .gallery-holder ul li .name-project { display: block; background: #945dae; color: #ffffff; font-size: 24px; line-height: 28px; height: 62px; padding: 14.399999999999999px 0 0 33px; text-align: left; font-weight: 300; letter-spacing: 1px; } .gallery-work.projects .gallery-holder ul li .name-project:hover { opacity: 0.8; } .gallery-work.projects .gallery-holder ul li .hold { padding: 22px 76px 0 0; text-align: left; position: relative; } .gallery-work.projects .gallery-holder ul li .hold .title { display: block; font-size: 15px; line-height: 25px; margin: 0 0 1px; } .gallery-work.projects .gallery-holder ul li .hold .title a:hover { color: #3ea5e0; } .gallery-work.projects .gallery-holder ul li .hold .date { font-size: 13px; line-height: 17px; } .gallery-work.projects .gallery-holder ul li .hold .hold-like { position: absolute; top: 39px; right: 15px; width: 50px; padding: 0 0 0 24px; z-index: 2; font-size: 13px; line-height: 15px; } .gallery-work.projects .gallery-holder ul li .hold .hold-like .like { margin: -2px 0 0 -25px; } .gallery-work.more { margin: 0 0 18px; } .gallery-work.more .gallery-holder { width: 1200px; margin: 0 0 0 -15px; height: 328px; overflow: visible; } .gallery-work.more .gallery-holder:after { content: ""; display: block; clear: both; } .gallery-work.more .gallery-holder ul { margin: 0 0 0 -400px; } .gallery-work.more .gallery-holder ul li { width: 400px; margin: 0; position: relative; } .gallery-work.more .gallery-holder ul li .hold-bar { padding: 145px 0 40px; position: absolute; top: -9999px; left: -9999px; width: 100%; height: 100%; background: rgba(241, 241, 241, 0.6); } .gallery-work.more .gallery-holder ul li.active .hold-bar, .gallery-work.more .gallery-holder ul li:hover .hold-bar { top: 0; left: 0; } .gallery-work.more .gallery-holder ul li .title { display: block; margin: 0 0 3px; } .gallery-work.more .gallery-holder ul li .title a { color: #151515; } .gallery-work.more .gallery-holder ul li .title a:hover { color: #3ea5e0; } .gallery-work.more .gallery-holder ul li .date { color: #464645; } .gallery-work.more .gallery-holder ul li .plus { position: absolute; bottom: 0; left: 0; width: 36px; height: 36px; background: #945dae url(../images/bg-all.png) no-repeat 12px -1575px; } .gallery-work.more a.link-prev.more { left: 0; } .gallery-work.more a.link-next.more { right: 0; } .gallery-work.goods { padding: 13.200000000000001px 0 0; margin: 0 0 20px; } .gallery-work.goods .gallery-holder { height: 575px; } .gallery-work.goods .gallery-holder ul li { min-height: 575px; width: 270px; border: 1px solid #f0f2f2; border-top: none; text-align: center; padding: 0 18px 6px; margin: 0 15px 0 15px; } .gallery-work.goods .gallery-holder ul li:first-child { margin: 0 15px 0 0; } .gallery-work.goods .gallery-holder ul li .hold-img { margin: 0 -19px 18px; position: relative; } .gallery-work.goods .gallery-holder ul li .title { margin: 0 0 13px; } .gallery-work.goods .gallery-holder ul li p { margin: 0 0 18px; } .gallery-work.goods .gallery-holder ul li .btn-details.btn-blue, .gallery-work.goods .gallery-holder ul li .btn-details.btn-gray { margin-bottom: 13px; padding: 11.399999999999999px 30px 12px; } .gallery-work.goods .gallery-holder ul li .btn-details.btn-blue:hover, .gallery-work.goods .gallery-holder ul li .btn-details.btn-gray:hover, .gallery-work.goods .gallery-holder ul li .btn-details.btn-blue:focus, .gallery-work.goods .gallery-holder ul li .btn-details.btn-gray:focus { background: #ffffff; border: 1px solid #3ea5e1; } .gallery-work.goods .gallery-holder ul li .price { text-align: center; margin: 0 0 25px; } .gallery-work.goods a.link-prev.more, .gallery-work.goods a.link-next.more { top: -68px; } .block-project { width: 100%; overflow: hidden; margin: 0 0 36px; } .block-project .hold-img { position: relative; margin: 0 0 1px; } .block-project .hold-img img { width: 100%; display: block; height: auto; } .block-project .hold-img .hold-bar { padding: 20px 0 25px; position: absolute; top: -9999px; left: -9999px; width: 100%; background: rgba(0, 0, 0, 0.7); } .block-project .hold-img .hold-bar .bar { text-align: left; padding: 2px 0 0 27.599999999999998px; } .block-project .hold-img .hold-bar .bar li { margin: 0 27px; } .block-project .hold-img .hold-bar .bar li .link { padding: 0 21px 0 0; font-size: 22px; line-height: 25px; } .block-project.active .hold-bar, .block-project .hold-img:hover .hold-bar { top: auto; bottom: 0; left: 0; } .block-project.active .hold .hold-like .like .fa-icon-heart { color: #6bbae8 ; } .block-project .hold { text-align: left; padding: 22.200000000000003px 76px 0 0; position: relative; } .block-project .hold .title { display: block; font-size: 15px; line-height: 25px; margin: 0; font-weight: 300; } .block-project .hold .title a:hover { color: #3ea5e0; } .block-project .hold .date { color: #646565; font-size: 13px; line-height: 17px; } .block-project .hold .hold-like { position: absolute; top: 37px; right: 15px; width: 50px; padding: 0 0 0 24px; z-index: 2; font-size: 13px; line-height: 15px; color: #646565; } .block-project .hold .hold-like .like { margin: 0 0 0 -23px; } .like { width: 21px; display: block; overflow: hidden; } .like .fa-icon-heart { font-size: 18px; line-height: 20px; color: #c3c3c3; } .like:hover .fa-icon-heart { color: #6bbae8; cursor: pointer; } .pager-arrows { margin: 0; padding: 10px 0 0; } .pager-arrows li { padding: 0; margin: 0 0 0 1px; background: none; } .pager-arrows li a { border: 1px solid #f0f2f2; width: 41px; height: 41px; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pager-arrows li.previous a { background: #ffffff url(../images/bg-arrows-more.png) no-repeat 14px 11px; } .pager-arrows li.previous a:hover { background-position: 14px -36px; } .pager-arrows li.next a { background: #ffffff url(../images/bg-arrows-more.png) no-repeat -42px 11px; } .pager-arrows li.next a:hover { background-position: -42px -36px; } .price { display: block; margin: 0 0 18px; font-weight: 300; font-size: 26px; line-height: 29px; color: #151515; } .price .starting-price { text-decoration: line-through; margin: 0 6%; } .price .text-danger { color: #dc1b4f; margin: 0 6%; } .recent-works.other .gallery-work.projects { margin: 0 0 81px; } /* theme start*/ .theme { background: #f0f2f2; padding: 90px 0 51px; } .theme h1 { margin: 0 0 34px; letter-spacing: 1px; } .theme .lead { font-size: 15px; line-height: 24px; color: #151515; font-weight: 300; margin: 0 0 5px; } .theme p { font-size: 13px; line-height: 21px; margin: 0 0 20px; } .theme .hold-text { padding: 0 0 22.200000000000003px; } .theme .wrap-img { margin: -15px 0 0 -30px; } .link-logo { color: #414141; font-size: 28px; line-height: 49px; text-transform: uppercase; letter-spacing: 0; white-space: nowrap; } .link-logo:hover { color: #414141; } .link-logo span { color: #3ea5e1; font-size: 43px; line-height: 49px; } .link-logo span sup.text-sup { font-size: 14px; line-height: 16px; display: inline-block; vertical-align: top; padding-top: 13.200000000000001px; margin: 0 0 0 -4px; font-weight: 400; } .link-logo.link-white { font-weight: 300; color: #ffffff; font-size: 38px; line-height: 49px; letter-spacing: 1px; } .link-logo.link-white span { font-size: 60px; line-height: 49px; color: #ffffff; } .link-logo.link-white span sup.text-sup { font-size: 18px; line-height: 19px; padding-top: 10.2px; margin: 0 6px 0 -7px; } .link-logo.link-white:hover { color: #ffffff; } /*our-features start*/ .our-features { width: 100%; overflow: hidden; background: #008ed0; color: #ffffff; margin: 0 0 30px; padding: 0 0 2px; } .our-features h2 { font-size: 46px; line-height: 49px; color: #ffffff; margin: 0 0 6px; } .our-features .holder { padding: 0 0 0 646px; margin: 0 0 0 -246px; overflow: hidden; } .our-features .holder .wrap-img { margin: 0 -86px 0 -564px; } .our-features p { color: #a4d9f2; font-size: 13px; line-height: 18px; margin: 0 0 17px; } .our-features .promobox { width: 100%; overflow: hidden; padding: 68px 0 42px; } .wrap-box { width: 100%; overflow: hidden; } .wrap-box .block { background: url(../images/bg-line-features.gif) no-repeat 50% 24px; border: none; padding-top: 15px; overflow: hidden; margin-top: 1px ; margin-bottom: -1px; } .wrap-box .box { padding: 9px 0 0 82px; border: none; border-bottom: 1px solid #1a9ad5; } .wrap-box .box .hold-icon { margin: 4px 0 0 -82px; width: 60px; height: 59px; line-height: 53px; border: 2px solid #ffffff; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .wrap-box .box .wrap-link { color: #ffffff; } .wrap-box .box .wrap-link:hover .title { opacity: 0.8; } .wrap-box .box .hold-link { width: 100%; overflow: hidden; padding: 0 0 11.399999999999999px; } .wrap-box .box .hold-link .link-white { color: #ffffff; margin: 0 0 16px; } .wrap-box .box .hold-link .link-white:hover { opacity: 0.8; } .wrap-box .box .title { font-weight: 300; font-size: 20px; line-height: 25px; color: #ffffff; display: inline-block; vertical-align: top; margin: 0 0 12px; } .wrap-box.more .block { background: url(../images/bg-line-more.gif) no-repeat 50% 100%; } .wrap-box.more .block .items:first-child { background: url(../images/bg-line-intro.gif) no-repeat 100% 18px; } .wrap-box.more .box { border: none; padding: 18px 0 0 103px; margin: 0 5px 0 0; } .wrap-box.more .box .hold-icon { margin: 5px 0 0 -101px; width: 80px; height: 80px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; line-height: 76px; border: 2px solid #3E434A; } .wrap-box.more .box .title { color: #151515; margin: 0 0 13px; } .wrap-box.more .box .wrap-link { color: #151515; } .wrap-box.more .box .wrap-link:hover .title { text-decoration: none; color: #3ea5e0; } .wrap-box.more .box p { color: #646565; margin: 0 0 17px; } .wrap-box.more .box .hold-link { padding: 0; } .wrap-box.more .box .hold-link .link-white { margin: 0 0 18px; color: #151515; } .wrap-box.more .box .hold-link .link-white:hover { text-decoration: none; color: #3ea5e0; } /*testimonials start*/ .testimonials { width: 100%; overflow: hidden; padding: 38px 0; text-align: center; } .testimonials h2 { font-size: 46px; line-height: 49px; margin: 0 0 33px; } .testimonials.testimonials-ground { margin: 0 0 42px; padding: 0 ; background: url(../images/bg-girl-hold.jpg) repeat-y 50% 0; } .testimonials.testimonials-ground .holder { padding: 73px 0 30px; background: url(../images/bg-girl.jpg) no-repeat 50% 0; } .testimonials.more { background: #eeeeee; padding: 73px 0 50px; } .testimonials.more h2 { margin: 0 0 19px; } .testimonials.testimonials-small { padding: 24px 11% 9px; margin: 0 0 25px; text-align: left; border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .testimonials.testimonials-small h3 { font-size: 20px; line-height: 25px; margin: 0 0 16px; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder { height: 232px; margin: 0 ; width: 210px; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li { width: 210px; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li .hold-img { margin: 0 0 11px; text-align: left; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li .name { padding: 7.98px 0 0; margin: 0 0 10px; font-weight: 300; color: #3ea5e0; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li .name a { color: #3ea5e0; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li .name a:hover { color: #070707; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li q { font-size: 13px; line-height: 18px; } .testimonials.testimonials-small .switcher { width: 100%; text-align: left; padding: 6px 0 0; margin: 0; } .testimonials.testimonials-small .switcher li:first-child { margin-left: 0; } .gallery-testimonials { width: 100%; overflow: hidden; position: relative; margin: 0 0 13px; } .gallery-testimonials .gallery-holder { width: 705px; height: 270px; margin: 0 auto; position: relative; overflow: hidden; } .gallery-testimonials .gallery-holder ul { width: 9999px; position: relative; padding: 0; overflow: hidden; } .gallery-testimonials .gallery-holder ul li { width: 705px; float: left; padding: 0; margin: 0; background: none; } .gallery-testimonials .gallery-holder ul li .hold-img { text-align: center; margin: 0 0 26px; } .gallery-testimonials .gallery-holder ul li blockquote { padding: 0; border: none; margin: 0; } .gallery-testimonials .gallery-holder ul li blockquote p { font-size: 13px; line-height: 17px; margin: 0 0 20px; } .gallery-testimonials .gallery-holder ul li blockquote cite { color: #646565; font-size: 13px; line-height: 17px; } .gallery-testimonials .gallery-holder ul li blockquote cite a { color: #646565; } .gallery-testimonials .gallery-holder ul li blockquote cite a:hover { color: #3ea5e0; } .gallery-testimonials .gallery-holder ul li blockquote cite.cite-more { padding: 6px 0; display: block; } .gallery-testimonials .gallery-holder ul li blockquote .name { display: block; font-weight: 700; } .gallery-testimonials a.link-prev, .gallery-testimonials a.link-next { position: absolute; top: 82px; left: 12.5%; background: url(../images/bg-arrows-large.png) no-repeat 0 0; width: 24px; height: 37px; text-indent: -9999px; overflow: hidden; z-index: 10; } .gallery-testimonials a.link-prev.link-gray { background-position: 0 -74px; } .gallery-testimonials a.link-next.link-gray { background-position: -24px -74px; } .gallery-testimonials a.link-next { left: auto; right: 12.5%; background-position: -24px 0; } .gallery-testimonials a.link-next:hover { background-position: -24px -37px; } .gallery-testimonials a.link-prev:hover { background-position: 0 -37px; } .gallery-testimonials .switcher { padding: 27px 0 0; } /*why-choose*/ .why-choose { background: #e9f3f4; padding: 38px 0 70px; } .why-choose h2 { font-size: 46px; line-height: 49px; margin: 20px 0 34px; } .why-choose .hold-img { width: 476px; margin: 2px auto 0; } .why-choose .panel-causes.panel-group { margin: 0 0 10px; } .why-choose.choose-ground { margin: 0 0 36px; padding: 0; background: #d9c7b9 url(../images/bg-color-gray.jpg) no-repeat 0 0; } .why-choose.choose-ground .hold-img { margin: 0; } .why-choose.choose-ground .hold-img .box { width: 2500px; text-align: center; margin: 0 0 0 -988px; } .why-choose.choose-ground .hold-text { padding-top: 38px; } .why-choose.choose-ground .panel-causes.panel-group { margin: 0 0 15px; } /*panel-cases*/ .panel-causes.panel-group { margin: 0 0 20px; } .panel-causes.panel-group .panel { margin: 0 0 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; -webkit-box-shadow: #000000 0 0 0; -moz-box-shadow: #000000 0 0 0; box-shadow: #000000 0 0 0; } .panel-causes.panel-group .panel .panel-heading { background-color: #ffffff; border: none; color: #151515; padding: 0; } .panel-causes.panel-group .panel .panel-heading .panel-title { padding: 15px 50px 16px 21px; border: 1px solid #e4e4e4; font-size: 15px; line-height: 17px; display: block; position: relative; background: #ffffff; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-sliders { padding-left: 58px; background: url(../images/bg-panel.png) no-repeat 18px 12px; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-sliders:hover, .panel-causes.panel-group .panel .panel-heading .panel-title.panel-sliders:focus { background: #3ea5e1 url(../images/bg-panel.png) no-repeat 18px -438px; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-colors { padding-left: 58px; background: url(../images/bg-panel.png) no-repeat 17px -138px; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-colors:hover, .panel-causes.panel-group .panel .panel-heading .panel-title.panel-colors:focus { background: #3ea5e1 url(../images/bg-panel.png) no-repeat 17px -588px; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-tones { padding-left: 58px; background: url(../images/bg-panel.png) no-repeat 17px -288px; } .panel-causes.panel-group .panel .panel-heading .panel-title.panel-tones:hover, .panel-causes.panel-group .panel .panel-heading .panel-title.panel-tones:focus { background: #3ea5e1 url(../images/bg-panel.png) no-repeat 17px -738px; } .panel-causes.panel-group .panel .panel-heading .panel-title:hover, .panel-causes.panel-group .panel .panel-heading .panel-title:focus { background: #3ea5e1; color: #ffffff; border: 1px solid #3ea5e1; text-decoration: none; } .panel-causes.panel-group .panel .panel-heading .panel-title:hover .plus, .panel-causes.panel-group .panel .panel-heading .panel-title:focus .plus { border-color: #ffffff; } .panel-causes.panel-group .panel .panel-heading .panel-title:hover .plus span, .panel-causes.panel-group .panel .panel-heading .panel-title:focus .plus span { color: #ffffff; } .panel-causes.panel-group .panel .panel-heading .panel-title:hover .plus .im-icon-minus, .panel-causes.panel-group .panel .panel-heading .panel-title:focus .plus .im-icon-minus { display: inline-block; vertical-align: top; } .panel-causes.panel-group .panel .panel-heading .panel-title:hover .plus .im-icon-plus, .panel-causes.panel-group .panel .panel-heading .panel-title:focus .plus .im-icon-plus { display: none; } .panel-causes.panel-group .panel .panel-heading .panel-title .plus { position: absolute; top: 9px; right: 9px; overflow: hidden; width: 30px; height: 30px; border: 2px solid #dfdfdf; text-align: center; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .panel-causes.panel-group .panel .panel-heading .panel-title .plus span { color: #dfdfdf; font-size: 11px; line-height: 27px; } .panel-causes.panel-group .panel .panel-heading .panel-title .plus span.im-icon-minus { display: none; font-size: 7px; line-height: 27px; } .panel-causes.panel-group .panel-body { border: 1px solid #e4e4e4; padding: 24px 20px 27px 22px; } .panel-causes.panel-group .panel-body p { margin: 0; } .panel-causes.panel-group .panel-body .hold-img { width: 32.5%; margin: 0 0 -6px -2px; } .panel-causes.panel-group .panel-body .hold-img img { display: block; width: 100%; height: auto; } .panel-causes.panel-group .panel-body .hold-text { width: 64.3%; margin: -3px 0 -6px; } .panel-causes.panel-group.panel-purple .panel-body { border: 1px solid #dbc8ba; padding: 34.8px 40px 36px; } .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title { padding: 14.399999999999999px 58px 16.799999999999997px 28px; border: 1px solid #dbc8ba; } .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title:hover, .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title:focus { background: #945dae; border: 1px solid #945dae; } .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title .plus { right: 20px; } .panel-causes.panel-group.more .panel .panel-heading .panel-title { padding: 14.399999999999999px 58px 16.799999999999997px 28px; } .panel-causes.panel-group.more .panel .panel-heading .panel-title .plus { right: 20px; } .panel-causes.panel-group.more .panel-body { padding: 34.8px 40px 36px; } .benefit .hold-title { width: 100%; overflow: hidden; margin: -7px 0 0; } .benefit .hold-title h1 { margin-bottom: 14px; } .benefit .lead { font-size: 15px; line-height: 24px; color: #151515; font-weight: 300; margin: 0 0 43px; } /* options start */ .options { background: #e0f5fa; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e0f5fa), to(#f7fdff)); background: -webkit-linear-gradient(#e0f5fa, #f7fdff); background: -moz-linear-gradient(#e0f5fa, #f7fdff); background: -ms-linear-gradient(#e0f5fa, #f7fdff); background: -o-linear-gradient(#e0f5fa, #f7fdff); background: linear-gradient(#e0f5fa, #f7fdff); -pie-background: linear-gradient(#e0f5fa, #f7fdff); width: 100%; overflow: hidden; padding: 62px 0 0; margin: 0 0 40px; position: relative; min-height: 378px; } .options .wrap-img { position: absolute; bottom: 0; left: 50%; width: 407px; margin: 0 0 0 -487px; } .options .list-options { padding: 0 0 20px; } .about { background: url(../images/bg-about-hold.jpg) repeat-y 50% 0; margin: 0 0 40px; } .about .holder { background: url(../images/bg-about.jpg) no-repeat 50% 0; padding: 72px 0 50px; } .about h2 { font-size: 46px; line-height: 49px; margin: 0 0 27px; } .about .lead { font-size: 15px; line-height: 24px; font-weight: 300; color: #151515; margin: 0 0 20px; } .about p { margin: 0 0 17px; } .about ul { padding: 20px 0 10px; } .list-options li { background: url(../images/bg-arrows-middle.png) no-repeat 97.5% 37px; padding: 24.599999999999998px 60px 12px 102px; border-top: 1px solid #daf2f9; } .list-options li .hold-icon { margin: -2px 0 0 -102px; width: 70px; } .list-options li .hold-icon img { display: none; } .list-options li .hold-icon img:first-child { display: block; } .list-options li .title { font-size: 20px; line-height: 25px; display: inline-block; vertical-align: top; margin: 0 0 11px; font-weight: 300; color: #151515; } .list-options li a:hover .title { color: #3ea5e0; } .list-options li p { font-size: 13px; line-height: 18px; color: #777b80; margin: 0 0 10px; } .list-options li.active, .list-options li:hover { background-position: 97.5% -736px; } .list-options li:first-child { border: none; padding: 13.200000000000001px 60px 12px 102px; } .list-options li.active .hold-icon img, .list-options li a:hover img { display: block; } .list-options li.active .hold-icon img:first-child, .list-options li a:hover img:first-child { display: none; } .personnel { padding-top: 7.800000000000001px; } .personnel .hold-img { position: relative; margin: 0 0 30px; overflow: hidden; width: 220px; } .personnel .hold-img .hold-name { position: absolute; top: -9999px; left: -9999px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .personnel .hold-img .hold-name .hold-text { position: absolute; bottom: 17px; left: 19px; } .personnel .hold-img .hold-name h3 { font-weight: 200; color: #ffffff; font-size: 26px; line-height: 30px; margin: 0 0 2px; letter-spacing: 1px; } .personnel .hold-img .hold-name h3 a { color: #ffffff; } .personnel .hold-img .hold-name h3 a:hover { opacity: 0.8; } .personnel .hold-img .hold-name .office { font-size: 13px; line-height: 17px; color: #bfc8c7; text-transform: uppercase; font-weight: 300; } .personnel .hold-img .hold-name .office a { color: #bfc8c7; } .personnel .hold-img .hold-name .office a:hover { opacity: 0.8; } .personnel .hold-img.active .hold-name, .personnel .hold-img:hover .hold-name { top: 0px; left: 0px; } /*about-us*/ .about-us { padding: 32px 0 50px; } .about-us h2 { font-size: 46px; line-height: 49px; margin: 0 0 33px; } .about-us .jumbotron { background: none; margin-bottom: 0; padding-left: 19%; padding-right: 19%; } .about-us.more { padding: 80px 0 52px; } .about-us.more .hold-icon { margin: 0 auto 22px; } .about-us.more .jumbotron { padding-top: 0; padding-bottom: 23px; } .about-us.more .jumbotron p { font-size: 13px; line-height: 17px; margin: 0 0 20px; } .about-us.more h2 { margin: 0 0 36px; } /*blockquote-about */ .blockquote-about { padding: 0 0 0 110px; margin: 0 0 30px; border: none; } .blockquote-about .author { margin: 0 0 0 -110px; width: 86px; } .blockquote-about .author .hold-img { display: block; margin: 0 0 6px; background: url(../images/bg-human.gif) no-repeat 0 0; width: 85px; height: 87px; } .blockquote-about .author small { color: #646565; padding: 0 18px 0 0; font-size: 11px; line-height: 15px; } .blockquote-about .block { border: 1px solid #f2f2f2; padding: 13.799999999999999px 4.3% 15.600000000000001px; position: relative; background: #ffffff; } .blockquote-about .block .nook { position: absolute; top: 26px; left: -12px; background: url(../images/bg-nook.png) no-repeat 0 -45px; width: 12px; height: 19px; z-index: 2; } .blockquote-about .block .title { font-size: 15px; line-height: 22px; color: #151515; display: block; margin: 0 0 10px; font-weight: 300; } .blockquote-about .block .title a { color: #151515; } .blockquote-about .block .title a:hover { color: #3ea5e0; } .blockquote-about .block q { font-size: 13px; line-height: 17px; } .blockquote-about small:before { content: ""; } .blockquote-about.more { margin: 0 0 27px; padding: 0; text-align: left; } .blockquote-about.more .block { padding: 13.799999999999999px 5% 27.599999999999998px; border: 1px solid #dedede; margin: 0 0 25px; } .blockquote-about.more .block .nook { top: auto; bottom: -16px; left: 25px; background: url(../images/bg-nook.png) no-repeat 0 0; width: 27px; height: 16px; } .blockquote-about.more .author { margin: 0; display: block; } .blockquote-about.more .author small { color: #646565; padding: 0 18px 0 0; font-size: 11px; line-height: 15px; } /*partners more*/ .partners.more { text-align: center; padding: 72px 0 60px; background: #eeeeee; margin: 0 0 20px; } .partners.more h2 { margin: 0 0 40px; } .partners.more .list-partners { margin-bottom: 23px; } /*from-blog*/ .from-blog { padding: 50px 0; } .from-blog h2 { font-size: 46px; line-height: 49px; margin: 0 0 34px; } .hold-blog { margin: 0 -2px 10px -26px; } .wrap-info { margin: 0 0 20px 26px; display: inline-block; vertical-align: top; } .wrap-info .hold-img { width: 270px; position: relative; } .wrap-info .hold-img .loupe { position: absolute; top: -9999px; left: -9999px; text-align: center; width: 100%; height: 100%; padding: 97px 0 0; background: rgba(0, 0, 0, 0.3); } .wrap-info .hold-img .loupe .im-icon-zoom-in { font-size: 32px; line-height: 37px; color: #ffffff; } .wrap-info .hold-img:hover .loupe { top: 0px; left: 0px; } .wrap-info .info { width: 271px; display: none; margin: 0 0 0 30px; } .wrap-info .info .hold-date { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10.2px 0 2px 15px; margin: 0 0 21px; } .wrap-info .info .hold-date .date { display: block; margin: 0 0 10px; font-size: 13px; line-height: 18px; color: #646565; } .wrap-info .info h3 { font-size: 15px; line-height: 24px; font-weight: 300; margin: 0 0 5px; } .wrap-info .info h3 a { color: #151515; } .wrap-info .info h3 a:hover { color: #3ea5e0; } .wrap-info .info p { font-size: 13px; line-height: 21px; margin: 0 0 28px; } .wrap-info.active .loupe { top: 0px; left: 0px; } .wrap-info.active .info { display: block; } .wrap-info .btn-details.btn-blue { padding: 10.8px 31.799999999999997px 12px; margin: 0; } /* join-now */ .join-now { background: #008ed0; text-align: center; padding: 32px 0 0; } .join-now .jumbotron { background: none; margin: 0 0 20px; padding-left: 30px; padding-right: 30px; } .join-now h2 { color: #c4ecff; font-size: 46px; line-height: 49px; margin: 0 0 51px; } .join-now .btn-white { padding: 12px 37.2px; margin-bottom: 14px; } .join-now .hold-title { width: 100%; overflow: hidden; padding: 46px 0 0; } .join-now .hold-title h2 { margin: 0 0 37px; } .join-now .hold-btn { padding: 0 0 66px; } .join-now.purple-ground { background: #7a4792; padding: 29px 0 0; } .join-now.purple-ground h2 { color: #ffffff; font-size: 40px; line-height: 45px; margin: 0 0 41px; } .join-now.purple-ground .btn-details { padding: 12.600000000000001px 27.599999999999998px 13.200000000000001px; font-size: 15px; line-height: 19px; margin-bottom: 12px; } .join-now.light-blue-ground { padding: 183px 0 12px; background: #3ea5e1 url(../images/bg-know.png) no-repeat 50% 80px; } .join-now.light-blue-ground .jumbotron { padding-top: 0; margin: 0; } .join-now.light-blue-ground .jumbotron h2 { color: #ffffff; margin: 0 0 22px; } .join-now.light-blue-ground .jumbotron .hold-text { width: 62%; margin: 0 auto; overflow: hidden; padding: 0 0 21.6px; } .join-now.light-blue-ground .jumbotron .hold-text p { color: #ffffff; font-size: 13px; line-height: 17px; margin: 0 0 19px; } .logo.logo-white { background: url(../images/bg-logo-white.png) no-repeat 0 0; width: 78px; height: 105px; text-indent: -9999px; overflow: hidden; margin: 0 auto 32px; } /* benefit more */ .benefit.more { background: #edeff0 url(../images/bg-posible.gif) repeat-x 0 0; padding: 73px 0 64px; text-align: left; margin: 0 0 40px; } .benefit.more .hold-title { margin: 0; width: 82%; padding: 4px 0 0 3.66%; } .benefit.more .hold-title h1 { font-size: 35px; line-height: 40px; } .benefit.more .hold-title h1 .link-logo { font-size: 29px; line-height: 40px; } .benefit.more .btn-details.btn-blue-light { margin: 0 40px 10px 5px; } .benefit.other { padding: 40px 0 0; } /* what-is */ .what-is { padding: 41px 0 72px; } .what-is h2 { font-size: 46px; line-height: 49px; margin: 0 0 30px; } .what-is h2 .logo { display: inline-block; vertical-align: top; float: none; margin: -1px 0 0 18px; } .what-is h2 .logo img { vertical-align: top; } .what-is p { margin: 0 0 23px; } .what-is .hold-img { margin: -2px 0 10px; width: auto; } .what-is ul { padding-left: 1px; } .what-is.more { padding: 73px 0 63px; } .what-is.more h2 { letter-spacing: 0; } .what-is.more p { font-size: 13px; line-height: 18px; margin: 0 0 18px; } .what-is.more .hold-btn { padding: 12.600000000000001px 0 0; } .what-is.more .hold-img { margin-top: 8px; } .what-is.other { margin: 0 0 44px; background: #3ea5e1; position: relative; min-height: 406px; padding: 76px 0 71px; } .what-is.other h1 { color: #ffffff; margin: 0 0 27px; } .what-is.other p { color: #ffffff; margin: 0 0 23px; } .what-is.other .wrap-img { position: absolute; bottom: 0; left: 50%; margin: 0 0 0 48px; z-index: 2; width: 602px; } /* our-features more */ .our-features.more { background: url(../images/bg-features-hold.jpg) repeat-y 50% 0; margin: 0 0 36px; } .our-features.more .features-holder { padding: 71px 0 58px; background: url(../images/bg-features.jpg) no-repeat 50% 0; } .our-features.more h2 { color: #151515; margin: 0; } .our-features.more .wrap-box.more { margin: -3px 0 0; } .our-features.more .wrap-box.more .block { background: url(../images/bg-line-light.png) no-repeat 50% 100%; } .our-features.more .wrap-box.more .block .items:first-child { background: url(../images/bg-line-box.png) no-repeat 100% 14px; } /* by-customers */ .by-customers { padding: 61px 0 60px; } .by-customers.more { padding: 40px 0 60px; } .item-quality { border: 1px solid #d8d8d8; border-top: 7px solid #c4c4c4; padding: 28px 8% 36.599999999999994px; text-align: center; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .item-quality .hold-icon { width: 95px; height: 95px; line-height: 95px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #d8d8d8; display: block; margin: 0 auto 34px; } .item-quality .hold-icon img { vertical-align: middle; } .item-quality .title { font-size: 18px; line-height: 24px; color: #151515; display: block; margin: 0 0 11px; text-transform: uppercase; font-weight: 300; } .item-quality span.text { font-size: 13px; line-height: 18px; color: #646565; margin: 0 0 23px; display: block; } .item-quality .text-read { text-transform: uppercase; color: #151515; font-size: 14px; line-height: 18px; } .item-quality.active, .item-quality:hover { border: 1px solid #d8d8d8 !important; border-top: 7px solid #3ea5e1 !important; } .item-quality.active .hold-icon, .item-quality:hover .hold-icon { background: #3ea5e1; } .item-quality.active .text-read, .item-quality:hover .text-read { color: #3ea5e0; } .item-quality.active { cursor: default; } #content .item-quality span.text { font-size: 13px; line-height: 18px; color: #646565; margin: 0 0 23px; } .well-blue { text-align: left; width: 100%; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #3ea5e1; border: none; -webkit-box-shadow: #000000 0 0 0 inset; -moz-box-shadow: #000000 0 0 0 inset; box-shadow: #000000 0 0 0 inset; padding: 25px; } .well-blue .hold-title { margin: 0; max-width: 86.5%; padding: 0 0 0 0.5%; } .well-blue .hold-title h1 { color: #ffffff; font-size: 32px; line-height: 36px; margin: 0 ; } .well-blue .btn-white { margin: 0 0 0 5px; } /* best-sellers */ .best-sellers { padding: 52px 0 20px; } .best-sellers h2 { font-size: 46px; line-height: 49px; margin: 0 0 20px; } /* featured-products */ .featured-products { padding: 13px 0 20px; } .featured-products .box-products { width: 470px; } .featured-products .box-sale { width: 671px; background: #222021; overflow: hidden; position: relative; margin: 7px 0 20px; } .featured-products .box-sale .hold-img { width: 100%; overflow: hidden; } .featured-products .box-sale .hold-text { position: absolute; top: 29px; right: 31px; width: 278px; z-index: 5; } .featured-products .box-sale .hold-text .mega-sale { letter-spacing: 1px; color: #ffffff; display: block; font-size: 45px; line-height: 48px; font-weight: 300; text-transform: uppercase; } .featured-products .box-sale .hold-text .mega-sale span { color: #dc1b4f; } .featured-products .box-sale .hold-text .text-interest { display: block; margin: -12px 0 1px 3px; color: #ffffff; font-size: 90px; line-height: 93px; } .featured-products .box-sale .hold-text .text-interest .text-up { padding: 24px 0 0; display: inline-block; vertical-align: top; color: #888888; font-size: 40px; line-height: 45px; } .featured-products .box-sale .hold-text .text-interest .text-off { color: #888888; font-size: 50px; line-height: 51px; margin: 0 0 0 -20px; } .featured-products .box-sale .hold-text .text-interest .interest { color: #ffffff; font-size: 30px; line-height: 34px; padding: 26px 0 0; display: inline-block; vertical-align: top; } .featured-products .box-sale .hold-text .btn-details.btn-gray.dark { margin: 0 0 10px 7px; } .featured-products h2 { font-size: 46px; line-height: 49px; margin: 0 0 24px -3px; max-width: 81%; letter-spacing: 0; } /* gallery-products */ .gallery-products { padding: 12px 0 0; width: 100%; position: relative; margin: 0 0 20px; } .gallery-products:after { content: ""; display: block; clear: both; } .gallery-products .box-internal { position: relative; margin: 0 0 22px; } .gallery-products .gallery-holder { width: 470px; height: 172px; position: relative; overflow: hidden; padding: 0; margin: 0; } .gallery-products .gallery-holder li { width: 470px; padding: 0 0 0 211px; margin: 0; background: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; } .gallery-products .gallery-holder li.active { z-index: 10; } .gallery-products .gallery-holder li .hold-img { width: 181px; margin: 7px 0 0 -211px; } .gallery-products .gallery-holder li .hold-link { color: #151515; } .gallery-products .gallery-holder li .hold-link .title { display: inline-block; vertical-align: top; font-size: 15px; line-height: 19px; margin: 0 0 13px; color: #151515; font-weight: 300; } .gallery-products .gallery-holder li .hold-link:hover .title { color: #3ea5e0; } .gallery-products .gallery-holder li p { margin: 0 0 15px; } .gallery-products .gallery-holder li .price { margin: 0 0 16px; letter-spacing: 1px; } .gallery-products .gallery-holder li .btn-details.btn-gray { margin: 0; padding: 11.399999999999999px 31.200000000000003px 12px; } .gallery-products a.link-prev, .gallery-products a.link-next { width: 41px; height: 41px; border: 1px solid #f0f2f2; background: #ffffff url(../images/bg-arrows-more.png) no-repeat 14px 11px; position: absolute; top: -66px; right: 43px; overflow: hidden; text-indent: -9999px; } .gallery-products a.link-prev:hover, .gallery-products a.link-next:hover { background-position: 14px -36px; } .gallery-products a.link-next { right: 0; background-position: -42px 11px; } .gallery-products a.link-next:hover { background-position: -42px -36px; } .gallery-products a.prev-large, .gallery-products a.next-large { padding: 0 0 0 23.1px; background: url(../images/bg-pager-arrows.png) no-repeat 0 9px; font-size: 15px; line-height: 20px; color: #151515; margin: 0 10px 10px 0; } .gallery-products a.prev-large .name, .gallery-products a.next-large .name { font-size: 13px; line-height: 17px; color: #646565; display: block; padding: 1px 0 0; } .gallery-products a.prev-large:hover, .gallery-products a.next-large:hover { background-position: 0 -151px; } .gallery-products a.next-large { padding: 0 24px 0 0; background-position: 100% -71px; margin: 0 0 10px 10px; text-align: right; } .gallery-products a.next-large:hover { background-position: 100% -231px; } .gallery-products .hold-line { padding: 0 0 12px; border-bottom-color: #e4e4e4; margin: 0 0 44px; } .gallery-products .link-menu { width: 14px; display: block; margin: 12px auto 10px; } .gallery-products .link-menu .fa-icon-list-ul { color: #6a6a6a; font-size: 14px; line-height: 17px; } .gallery-products .link-menu:hover .fa-icon-list-ul { cursor: pointer; color: #3ea5e0; } .gallery-products.opinion { padding: 0; } .gallery-products.opinion .gallery-holder { height: 210px; width: 570px; } .gallery-products.opinion .gallery-holder li { padding: 0; width: 570px; } .gallery-products.opinion .gallery-holder li .blockquote-opinion { margin: 0; } .gallery-products.opinion .gallery-holder li .blockquote-opinion .block { border: 1px solid #f0f2f2; padding: 24px 4.800000000000001% 31.799999999999997px; margin: 0 0 20px; } .gallery-products.opinion .gallery-holder li .blockquote-opinion .block .nook { right: 22px; left: auto; background: url(../images/bg-nook.png) no-repeat 0 -29px; bottom: -16px; height: 16px; width: 27px; } .gallery-products.opinion .gallery-holder li .blockquote-opinion .cite-opinion { padding: 0; } .gallery-products.opinion .gallery-holder li .blockquote-opinion .cite-opinion .title { display: block; font-size: 15px; line-height: 18px; margin: 0; } .gallery-products.opinion .gallery-holder li .blockquote-opinion .cite-opinion .title a:hover { color: #3ea5e0; } .gallery-products.opinion a.link-prev, .gallery-products.opinion a.link-next { top: -54px; } .gallery-products.products-photo { width: 570px; margin: 0 auto 20px; } .gallery-products.products-photo .gallery-holder { width: 570px; height: 394px; margin: 0 0 30px; } .gallery-products.products-photo .gallery-holder li { padding: 0; background: none; width: 570px; } .gallery-products.gallery-blog { padding: 0; margin: 0 0 10px; overflow: hidden; } .gallery-products.gallery-blog .gallery-holder { width: 100%; height: auto; margin: 0 0 10px; overflow: hidden; } .gallery-products.gallery-blog .gallery-holder li { position: relative; top: auto; left: auto; width: 100%; padding: 0; } .gallery-products.gallery-blog .gallery-holder li img { width: 100%; display: block; height: auto; } /* blockquote-opinion */ .blockquote-opinion { padding: 0; margin: 0 0 21px; border: none; color: #646565; font-size: 13px; line-height: 17px; } .blockquote-opinion .block { border: 1px solid #e4e4e4; padding: 32px 8.2% 16.98px; margin: 0 0 18px; position: relative; display: block; } .blockquote-opinion .block p { font-size: 13px; line-height: 17px; margin: 0 0 17px; } .blockquote-opinion .block .nook { background: url(../images/bg-nook.png) no-repeat 0 -16px; text-indent: -9999px; overflow: hidden; position: absolute; width: 17px; height: 13px; bottom: -13px; left: 17px; } .blockquote-opinion .cite-opinion { display: block; overflow: hidden; padding: 7.98px 0 8.7px 59px; } .blockquote-opinion .cite-opinion .title { display: inline-block; vertical-align: top; margin: 0 0 2px; color: #151515; font-size: 15px; line-height: 17px; font-weight: 300; } .blockquote-opinion .cite-opinion small { color: #646565; margin: -1px 0 0; } .blockquote-opinion .cite-opinion small:before { content: " "; } .blockquote-opinion .cite-opinion .hold-img { width: 49px; height: 49px; border: 1px solid #e4e4e4; background: #eeeeee url(../images/bg-man.png) no-repeat 50% 12px; margin: -7px 0 0 -59px; } .blockquote-opinion .cite-opinion .hold-img.hold-woman { background: #eeeeee url(../images/bg-woman.png) no-repeat 50% 12px; } .blockquote-opinion .cite-opinion a { color: #151515; } .blockquote-opinion .cite-opinion a:hover .title { color: #3ea5e0; } .blockquote-opinion .cite-opinion .text-post { display: block; } /* latest-products */ .latest-products { padding: 13.799999999999999px 0 20px; } .latest-products h2 { font-size: 46px; line-height: 49px; margin: 0 0 33px; } /* visual-products */ .visual-products { border: 1px solid #f0f2f2; border-top: none; text-align: center; padding: 0 0 21px; margin: 0 0 30px; } .visual-products .hold-img { display: block; margin: 0 -1px 18px; position: relative; } .visual-products .hold-img img { display: block; width: 100%; height: auto; } .visual-products .title { margin: 0 0 13px; font-size: 15px; line-height: 18px; color: #151515; font-weight: 300; display: inline-block; padding: 0 3.5999999999999996%; vertical-align: top; } .visual-products a:hover .title { color: #3ea5e0; } .visual-products p { margin: 0 0 18px; } .visual-products .hold-text { padding: 0 4.800000000000001%; } .visual-products .btn-details.btn-gray { margin-bottom: 13px; padding: 11.399999999999999px 30px 12px; } .visual-products .btn-details.btn-gray:hover, .visual-products .btn-details.btn-gray:focus { background: #ffffff; border: 1px solid #3ea5e1; } .visual-products .price { text-align: center; margin: 0 0 25px; } .label-sale { position: absolute; top: 5px; left: 5px; z-index: 2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #dc1b4f; font-size: 24px; line-height: 27px; font-weight: 300; letter-spacing: 1px; padding: 3px 7.199999999999999px 5.4px; } /* pagination-business */ .pagination-business { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 0 10px; padding: 0; color: #151515; width: 100%; text-align: center; } .pagination-business li { padding: 0; background: none; margin: 0 1px 10px 2px; display: inline-block; vertical-align: top; } .pagination-business li a, .pagination-business li span { width: 41px; height: 41px; border: 1px solid #f0f2f2; font-size: 13px; line-height: 17px; color: #151515; padding-bottom: 12px; } .pagination-business li.active a, .pagination-business li.active span, .pagination-business li a:hover, .pagination-business li span:hover { background: #ffffff; border-color: #6bbae8; color: #151515; } .pagination-business li.active a:hover, .pagination-business li.active span:hover { background: none; color: #151515; border-color: #6bbae8; } .pagination-business li:first-child a, .pagination-business li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination-business li:last-child { margin: 0 0 0 2px; } .pagination-business li.prev a, .pagination-business li.next a { width: 41px; height: 41px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/bg-arrows-more.png) no-repeat 14px 11px; } .pagination-business li.prev a:hover, .pagination-business li.next a:hover { background-position: 14px -36px; border-color: #f0f2f2; } .pagination-business li.next a { background-position: -42px 11px; } .pagination-business li.next a:hover { background-position: -42px -36px; } .pagination-business.pull-right { width: auto; text-align: left; } .wrap-space { padding-bottom: 40px; } /* responsible-agency */ .responsible-agency { padding: 180px 0 42px; background: url(../images/bg-icon-agency.png) no-repeat 50% 80px; text-align: center; } .responsible-agency .jumbotron { padding: 0 18% 10px; margin: 0; background: none; } .responsible-agency .jumbotron h1 { font-size: 40px; line-height: 50px; margin: 0 0 28px; } .responsible-agency .jumbotron p { margin: 0 0 36px; font-size: 13px; line-height: 17px; } .responsible-agency .jumbotron .btn-details.btn-blue.btn-large { padding: 16.200000000000003px 38.400000000000006px 16.200000000000003px; font-size: 16px; line-height: 20px; margin: 0 auto 28px; } /* unique-experience */ .unique-experience { text-align: center; margin: 0 0 30px; background: url(../images/bg-experience-hold.jpg) repeat-y 50% 0; } .unique-experience .holder { background: url(../images/bg-experience.jpg) no-repeat 50% 0; padding: 75px 0 33px; } .unique-experience .holder h2 { text-transform: uppercase; font-size: 46px; line-height: 49px; margin: 0 0 40px; } .unique-experience .holder h2 .text-work { font-size: 26px; line-height: 30px; display: block; margin: 0 0 6px; } .experience-hold { overflow: hidden; margin: 0 0 40px; padding-top: 26px; } .experience-hold .box { border-left: 1px solid #9c9c9c; padding: 0 0 9999px; margin: 0 0 -9999px; } .experience-hold .box:first-child { border: none; } .experience-hold .thumbnail { background: none; border: none; margin: 0; padding-bottom: 0; padding-top: 0; } .experience-hold .thumbnail .hold-link { display: inline-block; } .experience-hold .thumbnail .hold-link:hover .title { color: #3ea5e0; } .experience-hold .thumbnail .hold-icon { display: inline-block; vertical-align: top; margin: 0 0 42px; min-height: 72px; padding: 2px 0 0; } .experience-hold .thumbnail .title { font-size: 20px; line-height: 25px; color: #151515; font-weight: 300; display: block; margin: 0 0 5px; letter-spacing: 1px; } /* our-clients */ .our-clients { padding: 123px 0 39px; background: url(../images/icon37.png) no-repeat 50% 60px; } .our-clients h2 { font-size: 46px; line-height: 49px; margin: 0 0 40px; } .our-clients h3 { font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 0 19px; } .our-clients .list-partners li { margin: 0 5% 14px; } .our-clients .box-space { padding-top: 11.399999999999999px; } .blockquote-more { padding: 0 6%; margin: 0; border: none; } .blockquote-more q { font-weight: 300; color: #ffffff; font-size: 40px; line-height: 42px; } .blockquote-more .cite { padding: 22.799999999999997px 0 0; display: block; color: #ffffff; font-size: 15px; line-height: 18px; text-transform: uppercase; } .blockquote-more .cite a { color: #ffffff; } .blockquote-more .cite a:hover { text-decoration: underline; } .join-now.purple-ground .blockquote-more { margin: -4px 0 -3px; position: relative; } /* destinations */ .destinations { padding: 54px 0 50px; } .destinations h2 { font-size: 46px; line-height: 49px; margin: 0 0 30px; } .destinations h3 { font-size: 15px; line-height: 18px; font-weight: 300; margin: 0 0 5px; } .destinations h3 a { color: #151515; } .destinations h3 a:hover { color: #3ea5e0; } .destinations .btn-details.btn-blue { margin-bottom: 15px; } .destinations p { margin: 0 0 17px; } .destinations .hold-btn { padding: 13.799999999999999px 0 12px; } .holder-progress { padding: 0 0 20px 0; } .holder-progress.more { padding: 0 8.7% 20px 0; } /* progress-goods */ .progress-goods { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #eeeeee; height: 11px; margin-bottom: 17px; -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; } .progress-goods .progress-bar { background-color: #008ed0; -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset; } /* our-process */ .our-process { background: #eeeeee; padding: 74px 0 38px; margin: 0 0 46px; } .our-process h2 { font-size: 46px; line-height: 49px; margin: 0 0 35px; } /* list-process */ .list-process { padding: 0 2.6%; width: 100%; overflow: hidden; text-align: justify; } .list-process li { padding: 0 0 0 72px; margin: 0 0 20px; background: url(../images/bg-arrow-big.png) no-repeat 0 94px; text-align: center; display: inline-block; vertical-align: top; width: 280px; overflow: hidden; } .list-process li .hold-link { display: inline-block; vertical-align: top; } .list-process li:first-child { padding: 0 ; background: none; width: 208px; margin: 0 0 20px 0; } .list-process li .hold-icon { width: 208px; height: 207px; border: 2px solid #6bbae8; -webkit-border-radius: 105px; -moz-border-radius: 105px; border-radius: 105px; display: block; line-height: 208px; margin: 0 0 21px; } .list-process li.last { width: 100%; height: 1px; overflow: hidden; background: none; margin: 0; padding: 0; } .list-process li .title { font-size: 20px; line-height: 25px; font-weight: 300; } /* introdusing */ .introdusing { padding: 80px 0 60px; } .introdusing h1 { margin: 0 ; } .introdusing .wrap-box.more { margin: -13px 0 0; } .introdusing .wrap-box.more .box p { font-size: 13px; line-height: 18px; } .our-team { padding: 52px 0 58px; } .our-team h2 { font-size: 46px; line-height: 49px; margin: 0 0 43px; } /* sidebar */ #sidebar { margin: 0 0 20px; overflow: hidden; padding: 40px 0 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #sidebar .hold-line { padding: 36px 10.9% 20px; margin: 1px 0 -1px; } #sidebar .hold-line:first-child { padding: 24px 10.9% 20px; } #sidebar.more { border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0; margin: 40px 0 20px; } #sidebar.more h3 { margin: 0 0 18px; font-size: 20px; line-height: 25px; font-weight: 300; letter-spacing: 1px; } #sidebar .field-search { margin: 0 0 29px; } #sidebar .hold-list { padding: 0 0 19px; } #sidebar .hold-list.more { padding: 0 0 23px; } #sidebar .hold-work { margin: 0 0 20px; } #sidebar .hold-work img { width: 100%; display: block; height: auto; } .lightbox { overflow: hidden; } /* aside */ .aside { margin: 0 0 20px; overflow: hidden; padding: 35px 0 0; } .aside .hold-work { margin: 0 0 20px; } .aside .hold-work img { width: 100%; display: block; height: auto; } .box-follow { padding: 2px 0 0 64px; overflow: hidden; margin: 0 0 7px; } .box-follow .hold-img { width: 46px; margin: -2px 0 0 -64px; } .box-follow .email { font-size: 15px; line-height: 17px; } .box-follow .text { display: block; margin: 0 0 10px; padding: 2px 0 0; } .box-net { border: 1px solid #eff1f2; padding: 22.200000000000003px 24px 18px 64px; position: relative; margin: 0 0 49px; } .box-net p { font-size: 13px; line-height: 18px; margin: 0 0 15px; } .box-net p a { color: #646565; } .box-net p a:hover { color: #3ea5e0; } .box-net .link-tweeter { position: absolute; top: 23px; left: 19px; width: 26px; } .box-net .link-tweeter .fa-icon-twitter { color: #3DA4E0; font-size: 26px; line-height: 30px; } .box-net .link-tweeter:hover .fa-icon-twitter { color: #898e91; cursor: pointer; } .box-net .date { display: block; margin: 0 0 5px; } .list { padding: 0 0 9px; } .list li { position: relative; border-top: 1px solid #f0f0f0; margin: 0 0 7px; padding: 6px 36px 0 0; background: none; } .list li:first-child { border: none; } .list li .number { position: absolute; top: 6px; right: 3px; max-width: 35px; } .list li a { color: #646565; font-size: 13px; line-height: 17px; } .list li a:hover { color: #3ea5e0; } .list-post { padding: 3px 0 0; overflow: hidden; } .list-post li { margin: 0 0 9px; background: none; padding: 14.399999999999999px 0 0 70px; border-top: 1px solid #f5f5f5; } .list-post li:first-child { border: none; padding: 0 0 0 70px; } .list-post li .hold-img { margin: 6px 0 0 -69px; } .list-post li .title { display: inline-block; vertical-align: top; margin: 0 0 4px; font-size: 15px; line-height: 22px; color: #151515; font-weight: 300; } .list-post li a:hover .title { color: #3ea5e0; } .list-post li p { margin: 0 0 8px; } .list-post li .hold-link { width: 100%; overflow: hidden; } .list-post li .link { color: #151515; float: left; margin: 0 0 7px; } .list-post li .link:hover { color: #3ea5e0; } .list-post.more { padding: 0; margin: 0 0 39px; } .list-post.more li { margin: 0 0 10px; padding: 0; border: none; /*.text-arrow{ background: url(../images/bg-all.png) no-repeat 0 -1846px; width:6px; height:10px; text-indent:-9999px; overflow:hidden; display:inline-block; vertical-align:top; margin:@margin-base*0.3 0 0 @margin-base*0.4; }*/ } .list-post.more li .hold-link { display: block; padding: 6px 5% 0 90px; border: 1px solid #eff1f2; color: #151515; overflow: visible; } .list-post.more li .hold-link:after { content: ""; display: block; clear: both; } .list-post.more li .hold-link:hover, .list-post.more li.active .hold-link { background: #7a4792; border: 1px solid #7a4792; } .list-post.more li .hold-link:hover .title, .list-post.more li.active .hold-link .title { color: #ffffff; } .list-post.more li .hold-link:hover .text, .list-post.more li.active .hold-link .text { color: #bfa7cb; } .list-post.more li .hold-link:hover .text-arrow, .list-post.more li.active .hold-link .text-arrow { background-position: 0 -1766px; } .list-post.more li .hold-link:hover .fa-icon-angle-right, .list-post.more li.active .hold-link .fa-icon-angle-right { color: #ffffff; } .list-post.more li .hold-img { margin: -7px 0 -1px -91px; } .list-post.more li .title { font-weight: 300; color: #151515; margin: 0 0 4px; } .list-post.more li .fa-icon-angle-right { margin: 0; font-size: 16px; line-height: 16px; color: #7a4792; } .list-post.more li .text { display: block; color: #646565; margin: 0 0 8px; } .list-post.list-best { padding: 0; margin: 0 0 25px; } .list-post.list-best li { padding: 16.200000000000003px 0 6px; overflow: hidden; border-top: 1px solid #dbdbdb; margin: 0; } .list-post.list-best li:first-child { border: none; padding-top: 0; } .list-post.list-best li .hold-img { margin: 4px 0 10px; width: 33.5%; } .list-post.list-best li .hold-img img { display: block; width: 100%; height: auto; } .list-post.list-best li .hold-info { margin: -2px 0 0; width: 62.5%; } .list-post.list-best li .hold-info .title { display: block; margin: 0 0 7px; } .list-post.list-best li .hold-info .title a { color: #151515; } .list-post.list-best li .hold-info .title a:hover { color: #3ea5e0; } .list-post.list-best li .hold-info .price { margin: 0 0 9px; letter-spacing: 1px; } .list-post.list-best li .hold-info p { color: #6a6a6a; margin: 0 0 14px; } .list-post.list-best li .hold-info p .link-blue { margin: 0 0 0 2px; } .list-photo { margin: 0 0 0 1px; padding: 9px 0 16.200000000000003px; } .list-photo li { padding: 0; margin: 0 1.8% 4px 0; background: none; display: inline-block; vertical-align: top; width: 48.2%; } .list-photo li img { display: block; width: 100%; height: auto; } .list-tweets { padding: 0 0 9px; margin: -12px 0 0; } .list-tweets li { position: relative; border-top: 1px solid #f9f9f9; padding: 15px 0 0 29px; margin: 0 0 10px; background: none; } .list-tweets li:first-child { border: none; } .list-tweets li .link-tweeter { position: absolute; top: 15px; left: -1px; width: 22px; overflow: hidden; } .list-tweets li .link-tweeter .fa-icon-twitter { color: #3da4e0; font-size: 18px; line-height: 25px; } .list-tweets li .link-tweeter:hover .fa-icon-twitter { color: #74787d; cursor: pointer; } .list-tweets li p { color: #6a6a6a; font-size: 13px; line-height: 18px; margin: 0 0 8px; } .list-tweets li .hold-link { width: 100%; overflow: hidden; } .list-tweets li .hold-link .link { float: left; color: #3da4e0; margin: 0 0 11px; } .list-tweets li .hold-link .link:hover { color: #151515; } .tag-cloud { padding: 0 0 43px; /*overflow:hidden;*/ margin: 0 0 0 -6px; } .tag-cloud li { display: inline-block; vertical-align: text-bottom; margin: 0; padding: 0 6px; background: none; font-size: 13px; /*13px*/ line-height: 23px; /*23*/ } .tag-cloud li a { color: #646565; font-size: 13px; /*13px*/ line-height: 23px; } .tag-cloud li a.tag1 { font-size: 33px; /*33px*/ line-height: 23px; } .tag-cloud li a.tag2 { font-size: 30px; /*30px*/ line-height: 23px; } .tag-cloud li a.tag3 { font-size: 23px; /*23px*/ line-height: 23px; } .tag-cloud li a.tag4 { font-size: 22px; /*22px*/ line-height: 23px; } .tag-cloud li a.tag5 { font-size: 20px; /*20px*/ line-height: 23px; } .tag-cloud li a.tag6 { font-size: 18px; /*18px*/ line-height: 23px; } .tag-cloud li a:hover { color: #3ea5e0; } #sidebar.more .tag-cloud { padding: 6px 0 13.799999999999999px; } #content { width: 100%; overflow: hidden; padding: 40px 0 20px; } #content .wrap-title { width: 100%; overflow: hidden; } #content .wrap-title h2 { font-size: 26px; line-height: 29px; margin: 0 0 23px; } #content .text { color: #7e7e7e; display: block; margin: 0 0 10px; } #content .box-text { padding: 0 0 16.799999999999997px; margin: -3px 0 0; } #content .box-text p { color: #7e7e7e; margin: 0 0 20px; } .wrap-panel { padding: 0 0 23px; } .visual { width: 100%; overflow: hidden; padding: 0 0 9px; } .visual .hold-photo { position: relative; margin: 0 0 30px; } .visual .hold-photo .hold-bar { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); min-height: 125px; padding: 22px 7% 25.6px; color: #ffffff; width: 100%; } .visual .hold-photo .hold-bar .title { display: block; color: #ffffff; font-size: 20px; line-height: 25px; margin: 0 0 6px; font-weight: 300; } .visual .hold-photo .hold-bar .title a { color: #ffffff; } .visual .hold-photo .hold-bar .title a:hover { text-decoration: underline; } .visual .hold-photo .hold-bar p { color: #ffffff; font-size: 13px; line-height: 18px; margin: 0 0 10px; } .visual .hold-photo .frame-shadow { position: absolute; top: 0; width: 100%; height: 100%; left: 0; text-indent: -9999px; overflow: hidden; border: 14px solid rgba(255, 255, 255, 0.36); } .visual .hold-photo img { display: block; width: 100%; height: auto; } .block-title { background: #7a4792; padding: 20px 0 0 96px; margin: 0 0 20px; overflow: hidden; } .block-title .hold-suitcase { width: 69px; height: 69px; margin: -20px 0 0 -96px; background: #945dae; text-align: center; } .block-title .hold-suitcase .im-icon-calendar { color: #ffffff; font-size: 23px; line-height: 69px; } .block-title h1 { color: #ffffff; font-size: 24px; line-height: 28px; } .article { width: 100%; overflow: hidden; padding: 0 0 15px; margin: 0 0 30px; border-bottom: 1px solid #f7f8f8; } .article .hold-img { width: 37.8%; margin: 0 0 15px; } .article .hold-text { padding: 6.6000000000000005px 0 0; width: 60.2%; } .article .hold-text h2 { font-size: 26px; line-height: 29px; margin: 0 0 5px; } .article .hold-text h2 a { color: #151515; } .article .hold-text h2 a:hover { color: #3ea5e0; } .article .hold-text p { color: #6a6a6a; font-size: 13px; line-height: 21px; margin: 0 0 24px; } .article .hold-text .link { font-size: 13px; line-height: 17px; margin: 0 0 10px; } .article .date { font-size: 13px; line-height: 17px; margin: 0 0 10px; color: #646565; padding: 0 22px 0 0; } .article .date .im-icon-camera, .article .date .fa-icon-edit { font-size: 15px; line-height: 17px; margin: -1px -22px 0 0; padding: 0; color: #2e9bd3; } .article .date .fa-icon-edit { margin: 1px -22px 0 0; } .topiclist { padding: 0 0 15px; } .topiclist li { padding: 0 11.399999999999999px 6px 12px; margin: 0; background: url(../images/bg-topiclist-li.gif) no-repeat 0 2px; } .topiclist li:first-child { background: none; } .topiclist li a { color: #6a6a6a; } .topiclist li a.link { color: #070707; font-size: 11px; line-height: 15px; } .topiclist li a:hover { color: #3ea5e0; } .simple-company { padding: 80px 0 64px; background: #eff1f2 url(../images/bg-posible.gif) repeat-x 0 0; } .simple-company h2 { margin: 0 0 42px; } .simple-company p { margin: 0 0 17px; } .simple-company .panel-causes.panel-group { margin: -3px 0 10px; } .letter-capital { font-weight: 900; color: #646565; font-size: 38px; line-height: 40px; margin: -4px 6px -5px 0; } .letter-capital.capital-purple { background: #7a4792; color: #ffffff; width: 44px; text-align: center; padding: 1px 0 3px; margin: 5px 7px -5px 0; } .list-business { padding: 0; } .list-business li { padding: 0; background: none; border-color: #e4e4e4; } .list-business li a { display: block; background: url(../images/bg-list-group.png) no-repeat 13px 8px; padding: 7px 15px 9px 28px; font-size: 13px; line-height: 14px; color: #7e7e7e; } .list-business li a:hover, .list-business li.active a { color: #070707; cursor: pointer; font-weight: 500; background: #f4f4f4 url(../images/bg-list-group.png) no-repeat 13px 8px; } .list-business li.active a { cursor: default; } .list-business li:first-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .list-business li:first-child a { padding-top: 18px; background-position: 13px 19px; } .list-business li:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .list-business li:last-child a { padding-bottom: 21px; } .list-business.more { padding: 20px 0 0; } /* our-office */ .our-office { background: #945dae; padding: 80px 0 48px; margin: 0 0 20px; } .our-office h2 { color: #ffffff; font-size: 46px; line-height: 49px; margin: 0 0 11px; } .our-office .hold-icon { margin-bottom: 34px; } /* contacts-us */ .contacts-us { padding: 246px 0 46px; background: url(../images/bg-contacts.gif) no-repeat 50% 81px; } .contacts-us h2 { font-size: 46px; line-height: 49px; margin: 0 0 34px; } .contacts-us h3 { text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: 300; } .contacts-us p { font-size: 13px; line-height: 18px; margin: 0 0 30px; } .contacts-us .form-contacts { padding: 6px 0 0; } .list-contacts { padding: 1px 0 10px; } .list-contacts li { margin: 0 0 1px; padding: 0; background: none; color: #6a6a6a; } .list-contacts li strong, .list-contacts li a { color: #6a6a6a; } .list-contacts li a:hover { color: #3ea5e0; } .list-contacts li .link-phone { color: #6a6a6a; display: inline-block; vertical-align: top; cursor: default; } .list-contacts li .link-phone:hover { color: #6a6a6a; } .timetable { width: 100%; position: relative; overflow: hidden; margin: 0 ; color: #6a6a6a; font-size: 13px; line-height: 18px; } .timetable dt { display: inline; } .timetable dd { display: inline; margin: 0; } .map { width: 100%; overflow: hidden; margin: 0 0 84px; position: relative; } .map img { display: block; width: 100%; height: auto; } /* news */ .news { width: 100%; overflow: hidden; } /* merit */ .merit { width: 100%; overflow: hidden; margin: 0 0 27px; background: url(../images/bg-merit.jpg) no-repeat 50% 0; padding: 76px 0 63px; } /* item-merit */ .item-merit { position: relative; padding: 64px 0 0; margin: 0 0 20px; } .item-merit .thumbnail { border: none; background: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 96px 11% 30px; text-align: center; margin: 0; min-height: 330px; } .item-merit .hold-link { display: inline-block; vertical-align: top; } .item-merit .hold-link:hover .title { color: #3ea5e0; } .item-merit .hold-icon { width: 128px; height: 128px; background: #6bbae8; line-height: 128px; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; position: absolute; top: 0px; left: 50%; margin: 0 0 20px -64px; } .item-merit .hold-icon img { vertical-align: middle; } .item-merit .title { font-size: 20px; line-height: 25px; color: #151515; display: inline-block; vertical-align: top; margin: 0 0 10px; font-weight: 300; } .item-merit p { font-size: 13px; line-height: 18px; color: #767777; margin: 0 0 29px; } .item-merit .btn-details.btn-blue.btn-large { margin-bottom: 10px; padding: 16px 27px 17px; } /* we-good */ .we-good { padding: 40px 0; margin: 0 0 49px; } .we-good h2 { margin: 0 0 31px; font-size: 46px; line-height: 49px; } .we-good .visual { width: 100%; overflow: hidden; padding: 9px 0 0; } .we-good .visual .hold-img { margin: 0 0 20px; } .we-good .visual .hold-img img { display: block; width: 100%; height: auto; } .we-good p { margin: 0 0 17px; } .we-good .panel-causes { padding: 3px 0 0; margin: 0 0 13px; } .hold-breadcrumbs { background: #eff1f2; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eff1f2), to(#eef0f1)); background: -webkit-linear-gradient(#eff1f2, #eef0f1); background: -moz-linear-gradient(#eff1f2, #eef0f1); background: -ms-linear-gradient(#eff1f2, #eef0f1); background: -o-linear-gradient(#eff1f2, #eef0f1); background: linear-gradient(#eff1f2, #eef0f1); -pie-background: linear-gradient(#eff1f2, #eef0f1); padding: 29px 0 18px; margin: 0 0 40px; } .hold-breadcrumbs.more { margin: 0; } .breadcrumb-site { background: none; padding: 0 0 12px; margin: 0; } .breadcrumb-site li a { color: #646565; } .breadcrumb-site li a:hover { color: #3ea5e0; } .breadcrumb-site li.active { color: #151515; } .breadcrumb-site > li + li:before { color: #646565; padding: 0 9px 0 10px; } /* welcome */ .welcome { padding: 33px 0 59px; } .welcome .hold-img { margin: 7px 0 20px; } .welcome .hold-img img { display: block; width: 100%; height: auto; } .welcome h2 { font-size: 46px; line-height: 49px; margin: 0 0 29px; } .welcome p { font-size: 13px; line-height: 18px; margin: 0 0 18px; } .welcome .tools.tools-blue { padding-top: 17px; } .welcome .tools.tools-blue li { margin: 0 14px 10px 0; } /* meet-team */ .meet-team { padding: 53px 0 40px; } .meet-team h2 { font-size: 46px; line-height: 49px; margin: 0 0 33px; } .meet-team .hold-line { padding: 0 0 38px; margin: 0 0 80px; } /* about-cooperator */ .about-cooperator { padding: 36px 0 20px; } .about-cooperator .hold-img { margin: 4px 0 16px; } .about-cooperator .hold-img .img-circle { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .about-cooperator h2 { font-size: 26px; line-height: 29px; margin: 0 0 3px; } .about-cooperator .hold-line { padding: 0 0 8.399999999999999px; border-bottom: 1px solid #e8e8e8; } .about-cooperator p { font-size: 13px; line-height: 18px; margin: 0 0 18px; } .about-cooperator .tools.tools-gray { margin: 0; max-width: 94%; } /* cooperator-info */ .cooperator-info { padding: 24px 0 52px; } .cooperator-info h3 { font-size: 20px; line-height: 25px; font-weight: 300; margin: 0 0 23px; letter-spacing: 1px; } .cooperator-info .panel-causes { padding-top: 3.75px; } .cooperator-info .blockquote-opinion { padding: 4px 0 0 ; } .cooperator-info .blockquote-opinion .block { border: 1px solid #dedede; padding: 16.799999999999997px 5.5% 15px; } .cooperator-info .blockquote-opinion .block .nook { background: url(../images/bg-nook.png) no-repeat 0 0; bottom: -16px; height: 16px; left: 25px; width: 27px; } .cooperator-info .blockquote-opinion .cite-opinion { padding: 0; } .cooperator-info .blockquote-opinion .cite-opinion .title { display: block; margin: 0; } .cooperator-info .blockquote-opinion .cite-opinion small { color: #646565; margin: -1px 0 0; } .cooperator-info .blockquote-opinion .cite-opinion small:before { content: " "; } #sidebar h3, .aside h3, #sidebar .popular-posts h3 { font-size: 26px; line-height: 30px; font-weight: 300; color: #151515; margin: 0 0 18px; } #sidebar .popular-posts h3, .aside h3 { margin: 0 0 21px; } .box-address { padding: 25px 5% 20px; background: #7a4792; margin: 0 0 48px; text-align: center; } .box-address address { margin: 0; } .box-address ul.contacts li { text-align: center; margin: 0 0 1px; } .box-address .im-icon-home-3 { color: #ffffff; font-size: 30px; line-height: 35px; margin-bottom: 19px; display: inline-block; vertical-align: top; } ul.contacts { padding: 0 0 13.200000000000001px; } ul.contacts li { padding: 0; background: none; color: #ffffff; margin: 0 0 10px; font-size: 13px; line-height: 17px; } ul.contacts li a { color: #ffffff; } ul.contacts li a:hover { text-decoration: underline; } ul.contacts li .phone-link { cursor: default; display: inline-block; vertical-align: top; } ul.contacts li .phone-link:hover { color: #ffffff; text-decoration: none; } /* blog */ .blog { width: 100%; overflow: hidden; padding: 0 0 4px; } .blog .hold-line { border-bottom-color: #eff1f2; padding: 0 0 28.799999999999997px; margin: 0 0 40px; } .blog .hold-line.more { padding: 0 0 16.200000000000003px; margin: 0 0 16px; } .blog .hold-line.more p { margin: 0 0 18px; } .blog .hold-img { margin: 0 0 20px; position: relative; } .blog .hold-img .box-date { position: absolute; top: 0; right: 0; margin: 0; z-index: 2; } .blog .hold-img .box-date.date-bottom { top: auto; bottom: 0; right: auto; left: 0; } .blog .hold-img img { display: block; width: 100%; height: auto; } .blog .hold-img.more { margin: 0 0 16px; } .blog .hold-img.other { margin: 0 0 11px; } .blog .wrap-img { padding: 10px 0 0; margin: 0 0 26px; } .blog .wrap-img img { display: block; width: 100%; height: auto; } .blog p { font-size: 13px; line-height: 18px; margin: 0 0 25px; } .blog .btn-details.btn-blue { margin: 0 0 10px; } .blog .link { color: #646565; } .blog .link strong { color: #646565; } .blog .link:hover strong { color: #3ea5e0; } .blog .hold-blockquote { padding: 4px 0 0; } .blog .hold-title { width: 50%; } .blog .hold-title h2 { margin: 0 0 10px; } .blog .hold-title.more { width: 30%; } .blog .hold-title.more h2 { margin: 0 0 11px; } .blog .box { width: 100%; overflow: hidden; } .blog .box .box-inset { padding: 0; width: 54.1%; } .blog .box .box-inset .hold-text { width: 100%; overflow: hidden; } .blog .box .box-inset .hold-text p { margin: 0 0 18px; } .blog .box .box-inset.more { width: 42.5%; } .blog .hold-post { width: auto; } .blog .hold-post .hold-img { margin: 0 0 31px; } .blog .hold-post .blog-head.more { margin: 0 0 16px; } .blog .hold-post p { margin: 0 0 27px; } .blog .box-line { width: 100%; overflow: hidden; } .blog.more { padding: 40px 0 0; } .blog.more .btn-details.btn-blue { margin: 0 0 51px; } .blog.more .hold-line { padding: 0; margin: 0 0 40px; } .blog .post-small { width: auto; } .blog .post-small .btn-details.btn-blue { margin: 0 0 41px; } .blog h2 { font-size: 26px; line-height: 24px; } .box-author { padding: 0 0 56px 119px; overflow: hidden; } .box-author .hold-img { margin: 4px 0 0 -119px; width: 100px; } .box-author .title { font-size: 15px; line-height: 19px; color: #151515; font-weight: 300; margin: 0 20px 12px 0; display: inline-block; vertical-align: top; } .box-author a:hover .title { color: #3ea5e0; } .box-author .text-author { padding: 0 0 0 20px; background: url(../images/bg-line-small.gif) no-repeat 0 5px; display: inline-block; vertical-align: top; margin: 0 10px 12px 0; font-size: 13px; line-height: 20px; } .box-author .text-author a { color: #646565; } .box-author .text-author a:hover { color: #3ea5e0; } .box-author p { font-size: 13px; line-height: 17px; margin: 0 0 24px; } .box-author .tools { padding-top: 0; } .box-author .tools li:first-child { margin-left: 0; } .hold-reply { padding: 0 4.9% 10px 0; } .hold-reply h2 { margin: 0 0 39px; } .hold-reply .field-text input, .hold-reply .tarea textarea { font-size: 13px; line-height: 19px; padding-left: 16px; padding-right: 16px; } .hold-reply button.btn-details.btn-blue { width: 189px; font-size: 14px; line-height: 17px; padding-top: 12px; padding-bottom: 13px; margin: 0 0 26px; } .blog-head { padding: 10.8px 0 0 87px; margin: 0 0 16px; overflow: hidden; } .blog-head h1, .blog-head h2 { font-size: 26px; line-height: 24px; margin: 0 0 11px; letter-spacing: 1px; } .blog-head h1 a, .blog-head h2 a { color: #151515; } .blog-head h1 a:hover, .blog-head h2 a:hover { color: #3ea5e0; } .blog-head .text-posted { display: block; margin: 0 0 5px; } .blog-head .text-posted a { color: #646565; } .blog-head .text-posted a:hover { color: #3ea5e0; } .blog-head .text-comments { color: #646565; margin: 0 0 5px; } .blog-head.head-small { padding: 16px 0 0 90px; margin: 0 0 29px; } .blog-head.head-small .box-date { margin: -16px 0 0 -90px; } .blog-head.head-small h2 { margin: 0 0 6px; } .blog-head.head-small .text-posted { margin: 0 0 1px; } .blog-head.more { padding: 0; margin: -2px 0 20px; } .blog-head.other { padding: 0; margin: -2px 0 18px; } .blog-head.other h2 { margin: 0 0 7px; } .wrap-blog { width: 100%; overflow: hidden; padding: 0 0 0 80px; } .wrap-blog .hold-img { width: 45%; margin: 0 0 10px; } .wrap-blog .hold-text { width: 53%; } .wrap-blog .hold-text p { margin: 0 0 15px; } .wrap-blog .box-date { margin: 0 0 0 -80px; } .wrap-blog .blog-head.more { margin: -2px 0 21px; } .wrap-blog .blog-head.more h2 { margin: 0 0 5px; } .box-date { width: 70px; background: #6bbae8 url(../images/bg-carts-date.png) no-repeat 24px 8px; padding: 38px 10.8px 6px; text-align: center; margin: -11px 0 0 -87px; } .box-date .date { display: inline-block; vertical-align: top; padding: 6px 0 2px; background: url(../images/bg-line-date.png) repeat-x 0 0; color: #ffffff; font-size: 14px; line-height: 17px; } .box-date .date .number { font-size: 24px; line-height: 26px; display: inline-block; vertical-align: top; margin: 0 0 -3px; } .box-date.video { background-position: 18px -122px; } .box-date.photo { background-position: 21px -272px; } .box-date.quote { background-position: 27px -416px; } .box-date.music { background-position: 24px -570px; } .box-date.more { background-color: rgba(107, 186, 232, 0.7); } /* blockquote-blog */ .blockquote-blog { background: #eff1f2; border: none; padding: 31px 24px 20px; margin: 0 0 12px; } .blockquote-blog q { color: #646565; quotes: none; } .blockquote-blog q .quote { display: inline-block; vertical-align: top; background: url(../images/bg-quote.png) no-repeat 0 0; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; margin: -1px 3px 0; } .blockquote-blog .cite-blog { padding: 10.8px 10.8px 0 0; display: block; font-size: 20px; line-height: 25px; color: #646565; margin: 0 0 6px; font-family: 'Pacifico', cursive, 'Roboto', sans-serif; } .blockquote-blog .cite-blog a { color: #646565; } .blockquote-blog .cite-blog a:hover { color: #3ea5e0; } .list-buttons { padding: 0 0 35px; overflow: hidden; } .list-buttons li { padding: 0; background: none; float: left; margin: 0 20px 0 0; } .list-buttons.button-outline { padding: 0 0 30px; } .list-buttons.button-outline li { min-height: 54px; line-height: 54px; margin: 0 20px 10px 0; } .list-buttons.button-outline li a.btn-suitcase { vertical-align: middle; margin: 0; } /* diversity-buttons */ .diversity-buttons { width: 100%; overflow: hidden; padding: 0 0 15px; } .diversity-buttons h2 { font-size: 46px; line-height: 49px; margin: 0 0 38px; } .diversity-buttons .hold-line { margin: 0 0 30px; } .btn-maroon { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px 7px 41px; background: #800000 url(../images/bg-buttons.png) no-repeat 17px 12px; -moz-text-shadow: #4c0000 0 1px 1px; -o-text-shadow: #4c0000 0 1px 1px; -webkit-text-shadow: #4c0000 0 1px 1px; text-shadow: #4c0000 0 1px 1px; } .btn-maroon:hover, .btn-maroon:focus { background-image: url(../images/bg-buttons.png); background-position: 17px 12px; } .btn-maroon.btn-3d { border-bottom: 3px solid #620000; } .btn-maroon.btn-3d:hover, .btn-maroon.btn-3d:focus { border-bottom-color: #9a0202; } .btn-mauve { font-size: 14px; line-height: 19px; min-width: 113px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px 7px 38px; background: #e0b0ff url(../images/bg-buttons.png) no-repeat 18px -69px; -moz-text-shadow: #c28ce9 0 1px 1px; -o-text-shadow: #c28ce9 0 1px 1px; -webkit-text-shadow: #c28ce9 0 1px 1px; text-shadow: #c28ce9 0 1px 1px; color: #ffffff; } .btn-mauve:hover, .btn-mauve:focus { background-image: url(../images/bg-buttons.png); background-position: 18px -69px; color: #ffffff; background-color: #e5c2fc; } .btn-mauve.btn-3d { border-bottom: 3px solid #c19bda; } .btn-mauve.btn-3d:hover, .btn-mauve.btn-3d:focus { border-bottom-color: #c89ee4; } .btn-casper { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 19px 7px 41px; background: #adbed1 url(../images/bg-buttons.png) no-repeat 18px -149px; color: #ffffff; -moz-text-shadow: #8091a7 0 1px 1px; -o-text-shadow: #8091a7 0 1px 1px; -webkit-text-shadow: #8091a7 0 1px 1px; text-shadow: #8091a7 0 1px 1px; } .btn-casper:hover, .btn-casper:focus { background-image: url(../images/bg-buttons.png); background-position: 18px -149px; color: #ffffff; background-color: #bfcfe2; } .btn-casper.btn-3d { border-bottom: 3px solid #92a5ba; } .btn-casper.btn-3d:hover, .btn-casper.btn-3d:focus { border-bottom-color: #a6bad0; } .btn-aquamarine { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px 7px 41px; background: #66cdaa url(../images/bg-buttons.png) no-repeat 20px -229px; -moz-text-shadow: #40a681 0 1px 1px; -o-text-shadow: #40a681 0 1px 1px; -webkit-text-shadow: #40a681 0 1px 1px; text-shadow: #40a681 0 1px 1px; } .btn-aquamarine:hover, .btn-aquamarine:focus { background-image: url(../images/bg-buttons.png); background-position: 20px -229px; background-color: #71e0ba; } .btn-aquamarine.btn-3d { border-bottom: 3px solid #54b393; } .btn-aquamarine.btn-3d:hover, .btn-aquamarine.btn-3d:focus { border-bottom-color: #63c9a7; } .btn-viridian { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 20px 7px 41px; background: #40826d url(../images/bg-buttons.png) no-repeat 17px -308px; -moz-text-shadow: #245545 0 1px 1px; -o-text-shadow: #245545 0 1px 1px; -webkit-text-shadow: #245545 0 1px 1px; text-shadow: #245545 0 1px 1px; } .btn-viridian:hover, .btn-viridian:focus { background-image: url(../images/bg-buttons.png); background-position: 17px -308px; background-color: #479079; } .btn-viridian.btn-3d { border-bottom: 3px solid #326f5c; } .btn-viridian.btn-3d:hover, .btn-viridian.btn-3d:focus { border-bottom-color: #3c806b; } .btn-light-gray { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 33px 6px 55px; background: #a8a8a8 url(../images/bg-buttons.png) no-repeat 29px -389px; -moz-text-shadow: #7f7f7f 0 1px 1px; -o-text-shadow: #7f7f7f 0 1px 1px; -webkit-text-shadow: #7f7f7f 0 1px 1px; text-shadow: #7f7f7f 0 1px 1px; color: #ffffff; } .btn-light-gray:hover, .btn-light-gray:focus { background-image: url(../images/bg-buttons.png); background-position: 29px -389px; background-color: #b7b7b7; color: #ffffff; } .btn-light-gray.btn-3d { border-bottom: 3px solid #959595; } .btn-light-gray.btn-3d:hover, .btn-light-gray.btn-3d:focus { border-bottom-color: #a7a6a6; } .btn-egg-blue { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 30px 6px 54px; background: #00cccc url(../images/bg-buttons.png) no-repeat 30px -468px; -moz-text-shadow: #049999 0 1px 1px; -o-text-shadow: #049999 0 1px 1px; -webkit-text-shadow: #049999 0 1px 1px; text-shadow: #049999 0 1px 1px; color: #ffffff; } .btn-egg-blue:hover, .btn-egg-blue:focus { background-image: url(../images/bg-buttons.png); background-position: 30px -468px; background-color: #04dada; color: #ffffff; } .btn-egg-blue.btn-3d { border-bottom: 3px solid #01b0b0; } .btn-egg-blue.btn-3d:hover, .btn-egg-blue.btn-3d:focus { border-bottom-color: #04c0c0; } .btn-rosy-brown { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 30px 6px 55px; background: #bc8f8f url(../images/bg-buttons.png) no-repeat 29px -548px; -moz-text-shadow: #8a5c5c 0 1px 1px; -o-text-shadow: #8a5c5c 0 1px 1px; -webkit-text-shadow: #8a5c5c 0 1px 1px; text-shadow: #8a5c5c 0 1px 1px; color: #ffffff; } .btn-rosy-brown:hover, .btn-rosy-brown:focus { background-image: url(../images/bg-buttons.png); background-position: 29px -548px; background-color: #ca9b9b; color: #ffffff; } .btn-rosy-brown.btn-3d { border-bottom: 3px solid #ab8080; } .btn-rosy-brown.btn-3d:hover, .btn-rosy-brown.btn-3d:focus { border-bottom-color: #b98c8c; } .btn-royal-blue { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 31px 6px 31px; background: #4169e1; -moz-text-shadow: #324ca5 0 1px 1px; -o-text-shadow: #324ca5 0 1px 1px; -webkit-text-shadow: #324ca5 0 1px 1px; text-shadow: #324ca5 0 1px 1px; color: #ffffff; } .btn-royal-blue:hover, .btn-royal-blue:focus { background-color: #4670ee; color: #ffffff; } .btn-royal-blue.btn-3d { border-bottom: 3px solid #365bcb; } .btn-royal-blue.btn-3d:hover, .btn-royal-blue.btn-3d:focus { border-bottom-color: #3e65db; } .btn-reef { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 31px 6px 51px; background: #c9ffa2 url(../images/bg-buttons.png) no-repeat 30px -628px; -moz-text-shadow: #ffffff 0 1px 1px; -o-text-shadow: #ffffff 0 1px 1px; -webkit-text-shadow: #ffffff 0 1px 1px; text-shadow: #ffffff 0 1px 1px; color: #070707; } .btn-reef:hover, .btn-reef:focus { background-image: url(../images/bg-buttons.png); background-position: 30px -628px; background-color: #d2fbb4; color: #070707; } .btn-reef.btn-3d { border-bottom: 3px solid #b9ef91; } .btn-reef.btn-3d:hover, .btn-reef.btn-3d:focus { border-bottom-color: #bef496; } .btn-tangerine { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 29px 6px 30px; background: #ffcc00; -moz-text-shadow: #d79f03 0 1px 1px; -o-text-shadow: #d79f03 0 1px 1px; -webkit-text-shadow: #d79f03 0 1px 1px; text-shadow: #d79f03 0 1px 1px; color: #ffffff; } .btn-tangerine:hover, .btn-tangerine:focus { background-color: #f9d12f; color: #ffffff; } .btn-tangerine.btn-3d { border-bottom: 3px solid #e2b608; } .btn-tangerine.btn-3d:hover, .btn-tangerine.btn-3d:focus { border-bottom-color: #f1c20a; } .btn-sepia { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 28px 6px 64px; background: #704214 url(../images/bg-buttons.png) no-repeat 30px -705px; -moz-text-shadow: #391d07 0 1px 1px; -o-text-shadow: #391d07 0 1px 1px; -webkit-text-shadow: #391d07 0 1px 1px; text-shadow: #391d07 0 1px 1px; color: #ffffff; } .btn-sepia:hover, .btn-sepia:focus { background-image: url(../images/bg-buttons.png); background-position: 30px -705px; background-color: #7f4b17; color: #ffffff; } .btn-sepia.btn-3d { border-bottom: 3px solid #512e0b; } .btn-sepia.btn-3d:hover, .btn-sepia.btn-3d:focus { border-bottom-color: #60370f; } .btn-slate-blue { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 27px 6px 58px; background: #6a5acd url(../images/bg-buttons.png) no-repeat 29px -784px; -moz-text-shadow: #3f33a1 0 1px 1px; -o-text-shadow: #3f33a1 0 1px 1px; -webkit-text-shadow: #3f33a1 0 1px 1px; text-shadow: #3f33a1 0 1px 1px; color: #ffffff; } .btn-slate-blue:hover, .btn-slate-blue:focus { background-image: url(../images/bg-buttons.png); background-position: 29px -784px; background-color: #7161da; color: #ffffff; } .btn-slate-blue.btn-3d { border-bottom: 3px solid #5b4cba; } .btn-slate-blue.btn-3d:hover, .btn-slate-blue.btn-3d:focus { border-bottom-color: #6253c5; } .btn-slate-gray { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 28px 6px ; background: #708090; -moz-text-shadow: #485665 0 1px 1px; -o-text-shadow: #485665 0 1px 1px; -webkit-text-shadow: #485665 0 1px 1px; text-shadow: #485665 0 1px 1px; color: #ffffff; } .btn-slate-gray:hover, .btn-slate-gray:focus { background-color: #778899; color: #ffffff; } .btn-slate-gray.btn-3d { border-bottom: 3px solid #63717f; } .btn-slate-gray.btn-3d:hover, .btn-slate-gray.btn-3d:focus { border-bottom-color: #6b7a89; } .btn-swamp-green { font-size: 14px; line-height: 19px; margin: 0 0 20px; border: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 27px 6px 28px; background: #acb78e; -moz-text-shadow: #737e56 0 1px 1px; -o-text-shadow: #737e56 0 1px 1px; -webkit-text-shadow: #737e56 0 1px 1px; text-shadow: #737e56 0 1px 1px; color: #ffffff; } .btn-swamp-green:hover, .btn-swamp-green:focus { background-color: #b5c096; color: #ffffff; } .btn-swamp-green.btn-3d { border-bottom: 3px solid #939d79; } .btn-swamp-green.btn-3d:hover, .btn-swamp-green.btn-3d:focus { border-bottom-color: #9fa985; } .btn-swamp-green.btn-md, .btn-slate-gray.btn-md, .btn-slate-blue.btn-md, .btn-sepia.btn-md, .btn-tangerine.btn-md, .btn-reef.btn-md, .btn-royal-blue.btn-md, .btn-rosy-brown.btn-md, .btn-egg-blue.btn-md, .btn-light-gray.btn-md, .btn-viridian.btn-md, .btn-aquamarine.btn-md, .btn-casper.btn-md, .btn-mauve.btn-md, .btn-maroon.btn-md { font-size: 16px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; height: 37px; } .btn-swamp-green.btn-lg, .btn-slate-gray.btn-lg, .btn-slate-blue.btn-lg, .btn-sepia.btn-lg, .btn-tangerine.btn-lg, .btn-reef.btn-lg, .btn-royal-blue.btn-lg, .btn-rosy-brown.btn-lg, .btn-egg-blue.btn-lg, .btn-light-gray.btn-lg, .btn-viridian.btn-lg, .btn-aquamarine.btn-lg, .btn-casper.btn-lg, .btn-mauve.btn-lg, .btn-maroon.btn-lg, .btn-swamp-green.btn-lg.btn-3d, .btn-slate-gray.btn-lg.btn-3d, .btn-slate-blue.btn-lg.btn-3d, .btn-sepia.btn-lg.btn-3d, .btn-tangerine.btn-lg.btn-3d, .btn-reef.btn-lg.btn-3d, .btn-royal-blue.btn-lg.btn-3d, .btn-rosy-brown.btn-lg.btn-3d, .btn-egg-blue.btn-lg.btn-3d, .btn-light-gray.btn-lg.btn-3d, .btn-viridian.btn-lg.btn-3d, .btn-aquamarine.btn-lg.btn-3d, .btn-casper.btn-lg.btn-3d, .btn-mauve.btn-lg.btn-3d, .btn-maroon.btn-lg.btn-3d { font-weight: 500; font-size: 18px; line-height: 24px; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; height: 47px; } .btn-swamp-green.btn-lg, .btn-slate-gray.btn-lg, .btn-slate-blue.btn-lg, .btn-sepia.btn-lg, .btn-tangerine.btn-lg, .btn-reef.btn-lg, .btn-royal-blue.btn-lg, .btn-rosy-brown.btn-lg, .btn-egg-blue.btn-lg, .btn-light-gray.btn-lg, .btn-viridian.btn-lg, .btn-aquamarine.btn-lg, .btn-casper.btn-lg, .btn-mauve.btn-lg, .btn-maroon.btn-lg { padding-top: 9px; padding-bottom: 11px; height: 44px; } .btn-swamp-green.btn-3d, .btn-slate-gray.btn-3d, .btn-slate-blue.btn-3d, .btn-sepia.btn-3d, .btn-tangerine.btn-3d, .btn-reef.btn-3d, .btn-royal-blue.btn-3d, .btn-rosy-brown.btn-3d, .btn-egg-blue.btn-3d, .btn-light-gray.btn-3d, .btn-viridian.btn-3d, .btn-aquamarine.btn-3d, .btn-casper.btn-3d, .btn-mauve.btn-3d, .btn-maroon.btn-3d { padding-top: 7px; padding-bottom: 7px; font-size: 14px; line-height: 19px; height: 35px; } .btn-swamp-green.btn-3d.btn-md, .btn-slate-gray.btn-3d.btn-md, .btn-slate-blue.btn-3d.btn-md, .btn-sepia.btn-3d.btn-md, .btn-tangerine.btn-3d.btn-md, .btn-reef.btn-3d.btn-md, .btn-royal-blue.btn-3d.btn-md, .btn-rosy-brown.btn-3d.btn-md, .btn-egg-blue.btn-3d.btn-md, .btn-light-gray.btn-3d.btn-md, .btn-viridian.btn-3d.btn-md, .btn-aquamarine.btn-3d.btn-md, .btn-casper.btn-3d.btn-md, .btn-mauve.btn-3d.btn-md, .btn-maroon.btn-3d.btn-md { padding-top: 9px; padding-bottom: 10px; height: 40px; font-size: 16px; line-height: 19px; } .btn-suitcase { margin: 0 0 20px; font-size: 12px; line-height: 16px; padding: 10px 37px 11px 48px; border: 1px solid #6bbae8; background: #ffffff; text-transform: uppercase; background: url(../images/bg-buttons.png) no-repeat 24px -866px; color: #494949; font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-suitcase:hover, .btn-suitcase:active, .btn-suitcase:focus { border-color: #6bbae8; background-image: url(../images/bg-buttons.png); background-position: 24px -866px; } .btn-suitcase.btn-md { font-size: 14px; line-height: 16px; padding: 13px 19px 14px 55px; background-position: 25px -946px; letter-spacing: 1px; } .btn-suitcase.btn-lg { font-size: 16px; line-height: 18px; padding: 16px 36px 18px 81px; background-position: 40px -1025px; letter-spacing: 1px; } /* diversity-buttons end */ .introducing-buttons { background: #3ea5e1; padding: 31.799999999999997px 0 6px; text-align: center; margin: 0 0 12px; } .introducing-buttons .jumbotron { margin: 0; background: none; padding-left: 18%; padding-right: 18%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .introducing-buttons .jumbotron .btn-white { margin: 0 0 22px; } .introducing-buttons .jumbotron h2 { color: #ffffff; font-size: 40px; line-height: 44px; margin: 0 0 29px; } .introducing-buttons .jumbotron p { font-size: 13px; line-height: 17px; color: #ffffff; margin: 0 0 21px; } .hold-outline { padding: 18px 0 32px; } .hold-outline h2 { margin: 0 0 33px; } .info-contacts { padding: 40px 0 41px; } .info-contacts .map { margin: 0 0 56px; } .info-contacts .map .info-box { position: absolute; top: 20px; right: 20px; width: 250px; padding: 16.799999999999997px 20px 10px; background: #6bbae8; } .info-contacts .map .info-box .contacts { margin: 0 0 12px; } .info-contacts .map .info-box .hold-img { margin: 0 0 12px 2px; } .info-contacts .map .info-box .hold-img img { display: inline; width: auto; } .info-contacts h2 { font-size: 26px; line-height: 29px; margin: 0 0 25px; } .info-contacts .about-staff { padding: 0 3% 0 0; overflow: hidden; width: 100%; } .info-contacts .about-staff .holder { width: 100%; overflow: hidden; padding: 0 0 29px; } .info-contacts .about-staff .hold-img { width: 19%; margin: 0 10px 15px 0; } .info-contacts .about-staff .hold-img img { display: block; width: 100%; height: auto; } .info-contacts .about-staff .hold-text { width: 77.8%; padding: 6px 0 0; } .info-contacts .about-staff .hold-text h3 { font-size: 26px; line-height: 29px; font-weight: 300; margin: 0 0 3px; } .info-contacts .about-staff .hold-text h3 a { color: #151515; } .info-contacts .about-staff .hold-text h3 a:hover { color: #3ea5e0; } .info-contacts .about-staff .hold-text .office { margin: 0 0 14px; } .info-contacts .about-staff p { font-size: 13px; line-height: 18px; margin: 0 0 20px; } .info-contacts .hold-line { padding: 0 0 18px; margin: 0 0 33px; } .form-details { background: #eeeeee; padding: 30px 6.3% 15px 6.5%; margin: 0 0 20px; } .form-details .text { display: block; font-size: 12px; line-height: 16px; color: #070707; margin: 0 0 7px; } .form-details .antispam-question { padding: 0 0 15px; } .form-details .antispam-question .field-text.field-middle { margin-top: -2px; } .form-details .antispam-question .col-md-8 { width: 68.3%; } .form-details .antispam-question .col-md-4 { width: 31.7%; } .form-details button.btn-details.btn-blue-light { font-size: 16px; line-height: 19px; letter-spacing: 1px; width: 182px; height: 52px; padding-top: 16px; padding-bottom: 16px; } /* services */ .services { padding: 18px 0 0; margin: 0 0 40px; overflow: hidden; width: 100%; } .services-line { overflow: hidden; border-bottom: 1px solid #f9fafa; margin-top: 1px; margin-bottom: -1px; } .services-line .thumbnail { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 35px 5% 9999px 0; border-right: 1px solid #f9fafa; margin: 0 0 -9999px; } .services-line .col-sm-4:last-child .thumbnail { border: none; } .services-line .hold-services { padding: 0 0 20px 91px; overflow: hidden; } .services-line .hold-services .hold-icon { margin: 5px 0 0 -90px; width: 73px; height: 73px; line-height: 70px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; border: 1px solid #3ea5e1; text-align: center; } .services-line .hold-services .hold-icon img { vertical-align: middle; } .services-line .hold-services .title { font-size: 20px; line-height: 26px; display: inline-block; vertical-align: top; margin: 0 0 21px; font-weight: 300; color: #151515; } .services-line .hold-services .hold-link { color: #151515; } .services-line .hold-services .hold-link:hover .title { color: #3ea5e0; } .services-line .hold-services p { color: #5f5f5f; font-size: 13px; line-height: 18px; margin: 0 0 18px; } .services-line .hold-services p .link-primary { color: #3ea5e1; font-size: 14px; line-height: 18px; letter-spacing: 1px; } .services-line .hold-services p .link-primary:hover { color: #151515; } /* not-found */ .not-found { background: #fffa00 url(../images/bg-yellow-hold.gif) repeat-y 50% 0; } .not-found .holder { background: url(../images/bg-yellow.gif) no-repeat 50% 0; padding: 27px 0 55px; } .not-found .holder .jumbotron { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 0; padding-bottom: 0; } .not-found .holder h2 { font-size: 46px; line-height: 49px; margin: 0 0 42px; } .not-found .holder .hold-img { padding: 40px 0 0; margin: 0 0 88px; } .not-found .holder p { font-size: 15px; line-height: 18px; color: #151515; margin: 0 0 27px; } .not-found .holder .field-search.field-large { margin: 0 0 30px; } /* portfolio */ .portfolio { width: 100%; overflow: hidden; padding: 37px 0 9px; } .portfolio .hold-img { position: relative; margin: 0 0 15px; overflow: hidden; } .portfolio .hold-img img { display: block; width: 100%; height: auto; } .portfolio .hold-img .hold-bar { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; padding: 195px 0 0; background: rgba(255, 255, 255, 0.6); } .portfolio .hold-img .hold-bar .bar { text-align: center; } .portfolio .hold-img .hold-bar .bar li { margin: 0; padding: 12.899999999999999px 16px 9px 14px; display: inline-block; vertical-align: top; } .portfolio .hold-img .hold-bar .bar li:first-child { border-right: 1px solid #ffffff; } .portfolio .hold-img .hold-bar .bar li a { padding: 0; } .portfolio .hold-img .hold-bar .bar li a .im-icon-zoom-in, .portfolio .hold-img .hold-bar .bar li a .im-icon-link { font-size: 28px; line-height: 32px; color: #945dae; display: inline-block; vertical-align: top; position: relative; margin: 0; } .portfolio .hold-img .hold-bar .bar li a:hover { text-decoration: none; } .portfolio .hold-img .hold-bar .bar li a:hover .im-icon-zoom-in, .portfolio .hold-img .hold-bar .bar li a:hover .im-icon-link { color: #ffffff; } .portfolio .hold-img.more { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; margin: 1px 1px 31px; } .portfolio .hold-img.more img.img-circle { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .portfolio .hold-img.more .hold-bar { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; left: -9999px; top: -9999px; padding: 108px 0 0; } .portfolio .hold-img.more.active .hold-bar, .portfolio .hold-img.more:hover .hold-bar { left: 0; top: 0; } .portfolio h2 { font-size: 15px; line-height: 19px; margin: 0; letter-spacing: 0; } .portfolio h2 a { color: #151515; } .portfolio h2 a:hover { color: #3ea5e0; } .portfolio .text-definition { display: block; margin: 0 0 9px; color: #6a6a6a; } .portfolio .hold-text { margin: -5px 0 20px; } .portfolio .hold-text .hold-line { padding: 0 0 10px; } .portfolio p { margin: 0 0 27px; color: #6a6a6a; } .portfolio .btn-details.btn-blue { margin: 0 0 10px; } .portfolio .box-space { padding-bottom: 39px; } .portfolio .box-space.more { padding-bottom: 21px; } .portfolio .hold-title { padding: 0 0 22px; } .portfolio .hold-title h2 { font-size: 15px; line-height: 17px; } .portfolio .tabs-business { padding: 0; } .portfolio .tabs-business .nav-tabs li a { padding: 14px 32px; } .portfolio .tabs-business .nav-tabs li:last-child a { padding-left: 26px; padding-right: 26px; } .portfolio .tabs-business .nav-tabs li.active:last-child a, .portfolio .tabs-business .nav-tabs li li:last-child a:hover { padding-bottom: 16px !important; margin: 0 0 -1px; } .portfolio .tabs-business .tab-content { margin: 0 0 10px; padding: 27px 29px 17px; } .portfolio-list { padding: 0 0 10.5px; } .portfolio-list li { padding: 0 15px 0 0; margin: 0 0 10px; background: none; } .portfolio-list li a { color: #6a6a6a; display: block; padding: 0 0 2px; } .portfolio-list li.active a, .portfolio-list li a:hover { padding: 0; border-bottom: 2px solid #945dae; color: #6a6a6a; } .portfolio-list li.active a { cursor: default; } /* tabs-business */ .tabs-business { padding: 0 0 48px; } .tabs-business .nav-tabs { border-bottom-color: #e4e4e4; padding: 0; } .tabs-business .nav-tabs li { margin: 0 1px 0 0; background: none; padding: 0; } .tabs-business .nav-tabs li a { background: #3ea5e1; font-size: 15px; line-height: 17px; color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 14px 36px 14px 30px; } .tabs-business .nav-tabs li:first-child a { padding: 14px 36px 14px 37px; } .tabs-business .nav-tabs li.active a, .tabs-business .nav-tabs li a:hover { background: #ffffff; color: #151515; border-color: #e4e4e4; border-bottom: #fff; padding-bottom: 16px; margin: 0 0 -1px; } .tabs-business .tab-content { border: 1px solid #e4e4e4; border-top: none; padding: 27px 29px 8px; margin: 0 0 25px; } .tabs-business .tab-content p { margin: 0 0 17px; } .block-date { padding: 19.200000000000003px 1% 0 89px; overflow: hidden; background: #945dae; margin: 0 0 10px; } .block-date .clock { margin: -19px 0 0 -89px; width: 62px; height: 62px; background: #a168bc url(../images/bg-clock.png) no-repeat 50% 19px; } .block-date .text-date { display: block; margin: 0 0 10px; color: #ffffff; font-size: 15px; line-height: 20px; font-weight: 300; } .comments { width: 100%; overflow: hidden; padding: 0 0 63px 0; } .comments .hold-comments { padding: 0 0 0 100px; } .comments .hold-comments .box { padding: 0 0 15px; overflow: visible; } .comments .hold-comments .box:after { content: ""; display: block; clear: both; } .comments .hold-img { width: 80px; margin: 5px 0 0 -100px; } .comments h2 { margin: 0 0 23px; } .comments .topiclist { padding: 0; } .comments .topiclist li { background: none; border-left: 1px solid #eff1f2; padding: 0 15px 0 10px; margin: 0 0 14px; } .comments .topiclist li:first-child { border: none; padding-left: 0; } .comments .topiclist li small { font-size: 11px; line-height: 15px; } .comments p { font-size: 13px; line-height: 17px; margin: 0 0 16px; } /* pricing */ .pricing { width: 100%; overflow: hidden; } .pricing p { color: #6a6a6a; margin: 0 0 25px; } .pricing .hold-line { padding: 0 0 10px; margin: 0 0 36px; } .products-pricing { margin: 0 0 0 -0.7%; padding: 20px 0; } .products-pricing .pricing-hold { background: #eff1f2; text-align: center; border: 1px solid #c6c6c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 24.3%; margin: 36px 0 50px 0.7%; display: inline-block; vertical-align: top; position: relative; z-index: 1; padding: 0 0 13px; } .products-pricing .pricing-hold .head-level { background: #d2d2d2; padding: 0 0 9px; border-bottom: 1px solid #bdbdbd; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; margin: 0 0 23px; } .products-pricing .pricing-hold .head-level .text-mounthly { color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 300; display: block; margin: 0 0 14px; padding: 13.5px 2% 0; } .products-pricing .pricing-hold .head-level .text-mounthly .price { color: #ffffff; font-size: 34px; line-height: 37px; display: block; margin: 0; } .products-pricing .pricing-hold .head-level .text-mounthly .price .number { font-size: 60px; line-height: 37px; letter-spacing: 1px; } .products-pricing .pricing-hold .head-level .box-name { background: rgba(0, 0, 0, 0.305) url(../images/bg-pricing-line.png) repeat-x 0 100%; padding: 11px 1% 4px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; margin: 0 0 30px; } .products-pricing .pricing-hold .head-level .box-name .title { color: #ffffff; font-weight: 300; font-size: 20px; line-height: 25px; display: block; margin: 0 0 10px; } .products-pricing .pricing-hold .hold-line { border-bottom-color: #e2e3e4; padding: 0 1% 9px; margin: 0 0 16px; } .products-pricing .pricing-hold .text-feature { display: block; margin: 0 0 8px; } .products-pricing .pricing-hold .property-used { display: block; margin: 0 auto 5px; } .products-pricing .pricing-hold .property-used .fa-icon-remove, .products-pricing .pricing-hold .property-used .fa-icon-ok { font-size: 17px; line-height: 20px; display: block; color: #658d1e; } .products-pricing .pricing-hold .property-used .fa-icon-remove { display: none; color: #9f101a; font-size: 18px; line-height: 20px; } .products-pricing .pricing-hold .property-used.not { background-position: 0 -496px; width: 13px; height: 13px; margin: -2px auto 14px; } .products-pricing .pricing-hold .property-used.not .fa-icon-ok { display: none; } .products-pricing .pricing-hold .property-used.not .fa-icon-remove { display: block; } .products-pricing .pricing-hold .btn-details.btn-gray-dark, .products-pricing .pricing-hold .btn-details.btn-blue-light { margin: 11px auto 15px; padding: 11px 30px 12px ; font-size: 14px; line-height: 19px; } .products-pricing .pricing-hold:hover { width: 27.7%; margin: 16px -1.7% 20px -1%; padding: 0 0 43px; z-index: 2; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px; box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px; border-color: #3ea5e1; } .products-pricing .pricing-hold:hover .box-name { padding-top: 31px; } .products-pricing .pricing-hold:hover .btn-details.btn-gray-dark { background: #6bbae8; } .products-pricing .pricing-hold.pricing-turquoise-dark .head-level { background: #0d5875; } .products-pricing .pricing-hold.pricing-turquoise-dark:hover .btn-details.btn-blue-light { background: #0d5875; } .products-pricing .pricing-hold.pricing-turquoise .head-level { background: #37d9cf; } .products-pricing .pricing-hold.pricing-turquoise:hover .btn-details.btn-blue-light { background: #37d9cf; } .products-pricing .pricing-hold.pricing-orange .head-level { background: #ff721e; } .products-pricing .pricing-hold.pricing-orange:hover .btn-details.btn-blue-light { background: #ff721e; } .products-pricing .pricing-hold.pricing-red .head-level { background: #e73220; } .products-pricing .pricing-hold.pricing-red:hover .btn-details.btn-blue-light { background: #e73220; } .products-pricing .pricing-hold.pricing-turquoise-dark, .products-pricing .pricing-hold.pricing-turquoise, .products-pricing .pricing-hold.pricing-orange, .products-pricing .pricing-hold.pricing-red { border: 1px solid #e5e5e5; padding: 0 0 13px; margin-bottom: 60px; } .products-pricing .pricing-hold.pricing-turquoise-dark .head-level, .products-pricing .pricing-hold.pricing-turquoise .head-level, .products-pricing .pricing-hold.pricing-orange .head-level, .products-pricing .pricing-hold.pricing-red .head-level { margin: -1px -1px 22px; padding: 0 0 33px; } .products-pricing .pricing-hold.pricing-turquoise-dark .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-turquoise .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-orange .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-red .head-level .text-mounthly .price { display: inline; } .products-pricing .pricing-hold.pricing-turquoise-dark .btn-details.btn-blue-light, .products-pricing .pricing-hold.pricing-turquoise .btn-details.btn-blue-light, .products-pricing .pricing-hold.pricing-orange .btn-details.btn-blue-light, .products-pricing .pricing-hold.pricing-red .btn-details.btn-blue-light { background: #3ea5e1; } .products-pricing .pricing-hold.pricing-turquoise-dark .box-name, .products-pricing .pricing-hold.pricing-turquoise .box-name, .products-pricing .pricing-hold.pricing-orange .box-name, .products-pricing .pricing-hold.pricing-red .box-name { padding: 12px 1% 4px; } .products-pricing .pricing-hold.pricing-turquoise-dark:hover, .products-pricing .pricing-hold.pricing-turquoise:hover, .products-pricing .pricing-hold.pricing-orange:hover, .products-pricing .pricing-hold.pricing-red:hover { padding-bottom: 13px; margin-bottom: 60px; } .products-pricing .pricing-hold.pricing-turquoise-dark:hover .box-name, .products-pricing .pricing-hold.pricing-turquoise:hover .box-name, .products-pricing .pricing-hold.pricing-orange:hover .box-name, .products-pricing .pricing-hold.pricing-red:hover .box-name { padding-top: 32px; } .star { background: url(../images/bg-star.png) no-repeat 0 0; width: 117px; height: 18px; margin: 0 auto 7px; position: relative; text-indent: -9999px; overflow: hidden; } .star .bg-star { width: 100%; background: url(../images/bg-star.png) no-repeat 0 -18px; } .star.star-red { background-position: 0 -36px; } .star.star-red .bg-star { background-position: 0 -54px; } /* well-blue-light */ .well-blue-light, .well-purple { background: #6bbae8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-top: 57px; padding-bottom: 41px; -webkit-box-shadow: #000000 0 0 0 inset; -moz-box-shadow: #000000 0 0 0 inset; box-shadow: #000000 0 0 0 inset; overflow: hidden; border: none; border-top: 1px solid #a6d6f1; border-bottom: 1px solid #a6d6f1; margin: 0 0 39px; } .well-blue-light .hold-title, .well-purple .hold-title { padding: 0 0 0 1%; width: 82%; } .well-blue-light .hold-title h2, .well-purple .hold-title h2 { color: #ffffff; font-size: 35px; line-height: 38px; letter-spacing: 0; margin: 0 0 20px; } .well-blue-light .hold-title h2 .link-logo.link-white, .well-purple .hold-title h2 .link-logo.link-white { font-size: 29px; line-height: 33px; } .well-blue-light .hold-title h2 .link-logo.link-white span, .well-purple .hold-title h2 .link-logo.link-white span { font-size: 46px; line-height: 49px; } .well-blue-light .hold-title h2 .link-logo.link-white span .text-sup, .well-purple .hold-title h2 .link-logo.link-white span .text-sup { padding-top: 12px; margin-right: -3px; font-size: 14px; line-height: 17px; } .well-blue-light .btn-details, .well-purple .btn-details { margin: 3px 18px 20px 5px; font-size: 15px; line-height: 18px; padding: 13px 28px 13px; height: 47px; } .well-purple { background: #7a4792; padding-top: 19px; padding-bottom: 3px; border: none; margin: 0 0 35px; } .well-purple .hold-title { padding: 3px 0 0 1.1%; width: 72%; } .well-purple .hold-title h2 { font-size: 25px; line-height: 27px; margin: 0 ; } .well-purple .hold-title p { color: #ffffff; margin: 0 0 15px; } .well-purple .btn-details { margin: 3px -2px 20px 5px; padding: 12.96px 27px; } /* shop */ .shop, .shopping { width: 100%; overflow: hidden; } .shopping { margin: -5px 0 0; } .shopping h3 { letter-spacing: 1px; } .shop { padding: 0 0 11.100000000000001px; } .shop h2 { font-size: 46px; line-height: 49px; margin: 0 0 33px; } .shop .hold-products { width: 100%; overflow: hidden; } .shop .hold-products .visual-products .title { margin: 0 0 18px; } .shop .hold-products .visual-products .price { margin: 0 0 19px; } .shop .hold-products .visual-products .star { margin-bottom: 8px; } .products-shop { padding: 0 0 10px; width: 100%; overflow: hidden; } .products-shop .hold-img { width: 54.1%; margin: 0 1% 19px 0; } .products-shop .hold-img img { display: block; width: 100%; height: auto; } .products-shop .products-info { margin: -4px 0 0; width: 42.6%; } .products-shop .products-info h2 { font-size: 15px; line-height: 19px; margin: 0 0 19px; } .products-shop .products-info h2 a { color: #151515; } .products-shop .products-info h2 a:hover { color: #3ea5e0; } .products-shop .products-info .price { margin: 0 0 19px; } .products-shop .products-info .star.star-red { margin: 0 0 13px; } .products-shop .products-info p { font-size: 13px; line-height: 18px; color: #6a6a6a; margin: 0 0 20px; } .products-shop .products-info p .link-blue { margin: 0 0 0 7px; } .products-shop .products-info .hold-btn { padding: 29px 0 0; } .link-blue { color: #3ea5e1; text-decoration: underline; } .link-blue:hover { text-decoration: none; } .form-options { padding: 43px 0 0 1px; } .form-options .hold-select { padding: 0 0 40px 0; margin: 0 10px 0 0; } label { font-size: 13px; line-height: 17px; font-weight: 300; margin: 0 0 10px; } .label-check { padding: 0 0 0 27px; margin: 0 0 25px; } .label-check em { font-size: 12px; line-height: 21px; letter-spacing: 1px; } .hold-select { overflow: hidden; width: 103px; } .hold-select select { width: 103px; } .form-login { padding: 0 0 25px; } .form-login button.btn-details.btn-blue-light.more { width: 98px; font-size: 14px; line-height: 17px; } .form-login label { margin: 0 0 6px; } .form-login .label-check { margin: 0 0 27px; } .form-login .hold-check { margin: -6px 0 0; } .box-shopping { background: #8b55a4; padding: 28px 11.1% 19.5px 11.5%; margin: 0 0 35px; } .box-shopping .text-subtotal { display: block; margin: 0 0 13px; padding: 0 0 0 7%; color: #ffffff; font-size: 15px; line-height: 19px; font-weight: 300; } .box-shopping .hold-btn { overflow: hidden; margin: 0 -2px; padding: 4px 0 0; } .box-shopping .hold-btn .btn-details.btn-purple { width: 105px; background: #8b55a4; } .box-shopping .hold-btn .btn-details.btn-purple:hover, .box-shopping .hold-btn .btn-details.btn-purple:focus { background: #7a4792; } #sidebar .box-shopping h3 { color: #ffffff; margin: 0 0 34px; letter-spacing: 0; } #sidebar .box-shopping .hold-line { margin: 0 0 17px; padding: 0 0 4px; border-bottom-color: #ae88bf; } .list-cart { padding: 0 0 6px; } .list-cart li { position: relative; padding: 0 23px 0 0; background: none; margin: 0 0 10px; overflow: hidden; } .list-cart li .hold-img { width: 41.4%; margin: 0 0 10px; } .list-cart li .hold-img img { display: block; width: 100%; height: auto; } .list-cart li .hold-info { width: 53%; margin: -3px 0 0; } .list-cart li .title { font-size: 15px; line-height: 17px; color: #ffffff; display: block; margin: 0 0 3px; font-weight: 300; } .list-cart li .title a { color: #ffffff; } .list-cart li .title a:hover { text-decoration: underline; } .list-cart li .text, .list-cart li .number { display: block; color: #c9a7d9; } .list-cart li .number { padding: 8.100000000000001px 0 0; margin: 0 0 6px; } .list-cart li .number span { color: #ffffff; } .list-cart li .btn-close { position: absolute; top: 0px; right: 0px; width: 17px; height: 17px; background: #ae88bf url(../images/bg-all.png) no-repeat 4px -2007px; text-indent: -9999px; overflow: hidden; } /* shopping-cart */ .shopping-cart { width: 100%; overflow: hidden; padding: 0 0 18px; } .shopping-cart .hold-coupon { width: 100%; overflow: hidden; padding: 0 0 0 12px; } .shopping-cart .hold-coupon .field-text.field-small { width: 190px; margin: 0 10px 15px 0; } .shopping-cart .hold-coupon label { font-size: 15px; line-height: 31px; margin: 0 23px 10px 0; } .shopping-cart .hold-link { padding: 16px 0; overflow: hidden; } .table-responsive { margin-bottom: 30px; } .table { text-align: center; margin-bottom: 0; } .table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td { border: 1px solid #e8e8e8; vertical-align: middle; padding: 38px 2%; } .table thead tr th, .table tbody tr th, .table tfoot tr th { text-align: center; background: #fdfdfd; font-size: 15px; line-height: 19px; color: #151515; font-weight: 300; padding-top: 16.98px; padding-bottom: 18px; } .table thead tr td:first-child, .table tbody tr td:first-child, .table tfoot tr td:first-child { width: 32.6%; } .table thead tr:last-child td, .table tbody tr:last-child td, .table tfoot tr:last-child td { padding: 29px 2.7% 14px; } .table .hold-select { width: 93px; margin: 0 auto; text-align: left; } .table .hold-select select { width: 93px; } .table .hold-products { margin: 0 auto; padding: 9.959999999999999px 0 0 99px; overflow: hidden; text-align: left; width: 80%; } .table .hold-products .hold-img { width: 77px; margin: -10px 0 0 -99px; } .table .hold-products .title { font-size: 15px; line-height: 17px; color: #151515; display: block; margin: 0 0 4px; font-weight: 300; } .table .hold-products a { color: #151515; } .table .hold-products a:hover .title { color: #3ea5e0; } .table .hold-products .text-size { display: block; color: #6a6a6a; font-size: 13px; line-height: 17px; } .table .price { margin: 0; letter-spacing: 1px; } .table .hold-btn { width: 100%; overflow: hidden; text-align: left; padding: 0 0 0 85px; } .table .hold-btn .btn-details.btn-blue-light { padding: 6px 29px 8px 28px; } .table .btn-details.btn-blue-light { width: auto; padding: 6px 27px 8px 28px; text-transform: capitalize; margin: 1px 8px 17px 0; font-size: 16px; line-height: 20px; } .btn-basket { display: block; width: 17px; margin: 0 auto ; } .btn-basket .im-icon-remove-2 { color: #6a6a6a; font-size: 18px; line-height: 21px; } .btn-basket:hover .im-icon-remove-2 { color: #3ea5e0; } .link-calculate { font-size: 15px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 0 38px 0 0; background: url(../images/bg-all.png) no-repeat 100% -2105px; margin: 0 0 15px; } .link-calculate:hover { background-position: 100% -2205px; } .list-totals { padding: 0; } .list-totals li { overflow: hidden; background: none; padding: 18px 22.8% 18px 14.5%; font-size: 15px; line-height: 18px; color: #6a6a6a; text-align: right; border-color: #e8e8e8; border-top-color: #f1f1f1; border-bottom-color: #f1f1f1; } .list-totals li:first-child { border-top-color: #e8e8e8; padding: 15px 10%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .list-totals li h2 { font-size: 15px; line-height: 20px; margin: 0; text-transform: uppercase; } .list-totals li .text-name { color: #151515; font-weight: 300; margin: 0 2px 0 0; } .list-totals li:last-child { border-bottom-color: #e8e8e8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* testimonials-people */ .testimonials-people { padding: 40px 0 31px; } .text-page { width: 100%; overflow: hidden; padding: 0 0 18px; } .text-page p { font-size: 13px; line-height: 21px; color: #6a6a6a; margin: 0 0 38px; } .text-page .hold-text { padding: 0 0 9px; width: 100%; overflow: hidden; } .text-page .item-quality { margin: 0 0 35px; } .text-page .advertising { padding: 0 0 34px; } .text-page .advertising .col-xs-5 { width: 44.4%; } .text-page .list-partners { padding: 0 0 7.5px; } .text-page .list-partners li { margin: 0 2px; } .blockquote { border: none; width: 34.6%; border-right: 6px solid #af91be; padding: 9px 18px 13.200000000000001px 0; margin: 0 19px 0 0; } .blockquote p { font-style: italic; font-size: 13px; line-height: 18px; color: #151515; } .blockquote.else { width: 36.5%; border: none; border-left: 6px solid #af91be; padding: 10.98px 0 11.399999999999999px 19.98px; margin: 0 0 0 19px; } .blockquote.else p { text-align: left; } .list-components { padding: 4.9799999999999995px 0 0; } .list-components > li { padding: 0; background: none; border-color: #eeeeee; } .list-components > li > a { padding: 10px 38px 10px 22px; display: block; font-size: 15px; line-height: 20px; color: #151515; } .list-components > li > a:hover { color: #3ea5e0; } .list-components > li > a .fa-icon-angle-right, .list-components > li > a .fa-icon-angle-down { color: #7a4792; font-size: 18px; line-height: 20px; margin: 0 -29px 0 0; } .list-components > li > a .fa-icon-angle-down { display: none; } .list-components > li ul { display: none; border-top: 1px solid #eeeeee; padding: 9px 6%; background: #fbfbfb; } .list-components > li ul li { padding: 9px 9px 6.959999999999999px 18px; background: none; border-top: 1px solid #f3f3f3; } .list-components > li ul li:first-child { border: none; } .list-components > li ul li a { color: #6a6a6a; font-size: 13px; line-height: 18px; padding: 0 0 0 18px; background: url(../images/bg-list-group.png) no-repeat 1px -225px; } .list-components > li ul li a:hover { color: #3ea5e0; } .list-components > li.active ul { display: block; } .list-components > li.active .link { background-position: 94% -132px; color: #151515; cursor: default; } .list-components > li.active .fa-icon-angle-down { display: block; } .list-components > li.active .fa-icon-angle-right { display: none; } .list-components > li:first-child a { padding: 31px 38px 10px 22px; } .blockquote-else { border: 1px solid #d8d8d8; margin: -2px 24px 17px 0; padding: 24px 3% 30px 9.4%; background: url(../images/bg-quote.png) no-repeat 3.4% -97px; } .blockquote-else p { font-size: 18px; line-height: 24px; color: #151515; margin: 0 0 10px; } .blockquote-blue { border-left: 4px solid #3ea5e1; padding: 20px 26px 22px; margin: 0 0 26px; } .blockquote-blue p { font-size: 18px; line-height: 24px; color: #151515; } /* typography */ .typography { margin: -4px 0 0; } .typography .hold-line { margin: 0 0 27px; } .typography .hold-line .title { font-size: 26px; line-height: 29px; color: #151515; display: block; margin: 0 0 7px; font-weight: 300; letter-spacing: 1px; } .link-tooltipe { color: #646565; } .link-tooltipe:hover { color: #646565; } .tooltip { font-weight: 700 ; font-size: 13px; line-height: 16px; } .tooltip .tooltip-inner { color: #ffffff; background: #43a3dd ; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 4px 12px 5px 9px; } .tooltip .tooltip-arrow { display: none; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } /* custom-callout */ .custom-callout { margin: -4px 0 0; } .custom-callout h2 { font-size: 26px; line-height: 29px; margin: 0 0 23px; } .custom-callout p { margin: 0 0 39px; } .callout-box { overflow: hidden; padding: 154px 4% 37px; text-align: center; margin: 0 0 60px; background: #8e58a7 url(../images/bg-callout-purple.png) no-repeat 50% 54px; } .callout-box h2 { color: #ffffff; font-size: 40px; line-height: 50px; letter-spacing: 0; margin: 0 0 28px; } .callout-box p { color: #ffffff; margin: 0 0 36px; } .callout-box .btn-details.btn-large { margin-bottom: 20px; } .callout-box.callout-blue { background: #3ea5e1 url(../images/bg-callout-blue.png) no-repeat 37px 49px; padding: 41px 4% 35px 200px; text-align: left; } .callout-box.callout-blue h2 { margin: 0 0 13px; } .callout-box.callout-blue p { margin: 0 0 29px; } .callout-box.callout-white { background: #ffffff; border: 1px solid #dcdcdc; position: relative; text-align: left; min-height: 288px; padding: 40px 4% 34px 399px; } .callout-box.callout-white h2 { color: #151515; margin: 0 0 13px; } .callout-box.callout-white p { color: #6a6a6a; margin: 0 0 29px; } .callout-box.callout-white .hold-img { position: absolute; bottom: 0; left: 0; width: 368px; } .callout-box.callout-black { background: #222021; padding: 0 2% 0 0 ; text-align: left; } .callout-box.callout-black .hold-img { width: 45%; } .callout-box.callout-black .hold-text { width: 52.9%; padding: 28px 0 6px; } .callout-box.callout-black h2 { color: #888888; margin: 0 0 19px; } .callout-box.callout-black h2 .text-white { text-transform: uppercase; color: #ffffff; font-size: 45px; line-height: 49px; } .callout-box.callout-black h2 .text-white .text-red { color: #d81b4e; } .callout-box.callout-black p { color: #959495; margin: 0 0 27px; } /* footer */ #footer { height: 407px; background: #2e3238; } #footer .holder { background: #393e45; padding: 54px 0 40.8px; margin: 0 0 23px; } #footer .title { font-size: 26px; line-height: 29px; color: #ffffff; display: block; margin: 0 0 17px; font-weight: 200; } #footer p { color: #74787d; font-size: 12px; line-height: 17px; margin: 0 0 17px; } #footer p a { color: #fefefe; } #footer p a:hover { color: #3ea5e0; } #footer .hold-text { width: 100%; overflow: hidden; padding: 0 0 9.600000000000001px; } #footer .hold-text p { font-size: 13px; line-height: 19px; color: #95989d; margin: 0 0 7.142857142857143px; } #footer .quick-contacts { padding: 2px 0 0; } #footer .quick-contacts li { margin: 0 0 5px 0; } #footer .quick-contacts li .phone, #footer .quick-contacts li .email { color: #9ea2a5; font-size: 12px; line-height: 17px; padding-left: 21px; } #footer .quick-contacts li .text { font-size: 12px; line-height: 17px; } #footer .quick-contacts li .email { color: #5c5f63; } #footer .quick-contacts li .email a { color: #fefefe; } #footer .quick-contacts li .email a:hover { color: #3ea5e0; } #footer .quick-contacts li .email:hover { text-decoration: none; } #footer .quick-contacts li .phone .text { margin: 0; } #footer .quick-contacts li .phone span { margin: 0 21px 0 0; } #footer .quick-contacts li .phone a { text-decoration: none; cursor: default; display: inline-block; vertical-align: top; } #footer .quick-contacts li .phone a:hover { text-decoration: none; } #footer .quick-contacts li .phone .im-icon-mobile { margin: 0 0 0 -22px; font-size: 13px; line-height: 17px; padding: 0; color: #abadaf; } #footer .quick-contacts li:first-child { margin: 0 35px 5px 0; } #footer .quick-contacts li .fa-icon-envelope { font-size: 11px; line-height: 17px; margin: 1px 0 0 -22px; padding: 0; color: #abadaf; } #footer .list { padding: 0; margin: 0 -14px 0 0; } #footer .list li { padding: 0 16.799999999999997px 6px; background: url(../images/bg-list-line.gif) no-repeat 0 3px; border: none !important; margin: 0; } #footer .list li:first-child { background: none; } #footer .list li a { color: #9ea2a5; font-size: 12px; line-height: 17px; } #footer .list li a:hover { text-decoration: underline; } #footer .list li.active a { text-decoration: underline; } #footer .list li ul { display: none; } #footer .list li ul li { display: none; } .fancy-style, .components, .categories, .popular-posts { width: 100%; overflow: hidden; } .field-email { width: 100%; margin: 0 0 22px; } .field-email input { padding-top: 8.399999999999999px; padding-bottom: 8.399999999999999px; height: 38px; background: #2e3238; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e3238), to(#33373e)); background: -webkit-linear-gradient(#2e3238, #33373e); background: -moz-linear-gradient(#2e3238, #33373e); background: -ms-linear-gradient(#2e3238, #33373e); background: -o-linear-gradient(#2e3238, #33373e); background: linear-gradient(#2e3238, #33373e); -pie-background: linear-gradient(#2e3238, #33373e); border-color: #50565e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #95989d; font-size: 12px; line-height: 14px; -webkit-box-shadow: #1f2226 0 0 1px inset; -moz-box-shadow: #1f2226 0 0 1px inset; box-shadow: #1f2226 0 0 1px inset; } .about-company, .sociable { width: 100%; overflow: hidden; } .subscribe { width: 100%; } .subscribe:after { content: ""; display: block; clear: both; } .staff-foot { width: 100%; } .staff-foot:after { content: ""; display: block; clear: both; } .wrap-team { width: 100%; } .team { list-style: none; width: 390px; margin: 0 0 0 -7.692307692307692px; overflow: hidden; padding: 4px 0 24px; position: relative; } .team li { margin: 0 8px 7.142857142857143px; padding: 0; background: none; display: inline-block; vertical-align: top; border: 6px solid #43484f; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); position: relative; } .tools.tools-foot { padding: 0 0 12px 3px; overflow: hidden; } .tools.tools-foot li { margin: 0 3.3333333333333335px 5px 0; } .tools.tools-foot li a { display: block; width: 34px; height: 34px; background: #33363c; text-align: center; } .tools.tools-foot li a span { font-size: 18px; line-height: 36px; color: #339bce; } .tools.tools-foot li a span.im-icon-youtube { font-size: 18px; line-height: 37px; } .tools.tools-foot li a span.im-icon-linkedin { font-size: 16px; line-height: 37px; } .tools.tools-foot li a:hover span { color: #74787d; cursor: pointer; } /* Checkbox start */ .customCheckbox { width: 20px; height: 21px; float: left; margin: 0 3px 0 -27px; background: url(../images/bg-check.gif) no-repeat 0 0; } .customCheckbox.checkboxAreaChecked { background-position: 0 -21px; } /* Checkbox end */ /* select start*/ .selectArea { line-height: 20px; float: left; } .selectArea .selectButton { display: block; border: 1px solid #e8e8e8; position: relative; text-decoration: none; height: 38px; } .selectArea .selectButton .center { display: block; margin: 0 44px 0 0; padding: 7px 0 9px 12px; background: #fff; color: #646565; } .table .hold-select .selectArea .selectButton .center { padding: 8px 0 8px 15px; } .selectArea .selectButton .right { position: absolute; right: 0px; top: 0px; background: url(../images/bg-select-button.png) no-repeat 0 6px; width: 39px; height: 36px; } .hover .selectButton .right, .selectArea:hover .selectButton .right { background-position: 0 -30px; } .selectOptions { background: #fff; margin: -1px 0 0; } .selectOptions ul { border: 1px solid #e8e8e8; margin: 0; padding: 0 0 6px; list-style: none; } .selectOptions ul li { line-height: 20px; padding: 0; margin: 0; background: none; font-size: 13px; line-height: 17px; } .selectOptions ul li a { padding: 3px 12px; display: block; text-decoration: none; color: #646565; } .selectOptions ul li a:hover, .selectOptions ul li.selected a { background: #3ea5e1; color: #ffffff; } .outtaHere { position: absolute; left: -9999px; } /* select end*/ .form-control:focus { border-color: #6bbae8; -webkit-box-shadow: #ffffff 0 0 0; -moz-box-shadow: #ffffff 0 0 0; box-shadow: #ffffff 0 0 0; } /* placeholder input*/ .field-text input.form-control:-moz-placeholder, .tarea textarea.form-control:-moz-placeholder { color: #646565; opacity: 1; } .field-text input.form-control::-moz-placeholder, .tarea textarea.form-control::-moz-placeholder { color: #646565; opacity: 1; } .field-text input.form-control::-webkit-input-placeholder, .tarea textarea.form-control::-webkit-input-placeholder { color: #646565; } /*placeholder*/ .field-text input.form-control:focus:-moz-placeholder, .tarea textarea.form-control:focus:-moz-placeholder { color: #646565; opacity: 1; } .field-text input.form-control:focus::-moz-placeholder, .tarea textarea.form-control:focus::-moz-placeholder { color: #646565; opacity: 1; } .field-text input.form-control:focus::-webkit-input-placeholder, .tarea textarea.form-control:focus::-webkit-input-placeholder { color: #646565; } /* field-middle and tarea-middle */ .field-text.field-middle input.form-control:-moz-placeholder, .field-text.field-middle input.form-control:focus:-moz-placeholder, .tarea.tarea-middle textarea.form-control:-moz-placeholder, .tarea.tarea-middle textarea.form-control:focus:-moz-placeholder { color: #5c5c5c; } .field-text.field-middle input.form-control::-moz-placeholder, .field-text.field-middle input.form-control:focus::-moz-placeholder, .tarea.tarea-middle textarea.form-control::-moz-placeholder, .tarea.tarea-middle textarea.form-control:focus::-moz-placeholder { color: #5c5c5c; } .field-text.field-middle input.form-control::-webkit-input-placeholder, .field-text.field-middle input.form-control:focus::-webkit-input-placeholder, .tarea.tarea-middle textarea.form-control::-webkit-input-placeholder, .tarea.tarea-middle textarea.form-control:focus::-webkit-input-placeholder { color: #5c5c5c; } /* placeholder field-dark input*/ .field-dark input.form-control:-moz-placeholder { color: #fff; } .field-dark input.form-control::-moz-placeholder { color: #fff; } .field-dark input.form-control::-webkit-input-placeholder { color: #fff; } /*placeholder*/ .field-dark input.form-control:focus:-moz-placeholder { color: #fff; } .field-dark input.form-control:focus::-moz-placeholder { color: #fff; } .field-dark input.form-control:focus::-webkit-input-placeholder { color: #fff; } /* field-blue */ .field-text.field-middle.field-blue input.form-control:-moz-placeholder { color: #767777; } .field-text.field-middle.field-blue input.form-control::-moz-placeholder { color: #767777; } .field-text.field-middle.field-blue input.form-control::-webkit-input-placeholder { color: #767777; } /*placeholder*/ .field-text.field-middle.field-blueinput.form-control:focus:-moz-placeholder { color: #767777; } .field-text.field-middle.field-blue input.form-control:focus::-moz-placeholder { color: #767777; } .field-text.field-middle.field-blue input.form-control:focus::-webkit-input-placeholder { color: #767777; } /* placeholder form-search input*/ .field-search input.form-control:-moz-placeholder { color: #070707; } .field-search input.form-control::-moz-placeholder { color: #070707; } .field-search input.form-control::-webkit-input-placeholder { color: #070707; } .field-search input.form-control:focus:-moz-placeholder { color: #070707; } .field-search input.form-control:focus::-moz-placeholder { color: #070707; } .field-search input.form-control:focus::-webkit-input-placeholder { color: #070707; } /* placeholder form-email input*/ .field-email input.form-control:-moz-placeholder { color: #757a7d; } .field-email input.form-control::-moz-placeholder { color: #757a7d; } .field-email input.form-control::-webkit-input-placeholder { color: #757a7d; } .field-email input.form-control:focus:-moz-placeholder { color: #757a7d; } .field-email input.form-control:focus::-moz-placeholder { color: #757a7d; } .field-email input.form-control:focus::-webkit-input-placeholder { color: #757a7d; } /* placeholder tarea-dark textarea*/ .tarea.tarea-dark textarea.form-control:-moz-placeholder { color: #fff; } .tarea.tarea-dark textarea.form-control::-moz-placeholder { color: #fff; } .tarea.tarea-dark textarea.form-control::-webkit-input-placeholder { color: #fff; } /* textarea placeholder*/ .tarea.tarea-dark textarea.form-control:focus:-moz-placeholder { color: #fff; } .tarea.tarea-dark textarea.form-control::-moz-placeholder { color: #fff; } .tarea.tarea-dark textarea.form-control:focus::-webkit-input-placeholder { color: #fff; } input, button, select, a, a span, .frame .carousel-caption { -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .frame .carousel-caption { -webkit-transition: transform linear 0.3s; -moz-transition: opacity linear 0.3s; -ms-transition: opacity linear 0.3s; -o-transition: opacity linear 0.3s; transition: opacity linear 0.3s; } .pricing-hold, .pricing-hold .box-name { -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .navbar .dropdown-menu { -webkit-transition: opacity linear 0.3s; -moz-transition: opacity linear 0.3s; -ms-transition: opacity linear 0.3s; -o-transition: opacity linear 0.3s; transition: opacity linear 0.3s; } .dropdown-menu li a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } @media (max-width: 1279px) { .gallery-partners .gallery-holder .list-partners li { margin: 0 10px; } .gallery-partners .gallery-holder ul li { width: 1156px; } .list-partners li { margin: 0 10px; } .article .hold-img img { width: 100%; height: auto; display: block; } } @media (max-width: 1240px) { .gallery .gallery-holder ul li.purple .box { margin: 0 0 0 -936px; } .personnel .hold-img { width: 100%; } .personnel .hold-img img { display: block; width: 100%; height: auto; } .personnel .hold-img .hold-name .hold-text { left: 8px; } .gallery-work.more .gallery-holder { margin: 0 auto; width: 600px; height: 246px; } .gallery-work.more .gallery-holder ul li { width: 300px; } .gallery-work.more .gallery-holder ul li:first-child { margin: 0; } .gallery-work.more .gallery-holder ul li img { display: block; width: 100%; height: auto; } .gallery-work.more .gallery-holder ul li .hold-bar { padding-top: 108px; } .well-blue { text-align: center; } .well-blue .hold-title { float: none !important; width: 100%; max-width: 100%; padding: 0; } .well-blue .hold-title h1 { margin: 0 0 20px; } .well-blue .btn-white { float: none !important; margin: 0 0 5px; } .best-sellers h2 { text-align: center; } .gallery-work.goods .gallery-holder { width: 871px; } } @media (max-width: 1220px) { .featured-products .box-products { float: none !important; margin: 0 auto 10px; overflow: hidden; } .featured-products .box-sale { float: none !important; margin: 0 auto 20px; } .testimonials.testimonials-small { padding-left: 7%; padding-right: 7%; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder { height: 245px; width: 190px; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li { width: 190px; } } @media (max-width: 1205px) { .benefit.more { text-align: center; } .benefit.more .hold-title { width: 100%; float: none !important; padding: 0 0 12px; } .benefit.more .btn-details.btn-blue-light { float: none !important; margin: 0 auto 10px; } h2 .logo { float: none; display: inline-block; vertical-align: top; } h2 .logo img { vertical-align: top; } .gallery-partners .gallery-holder { margin: 0 auto 50px; width: 900px; } .gallery-partners .gallery-holder ul li { width: 900px; } .wrap-team { width: 284px; overflow: hidden; } .recent-works .hold-title, .recent-works .hold-title.more { margin: 0 auto; } .recent-works .hold-title h2, .recent-works .hold-title.more h2 { text-align: center; } .gallery-work a.link-prev { right: auto; left: 19px; top: -47px; } .gallery-work a.link-next { right: 19px; top: -47px; } .gallery-work a.link-prev.more { left: 9px; } .gallery-work a.link-next.more { right: 9px; } .gallery-work .gallery-holder { width: 810px; margin: 0 auto; } .gallery-work .gallery-holder ul li { width: 194px; margin: 0 5px; } .gallery-work .gallery-holder ul li:first-child { margin: 0 5px 0 0; } .gallery-work .gallery-holder ul li img { display: block; width: 100%; height: auto; } .gallery-work.projects .gallery-holder { width: 907px; height: 248px; } .gallery-work.projects .gallery-holder ul li { width: 290px; margin: 0 18px 0 0; } .gallery-work.projects .gallery-holder ul li:first-child { margin: 0 18px 0 0; } .gallery-work.projects .gallery-holder ul li img { display: block; width: 100%; height: auto; } .gallery-work.projects .gallery-holder ul li .name-project { font-size: 20px; line-height: 20px; height: 52px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar { padding: 86px 0 0; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar .bar li { margin: 0 15px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more { padding: 10px 0 12px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more .bar li a { font-size: 18px; line-height: 27px; padding: 0 18px 0 0; } .gallery-work.projects .gallery-holder ul li .hold { padding-top: 3px; } .gallery-work.projects .gallery-holder ul li .hold .hold-like { top: 18px; } .our-clients .list-partners li { margin: 0 2% 14px; } .gallery-products.opinion { width: 570px; margin: 0 auto 20px; } .list-process { padding: 0; } } @media (max-width: 1188px) { .block-date { padding: 19.200000000000003px 0.5% 0 75px; } .block-date .clock { margin: -19px 0 0 -75px; } .portfolio .tabs-business .nav-tabs li:first-child a, .portfolio .tabs-business .nav-tabs li a { padding-left: 21px; padding-right: 21px; } .benefit .jumbotron { padding-left: 108px; padding-right: 108px; } #footer .holder { padding: 54px 0 18px; } .gallery .gallery-holder { height: auto; } .gallery .gallery-holder .title { /* font-size: @font-size-middle + 15px; line-height:@line-height-middle + 10px; margin: 0 0 @margin-base*2.3 ; */ } .gallery .gallery-holder .hold { /* height:57px; margin:0 0 @margin-base*3.3; */ } .gallery .gallery-holder ul li { height: 297px; } .gallery .gallery-holder ul li .hold-img { width: 41%; margin: 0 0 0 6.800000000000001%; } .gallery .gallery-holder ul li .hold-img .box { width: 100%; margin: 0; } .gallery .gallery-holder ul li .hold-img .box img { display: block; width: 100%; height: auto; } .gallery .gallery-holder ul li.blue-light .hold-img { padding-top: 48px; } .gallery .gallery-holder ul li.blue-light .hold-img .box { margin: 0; } .gallery .gallery-holder ul li.blue-light .hold-img.more { padding-top: 70px; } .gallery .gallery-holder ul li.blue-light .hold-img.more .box { width: 370px; margin: 0 0 0 -55px; } .gallery .gallery-holder ul li.crimson .hold-img .box { padding: 0; margin: 0 0 0 -1070px; width: 2500px; } .gallery .gallery-holder ul li.crimson .hold-img .box img { display: inline; width: auto; } .gallery .gallery-holder ul li.crimson .hold-img.more .box { margin: 0 0 0 -236px; } .gallery .gallery-holder ul li.purple .box { background: none; width: 410px; padding: 30px 0 0; margin: 0 0 0 -20px; } .gallery .gallery-holder ul li.purple .hold-img.more .box { width: 357px; margin: 0 0 0 -30px; padding: 37.8px 0 0; } .gallery .gallery-holder ul li.gray .hold-img { padding-top: 40px; } .gallery .gallery-holder ul li.gray .hold-img .box { margin: 0; } .gallery .gallery-holder ul li.light-gray .hold-line { margin: 0 0 10px; } .gallery .gallery-holder ul li.light-gray .hold-line .title { margin: 0 0 13px; } .gallery .gallery-holder ul li.light-gray .hold-line .title br { display: none; } .gallery .gallery-holder ul li.light-gray .hold-line .text-price { font-size: 22px; line-height: 27px; margin: -6px 0 8px; } .gallery .gallery-holder ul li.light-gray .hold-line .text-price .text-danger { font-size: 35px; line-height: 40px; } .gallery .gallery-holder ul li.light-gray .hold-img .box { width: 450px; margin: 0 0 0 -80px; } .gallery .gallery-holder ul li.light-gray .hold { margin: 0 0 15px; } .gallery .gallery-holder ul li.light-gray .hold p { margin: 0; } .gallery .gallery-holder ul li.orange .hold-img { padding-top: 44px; } .gallery .gallery-holder ul li.orange .hold-img .box { margin: 0; width: 320px; } .gallery .gallery-holder ul li.pale-gray .hold-img .box { margin: 0 0 0 -140px; width: 680px; } .gallery .gallery-holder ul .hold-text { padding: 38.400000000000006px 0 0; width: 39%; margin: 0 8.299999999999999% 0 0; } .gallery .gallery-holder ul .hold-text p br { display: none; } .visual-products { padding: 0 0 12px; } .visual-products .price { margin: 0 0 15px; } .visual-products .price .starting-price, .visual-products .price .text-danger { margin: 0 1%; } .visual-products p { margin: 0 0 10px; } .callout-box.callout-black { text-align: center; } .callout-box.callout-black .hold-img { width: 100%; float: none !important; } .callout-box.callout-black .hold-text { width: 100%; float: none !important; padding: 28px 4% 24px; } } @media (max-width: 1156px) { .header-section .navbar-business.navbar { margin-left: 8%; } .header-section .navbar-business.navbar .navbar-nav > li:first-child { margin: 0; } .list-process li { width: 190px; padding: 0 0 0 66px; background-position: 0 50px; } .list-process li:first-child { width: 120px; } .list-process li .hold-icon { width: 120px; height: 120px; line-height: 120px; } .block-project { margin: 0 0 20px; } .block-project .hold-img .hold-bar { padding: 10.2px 0 12px; } .block-project .hold-img .hold-bar .bar { text-align: center; padding: 0; } .block-project .hold-img .hold-bar .bar li { margin: 0 15px; } .block-project .hold-img .hold-bar .bar li a { font-size: 18px; line-height: 27px; padding: 0 18px 0 0; } .block-project .hold { padding: 10px 60px 0 0; } .block-project .hold .hold-like { right: 0; top: 20px; } .block-project .hold .title { font-size: 13px; line-height: 17px; } .blog .hold-title.more { width: 100%; } } @media (max-width: 1105px) { .blog .hold-title { width: 100%; } .header-section .col-sm-offset-1 { margin: 0; } .header-section .navbar-business .navbar-collapse { padding-right: 15px; } .header-section .navbar { min-height: 5px; } .what-is .hold-img, .what-is.more .hold-img { float: none !important; width: 100%; } .what-is .hold-img img, .what-is.more .hold-img img { display: block; width: 100%; height: auto; } .merit .thumbnail { padding-left: 5%; padding-right: 5%; } .merit .thumbnail .title { font-size: 17px; line-height: 19px; } .about-cooperator .hold-img img { display: block; width: 100%; height: auto; } .about-cooperator .tools.tools-gray { max-width: 100%; } .well-blue-light, .well-purple { text-align: center; padding-bottom: 20px; padding-top: 30px; } .well-blue-light .hold-title, .well-purple .hold-title { padding: 0 ; width: 100%; float: none !important; } .well-blue-light .hold-title h2, .well-purple .hold-title h2 { margin: 0 0 30px; } .well-blue-light .btn-details, .well-purple .btn-details { float: none !important; margin: 0 0 20px; } .well-purple { margin: 0 0 20px; padding-bottom: 10px; } .well-purple .hold-title h2 { margin: 0 0 15px; } .well-purple .hold-title p { margin: 0 0 25px; } .text-page p, .text-page .item-quality { margin: 0 0 25px; } .list-components { padding: 40px 0 0; } .list-totals li { padding-left: 7%; padding-right: 7%; } } @media (max-width: 1087px) { .wrap-blog .hold-text .blog-head.more { margin-bottom: 10px; } .wrap-blog .hold-text .blog-head.more .text-comments { float: none !important; display: block; } .benefits .thumbnail { padding: 30px 12px 0; } .header-section .navbar-business.navbar-default.navbar { margin-left: 3%; } .gallery-testimonials a.link-prev { left: 5%; } .gallery-testimonials a.link-next { left: auto; right: 5%; } .why-choose.choose-ground { padding: 0 0 20px; } .why-choose.choose-ground .hold-text { padding-top: 6px; } .why-choose.choose-ground .col-sm-6 { width: 100%; float: none !important; } .why-choose.choose-ground .hold-img { width: 100%; text-align: center; } .why-choose.choose-ground .hold-img .box { padding: 0; width: 100%; margin: 0; } } @media (max-width: 1052px) { .benefit .jumbotron { padding-left: 72px; padding-right: 72px; } .header-section { padding: 0 0 12px; } .header-section .col-sm-4, .header-section .col-sm-8 { float: none; width: 100%; } .extra-header { margin-bottom: 16px; } .header-section .navbar-business.navbar-default.navbar { margin-left: 0; padding-top: 16.799999999999997px; } .header-section .navbar-business.navbar-default.navbar .navbar-collapse { padding-right: 6px; padding-left: 6px; } .header-section .logo { margin-top: -32px; } .comments .hold-comments .hold-comments { margin: 0 0 0 -55px; } .products-pricing .pricing-hold.pricing-turquoise-dark, .products-pricing .pricing-hold.pricing-turquoise, .products-pricing .pricing-hold.pricing-orange, .products-pricing .pricing-hold.pricing-red { margin-bottom: 30px; } .products-pricing .pricing-hold.pricing-turquoise-dark .head-level, .products-pricing .pricing-hold.pricing-turquoise .head-level, .products-pricing .pricing-hold.pricing-orange .head-level, .products-pricing .pricing-hold.pricing-red .head-level { padding: 0 0 9px; } .products-pricing .pricing-hold.pricing-turquoise-dark .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-turquoise .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-orange .head-level .text-mounthly .price, .products-pricing .pricing-hold.pricing-red .head-level .text-mounthly .price { display: block; } .products-pricing .pricing-hold.pricing-turquoise-dark.active, .products-pricing .pricing-hold.pricing-turquoise.active, .products-pricing .pricing-hold.pricing-orange.active, .products-pricing .pricing-hold.pricing-red.active, .products-pricing .pricing-hold.pricing-turquoise-dark:hover, .products-pricing .pricing-hold.pricing-turquoise:hover, .products-pricing .pricing-hold.pricing-orange:hover, .products-pricing .pricing-hold.pricing-red:hover { margin-bottom: 30px; } .callout-box.callout-white { text-align: center; min-height: auto; padding: 20px 4% 0 20px; } .callout-box.callout-white .hold-img { position: relative; width: 300px; margin: 0 0 0 -20px; } .callout-box.callout-white .hold-img img { display: block; width: 100%; height: auto; } } @media (max-width: 1040px) { .call-to-cation .jumbotron { padding-left: 72px; padding-right: 72px; } .recent-works .frame .bar li { margin: 0 15px; } .contact-form { padding: 60px 0 36px; } .why-choose { padding: 0 0 30px; } .why-choose .hold-img { margin: 0 auto; padding: 20px 0 0; } .why-choose.choose-ground .hold-img { padding: 0; } .options { min-height: 277px; } .options .wrap-img { position: absolute; bottom: 0; left: 0; width: 290px; margin: 0 0 0 15px; } .options .wrap-img img { display: block; width: 100%; height: auto; } .form-options { padding: 0; } .form-options .hold-select { float: none !important; padding: 0; margin: 0 0 10px; } .products-shop .hold-img { width: 46%; } .products-shop .products-info { width: 50.5%; } .products-shop .products-info .hold-btn { padding: 6px 0 0; } .table .hold-products { margin: 0 ; width: auto; } } @media (max-width: 1022px) { .benefits .thumbnail { padding: 30px 0 0; } } @media (max-width: 1010px) { .our-features .promobox .wrap-box .block { background: none; padding: 0; } .our-features .promobox .wrap-box .block .box { padding-top: 18px; } .gallery-work.projects .gallery-holder { width: 599px; } #content { padding-bottom: 0; } } @media (max-width: 992px) { .blog .box-line { border-bottom: 1px solid #eff1f2; padding: 0 0 28.799999999999997px; margin: 0 0 40px; } #footer .quick-contacts .phone .im-icon-mobile { display: block; } #footer .quick-contacts .phone .text { display: inline-block; vertical-align: top; } #footer .quick-contacts .phone span { display: none; } .what-is .hold-img { width: 100%; text-align: center; } .what-is .hold-img img { display: inline; width: auto; } .aside { padding: 0; } .aside h3 { text-align: center; } .aside .hold-work { text-align: center; } .aside .hold-work img { display: inline; width: auto; } .blockquote-else { padding-left: 52px; padding-right: 12px; background-position: 12px -97px; margin: 0 0 17px; } } @media (max-width: 960px) { #header .quick-contacts li .email { display: none; } #header .quick-contacts li .address-text .text { display: none; } #header .quick-contacts li:last-child { margin: 0; } .benefit .jumbotron { padding-left: 6px; padding-right: 6px; } .benefit .jumbotron .caption { padding: 12px 12px 0; } .gallery-partners .gallery-holder { width: 800px; } .gallery-partners .gallery-holder ul li { width: 800px; } #footer .holder { padding: 54px 0 6px; } .extra-navigation { margin-top: -1px; margin-bottom: -3px; } .extra-navigation li { margin: 0 15px 13px 0; } .extra-navigation li a { font-size: 11px; line-height: 16px; } .logo { margin: 0 10px 20px 0; } .extra-header .quick-contacts { padding: 1px 0 0; } .possible-slogan { margin: 0 ; } .possible-slogan .box .thumbnail { padding: 18px 9% 7.199999999999999px; } .possible-slogan .box .thumbnail p { font-size: 11px; line-height: 17px; } .possible-slogan .box .thumbnail .hold-link { margin: 0 0 9px; } .possible-slogan .box .thumbnail .hold-link .hold-img { margin: 0 auto 16px; } .possible-slogan .box .thumbnail .hold-link .title { font-size: 13px; line-height: 17px; } .advertising { padding: 22.799999999999997px 0 15.600000000000001px; } .advertising .hold-customizable { padding-left: 202.79999999999998px; } .advertising .hold-customizable h1 { margin: 0 0 15px; } .advertising .hold-customizable .hold-img { margin-left: -204px; } .advertising .hold-customizable p { font-size: 11px; line-height: 18px; } .advertising .space { margin-bottom: 38px; } ul li { padding: 0 0 0 16.799999999999997px; font-size: 11px; line-height: 15px; margin: 0 0 8px; background-position: 1px 5px; } .recent-works.more { padding-top: 27px; } .recent-works.more h2 { margin: 0 0 24px; } .gallery-work { margin: 0; } .gallery-work .gallery-holder ul li { margin: 0 6px 0 5px; } .gallery-work .gallery-holder ul li:first-child { margin: 0 6px 0 0; } .gallery-work .gallery-holder ul li .hold-img { margin: 0 0 19px; } .gallery-work .gallery-holder ul li .title { font-size: 13px; line-height: 17px; margin: 0 0 6px; } .gallery-work .gallery-holder ul li p { font-size: 11px; line-height: 17px; } .gallery-work .gallery-holder { height: 230px; } .partners { padding: 36px 0 15px; } .partners .list-partners li { margin: 0 2%; } .partners .list-partners li.last { margin: 0; } #footer { height: 378px; } #footer .holder { padding: 25.200000000000003px 0 18.6px; margin: 0 0 24px; } #footer .hold-text p { font-size: 11px; line-height: 19px; margin: 0 0 9px; } #footer p { font-size: 11px; line-height: 17px; } #footer .title { margin: 0 0 15px; } #footer .quick-contacts li:first-child { margin: 0 35px 5px 0; margin: 0 29px 5px 0; } #footer .list { display: none; } #wrap { margin: 0 auto -378px; padding: 0 0 378px; } .team { padding: 6px 0 24px; margin: 0 0 0 -5px; } .team li { margin-left: 7px; margin-right: 7px; } .subscribe, .sociable { padding-left: 13.200000000000001px; } .theme { padding: 30px 0; } .theme .wrap-img { width: 100%; margin: 0; } .theme .wrap-img img { display: block; width: 100%; height: auto; } .gallery-testimonials .gallery-holder ul li blockquote cite.cite-more { padding: 0 ; margin: -4px 0 0; } .gallery-testimonials .gallery-holder ul li .hold-img.more { margin: 0 0 12px; } .gallery-work.goods .gallery-holder { height: 472px; width: 640px; } .gallery-work.goods .gallery-holder ul li { min-height: 472px; padding: 0 0 6px; width: 200px; margin: 0 10px; } .gallery-work.goods .gallery-holder ul li .hold-img { margin: 0 -1px 15px; } .gallery-work.goods .gallery-holder ul li:first-child { margin: 0 10px 0 0; } .gallery-work.goods .gallery-holder ul li img { display: block; width: 100%; height: auto; } .gallery-work.goods .gallery-holder ul li .price .starting-price, .gallery-work.goods .gallery-holder ul li .price .text-danger { margin: 0 1%; } .gallery .gallery-holder ul li.crimson .hold-img.more .box { padding: 59px 0 0; margin: 0; width: 100%; } .gallery .gallery-holder ul li.crimson .hold-img.more .box img { display: block; width: 100%; height: auto; } .gallery .gallery-holder ul li.crimson .hold-img.more .box img:first-child { display: none; } .meet-team .crewman.more img { display: block; width: 100%; height: auto; } .comments { padding: 0 0 20px; } .comments .hold-comments { padding: 0; } .comments .hold-comments .box { padding: 0 0 15px 100px; } .comments .hold-comments .hold-comments { margin: 0; } .box-shopping .hold-btn .btn-details.btn-purple { float: none !important; display: block; margin: 0 auto 10px; } .table .hold-products { padding: 0 0 0 70px; } .table .hold-products .hold-img { margin: 0 0 0 -70px; width: 55px; } .table .hold-products .hold-img img { display: block; width: 100%; height: auto; } .table .price { font-size: 18px; line-height: 23px; } .table thead tr th, .table tbody tr th, .table tfoot tr th { padding-left: 1%; padding-right: 1%; } .form-subscribe .button { font-size: 16px; line-height: 19px; } .form-subscribe .hold-btn { width: 17%; } } @media (max-width: 900px) { .blog .box .box-inset, .blog .box .box-inset.more { width: 100%; float: none !important; } .recent-works .frame .bar li { margin: 0 15px; } .recent-works .frame .bar li a { font-size: 20px; line-height: 25px; } .recent-works .frame .carousel-caption { padding: 12px 0 3px; } .gallery .gallery-holder ul li.purple .hold-img .box { width: 330px; padding: 65px 0 0; margin: 0 0 0 -8px; } .gallery .gallery-holder ul li.crimson .hold-img .box { background: none; width: 100%; margin: 0; padding: 6px 0 0; } .gallery .gallery-holder ul li.crimson .hold-img .box img { display: block; width: 100%; height: auto; } .gallery-testimonials { margin: 0; } .gallery-testimonials .gallery-holder { width: 500px; height: 265px; } .gallery-testimonials .gallery-holder ul li { width: 500px; } .destinations .holder-progress { padding-right: 0; } } @media (max-width: 877px) { .gallery-partners .gallery-holder { width: 500px; height: 276px; margin: 0 auto; } .gallery-partners .gallery-holder ul li { width: 500px; height: 276px; } .gallery-partners .gallery-holder .list-partners li { height: auto; margin: 0 10px 10px; } .switcher { width: 300px; } .team { margin: 0 ; } .team li { margin: 0 3.3333333333333335px 7.142857142857143px; } .wrap-team { width: 258px; } .quick-contacts { padding-top: 1px; } .partners .list-partners, .our-clients .list-partners { width: 500px; margin: 0 auto; } .partners .list-partners li, .our-clients .list-partners li { margin: 0 20px 10px; } .gallery-work .gallery-holder { width: 605px; } #footer { height: 580px; } #footer .col-xs-6 { width: 50%; } #footer .col-xs-12 { width: 100%; } #footer .wrap-team { padding: 0; } #footer .subscribe, #footer .sociable { padding: 0; } #footer p { text-align: left; } #wrap { margin: 0 auto -580px; padding: 0 0 580px; } .gallery .gallery-holder ul li.blue-light .hold-img { padding-top: 82px; } .gallery .gallery-holder ul li.gray .hold-img { padding-top: 60px; } } @media (max-width: 824px) { .recent-works .frame .bar li { margin: 0 5px; } .portfolio .hold-img.more .hold-bar { padding: 54px 0 0; } } @media (max-width: 816px) { .extra-header .col-xs-4 { width: 37.3333%; } .extra-header .col-xs-8 { width: 62.6667%; } .quick-contacts li { margin-left: 7.692307692307692px; } .team li { margin: 0 0 7.142857142857143px; } .wrap-team { width: 240px; } } @media (max-width: 790px) { .header-section .navbar.navbar-business .navbar-collapse.collapse { display: none !important; } .header-section .navbar.navbar-business .navbar-collapse.in { overflow-y: visible !important; } .header-section .navbar.navbar-business { overflow: visible; } .header-section .navbar.navbar-business .navbar-toggle { right: 0; top: -19px; display: block; } .header-section .navbar.navbar-business .navbar-header { float: none; } .header-section .navbar.navbar-business .navbar-collapse { background: #f0f2f1; width: 100%; } .header-section .navbar.navbar-business ul li, .header-section .navbar.navbar-business .navbar-nav > li { border-bottom: 1px solid #e1e1e1; margin: 0; display: block; } .header-section .navbar.navbar-business ul li.last, .header-section .navbar.navbar-business .navbar-nav > li.last { border: none; height: 0; } .header-section .navbar.navbar-business ul li:first-child a, .header-section .navbar.navbar-business .navbar-nav > li:first-child a, .header-section .navbar.navbar-business ul li:first-child a:hover, .header-section .navbar.navbar-business .navbar-nav > li:first-child a:hover, .header-section .navbar.navbar-business ul li:first-child.active a, .header-section .navbar.navbar-business .navbar-nav > li:first-child.active a { padding: 10.8px 36px 9px 22.200000000000003px; } .header-section .navbar.navbar-business ul li a, .header-section .navbar.navbar-business .navbar-nav > li a { padding: 9px 36px 9px 22.200000000000003px; font-size: 15px; line-height: 16px; background: url(../images/bg-all.png) no-repeat 93% -317px; } .header-section .navbar.navbar-business ul li a:hover, .header-section .navbar.navbar-business .navbar-nav > li a:hover { border: none; padding: 9px 36px 9px 22.200000000000003px; } .header-section .navbar.navbar-business ul li.active a, .header-section .navbar.navbar-business .navbar-nav > li.active a, .header-section .navbar.navbar-business ul li a:hover, .header-section .navbar.navbar-business .navbar-nav > li a:hover { padding: 9px 36px 9px 22.200000000000003px; border-bottom: none; color: #74787d; background: url(../images/bg-all.png) no-repeat 93% -382px; } .header-section .navbar.navbar-business ul li.dropdown.open .dropdown-menu, .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open .dropdown-menu { opacity: 1; } .header-section .navbar.navbar-business ul li.dropdown.open a, .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open a { background-color: transparent; } .header-section .navbar.navbar-business ul li.dropdown.open > ul.dropdown-menu::before, .header-section .navbar.navbar-business .navbar-nav > li.dropdown.open > ul.dropdown-menu::before { display: none; } .header-section .navbar.navbar-business .navbar-nav { margin: 0; } .header-section .navbar-business.navbar .navbar-nav > li:first-child { margin: 0; } .header-section .navbar-business.navbar-default.navbar .navbar-collapse { padding-left: 0; padding-right: 0; border-top: 2px solid #3ea5e1; } .header-section .navbar-business.navbar-default.navbar { padding: 0; } .header-section .navbar.navbar-business { width: 300px; float: right; position: relative; } .header-section .navbar.navbar-business .navbar-collapse { position: absolute; top: 0px; left: 0px; z-index: 20; margin: 15px 0 0; } .header-section .navbar.navbar-business .navbar-collapse .nook { top: -6px; left: auto; right: 64px; z-index: 15; } .header-section { padding: 0 0 33px; } .visual .hold-photo .hold-bar { padding: 9px 6%; min-height: 70px; } .visual .hold-photo .hold-bar .title { font-size: 18px; line-height: 23px; } .list-totals li { padding-left: 14%; padding-right: 14%; } .tools li { margin-right: 6px; } } @media (max-width: 774px) { .header-section .navbar.navbar-business .nav.navbar-nav { width: auto; margin: 0; } .crewman .title { font-size: 22px; line-height: 25px; } .our-features h2, .testimonials h2, .recent-works .hold-title h2, .recent-works.more .hold-title.more h2, .why-choose h2, .about h2, .about-us h2, .partners h2, .from-blog h2, .join-now h2, .what-is h2, .recent-works .wrap-title h2, .join-now.purple-ground h2, .best-sellers h2, .featured-products h2, .latest-products h2, .unique-experience .holder h2, .our-clients h2, .destinations h2, .our-process h2, .our-team h2, .simple-company h2, .our-office h2, .contacts-us h2, .recent-works h2, .we-good h2, .call-to-cation h2, .staff h2, .contact-form h2, .welcome h2, .meet-team h2, .not-found .holder h2, .shop h2 { font-size: 26px; line-height: 29px; } .what-is h2 { text-align: center; } .what-is h2 .logo { width: 197px; } .what-is h2 .logo img { display: block; width: 100%; height: auto; } .recent-works h2 { margin: 0 0 20px; } .why-choose h2, .about h2, .about-us h2, .from-blog h2, .our-features.more h2, .latest-products h2 { text-align: center; } .theme h1, .what-is.other h1 { font-size: 26px; line-height: 29px; } .what-is.other h1 { text-align: center; } .wrap-team { width: 258px; padding: 0 0 18px; } .wrap-team .team li { margin: 0 3.3333333333333335px 7.142857142857143px; } .benefits { padding-bottom: 42px; margin: 0 0 20px; } .benefits .thumbnail { padding: 30px 0; } .recent-works .frame .bar li .link { font-size: 18px; line-height: 25px; } .recent-works .carousel-caption { padding: 18px 0 12px; } .recent-works.more .hold-title.more { padding: 0; } .gallery-work.projects { margin: 0 0 30px; } .gallery-work.projects a.link-prev.more, .gallery-work.projects a.link-next.more { top: -61px; } .benefit h1, .introducing-buttons .jumbotron h2, .diversity-buttons h2 { font-size: 30px; line-height: 35px; } .benefit .lead { margin: 0 0 20px; } .benefit .btn-details.btn-blue.btn-large { margin: 0 auto 10px; } .options { margin: 0; } .recent-works.other .gallery-work.projects { margin: 0 0 30px; } .about { margin: 0; } .about .holder { padding: 30px 0 20px; } .personnel .hold-img .hold-name .hold-text { left: 19px; } .about-us { padding-bottom: 20px; } .partners.more { margin: 0 ; padding: 30px 0 20px; } .from-blog { padding: 30px 0 10px; } .join-now { padding: 18px 0 0; } .join-now .jumbotron { margin: 0; } .join-now .jumbotron h2 { margin: 0 0 30px; } .call-to-cation h2 { margin-bottom: 50px; } .call-to-cation .hold-img { width: 100%; margin: 0 0 30px; } .call-to-cation .hold-img img { display: block; width: 100%; height: auto; } .benefit.more { margin: 0 ; padding: 40px 0; } .what-is { padding-bottom: 40px; } .wrap-box.more .box { margin: 0; } .our-features.more { margin: 0; } .our-features.more .features-holder { padding: 40px 0 30px; } .gallery-work.more a.link-prev.more, .gallery-work.more a.link-next.more { top: -61px; } .recent-works { padding: 10px 0 40px; } .recent-works .wrap-title { padding-bottom: 9px; } .hold-line { margin: 0 0 10px; } .by-customers { padding: 30px 0; } .join-now.purple-ground .jumbotron { padding: 0 0 18px; } .well-blue { margin: 0; } .well-blue .hold-title h1 { font-size: 26px; line-height: 29px; } .benefit.other { padding: 18px 0 0; } .best-sellers { padding: 30px 0 12px; } .gallery-work.goods { padding: 0; } .gallery-work.goods a.link-prev.more, .gallery-work.goods a.link-next.more { top: -55px; } .gallery-products a.link-prev, .gallery-products a.link-next { top: -48px; } .featured-products h2 { margin: 5px 0 15px; } .latest-products { padding-bottom: 0; } .responsible-agency { padding: 130px 0 0; background-position: 50% 40px; } .responsible-agency .jumbotron { padding-left: 5%; padding-right: 5%; } .responsible-agency .jumbotron h1 { font-size: 28px; line-height: 31px; } .unique-experience { margin: 0; } .unique-experience .holder { padding: 50px 0 0; } .unique-experience .holder h2 { margin: 0 0 15px; } .unique-experience .holder h2 .text-work { font-size: 20px; line-height: 25px; } .unique-experience .holder .title { font-size: 18px; line-height: 22px; } .gallery-products.opinion a.link-prev { right: auto; left: 0; } .our-clients { padding: 100px 0 0; background-position: 50% 40px; } .our-clients h3 { text-align: center; } .our-clients h2 { margin: 0 0 20px; } .join-now.purple-ground .blockquote-more q { font-size: 20px; line-height: 25px; display: block; } .what-is.more { padding: 30px 0 12px; } .what-is.more h2 { text-align: left; } .destinations { padding: 20px 0; } .our-process { padding: 30px 0 0; margin: 0; } .join-now.light-blue-ground { padding: 110px 0 0; background-position: 50% 30px; } .join-now.light-blue-ground .jumbotron .hold-text { width: 80%; } .introdusing { padding: 30px 0; } .testimonials.testimonials-ground { margin: 0 0 20px; } .testimonials.testimonials-ground .holder { padding: 30px 0 20px; } .our-team { padding: 20px 0; } .our-team h2 { margin: 0 0 20px; } .why-choose.choose-ground { margin: 0; } .introdusing h1 { font-size: 26px; line-height: 29px; } #sidebar .hold-line { padding: 20px 5% 10px; } #sidebar .hold-line:first-child { padding: 20px 5% 10px; } .article .hold-text { padding: 0; } .article .hold-text h2 { font-size: 20px; line-height: 25px; } .article .hold-text p { margin: 0 0 10px; } .topiclist { padding: 0 0 6px; } .visual .hold-photo { margin: 0 0 25px; } #main.more { background-position: 0 0; padding: 12px 0 0; } .wrap-space { padding-bottom: 20px; } .many-works { padding: 0 0 6px; } .many-works .hold-title h2 { font-size: 26px; line-height: 29px; margin: 0 0 20px; } .pager-arrows { padding: 0; } .simple-company { padding: 30px 0 20px; } .simple-company h2 { margin: 0 0 20px; } .simple-company h2 .logo.logo-center { width: 250px; } .simple-company h2 .logo.logo-center img { display: block; width: 100%; height: auto; } .about-us.more { padding: 20px 0 12px; } .about-us.more .jumbotron { padding-left: 5%; padding-right: 5%; } .about-us.more h2 { margin: 0 0 20px; } .our-office { padding: 20px 0 12px; } .contacts-us { padding: 164px 0 34px; background-position: 50% 20px; } .map { margin: 0 0 30px; } .by-customers.more { padding-bottom: 20px; } .what-is.other { margin: 0 0 20px; } .what-is.other .wrap-img { margin: 0; } .we-good { margin: 0; padding: 20px 0; } .we-good h2 { text-align: center; } .testimonials.more { padding: 30px 0 20px; } .join-now .hold-title { padding: 20px 0 0; } .join-now .hold-btn { padding: 0 0 30px; } .call-to-cation .jumbotron { margin: 0; padding-bottom: 20px; padding-top: 20px; } .call-to-cation .jumbotron h2 { margin: 0 0 25px; } .staff { padding: 40px 0 20px; margin: 0 0 10px; } .staff h2 { margin: 0 0 20px; } .contact-form { padding: 30px 0 20px; } .merit { margin: 0; padding: 30px 0 12px; } .merit .thumbnail { min-height: auto; padding-top: 80px; padding-bottom: 15px; } .merit .btn-details.btn-blue.btn-large { letter-spacing: 0; } .personnel .hold-img .hold-name h3 { font-size: 20px; line-height: 25px; } .personnel .hold-img .hold-name .hold-text { left: 10px; bottom: 7px; } .hold-breadcrumbs { margin: 0 0 10px; padding: 18px 0 9px; } .welcome { padding: 12px 0 10px; } .welcome h2 { margin: 0 0 15px; } .welcome .tools.tools-blue { padding-top: 6px; } .meet-team { padding: 20px 0 12px; } .meet-team h2 { margin: 0 0 25px; } .meet-team .hold-line { margin: 0 0 30px; padding: 0 0 6px; } .meet-team .crewman.more { margin: 0 0 10px; } .about-cooperator { padding: 12px 0 0; } .cooperator-info { padding: 20px 0; } #content .box-text { padding: 0; margin: 0; } .wrap-panel { padding: 0 0 6px; } .list-business { padding: 0; } .blog .hold-line, .blog .box-line { margin: 0 0 20px; padding: 0 0 12px; } #sidebar .hold-list, #sidebar .hold-list.more, #sidebar .hold-form { padding: 0; } .box-address { margin: 0 0 25px; } .blog-head.more { margin: 0 0 10px; } .blog-head.head-small { padding-top: 6px; } .blog-head.head-small .box-date { margin-top: -6px; } .blog h1, .blog h2 { font-size: 20px; line-height: 22px; } .list-post.more, .box-net { margin: 0 0 20px; } #content, #sidebar { padding: 20px 0 0; } #content.more, #sidebar.more { margin-top: 20px; } .blog .box-inset { padding: 0 0 12px; } .blog.more { padding: 12px 0 0; } .blog.more .btn-details.btn-blue { margin: 0 0 30px; } .introducing-buttons .jumbotron { padding: 5px 5% 15px; } .diversity-buttons h3 { font-size: 20px; line-height: 25px; } .diversity-buttons h2 { margin: 0 0 20px; } .list-buttons { padding: 0 0 12px; } .hold-outline { padding: 0; } .benefits.more { padding: 30px 0; } .benefits.more .options-hold { padding: 8px 0 0 75px; } .benefits.more .options-hold .hold-icon { margin: 8px 0 0 -74px; } .info-contacts { padding: 18px 0; } .info-contacts .map { margin: 0 0 25px; } .info-contacts .about-staff { padding: 0; } .info-contacts .about-staff .hold-text, .info-contacts .about-staff .holder { padding: 0; } .info-contacts .about-staff .hold-line { margin: 0 0 20px; padding: 0 0 6px; } .form-details .antispam-question { padding: 0 0 6px; } .form-details .antispam-question .field-text.field-middle { margin-top: 0; } .form-details .antispam-question .col-sm-8, .form-details .antispam-question .col-sm-4 { float: none !important; width: 100%; } .form-details .antispam-question .col-sm-8 { margin-bottom: 10px; overflow: hidden; } .services-line .thumbnail { padding-top: 21px; } .services-line .hold-services { padding: 0 0 12px 71px; } .services-line .hold-services .hold-icon { margin: 5px 0 0 -70px; width: 53px; height: 53px; line-height: 49px; } .services-line .hold-services .title { margin: 0 0 13px; font-size: 15px; line-height: 19px; } .services { margin: 0 0 28px; padding: 12px 0 0; } .not-found .holder { padding-bottom: 20px; } .not-found .holder .field-search.field-large { margin: 0 0 20px; } .not-found .holder h2 { margin: 0 0 25px; } .not-found .holder .hold-img { margin: 0 0 50px; padding: 20px 0 0; } .not-found .holder .jumbotron { padding: 12px 4% 0; } .portfolio { padding: 20px 0 0; } .portfolio .hold-text { margin-bottom: 0; } .portfolio .hold-line { margin: 0 0 20px; } .cooperator-info h3 { margin: 0 0 15px; } .about-cooperator .hold-line { padding: 0 0 3px; } .about-cooperator .office { margin: 0 0 6px; } #sidebar h3, #sidebar .popular-posts h3, .aside h3 { font-size: 20px; line-height: 25px; } .list-buttons.button-outline li { min-height: auto; line-height: 1%; } .portfolio .box-space { padding-bottom: 20px; } .portfolio .hold-img .hold-bar { padding: 100px 0 0; } .portfolio .tabs-business .tab-content { padding-left: 3%; padding-right: 3%; } .box-author { padding-bottom: 12px; } .hold-reply { padding-right: 0; } .blog .wrap-img { padding: 0; } .blog .hold-line.more { padding: 0 0 6px; } .products-pricing { padding: 0 0 12px; } .products-pricing .pricing .hold-line { margin: 0 0 20px; } .well-blue-light { margin: 0 0 30px; } .well-blue-light .hold-title h2 { font-size: 26px; line-height: 29px; } .well-blue-light .hold-title h2 .link-logo.link-white { font-size: 26px; line-height: 29px; } .well-blue-light .hold-title h2 .link-logo.link-white span { font-size: 42px; line-height: 45px; } .well-blue-light .hold-title h2 .link-logo.link-white span .text-sup { padding-top: 12px; margin-right: -8px; margin-left: -5px; font-size: 12px; line-height: 15px; } .tabs-business { padding: 0 0 20px; } .shop { padding: 0; } .form-login { padding: 0 0 6px; } #sidebar .box-shopping { margin: 0 0 20px; padding-top: 18px; } #sidebar .box-shopping h3 { margin: 0 0 20px; } .testimonials-people { padding: 20px 0; } .list-components { padding: 20px 0 0; } .text-page .list-partners li { margin: 0 10px; } .typography { margin: 0; } .construction h1 { font-size: 30px; line-height: 35px; } .construction .text-time { margin: 0 0 12px; } body.main-page #wrap #header { padding-bottom: 0 ; } .field-text.field-middle.field-blue { margin-right: 8px; } .form-subscribe .field-text.field-middle.field-blue { width: 47.3%; margin-right: 8px; } .form-subscribe .hold-btn { width: 20%; } .custom-callout { margin: 0; } .callout-box { padding: 118px 4% 14px; background-position: 50% 32px; margin: 0 0 30px; } .callout-box h2 { font-size: 30px; line-height: 35px; } .callout-box.callout-blue { background-position: 16px 35px; padding: 30px 4% 14px 160px; } .callout-box.callout-black h2 { font-size: 30px; line-height: 35px; } .callout-box.callout-black h2 .text-white { font-size: 35px; line-height: 40px; } .blockquote-opinion .block { padding: 16px 5% 6px; } .testimonials.testimonials-small h3 { text-align: left; } .bar li .link { padding: 0; } .bar li .link .fa-icon-angle-right { float: none !important; display: inline-block; vertical-align: top; margin: 4px 0 0 0; font-size: 18px; line-height: 20px; } .bar li .link .im-icon-link { margin: 5px 0 0 2px; font-size: 12px; line-height: 16px; float: none !important; display: inline-block; vertical-align: top; } .bar li .link:first-child { padding: 0; } .gallery-work .bar li .link .fa-icon-angle-right { margin: 4px 0 0 0; } .gallery-work .bar li .link .im-icon-link { margin: 6px 0 0 2px; } .gallery-work.projects .gallery-holder ul li .hold-img .hold-bar.more .bar li .link { padding: 0; } .block-project .hold-img .hold-bar .bar li { margin: 0 10px; } .block-project .hold-img .hold-bar .bar li .link { padding: 0; font-size: 19px; line-height: 25px; } .article .date { padding: 0; } .article .date .im-icon-camera, .article .date .fa-icon-edit { float: none !important; margin: -1px 0 0 4px; display: inline-block; vertical-align: top; } .article .date .fa-icon-edit { margin: 0 0 0 4px; } #footer .quick-contacts li .fa-icon-envelope { margin: 0 0 0 -22px; } .tools-attendance li a { font-size: 13px; line-height: 17px; } } @media (max-width: 767px) { .header-section .navbar.navbar-business .nav.navbar-nav { background-color: #f0f2f2; } .header-section .navbar.navbar-business .nav.navbar-nav ul.dropdown-menu li a::before { content: '— '; } .fancy-purple, .fancy-blue, .fancy-yellow { font-size: 20px; line-height: 25px; } .holder-text { padding: 0 0 12px; } .table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td { padding: 10px; } .table thead tr th, .table tbody tr th, .table tfoot tr th { padding-left: 23px; padding-right: 23px; } .table thead tr td:first-child, .table tbody tr td:first-child, .table tfoot tr td:first-child { width: auto; } .table thead tr:last-child td, .table tbody tr:last-child td, .table tfoot tr:last-child td { padding-top: 20px; padding-bottom: 10px; } .table .price { letter-spacing: 0; } .table .hold-btn { padding: 0 0 0 73px; } .table .hold-products { min-width: 155px; } .shopping-cart .hold-link { padding-top: 0; } .shopping-cart .hold-coupon { padding: 0 ; } .services-line { border: none; overflow: visible; margin-bottom: 0; margin-top: 0; } .services-line:after { content: ""; display: block; clear: both; } .services-line .thumbnail { padding: 21px 3% 0; margin: 1px 0 -1px; border: none; border-bottom: 1px solid #F9FAFA; } .services-line .col-sm-4:last-child .thumbnail { border-bottom: 1px solid #F9FAFA; } .services-line .hold-services { padding-bottom: 0; } .portfolio .hold-img .hold-bar { padding: 195px 0 0; } .portfolio .hold-img.more .hold-bar { padding: 114px 0 0; } .benefits.more { padding: 12px 0; } .benefits.more .box { padding-top: 0; border-bottom: 0; border-top: 1px solid #885a9d; } .benefits.more .box:first-child { border: none; } .benefits.more .options-hold { padding: 12px 10px 0 85px; } .benefits.more .hold-icon { margin: 8px 0 0 -80px; } .tag-cloud { padding: 0 0 15px; } #sidebar { padding: 0; } #sidebar .hold-work { text-align: center; } #sidebar .hold-work img { display: inline; width: auto; } #content .wrap-title h2 { margin: 0 0 15px; } .about-cooperator h2, .about-cooperator .office { text-align: center; } .cooperator-info h3 { text-align: center; } .cooperator-info .panel-causes { padding: 0; margin: 0 0 25px; } .merit { background: none; } .merit .thumbnail { border-bottom: 1px solid #e1e1e1; } .about-cooperator .hold-img { text-align: center; } .about-cooperator .hold-img img { display: inline; width: auto; } .cooperator-info .blockquote-opinion .block { padding-left: 2%; padding-right: 2%; } .blockquote-opinion .block { padding: 16px 5% 6px; } .what-is.other { padding: 30px 0 280px; } .what-is.other .wrap-img { width: 400px; left: 50%; margin: 0 0 0 -200px; } .what-is.other .wrap-img img { display: block; height: auto; width: 100%; } .many-works .hold-title h2 { text-align: center; } .pager-arrows { float: none !important; margin: 0 0 10px; } .gallery .gallery-holder ul li.crimson .hold-img.more .box { padding: 33px 0 0; } .what-is.more h2, .what-is.more .hold-btn { text-align: center; } .benefits { padding: 18px 0 0; } .benefits .box { border: none; border-bottom: 1px solid #885a9d; margin: 0 ; padding: 6px 0 0; } .benefits .box:first-child { border-bottom: 1px solid #885a9d; } .our-features { margin: 0; } .our-features .holder { margin: 0; padding: 9px 0 0; } .our-features .holder .wrap-img { display: none; } .our-features .holder .promobox { padding: 20px 0; } .our-features .holder .promobox h2 { text-align: center; } .theme { text-align: center; } .theme p { text-align: left; } .theme .wrap-img { padding: 18px 0 0; width: 437px; margin: 0 auto; } .possible-slogan { padding: 18px 0; } .possible-slogan .box { border-right: none; padding: 0; margin: 0; } .possible-slogan .box:first-child { border-left: none; } .options { padding: 320px 0 0; } .options .wrap-img { position: absolute; top: 25px; left: 50%; width: 290px; margin: 0 0 0 -145px; } .gallery .gallery-holder { height: auto; } .gallery .gallery-holder ul .hold-text { width: 80%; margin: 0 auto; float: none !important; text-align: center; padding: 36px 0 0; } .gallery .gallery-holder ul li { height: 348px; } .gallery .gallery-holder ul li .hold-img { margin: 0 auto; width: 300px; float: none !important; } .gallery .gallery-holder ul li.blue-light .hold-img { padding-top: 12px; } .gallery .gallery-holder ul li.blue-light .hold-img.more { padding-top: 40px; } .gallery .gallery-holder ul li.blue-light .hold-img.more .box { width: 100%; margin: 0; } .gallery .gallery-holder ul li.crimson .hold-img { width: 150px; } .gallery .gallery-holder ul li.crimson .hold-img .box { padding: 6px 0 0; } .gallery .gallery-holder ul li.purple .hold-img { width: 215px; } .gallery .gallery-holder ul li.purple .hold-img .box { margin: 0; width: 100%; padding: 12px 0 0; } .gallery .gallery-holder ul li.purple .hold-img.more .box { width: 100%; margin: 0 ; padding: 6px 0 0; } .gallery .gallery-holder ul li.gray .hold-img { padding-top: 20px; } .gallery .gallery-holder ul li.light-gray .hold-img .box { margin: 0 auto; width: 130px; } .gallery .gallery-holder ul li.orange .hold-img { padding-top: 12px; } .gallery .gallery-holder ul li.orange .hold-img .box { width: 100%; } .gallery .gallery-holder ul li.pale-gray .hold-img { width: 100%; padding-top: 22.799999999999997px; } .gallery .gallery-holder ul li.pale-gray .hold-img .box { margin: 0 ; width: 100%; } .gallery .hold-text { font-size: 3px; } .gallery .title { /* font-size: @font-size-middle + 2px; line-height: @line-height-middle + 2px; margin:0 0 @margin-base*2.2 -@margin-base/3; */ } .gallery p { /* font-size: @font-size-small; line-height: @line-height-small + 2px; margin: 0 0 @margin-base*2.6; */ } .what-is.more .hold-img { width: 100%; text-align: center; } .what-is.more .hold-img img { display: inline; width: auto; } } @media (max-width: 738px) { .info-contacts .map { margin: 0 0 15px; } .info-contacts .map .info-box { overflow: hidden; position: relative; top: auto; right: auto; margin: 20px auto 10px; } .info-contacts .map .info-box .hold-img { margin-left: 0; text-align: center; } .info-contacts h2 { text-align: center; } .why-choose.choose-ground .hold-img .box img { display: block; width: 100%; height: auto; } .list-process { width: 200px; margin: 0 auto; } .list-process li { background: none; padding: 0; width: 200px; text-align: center; } .list-process li:first-child { width: 200px; } .list-process li .hold-icon { width: 200px; height: 200px; line-height: 200px; margin: 0 auto 10px; } .destinations .hold-btn { text-align: center; } .header-section .logo { margin-top: 20px; } .extra-header .col-xs-8 { display: none; } .extra-header .col-xs-4 { float: none; width: 100%; } .user-navigation { display: none; } .header-section .navbar.navbar-business.navbar-default { margin: -27px 0 0; background: none; } .header-section .navbar.navbar-business.navbar-default .frame { display: block; } .header-section .navbar.navbar-business.navbar-default .frame .tools.tools-middle li a { padding: 0; background: none; } .recent-works .frame { margin: 0 0 10px; } .call-to-cation .jumbotron { padding-left: 24px; padding-right: 24px; } #footer { height: 610px; } #wrap { margin: 0 auto -610px; padding: 0 0 610px; } .advertising, .text-page .advertising { padding: 9px 0 33px; } .advertising .col-xs-4, .text-page .advertising .col-xs-4, .advertising .col-xs-7, .text-page .advertising .col-xs-7, .advertising .col-xs-5, .text-page .advertising .col-xs-5 { width: 100%; float: none !important; } .advertising .col-xs-4, .text-page .advertising .col-xs-4 { text-align: center; } .advertising .hold-link, .text-page .advertising .hold-link { margin: 0 0 10px; } .advertising .hold-icon, .text-page .advertising .hold-icon { width: 101px; height: 98px; overflow: hidden; float: none !important; display: inline-block; vertical-align: top; } .advertising .hold-advertising, .text-page .advertising .hold-advertising { width: 198px; height: 98px; float: none !important; display: inline-block; vertical-align: top; } .advertising .tools-large, .text-page .advertising .tools-large { text-align: center; margin: 0 auto; width: 300px; } .advertising .tools-large li, .text-page .advertising .tools-large li { width: 98px; height: 98px; float: none; display: inline-block; vertical-align: top; } .advertising .tools-large li .hold-icon, .text-page .advertising .tools-large li .hold-icon { margin: 0; } .advertising .tools-large li .hold-icon .text, .text-page .advertising .tools-large li .hold-icon .text { bottom: 4px; left: 9px; } .advertising .hold-customizable, .text-page .advertising .hold-customizable { padding: 0; text-align: center; margin: 0 0 30px; } .advertising .hold-customizable .hold-img, .text-page .advertising .hold-customizable .hold-img { margin: 2px 0 20px; float: none !important; } .advertising .hold-customizable p, .text-page .advertising .hold-customizable p { font-size: 13px; line-height: 18px; } .advertising h2, .text-page .advertising h2 { text-align: center; } .advertising ul, .text-page .advertising ul { padding: 0; } .advertising ul li, .text-page .advertising ul li { background: url(../images/bg-bull-blue.png) no-repeat 0 7px; font-size: 13px; line-height: 17px; margin: 0 0 6px; } .text-page .advertising { padding: 0 0 12px; text-align: center; } .text-page .advertising .hold-link { display: inline-block; vertical-align: top; } .recent-works.more { padding: 33px 0 4px; } .recent-works.more h2 { margin: 0 0 22px; } .gallery-work .gallery-holder ul li .hold-text { display: none; } .gallery-work .gallery-holder ul li .title { font-size: 15px; line-height: 17px; } .our-features.more .wrap-box.more .block .items { background: url(../images/bg-line-our.png) repeat-x 0 100%; margin: 1px 0 -1px; } .our-features.more .wrap-box.more .block .items:first-child { background: url(../images/bg-line-our.png) repeat-x 0 100%; } .our-features.more .wrap-box.more .block { background: none; margin-top: 0; margin-bottom: 0; overflow: visible; } .our-features.more .wrap-box.more .block:after { content: ""; display: block; clear: both; } .our-features.more .wrap-box.more .col-xs-6 { width: 100%; float: none !important; } .introdusing .wrap-box.more { margin: 0; } .introdusing .wrap-box.more .col-xs-6 { width: 100%; float: none !important; } .introdusing .wrap-box.more .block { padding: 0; background: none; margin: 0; overflow: visible; } .introdusing .wrap-box.more .block .items { background: none; border-top: 1px solid #ececec; margin-top: -1px; margin-bottom: 1px; } .featured-products .box-sale { width: 290px; margin: 0 auto 10px; } .featured-products .box-sale .hold-img { margin: 0 0 15px; } .featured-products .box-sale .hold-img img { width: 100%; display: block; height: auto; } .featured-products .box-sale .hold-text { width: 100%; margin: 0; position: relative; top: auto; right: auto; text-align: center; padding: 0 0 12px; } .featured-products .box-sale .hold-text .btn-details.btn-gray.dark { margin: 0 0 10px; } .products-pricing { margin: 0 0 0 -1.5%; padding: 0 0 12px; } .products-pricing .pricing-hold { width: 48.5%; margin: 26px 0 40px 1.5%; } .products-pricing .pricing-hold.active, .products-pricing .pricing-hold:hover { width: 52%; margin: 6px -1.75% 10px -0.25%; } } @media (max-width: 704px) { h2 .text-blue { background: none; padding: 0 ; color: #151515; } .gallery-testimonials a.link-prev { left: 0; top: 40px; } .gallery-testimonials a.link-next { right: 0; top: 40px; } .gallery-testimonials .gallery-holder { height: 355px; width: 270px; } .gallery-testimonials .gallery-holder ul li { width: 270px; } .gallery-testimonials .gallery-holder ul li .hold-img.more { margin: 0 0 16px; } .gallery-work.goods .gallery-holder { width: 421px; } .list-business { margin: 0 0 10px; } } @media (max-width: 670px) { .gallery { margin: 0 0 56px; } .gallery .gallery-holder ul li .hold-img { width: 192px; } .gallery .gallery-holder ul li.blue-light .hold-img { padding-top: 18px; } .gallery .gallery-holder .title { font-size: 22px; line-height: 25px; margin: 0 0 14px; } .gallery .gallery-holder .hold { margin: 0 0 22px; } .gallery .gallery-holder ul .hold-text { padding: 30px 0 0; width: 90%; } .gallery .btn-white { padding: 10px 22px ; font-size: 12px; height: 36px; line-height: 17px; } .benefit { padding-top: 0; } .gallery-work .gallery-holder { width: 262px; } .gallery-work .gallery-holder ul li { width: 262px; } .recent-works.more .hold-title, .recent-works .hold-title.more { max-width: 70%; } .unique-experience .box { border: none; border-top: 1px solid #9c9c9c; padding: 20px 0; margin: 0 ; } .unique-experience .box:first-child { border-bottom: 0; } .unique-experience .col-xs-4 { float: none !important; width: 100%; } .unique-experience .experience-hold { margin: 0 0 20px; } .responsible-agency .jumbotron { padding-left: 0; padding-right: 0; } .visual .hold-photo { margin: 0 0 15px; } .block-title { padding: 12px 0 0 60px; } .block-title .hold-suitcase { margin: -12px 0 0 -60px; width: 50px; height: 50px; } .block-title .hold-suitcase .im-icon-calendar { font-size: 18px; line-height: 50px; } .block-title h1 { font-size: 20px; line-height: 25px; margin: 0; } .article .hold-img, .article .hold-text { float: none !important; width: 100%; } .gallery-products.products-photo { padding: 10px 0 0; width: 290px; } .gallery-products.products-photo .gallery-holder { height: 202px; width: 290px; } .gallery-products.products-photo .gallery-holder li { width: 290px; } .gallery-products.products-photo .gallery-holder li img { display: block; width: 100%; height: auto; } .meet-team .col-xs-4, .meet-team .col-xs-3 { width: 100%; float: none !important; } .meet-team .crewman.more .hold-img img { display: inline; width: auto; } } @media (max-width: 646px) { #footer { height: 710px; } #footer .subscribe .hold-text { display: none; } #footer .col-xs-6 { width: 100%; float: none; text-align: center; } #footer .wrap-team { width: 282px; margin: 0 auto; } #footer .wrap-team .team { margin: 0 ; } #footer .tools.tools-foot { padding: 0 ; width: 100%; text-align: center; } #footer .tools.tools-foot li { display: inline-block; vertical-align: top; float: none; margin: 0 2px 5px 0; } #wrap { margin: 0 auto -710px; padding: 0 0 710px; } .sociable { padding: 0 0 12px; } .gallery-work.projects .gallery-holder { width: 291px; } .hold-blog { margin: 0 0 10px; } .hold-blog .wrap-info { width: 270px; display: block; margin: 0 auto 10px; overflow: hidden; } .hold-blog .wrap-info .hold-img { float: none !important; margin: 0 0 20px; } .hold-blog .wrap-info .info { text-align: center; float: none !important; margin: 0 ; padding-bottom: 10px; } .hold-blog .wrap-info .info .hold-date, .hold-blog .wrap-info .info h3, .hold-blog .wrap-info .info p { text-align: left; } .gallery-work.more .gallery-holder { width: 300px; } .recent-works .wrap-title { padding: 0 0 60px; } .recent-works .col-xs-10 { float: none; width: 100%; } .recent-works .col-xs-offset-1 { margin: 0; } } @media (max-width: 590px) { .logo { width: 235px; height: auto; } .logo img { display: block; width: 100%; height: auto; } h2 .logo { height: 44px; width: 321px; } .partners { padding: 36px 0 36px; } .what-is .hold-img img { display: block; width: 100%; height: auto; } .by-customers .col-xs-6 { width: 100%; float: none !important; } .link-logo.link-white { font-size: 30px; line-height: 38px; } .link-logo.link-white span { font-size: 40px; line-height: 38px; } .link-logo.link-white span sup.text-sup { font-size: 14px; line-height: 17px; margin: 0 3px 0 -6px; padding-top: 9px; } .benefit.other { padding: 0; } .join-now.light-blue-ground .jumbotron .hold-text { width: 100%; } .what-is.other { padding-bottom: 200px; } .what-is.other .wrap-img { width: 290px; left: 50%; margin: 0 0 0 -145px; } .construction { padding: 20px 5%; } .logo.logo-dark { height: auto; margin: 0 auto 40px; width: 100px; } .form-subscribe .tools.tools-gray, .form-subscribe .field-text.field-middle.field-blue, .form-subscribe .hold-btn { float: none !important; width: 100%; } .form-subscribe .tools.tools-gray { padding-bottom: 16px; text-align: center; } .form-subscribe .hold-btn { text-align: center; } .form-subscribe .field-text.field-middle.field-blue { margin-right: 0; } } @media (max-width: 535px) { .call-to-cation .jumbotron { padding-left: 0; padding-right: 0; } h2 { font-size: 39px; line-height: 42px; } h2 .logo { width: 235px; height: auto; } .gallery-partners .gallery-holder { width: 290px; height: 415px; } .gallery-partners .gallery-holder ul li { width: 290px; height: 415px; } .partners { padding: 45px 0 12px; } .partners .list-partners { width: 290px; margin: 0 auto; } .partners .list-partners li { margin: 0 10px 15px; } .our-clients .list-partners { width: 290px; } .our-clients .list-partners li { margin-left: 2% ; margin-right: 2% ; } .possible-slogan { padding: 0; } .possible-slogan .col-xs-6 { float: none !important; width: 100%; } .possible-slogan .box { border-bottom: 1px solid #ffffff; } .possible-slogan .box .thumbnail { padding: 39px 9% 22.799999999999997px; } .possible-slogan .box .thumbnail .hold-link { margin: 0 0 10px; } .possible-slogan .box .thumbnail .hold-link .title { font-size: 15px; line-height: 18px; } .possible-slogan .box .thumbnail .hold-img { margin: 0 auto 15px; } .possible-slogan .box .thumbnail p { font-size: 13px; line-height: 17px; } .theme .wrap-img { width: 100%; margin: 0; } .why-choose .hold-img { width: 100%; margin: 0; } .why-choose .hold-img img { display: block; width: 100%; height: auto; } .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title, .panel-causes.panel-group.more .panel .panel-heading .panel-title { padding-right: 48px; } .panel-causes.panel-group.panel-purple .panel .panel-heading .panel-title .plus, .panel-causes.panel-group.more .panel .panel-heading .panel-title .plus { right: 7px; top: 50%; margin: -15px 0 0; } .recent-works.other .hold-title.more { max-width: 100%; padding: 0 0 70px; } .recent-works.other .hold-title.more h2 { margin: 0; } .gallery-work.goods { padding: 40px 0 0; } .gallery-work.goods .gallery-holder { width: 280px; height: 570px; } .gallery-work.goods .gallery-holder ul li { width: 280px; min-height: 570px; } .gallery-work.goods a.link-prev.more, .gallery-work.goods a.link-next.more { top: -10px; } .gallery-products { padding: 60px 0 0; } .gallery-products .gallery-holder { width: 290px; height: 310px; } .gallery-products .gallery-holder li { text-align: center; width: 290px; padding: 0; } .gallery-products .gallery-holder li .hold-img { float: none !important; margin: 0 auto 15px; display: inline-block; vertical-align: top; } .gallery-products a.link-prev, .gallery-products a.link-next { top: 5px; right: 0; } .gallery-products a.link-prev { right: auto; left: 0; } .featured-products .box-products { width: 290px; } .featured-products h2 { max-width: 100%; text-align: center; margin: 0 0 10px; } .gallery-products.opinion { width: 290px; } .gallery-products.opinion .gallery-holder { width: 290px; height: 293px; } .gallery-products.opinion .gallery-holder li { width: 290px; } .our-clients .box-space .col-xs-6 { width: 100%; float: none !important; } .our-clients .box-space .col-xs-offset-3 { margin: 0; } .our-clients .box-space h3 { max-width: 43%; margin: 0 auto 20px; } .wrap-blog .hold-img, .wrap-blog .hold-text { float: none !important; width: 100%; } .blog .columns .col-xs-6 { width: 100%; float: none !important; } .blog .columns .btn-details.btn-blue { margin: 0 0 20px; } .not-found .holder .jumbotron { padding: 12px 0 0; } .not-found .holder .hold-img img { display: block; width: 100%; height: auto; } .portfolio .hold-img .hold-bar { padding: 60px 0 0; } .comments { padding: 0 0 12px; } .comments .hold-comments .box { padding: 0 0 6px 75px; } .comments .hold-comments .box .hold-img { margin: 3px 0 0 -75px; width: 60px; } .comments .hold-comments .topiclist { padding: 0 0 3px; } .comments .hold-comments .topiclist li { display: block; border: none; padding: 0; margin: 0 0 6px; } .blockquote, .blockquote.else { float: none !important; width: 100%; margin: 0 0 15px; } } @media (max-width: 450px) { .text-page { padding: 0 0 6px; } .products-shop .hold-img { margin: 0 0 20px; float: none !important; width: 100%; } .products-shop .products-info { margin: 0; width: 100%; float: none !important; } .tabs-business .nav-tabs li:first-child a, .tabs-business .nav-tabs li a { padding-left: 20px; padding-right: 20px; } .what-is.more .hold-img { margin-top: 0; } .what-is.more .hold-img img { display: block; width: 100%; height: auto; } #wrap { margin: 0 auto -810px; padding: 0 0 810px; } #footer { height: 810px; } #footer .holder { margin: 0 0 11px; padding-top: 34.2px; } #footer .holder .title { margin: 0 0 17px; } #footer .holder p { font-size: 12px; line-height: 17px; } #footer .about-company { padding: 0 0 24px; } #footer .sociable { padding: 0 0 36.599999999999994px; } #footer .team { padding: 8.399999999999999px 0 28.200000000000003px; } #footer .team li { margin: 0 8px 7px; } #footer .field-email { margin-top: 8px; } #footer .quick-contacts { text-align: center; } #footer .quick-contacts li { margin: 0 0 5px; } #footer .quick-contacts li:first-child { margin: 0 34px 5px 0; } #footer .quick-contacts li .phone, #footer .quick-contacts li .email { padding-left: 15px; } #footer .quick-contacts li .phone .text, #footer .quick-contacts li .email .text { display: none; } #footer .quick-contacts li .phone span.text { display: none; } #footer .tools.tools-foot li { margin-left: 2px; margin-right: 1px; } .personnel .col-xs-6 { width: 100%; float: none !important; } .join-now .jumbotron { padding-left: 0; padding-right: 0; } .join-now.purple-ground .blockquote-more { padding: 0; } .benefit .hold-icon, .recent-works .hold-icon, .contact-form .hold-icon, .about-us.more .hold-icon, .our-office .hold-icon { width: 100px; } .benefit .hold-icon img, .recent-works .hold-icon img, .contact-form .hold-icon img, .about-us.more .hold-icon img, .our-office .hold-icon img { display: block; width: 100%; height: auto; } .callout-box h2 { font-size: 20px; line-height: 25px; } .callout-box.callout-blue { background-position: 50% 15px; padding: 150px 4% 14px; text-align: center; } .callout-box.callout-black h2 { font-size: 20px; line-height: 25px; } .callout-box.callout-black h2 .text-white { font-size: 25px; line-height: 30px; } .callout-box.callout-black .hold-img img { display: block; width: 100%; height: auto; } .callout-box.callout-white { padding: 20px 4% 0 20px; } .callout-box.callout-white .hold-img { width: 260px; } .callout-box .btn-details.btn-large { padding: 15px 44px 17px; } .list-calendar li { margin: 0 8px 19px 8px; } } @media (max-width: 430px) { .tabs-business .tab-content { padding-left: 5%; padding-right: 5%; } .header-section .navbar.navbar-business.navbar-default .navbar-toggle { text-indent: -9999px; overflow: hidden; padding-left: 6px; padding-right: 6px; width: 25px; white-space: normal; } .header-section .navbar.navbar-business.navbar-default .navbar-toggle .wrap-icon { margin: 0 !important; float: none; } .staff .col-xs-6, .our-team .col-xs-6 { width: 100%; float: none; } .staff .crewman, .our-team .crewman { margin-bottom: 10px; } .gallery .gallery-holder ul li.crimson .hold-img { padding-top: 0; } .wrap-box.more .box { padding-left: 70px; } .wrap-box.more .box .hold-icon { margin-left: -70px; width: 61px; height: 60px; line-height: 53px; } .latest-products .col-xs-6 { width: 100%; float: none !important; } .pagination-business { float: none !important; width: 100%; text-align: center; } .pagination-business li.prev a, .pagination-business li.next a, .pagination-business li a, .pagination-business li span { width: 38px; height: 38px; padding: 9px 14px; } .pagination-business li.prev a { background-position: 12px 10px; } .pagination-business li.prev a:hover { background-position: 12px -37px; } .pagination-business li.next a { background-position: -44px 10px; } .pagination-business li.next a:hover { background-position: -44px -37px; } .pagination-business.pull-right { width: 100%; text-align: center; } .wrap-space { padding-bottom: 18px; } } @media (max-width: 380px) { .well-blue-light { margin: 0 0 30px; } .products-pricing { margin: 0; padding: 0; } .products-pricing .pricing-hold { width: 100%; display: block; margin: 20px 0 30px 0; } .products-pricing .pricing-hold .head-level { padding: 0 0 6px; } .products-pricing .pricing-hold .head-level .text-mounthly { padding: 12px 0 0; } .products-pricing .pricing-hold .head-level .text-mounthly .price { font-size: 30px; line-height: 37px; } .products-pricing .pricing-hold .head-level .text-mounthly .price .number { font-size: 46px; line-height: 37px; } .products-pricing .pricing-hold .head-level .box-name { margin: 0 0 15px; } .products-pricing .pricing-hold.active, .products-pricing .pricing-hold:hover { padding: 0 0 13px; width: 100%; margin: 20px 0 30px 0; } .products-pricing .pricing-hold.active .box-name, .products-pricing .pricing-hold:hover .box-name { padding: 11px 1% 4px; } .products-pricing .pricing-hold.pricing-turquoise-dark, .products-pricing .pricing-hold.pricing-turquoise, .products-pricing .pricing-hold.pricing-orange, .products-pricing .pricing-hold.pricing-red { width: 100%; display: block; } .products-pricing .pricing-hold.pricing-turquoise-dark .box-name, .products-pricing .pricing-hold.pricing-turquoise .box-name, .products-pricing .pricing-hold.pricing-orange .box-name, .products-pricing .pricing-hold.pricing-red .box-name { padding: 12px 1% 4px; } .products-pricing .pricing-hold.pricing-turquoise-dark.active .box-name, .products-pricing .pricing-hold.pricing-turquoise.active .box-name, .products-pricing .pricing-hold.pricing-orange.active .box-name, .products-pricing .pricing-hold.pricing-red.active .box-name, .products-pricing .pricing-hold.pricing-turquoise-dark:hover .box-name, .products-pricing .pricing-hold.pricing-turquoise:hover .box-name, .products-pricing .pricing-hold.pricing-orange:hover .box-name, .products-pricing .pricing-hold.pricing-red:hover .box-name { padding: 12px 1% 4px; } .btn-lg.btn-suitcase { letter-spacing: 0; padding: 16px 22px 18px 70px; background-position: 25px -1025px; } .header-section { padding: 0 0 35px; } .header-section .navbar.navbar-business .navbar-collapse .nook { left: -9999px; right: auto; top: -9999px; } #wrap { margin: 0 auto -830px; padding: 0 0 830px; } #footer { height: 830px; } .advertising .hold-icon { margin-left: -5px; } .advertising .hold-advertising { margin-right: -5px; } .call-to-cation .btn-launch { width: 100%; } .header-section .navbar.navbar-business { width: 100%; float: none !important; } .header-section .navbar.navbar-business .navbar-collapse { position: relative; margin: 27px 0 0; } .options .list-options li { padding-left: 76px; padding-right: 44px; } .options .list-options li .hold-icon { margin-left: -80px; } .gallery-work.more .gallery-holder { width: 280px; height: 231px; } .gallery-work.more .gallery-holder ul li { width: 280px; } .about-cooperator .hold-img img { display: block; width: 100%; height: auto; } .panel-causes.panel-group .panel-body .hold-img { margin: 0 0 15px; width: 100%; float: none !important; } .panel-causes.panel-group .panel-body .hold-text { margin: 0; width: 100%; float: none !important; } #content .wrap-title h2 { text-align: center; } .blog-head { padding-top: 0; } .blog-head .col-xs-6 { width: 100%; float: none !important; } .blog-head .text-comments { float: none !important; } .blog-head .box-date { margin-top: 0; } .blog-head h1, .blog-head h2 { font-size: 17px; line-height: 19px; } #sidebar h3, #sidebar .popular-posts h3, .aside h3, .comments h2, .shop h2 { text-align: center; } .info-contacts .about-staff .hold-img, .info-contacts .about-staff .hold-text { width: 100%; float: none !important; } .products-shop .products-info h2 { text-align: left; } .services-line .thumbnail { padding-left: 0; padding-right: 0; } .block-date { padding: 9px 3% 0 75px; } .block-date .clock { margin: -9px 0 0 -75px; } .block-date .text-date { margin: 0 0 5px; } .portfolio .tabs-business .nav-tabs li a, .portfolio .tabs-business .nav-tabs li:first-child a, .portfolio .tabs-business .nav-tabs li:last-child a { padding-left: 20px; padding-right: 20px; } .switcher-portfolio { bottom: 7px; left: 7px; } .hold-reply button.btn-details.btn-blue { margin: 0 auto 26px; } .hold-reply h2 { text-align: center; } .box-author { padding-left: 80px; } .box-author .hold-img { margin: 4px 0 0 -80px; width: 60px; } .box-author .text-author { background: none; display: block; margin: 0 0 12px; padding: 0; } .shop .hold-products .col-xs-6 { width: 100%; float: none !important; } .our-clients .box-space h3 { max-width: 67%; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder { height: 230px; width: 235px; } .testimonials.testimonials-small .gallery-testimonials .gallery-holder ul li { width: 235px; } } @media (max-width: 340px) { .advertising .tools-large { margin: 0 -4px; } } @media (max-width: 1920px) { .gallery a.link-prev, .gallery a.link-next { left: 10px; margin: -32px 0 0 0; } .gallery a.link-next { left: auto; right: 10px; margin: -32px 0 0 0; } } @media (max-width: 1280px) { .hold-text { font-size: 11px; } .hold-text .title { font-size: 32px; } .hold-text .btn { padding: 5px 10px; font-size: 110%; } } @media (max-width: 1220px) { } @media (max-width: 1205px) { } @media (max-width: 1188px) { .gallery a.link-prev, .gallery a.link-next { width: 32px; height: 32px; border-width: 2px ; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: -16px; left: 15px; } .gallery a.link-prev i, .gallery a.link-next i { font-size: 15px; line-height: 30px; } .gallery a.link-next { background-position: 7px -1182px; left: auto; right: 15px; } .gallery .hold-text { font-size: 6px; } .gallery .hold-text .btn { padding: 5px 13px; font-size: 200%; } } @media (max-width: 1156px) { } @media (max-width: 1105px) { .logo { width: 235px; height: auto; } .logo img { display: block; width: 100%; height: auto; } h2 .logo { height: 44px; width: 321px; } } @media (max-width: 1087px) { } @media (max-width: 1052px) { } @media (max-width: 1040px) { } @media (max-width: 1022px) { } @media (max-width: 1010px) { } @media (max-width: 992px) { } @media (max-width: 960px) { .gallery .gallery-holder .hold-text .title { font-size: 20px; margin-bottom: 10px; } } @media (max-width: 877px) { } @media (max-width: 824px) { } @media (max-width: 816px) { } @media (max-width: 790px) { } @media (max-width: 774px) { } @media (max-width: 767px) { .gallery .gallery-holder .text-price { font-size: 16px; } .gallery .gallery-holder .text-price * { font-size: 16px; } .gallery .gallery-holder .hold-text .title { font-size: 18px; margin-bottom: 0; } .gallery .gallery-holder .hold-text a.btn { padding: 5px; height: 27px; font-size: 11px; } } @media (max-width: 738px) { } @media (max-width: 704px) { } @media (max-width: 670px) { .gallery a.link-prev, .gallery a.link-next { display: none; } .gallery .switcher { bottom: -32px; left: 50%; } } @media (max-width: 646px) { } @media (max-width: 590px) { } @media (max-width: 535px) { } @media (max-width: 400px) { .gallery .gallery-holder .hold { display: none; } .gallery .gallery-holder .hold-text p { display: none; } } @media (max-width: 430px) { } @media (max-width: 380px) { } @media (max-width: 340px) { }