/* =============================================================================== _/ _/ _/ _/ _/ _/_/ _/_/_/ _/_/_/ _/_/_/_/ _/_/_/ _/_/_/ _/ _/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/_/_/ _/_/_/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/_/ _/_/_/ _/_/ _/_/_/ _/ _/ _/ _/ _/ _/ _/_/_/ ================================================================================ */ @import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic); .ruble{ font-family:'PT Sans', sans-serif; } /* ================== PAGE ERROR 404 ================== */ .error404{ background:#ffffff; border-radius: 6px; box-shadow: 0 0 3px #777777; font-size: 14px; left: 0; margin:-8% auto 0; padding: 6px; position: fixed; right: 0; text-align: center; top: 50%; width:40%; z-index: 9999; } .text-404{ font-size:12em; font-family:arial_rounded_mt_pro_cyr,arial; line-height:1; color:#888888; } .text-after-404{ font-family:arial_rounded_mt_pro_cyr,arial; text-transform:uppercase; color:#888888; font-size:1.6em; line-height:1.2; } .text-more-404{ margin-top:1em; padding:1em; } /* ================== MAIN CONTAINER ================== */ .main-container{ padding:9em 0 8em 0; } .main-container:after{ content:""; display:table; clear:both; } .overflow{ overflow:hidden; } /* ================== SIDEBAR ================== */ /*div.left_yes.right_yes[role="main"]{ margin-right: 480px; }*/ .right_column .content > section{ margin-bottom:7em; } .left_yes.right_yes .outer{ float: left; margin-right:-480px; width: 100%; } .left_yes.right_yes .inner{ margin: 0 480px 0 0; } /*right_aside*/ .right_column{ float: right; width: 480px; } .right_column .content{ padding: 0 0 0 90px; } .right_column .content h2{ font-size:34px; margin:0; margin-bottom:1.4118em; } /* ================== MAX WIDTH ================== */ .container-width{ max-width: 1600px; margin: 0 auto; } /* ================== COLORS ================== */ .c-grey{ color:#888888; } .c-green{ color:#52b410; } .c-light-red{ color: #e2574c; } .c-light-orange{ color: #ffc24b; } .c-light-blue{ color:#26a6d1; } .c-light-green{ color:#3db39e; } .c-white{ color:#ffffff; } /* background-color */ .bg-black{ background-color:#252525; } /* button bg-black */ a.button.bg-black, .button.bg-black, button.bg-black, input[type="submit"].bg-black, input[type="reset"].bg-black, input[type="button"].bg-black{ background-color:#252525; } .button.bg-black:hover, button.bg-black:hover, input[type="submit"].bg-black:hover, input[type="reset"].bg-black:hover, input[type="button"].bg-black:hover { color: #ffffff; background: #555555; } .button.bg-black:active, button.bg-black:active, input[type="submit"].bg-black:active, input[type="reset"].bg-black:active, input[type="button"].bg-black:active { background: #444444; } /* button bg-gray */ a.button.bg-gray, .button.bg-gray, button.bg-gray, input[type="submit"].bg-gray, input[type="reset"].bg-gray, input[type="button"].bg-gray{ background-color:#cccccc; } .button.bg-gray:hover, button.bg-gray:hover, input[type="submit"].bg-gray:hover, input[type="reset"].bg-gray:hover, input[type="button"].bg-gray:hover { color: #ffffff; background: #bbbbbb; } .button.bg-gray:active, button.bg-gray:active, input[type="submit"].bg-gray:active, input[type="reset"].bg-gray:active, input[type="button"].bg-gray:active { background: #bbbbbb; } /* long shadows */ .shadow-green-text{ text-shadow: 1px 1px 0px #4aa30f, 2px 2px 0px #4aa30f, 3px 3px 0px #4aa30f, 4px 4px 0px #4aa30f, 5px 5px 0px #4aa30f, 6px 6px 0px #4aa30f, 7px 7px 0px #4aa30f, 8px 8px 0px #4aa30f, 9px 9px 0px #4aa30f, 10px 10px 0px #4aa30f, 11px 11px 0px #4aa30f, 12px 12px 0px #4aa30f, 13px 13px 0px #4aa30f, 14px 14px 0px #4aa30f, 15px 15px 0px #4aa30f, 16px 16px 0px #4aa30f, 17px 17px 0px #4aa30f, 18px 18px 0px #4aa30f, 19px 19px 0px #4aa30f, 20px 20px 0px #4aa30f, 21px 21px 0px #4aa30f, 22px 22px 0px #4aa30f, 23px 23px 0px #4aa30f, 24px 24px 0px #4aa30f, 25px 25px 0px #4aa30f, 26px 26px 0px #4aa30f, 27px 27px 0px #4aa30f, 28px 28px 0px #4aa30f, 29px 29px 0px #4aa30f, 30px 30px 0px #4aa30f; overflow: hidden; margin-top:0.7em; } .shadow-black-text{ text-shadow: 1px 1px 0px #000000, 2px 2px 0px #000000, 3px 3px 0px #000000, 4px 4px 0px #000000, 5px 5px 0px #000000, 6px 6px 0px #000000, 7px 7px 0px #000000, 8px 8px 0px #000000, 9px 9px 0px #000000, 10px 10px 0px #000000, 11px 11px 0px #000000, 12px 12px 0px #000000, 13px 13px 0px #000000, 14px 14px 0px #000000, 15px 15px 0px #000000, 16px 16px 0px #000000, 17px 17px 0px #000000, 18px 18px 0px #000000, 19px 19px 0px #000000, 20px 20px 0px #000000, 21px 21px 0px #000000, 22px 22px 0px #000000, 23px 23px 0px #000000, 24px 24px 0px #000000, 25px 25px 0px #000000, 26px 26px 0px #000000, 27px 27px 0px #000000, 28px 28px 0px #000000, 29px 29px 0px #000000, 30px 30px 0px #000000; overflow: hidden; margin-top:0.7em; } .shadow-l{ box-shadow: 0.071em 0.071em rgba(0, 0, 0,0.0200), 0.143em 0.143em rgba(0, 0, 0,0.0150), 0.214em 0.214em rgba(0, 0, 0,.0100), 0.286em 0.286em rgba(0, 0, 0,.0090), 0.357em 0.357em rgba(0, 0, 0,.0080), 0.429em 0.429em rgba(0, 0, 0,.0070), 0.500em 0.500em rgba(0, 0, 0,.0060), 0.571em 0.571em rgba(0, 0, 0,.0050), 0.643em 0.643em rgba(0, 0, 0,.0048), 0.714em 0.714em rgba(0, 0, 0,.0046), 0.786em 0.786em rgba(0, 0, 0,.0044), 0.857em 0.857em rgba(0, 0, 0,.0042), 0.929em 0.929em rgba(0, 0, 0,.0040), 1em 1em rgba(0, 0, 0,.0038), 1.071em 1.071em rgba(0, 0, 0,.0036), 1.143em 1.143em rgba(0, 0, 0,.0034), 1.214em 1.214em rgba(0, 0, 0,.0032), 1.286em 1.286em rgba(0, 0, 0,.0030), 1.357em 1.357em rgba(0, 0, 0,.0028), 1.429em 1.429em rgba(0, 0, 0,.0026), 1.500em 1.500em rgba(0, 0, 0,.0024), 1.571em 1.571em rgba(0, 0, 0,.0022), 1.643em 1.643em rgba(0, 0, 0,.0020), 1.714em 1.714em rgba(0, 0, 0,.0018), 1.786em 1.786em rgba(0, 0, 0,.0016), 1.857em 1.857em rgba(0, 0, 0,.0014), 1.929em 1.929em rgba(0, 0, 0,.0012), 2em 2em rgba(0, 0, 0,.0008), 2.071em 2.071em rgba(0, 0, 0,.0006), 2.143em 2.143em rgba(0, 0, 0,.0004); -webkit-box-shadow: 0.071em 0.071em rgba(0, 0, 0,.027), 0.143em 0.143em rgba(0, 0, 0,.026), 0.214em 0.214em rgba(0, 0, 0,.025), 0.286em 0.286em rgba(0, 0, 0,.024), 0.357em 0.357em rgba(0, 0, 0,.023), 0.429em 0.429em rgba(0, 0, 0,.022), 0.500em 0.500em rgba(0, 0, 0,.021), 0.571em 0.571em rgba(0, 0, 0,.020), 0.643em 0.643em rgba(0, 0, 0,.019), 0.714em 0.714em rgba(0, 0, 0,.018), 0.786em 0.786em rgba(0, 0, 0,.017), 0.857em 0.857em rgba(0, 0, 0,.016), 0.929em 0.929em rgba(0, 0, 0,.015), 1em 1em rgba(0, 0, 0,.014), 1.071em 1.071em rgba(0, 0, 0,.013), 1.143em 1.143em rgba(0, 0, 0,.012), 1.214em 1.214em rgba(0, 0, 0,.011), 1.286em 1.286em rgba(0, 0, 0,.010), 1.357em 1.357em rgba(0, 0, 0,.0095), 1.429em 1.429em rgba(0, 0, 0,.009), 1.500em 1.500em rgba(0, 0, 0,.0085), 1.571em 1.571em rgba(0, 0, 0,.008), 1.643em 1.643em rgba(0, 0, 0,.0075), 1.714em 1.714em rgba(0, 0, 0,.007), 1.786em 1.786em rgba(0, 0, 0,.0065), 1.857em 1.857em rgba(0, 0, 0,.006), 1.929em 1.929em rgba(0, 0, 0,.0055), 2em 2em rgba(0, 0, 0,.005), 2.071em 2.071em rgba(0, 0, 0,.0045), 2.143em 2.143em rgba(0, 0, 0,.004); } .shadow-l:hover{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .no-photo { background:#FFFFFF; display: inline-block; height: 100px; max-width: 100%; overflow: hidden; position: relative; width: 100px; border:1px solid #eeeeee; } .no-photo:before { background: url("nophoto.svg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); bottom: 0; content: ""; display: block; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; } /* ================== H1,H2,H3,H4,H5,H6 ================== */ h1, h2, h3, h4, h5, h6{ font-family: arial_rounded_mt_pro_cyr, arial; font-weight: normal; } .main-container h3{ margin-top:0; font-size:2em; } .main-container h1{ font-size:34px; } .main-container h2{ font-size:26px; } .main-container h3{ font-size:20px; } .main-container h4{ font-size:16px; } .main-container.home h2{ font-size:34px; } .main-container h1 > a, .main-container h2 > a, .main-container h3 > a, .main-container h4 > a{ color:#333; border:0; padding-bottom:0; } .main-container h1 > a:hover, .main-container h2 > a:hover, .main-container h3 > a:hover, .main-container h4 > a:hover{ color:#888888; } section h2{ margin-bottom:0.853em;/*29px;*/ } /* ================== GRID % ================== */ .w100{ width:100%;} .w70{width:70%;} .w50{width:50%;} .w45{width:45%;} .w40{width:40%;} .w30{width:30%;} .w25{width:25%;} .w20{width:20%;} .w15{width:15%;} /* ================== ALIGNMENT ================== */ .fl{ float:left; } .fr{ float:right; } .align-center{ text-align: center; } /* ================== DISPLAY TABLE ================== */ .dtable{ display: table; } .dtable-cell{ display: table-cell; } /* ================== COLUMNS ================== */ .col1{ width: 430px; } .col2{ width: 990px; } /* ================== HEADER ================== */ header[role="banner"]{ position: absolute; top: 0; width: 100%; } a.logo{ font-size: 3.4em;/*34px*/ font-family: arial_rounded_mt_pro_cyr, arial; font-weight:bold; color:#333333; border:none; padding-bottom: 0; } .logo span{ color:#52b410; } /* sticky */ #sticktop { animation-delay: 0s; animation-duration: 0.7s; left: 0; width: 100%; } .is-sticky .navbar{ height: 117px; background:#ffffff!important; background:rgba(255,255,255,0.8)!important; box-shadow: 0 0 10px #B7B7B7; -moz-box-shadow: 0 0 10px #B7B7B7; -webkit-box-shadow: 0 0 10px #B7B7B7; transition:all 0.2s ease-in-out 0.2s; } /* navigation */ .navbar{ margin-bottom: 0; /*padding-top:3em; padding-bottom:3em; */ z-index: 888; } .navbar-container{ position: relative; margin-left: auto; margin-right: auto; line-height:11em; } .navbar-container:before, .navbar-container:after { content: " "; display: table; } .navbar-container:after { clear: both; } .navbar-header{ float: left; } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } .navbar-contact{ display: inline-block; padding-left:15%; } .navbar-contact a{ color:#52b410; text-decoration:none; border:0; } .navbar-contact .phone{ font-size: 1.6em; margin-right:1.25em; } .navbar-contact .button{ background-color: #333333!important; color:#ffffff!important; } .navbar-collapse { display: block; overflow-x: visible; /* padding-left: 15px; padding-right: 15px; */ } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .nav { list-style: none outside none; margin: 0; padding-left: 5em;/*50px*/ } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } ul.nav { float: right; min-height: 40px; position: relative; z-index: 100; } .nav > li { float: left; margin: 0; padding: 0; position: relative; } .nav > li > a{ color: #444444; font-size:1.6em; line-height: 117px; text-align: center; text-decoration: none; display: block; position: relative; border: none; cursor: pointer; overflow: hidden; padding:0 0.9em 0; } .nav > li > a.current, .nav > li > a:hover, .nav > li > a:focus { color:#888888; } /* dropdown */ .nav ul { padding: 0; margin: 0; display: none; left: 0; top: 11.7em; position: absolute; line-height: 4em; width: 200px; } .nav ul li { display: block; text-align: left; background: #333333; margin: 0; } .nav ul li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.04); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .nav ul li a:hover { background: #52b410; } .nav ul li a { display: block; color: white !important; border-bottom: none; padding: 0 1.4em; font-size: 1.4em; } .nav li:hover ul { display: block; } .nav .reveal, .button-menu{ display: none; } .button-menu button{ /*font-size: 2em;*/ padding: 0 0.5em; vertical-align: top; margin-top: 0; } .button-menu > span{ color: #444444; display: inline-block; font-size: 1.6em; line-height: 30px; margin-right: 6px; vertical-align: top; } .button-menu button .icon-reorder{ font-size:1.4286em;/*20px*/ line-height:30px; } /* ================== BIG SLIDER ================== */ .slider small{ font-size:50%; } .slider .royalSlider { height: 870px !important; max-width:100%; position: relative; width: 100%; z-index: 0; } .slider{ overflow:hidden;/*05.02.2014*/ } .slider .sblock{ top: 180px; } .slide-item{} .slide-item .slide-info{ width:360px; } .slide-item .slide-info .button{ font-size: 1.6em; padding: 0.864em 2.329em; } .slide-item .slide-info .description{ margin-bottom: 2em; } .slide-item .slide-info .description ul { margin-left:1em; } .slide-item .slide-info .description ul li{ margin-bottom:0.8em; } .slide-item h2{ margin-top: 0; } .slide-item .description{ font-size: 1.4em; } .slider .rsMinW .rsBullets{ bottom: 25em; left:-33em; padding-top: 0; } .rsImg.rsABlock.rsRight{ max-width: 514px; margin-right: 75px; height: auto!important; } .rsImg.rsABlock.rsRight.rsMainSlideImage{ margin-top: 0!important; max-height: 382px; width: auto !important; } /* slider gradient */ .gr, .gr_1, .gr_2, .gr_3, .gr_4, .gr_5, .gr_6, .gr_7, .gr_8, .gr_9, .gr_dotted{ width: 100%; height:870px; position: absolute; } .gr{ z-index: 0; } .gr_dotted{ z-index:20; background-repeat: repeat; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY0MkUxNTI4OThGMTFFM0FFNEVBRURDMjU2RjY0MkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUY0MkUxNTM4OThGMTFFM0FFNEVBRURDMjU2RjY0MkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjQyRTE1MDg5OEYxMUUzQUU0RUFFREMyNTZGNjQyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjQyRTE1MTg5OEYxMUUzQUU0RUFFREMyNTZGNjQyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlqppaoAAAAfSURBVHjaYmBgYOD4//8/AwiD2AgGVAJTAF0LQIABAEFVGCliLWrtAAAAAElFTkSuQmCC'); } .gr_1{ /*êðóã*/ background: -moz-radial-gradient(center, ellipse cover, rgba(250,245,210,1) 0%,rgba(250,245,210,0) 60%, rgba(250,245,210,0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,245,210,1)), color-stop(100%,rgba(250,245,210,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(250,245,210,1) 0%,rgba(250,245,210,0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(250,245,210,1) 0%,rgba(250,245,210,0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(250,245,210,1) 0%,rgba(250,245,210,0) 100%); background: radial-gradient(ellipse at center, rgba(250,245,210,1) 0%,rgba(250,245,210,0) 60%,rgba(250,245,210,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf5d2', endColorstr='#faf5d2',GradientType=1 ); z-index: 10; } .gr_2{ /*äèàãîíàëü ñëåâà ââåðõ*/ z-index: 5; background: -moz-linear-gradient(45deg, rgba(76,173,142,1) 0%, rgba(76,173,142,0) 36%, rgba(76,173,142,0) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(76,173,142,1)), color-stop(36%,rgba(76,173,142,0)), color-stop(100%,rgba(76,173,142,0))); background: -webkit-linear-gradient(45deg, rgba(76,173,142,1) 0%,rgba(76,173,142,0) 36%,rgba(76,173,142,0) 100%); background: -o-linear-gradient(45deg, rgba(76,173,142,1) 0%,rgba(76,173,142,0) 36%,rgba(76,173,142,0) 100%); background: -ms-linear-gradient(45deg, rgba(76,173,142,1) 0%,rgba(76,173,142,0) 36%,rgba(76,173,142,0) 100%); background: linear-gradient(45deg, rgba(76,173,142,1) 0%,rgba(76,173,142,0) 36%,rgba(76,173,142,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cad8e', endColorstr='#4cad8e',GradientType=1 ); } .gr_3{ /*ñïðàâà íàëåâî*/ z-index: 0; background: rgb(228,221,172); background: -moz-linear-gradient(left, rgba(228,221,172,1) 0%, rgba(228,221,172,1) 54%, rgba(124,203,171,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(228,221,172,1)), color-stop(54%,rgba(228,221,172,1)), color-stop(100%,rgba(147,204,166,1))); background: -webkit-linear-gradient(left, rgba(228,221,172,1) 0%,rgba(228,221,172,1) 54%,rgba(124,203,171,1) 100%); background: -o-linear-gradient(left, rgba(228,221,172,1) 0%,rgba(228,221,172,1) 54%,rgba(124,203,171,1) 100%); background: -ms-linear-gradient(left, rgba(228,221,172,1) 0%,rgba(228,221,172,1) 54%,rgba(124,203,171,1) 100%); background: linear-gradient(to right, rgba(228,221,172,1) 0%,rgba(228,221,172,1) 54%,rgba(124,203,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ddac', endColorstr='#7CCBAB',GradientType=1 ); } /*grey gradient*/ .gr_4{/* êðóã */ z-index: 10; background: -moz-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(247,247,247,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); background: radial-gradient(ellipse at center, rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); } .gr_5{/* äèàãîíàëü ñëåâà ââåðõ */ z-index: 5; background: -moz-linear-gradient(45deg, rgba(175,175,175,1) 0%, rgba(175,175,175,0) 36%, rgba(175,175,175,0) 80%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(175,175,175,1)), color-stop(36%,rgba(175,175,175,0)), color-stop(80%,rgba(175,175,175,0))); background: -webkit-linear-gradient(45deg, rgba(175,175,175,1) 0%,rgba(175,175,175,0) 36%,rgba(175,175,175,0) 80%); background: -o-linear-gradient(45deg, rgba(175,175,175,1) 0%,rgba(175,175,175,0) 36%,rgba(175,175,175,0) 80%); background: -ms-linear-gradient(45deg, rgba(175,175,175,1) 0%,rgba(175,175,175,0) 36%,rgba(175,175,175,0) 80%); background: linear-gradient(45deg, rgba(175,175,175,1) 0%,rgba(175,175,175,0) 36%,rgba(175,175,175,0) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#00afafaf',GradientType=1 ); } .gr_6{/* ñïðàâà íàëåâî */ z-index: 0; background: rgb(247,247,247); background: -moz-linear-gradient(left, rgba(247,247,247,1) 0%, rgba(249,249,249,1) 54%, rgba(224,224,224,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,1)), color-stop(54%,rgba(249,249,249,1)), color-stop(100%,rgba(224,224,224,1))); background: -webkit-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 54%,rgba(224,224,224,1) 100%); background: -o-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 54%,rgba(224,224,224,1) 100%); background: -ms-linear-gradient(left, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 54%,rgba(224,224,224,1) 100%); background: linear-gradient(to right, rgba(247,247,247,1) 0%,rgba(249,249,249,1) 54%,rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=1 ); } /*blue gradient*/ .gr_7{/* êðóã */ z-index: 10; background: -moz-radial-gradient(center, ellipse cover, rgba(209,232,249,1) 0%, rgba(209,232,249,0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(209,232,249,1)), color-stop(100%,rgba(209,232,249,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(209,232,249,1) 0%,rgba(209,232,249,0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(209,232,249,1) 0%,rgba(209,232,249,0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(209,232,249,1) 0%,rgba(209,232,249,0) 100%); background: radial-gradient(ellipse at center, rgba(209,232,249,1) 0%,rgba(209,232,249,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e8f9', endColorstr='#00d1e8f9',GradientType=1 ); } .gr_8{/* äèàãîíàëü ñëåâà ââåðõ */ z-index: 5; background: -moz-linear-gradient(45deg, rgba(33,127,198,1) 0%, rgba(33,127,198,0) 36%, rgba(33,127,198,0) 80%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(33,127,198,1)), color-stop(36%,rgba(33,127,198,0)), color-stop(80%,rgba(33,127,198,0))); background: -webkit-linear-gradient(45deg, rgba(33,127,198,1) 0%,rgba(33,127,198,0) 36%,rgba(33,127,198,0) 80%); background: -o-linear-gradient(45deg, rgba(33,127,198,1) 0%,rgba(33,127,198,0) 36%,rgba(33,127,198,0) 80%); background: -ms-linear-gradient(45deg, rgba(33,127,198,1) 0%,rgba(33,127,198,0) 36%,rgba(33,127,198,0) 80%); background: linear-gradient(45deg, rgba(33,127,198,1) 0%,rgba(33,127,198,0) 36%,rgba(33,127,198,0) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217fc6', endColorstr='#00217fc6',GradientType=1 ); } .gr_9{/* ñïðàâà íàëåâî */ z-index: 0; background: rgb(178,228,255); background: -moz-linear-gradient(left, rgba(178,228,255,1) 0%, rgba(178,225,255,1) 54%, rgba(66,182,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(178,228,255,1)), color-stop(54%,rgba(178,225,255,1)), color-stop(100%,rgba(66,182,255,1))); background: -webkit-linear-gradient(left, rgba(178,228,255,1) 0%,rgba(178,225,255,1) 54%,rgba(66,182,255,1) 100%); background: -o-linear-gradient(left, rgba(178,228,255,1) 0%,rgba(178,225,255,1) 54%,rgba(66,182,255,1) 100%); background: -ms-linear-gradient(left, rgba(178,228,255,1) 0%,rgba(178,225,255,1) 54%,rgba(66,182,255,1) 100%); background: linear-gradient(to right, rgba(178,228,255,1) 0%,rgba(178,225,255,1) 54%,rgba(66,182,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e4ff', endColorstr='#42b6ff',GradientType=1 ); } /* ================== FEATURES ================== */ .features{ position: absolute; left: 0; top: 650px; width: 100%; z-index:10; } .features-block{ width: 910px; padding:5em 0; background-repeat: repeat-x; background-position: 0 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAABCAYAAADErm6rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDkyRTlBNTk3RUFEMTFFM0IxNjZFRDUzQkY0MUUxMTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDkyRTlBNUE3RUFEMTFFM0IxNjZFRDUzQkY0MUUxMTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTJFOUE1NzdFQUQxMUUzQjE2NkVENTNCRjQxRTExMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTJFOUE1ODdFQUQxMUUzQjE2NkVENTNCRjQxRTExMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhM7kAgAAAAYSURBVHjaYvz//z8DLmBiYpLGQCEACDAAX24EASFOZ+8AAAAASUVORK5CYII='); } .data-sertificate{} .data-stats{ float: right; width: 40%; } .data-stats .features-item{ width: 50%; } .features-item{ text-align: center; width: 20%; float: left; } .features-item-inner{ text-align: center; display: inline; } .features-item-inner p{ font-size: 1.4em;/*14*/ margin: 1em 0 0 0; display: inline-block; max-width: 150px; } .features-item-inner span, .features-item-inner i{ font-family: arial_rounded_mt_pro_cyr,arial; font-weight: bold; font-style: normal; line-height:1; } .features-item-inner span{ font-size: 6em;/*60*/ } .features-item-inner i{ font-size: 3.6em;/*36*/ } /* ================== SERVICES ================== */ #services{ position: absolute; top: 0; width: 100%; z-index:20; } #services .container-width{ position: relative; } .services{ margin-top: 180px; width: 550px; position: absolute; right: 0; } .services h2{ margin-top: 0; } .services .services-item{ float: left; width:56%; margin-bottom: 3.6em; } .services .services-item a:hover{ color:#008392; } .services .services-item:nth-child(2n+1){ width: 44%; } .services .services-item.db .out-services-text{ display: block; } .services-item a{ text-decoration: none; color: #252525; border: none; padding-bottom: 0; } .services-item a.button{ color: #ffffff!important; } .services-item a.button:hover{ color: #ffffff; } .services-rounded{ width: 84px; } /* icon effect */ .services-rounded span { font-size: 3.2em; cursor: pointer; display: inline-block; width:2.625em;/*84px*/ height:2.625em;/*84px*/ line-height: 2.625; text-align: center; border-radius: 50%; position: relative; z-index: 1; box-shadow: 0 0 0 3px #7bc09a; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; color:#52b410; } .services-rounded span:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -4px; left: -4px; padding: 4px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .services-rounded span:hover { color: #333333; } .services-rounded span:hover:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* /icon effect */ .wrap-services-text{ line-height:8.3em;/*83px*/ padding-left:11em; padding-right: 2em;/*3em*/ text-align: left; } .out-services-text{ display: inline-block; vertical-align: middle; position: relative; } .services-text{ /*20px*/ display: block; font-size: 1.6em; line-height: 1.48; } .out-services-text .btn-calculator, .btn-calculator{ position: absolute; padding-bottom: 0.464em; } /* ================== PORTFOLIO ================== */ .portfolio-slider.royalSlider { width: 100%; height: 550px; } .bContainer { position: relative; } .rsABlock { position: relative; display: block; left: auto; top: auto; } .bContainer img.imgProject { left: 7em; top: 8em; position: absolute; max-width:480px ; } .bContainer .rsRight.rsText{ width: 340px; right: 5em; top: 8em; position: absolute; } .bContainer .rsRight.rsImg{ right:0; position: absolute; } /* project slide */ .project-before-title{ font-size: 1.4em; } .project-title{ font-size: 2.8em; margin-top: 0; } .project-url{ font-size: 1.4em; } .project-description{ font-size: 1.4em; margin-top: 3.143em;/*44px*/ } /* ================== HOT NEWS ================== */ #hotnews{ width: 550px; margin-left: 50px; } #hotnews h2{ margin-top: 0; } .hotnews h5{ font-family: arial,tahoma; margin-top: 1.25em;/*20*/ } .hotnews p{ font-size:1.4em;/*14px*/ } .hotnews article{ position: relative; } .hotnews article:last-child .hotnews-item{} .hotnews-item{ margin-left: 8em; margin-bottom: 4.5em; } .hotnews-item time{ display: block; font-size: 1.2em;/*12px*/ margin-bottom: 0.5em;/*6px*/ } .hotnews-item a{ font-size: 1.4em; /*14px*/ font-weight: normal; } .hotnews-icon{ font-size: 3.2em;/*32px*/ position: absolute; left:0; top:0; } .hotnews-icon span{ vertical-align: top; } /* ================== LAST BLOGS ================== */ .last-blogs{ width: 100%; } .last-blogs-inner article{ vertical-align: top; display: inline-block; margin-bottom: 0em;/*86px*/ overflow: hidden; width: 430px; margin-left: 126px; } .last-blogs-inner article:first-child{ margin-left: 0px; } .last-blogs-inner article:last-child, .last-blogs-inner article:nth-last-child(2){ margin-bottom: 0px; } .last-blogs-inner article{} .last-blogs-item{} .last-blogs-info{ overflow: hidden; position: relative; padding-left: 3.4em;/*34px*/ } .last-blogs-info:before{ font-family: arial_rounded_mt_pro_cyr, arial; font-size:6em; line-height: 1; content:'“'; position: absolute; left: 0; top:-1px; } .last-blogs-item h6{ font-family: arial, tahoma; font-weight: normal; margin:0 0 0.3em; } .last-blogs-item p{ font-size: 1.4em; margin-bottom: 1.2em;/*16px*/ } .last-blogs-item .last-blogs-img{ float: left; margin-right:3.4em;/*34px*/ } .last-blogs-item .last-blogs-img .no-photo{ width:90px; height:90px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .last-blogs-item .last-blogs-img img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; max-width:90px; } .last-blogs-item .last-blogs-author{ font-size: 1.2em; color:#888888; } .last-blogs-item .last-blogs-author span{ margin-right: 0.5em;/*14px*/ } .last-blogs-item .last-blogs-author .icon-comments{ margin-left: 1.1667em; } .blogs-form-edit{ font-size:10px; } /* ================== LAST BLOGS SIMPLE ================== */ .last-blogs-simple{ font-size:10px; } .last-blogs-simple .last-blogs-inner article{ vertical-align: top; display: inline-block; margin-bottom: 5em;/*86px*/ overflow: hidden; width:auto; } .last-blogs-simple .last-blogs-inner article:last-child, .last-blogs-simple .last-blogs-inner article:nth-last-child(2){ margin-bottom: 5em; margin-left:0; } /* ================== LAST ARTICLES ================== */ .last-articles{ float: left; } .last-articles h5{ font-family: arial,tahoma; margin-top: 0; } .last-articles p{ font-size:1.4em;/*14px*/ margin-bottom: 0; } .last-articles article{ margin-left: 0; overflow: hidden; margin-bottom: 5em; } .articles-item .no-photo{ height: 190px; width: 430px; } .articles-item > img, .articles-item > .no-photo{ float: left; margin-right: 5em; } .articles-item .article-item-img{ display:inline-block; float:left; margin-right:5em; min-width:350px; max-width:350px; } /* ================== ARTICLES ================== */ .list-articles{ font-size:10px; } .list-articles p{ font-size:1.4em;/*14px*/ margin-bottom: 0; } .list-articles article { margin-bottom: 5em; margin-left: 0; overflow: hidden; } .list-articles-title{ font-family: arial,tahoma; margin-top: 0; margin-bottom:1.1875em; font-size: 1.6em; } /*single*/ .single-articles{ font-size:10px; } .articles-body{ font-size:1.4em; } .single-articles .thesis-body{ font-size:1.4em; } .single-articles article > img{ float:left; padding:0 2em 2em 0; } .articles-author{ font-size: 1.2em; margin-bottom:2em; } .single-articles-title{ font-size:2.6em; margin-top:0; } .single-articles .tags_block{ font-size:1.2em; } .icon-tag{ font-size:18px; margin-right:6px; vertical-align:middle; } /* ================== CLIENTS ================== */ #clients{ width: 430px; margin-left: 130px; } .clients-item{ display: inline-block; overflow: hidden; padding: 0 2% 4em 0;/*40px*/ vertical-align: top; width: 49%; text-align: center; } .clients-item a{ border-bottom: 0; } /* ================== FOOTER ================== */ .footer{ position: relative; clear:both; } .subfooter{ color:#b7b7b7; margin:0 auto; width: 100%; color: #b7b7b7; padding: 40px 0px 40px; background-color:#222222; background-repeat: repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTI3RjBFMzU3RERGMTFFM0E3RTNDNkMyOERCN0Y2MkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTI3RjBFMzY3RERGMTFFM0E3RTNDNkMyOERCN0Y2MkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjdGMEUzMzdEREYxMUUzQTdFM0M2QzI4REI3RjYyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjdGMEUzNDdEREYxMUUzQTdFM0M2QzI4REI3RjYyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3izowAAAAfSURBVHjaYmBgYPgPBCCCAcRGMKASTAxYAIoWgAADAHFBF+tMA9bsAAAAAElFTkSuQmCC'); } .subfooter a{ color: #b7b7b7; } .subfooter a:hover{ color: #ffffff; } .subfooter-inner:before, .subfooter-inner:after { content: ""; display: table; line-height: 0; } .subfooter-inner:after { clear: both; } .subfooter-inner{ max-width: 1590px; width: 100%; margin: 0 auto; } .widget{ margin-bottom: 4em; } .widget a.c-green{ color:#52b410; border-bottom:0; padding:0; } .widget a.c-green:hover{ color:#52b410; } .widget h4{ font-size: 1.6em; margin-top: 1.4286em;/*20px*/ font-family: arial,tahoma; color: #6f6f6f; } .widget p{ font-size: 1.4em; } .copy{ font-size: 1.4em; margin-top: 1.4286em;/*20px*/ margin-bottom: 1em; } .counter a{ border:0; } /*cols*/ .sf-cols{} .sf-cols > div{ float: left; } .sf-cols > div:first-child{ margin-left: 0; } .sf-1{ width: 24.5283%; margin-left: 0; } .sf-2{ width: 19.4968%; margin-left: 3.1446%; } .sf-3{ width: 32.0754%; margin-left: 3.1446%; } .sf-cols .sf-4{ width: 14.4654%; margin-left: 3.1446%; float: right; } /* footer-nav */ .footer-nav ul{ margin: 0; padding: 0; list-style: none; /*width: 50%;*/ } .footer-nav ul li{ margin: 0 0 1em 0; width: 100%; display:inline-block; vertical-align:top; /*max-width: 202px;*/ } .footer-nav ul li a{ font-size: 1.4em; } .sf-2 .footer-nav ul{ -moz-columns: 2 140px; -webkit-columns: 2 100px; columns: 2 140px; } .sf-3 .footer-nav ul{ -moz-columns: 2 240px; -webkit-columns: 2 240px; columns: 2 240px; } .sf-3 .footer-nav ul li{ max-width: 202px; } /* email*/ .email{ font-size: 1.4em; } a[href^="mailto:"].icon-envelope, a[href*="mailto:"].icon-envelope{ font-family: arial,tahoma; vertical-align: top; } a[href^="mailto:"].icon-envelope:before, a[href*="mailto:"].icon-envelope:before{ font-family:'icomoon'; font-size:1.2em; padding-right: 0.5em; float: left; } /* search */ .search { } .search form { position: relative; } .search input[type="text"]{ padding-right: 3.2em; } .search button[type="submit"] { background-color:transparent; background-image: none; background-repeat: no-repeat; box-shadow: none; color: #ababab; cursor: pointer; font-size: 2em; /*20px*/ line-height:1.1; padding: 0; position: absolute; right: 8px; text-shadow: none; top: 0.2em; z-index: 10; } .search input[type="text"]:focus, .search input[type="text"]:active{ background-color: #ffffff; box-shadow: 0 0 3px 1px #5f9710; -moz-box-shadow: 0 0 3px 1px #5f9710; -webkit-box-shadow: 0 0 3px 1px #5f9710; transition: all 0.2s ease-out 0s; z-index: 1; } .search button[type="submit"]:hover, .search button[type="submit"]:active, .search button[type="submit"]:focus{ box-shadow: none; color: #333333; } /* ================== POPUP ================== */ .popup-opener{} .overlay { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.7); } .popup { position: fixed;/*fixed*/ z-index: 1000; /*top: 50%; left: 50%;*/ display: none; background: #ffffff; /*52b410;*/ font-family: arial, sans-serif; color: #fff; /*padding: 5em;/*50 80 60*/ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .popup .icon-cancel { font-size: 2em; background:#ffffff; padding-bottom:0; color: #333333; text-align: center; border:none; position: absolute; line-height: 32px; right: -0.75em; top: -0.75em; width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .popup .icon-cancel:hover{ color:#888888; } .popup_wrapper{ position:relative; } /* POPUP FORM */ .popup-form{ width: 400px; margin-left:-200px!important; } /* ==================================== CONTENT PAGES ==================================== */ /* ================== LIST NEWS ================== */ .list-news{ font-size:10px; /*ïîòîì ïîïðàâèòü íà em*/ } .list-news ul{ list-style:none; margin:0; padding:0; } .list-news ul li{ margin:0; padding:0; } .list-news p{ font-size:1.4em;/*14px*/ } .list-news article{ position: relative; } .list-news article:last-child .list-news-item{} .list-news-item{ margin-left: 6em; margin-bottom: 4.5em; } .list-news-item time{ display: block; font-size: 1.2em;/*12px*/ margin-bottom: 0.5em;/*6px*/ } .list-news-item a{ font-size: 1.4em; /*14px*/ font-weight: normal; } .list-news-icon{ font-size: 3.2em;/*32px*/ position: absolute; left:0; top:0; } .list-news-icon span{ vertical-align: top; } /* ================== SINGLE NEWS ================== */ .single-news{ font-size:10px; } .single-news h2{ font-size:2em; } .single-news time{ font-size:1.4em; display: block; margin-bottom: 0.5em; } .single-news-img{ float:right; margin-left:3em; margin-bottom:1em; max-width: 700px; } .single-news-body{ font-size:1.4em; } @media(max-width:1280px){ .single-news-img{ max-width:100%; } } /* ================== SIBSCRIBE ================== */ .subscribe{ width:400px; font-size:10px; } .subscribe .di-form{ border:1px solid #E0E0E0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .subscribe .s-success, .subscribe .s-error{ font-size:1.6em; margin-bottom:1em; color:#ffffff; padding:1em; text-align:center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .subscribe .s-error{ background:#FF9999; } .subscribe .s-success{ background:#A1E38C; } /* ================== LOGIN FORM REMIND ================== */ .remind{ font-size:10px; text-align:center; } .remind .di-form { border:1px solid #E0E0E0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:left; display:inline-block; width:400px; } .remind .di-form.r-login{ margin-right:2em; } /* ================== PAGINATION (lister) ================== */ .pagination{ font-size:10px; /*ïîòîì ïîïðàâèòü íà em*/ padding:1em 0; margin-bottom: 3em; } .pagination-title{ font-size:1.8em; color:#888888; margin-bottom:0.6667em; } .pagination a{ text-decoration:underline; border:0; padding:0; } .pagination a span{ text-decoration:underline; } .pagination a:hover span { text-decoration:none; } .pagination span { font-size:1.4em; padding: 0.5em; display: inline-block; vertical-align: middle; text-align: center; } .pagination > span.prev, .pagination > span.next{ color:#888888; } .pagination i{ font-style:normal; } .pagination span.prev { padding-right:20px; } .pagination span.next { padding-left:20px; } .pagination .current { line-height:1.2; background:#52B410; color: #FFFFFF; overflow: hidden; padding: 0.6429em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } /* ================== GALLERY MAG ================== */ .gallery figure{ text-align:center; } .gallery figure a{ border:none; padding:0; } .gallery figure a img{ border:none; padding:0; vertical-align: top; margin-bottom:1em; } .gallery figure a figcaption{ display:block; } .gallery figure a figcaption span{ border-bottom: 1px solid; padding-bottom: 1px; } /* gallery grid */ .gallery.col-4{ } .gallery.col-4 figure{ width:23%; display:inline-block; vertical-align:top; margin-bottom:2em; margin-right:1em; } /* ================== BLOGS ================== */ .blogs-container{ font-size:10px; } .list-blogs{} .list-blogs article{ display: inline-block; margin-bottom: 10em; vertical-align: top; width: 100%; } .list-blogs-img{ float: left; margin-right: 3.4em; } .list-blogs-info{ overflow: hidden; position: relative; } .list-blogs-info time{ font-size:1.2em; display:block; margin-bottom:0.6667em; } /*.list-blogs-info:before{ font-family: arial_rounded_mt_pro_cyr, arial; font-size:6em; line-height: 1; content:'“'; position: absolute; left: 0; top:-1px; } .list-blogs article:nth-child(2n+1){ margin-right:10%; }*/ .list-blogs .list-blogs-img .no-photo{ width:90px; height:90px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .list-blogs-title{ font-size:1.8em; margin-bottom:0.6667em; } .list-blogs-more{ margin-bottom:2em; } .list-blogs-category{ color:#888888; font-size:1.2em; margin-bottom:1.3333em; } .list-blogs-category span{ font-size:1.2em; margin-right:12px; } .list-blogs-category a{ color:#888888; } .list-blogs-category a:hover{ color:#666666; } .list-blogs-info:hover .list-blogs-edit{ display:inline-block; } .list-blogs-author .list-blogs-edit span{ margin-left:0; } .list-blogs-edit{ display:none; margin-left:1em; } .list-blogs-edit a{ padding-bottom:0; border:0; color:#333333; } .list-blogs-edit a:hover{ color:#52B410; } .list-blogs-body{ font-size:1.4em; margin-bottom:1.2em; } .list-blogs-author{ font-size:1.2em; color:#888888; } .list-blogs-author span{ font-size:1.2em; } .list-blogs-author .icon-comments{ margin-left:24px; } .list-blogs-comments{ } .blogs_lister{} /*blogs groups*/ .blogs-groups{ font-size:1.4em; margin-bottom:4.4em; } .blogs-groups-title{ color:#888888; } .blogs-groups span{ display: inline-block; vertical-align: top; padding:0 16px 8px 0; } .blogs-edit{ font-size:10px; height: 39px; margin-bottom: 1em; margin-top:2em; } .blogs-edit .blogs-edit-select{ width:200px; float:left; } .blogs-edit .blogs-edit-submit{ float:left; margin-left:1em; } .blogs-edit .blogs-edit-submit input[type="submit"]{ padding: 0.464em 1.429em; height:39px; } /* single blogs */ .price_basket.smaller-font { position: relative; font-size: 0.75em; display: inline-block; vertical-align: bottom; } .price_basket.smaller-font .good_group_basket {margin: 0;} .single-blogs{ } .single-blogs-title{ font-size:2.6em; } .single-blogs-body{ font-size:1.4em; margin-bottom:1.2em; } .single-blogs-author{ font-size:1.2em; margin-bottom:1.6667em;/*20px*/ } .single-blogs-edit{ display:inline-block; margin-left:1em; } /*comments*/ .blogs-comments{ font-size:10px; padding-top: 4em;/*40px*/ } .blogs-comments-title{ font-size:2em; margin-bottom:1em; } .blogs-comments-subject{ font-size:1.6em; line-height:1.2; margin-bottom:0.2em; } .blogs-comments-author{ font-size:1.2em; margin-bottom:0.8em; } .blogs-comments-author time{ margin-right:0.5em; } .blogs-comments-body{ font-size:1.4em; margin-bottom:0.5em; } .blogs-comments-no{ font-size:1.4em; } .comments-level-2{ } /* form comments */ .blogs-comments-container{ margin-bottom:3em; } .blogs-comments-container.active{ padding:2em;/*20px*/ background:#f6f6f6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .form-blogs-comments header, .form-blogs-comments footer{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .form-blogs-comments header, .form-blogs-comments fieldset, .form-blogs-comments footer{ padding-right:0; padding-left:0; } .form-blogs-comments footer{ padding-bottom:0; } .blogs-comments-result, .form-blogs-comments{ width:100%; max-width:600px; } .form-blogs-comments input[type="submit"]{ width:auto; margin-top:0; } .blogs-comments-img{ float:left; margin-right:1em; } .blogs-comments-img img, .blogs-comments-img .no-photo{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .blogs-comments-img .no-photo{ width:90px; height:90px; } .blogs-comments-img img{ max-width:90px; } .blogs-comments-img .icon-user{ font-size:2em; color:#52B410; } .blogs-comments-main{ overflow:hidden; } .blogs-comments-answer .blogs-comments-reply{ font-size:1.4em; border-bottom:1px dotted; } .blogs-comments-answer-body{ display:none; margin-top:2em; } .blogs-comments-picture{ margin-top:1.4em; } .blogs-comments-picture img{ } /*result*/ .blogs-comments-result{ } /* blogs edit topic or blogs create topic*/ .blogs-edit-topic{ } .blogs-edit-topic .b-error{ font-size:1.6em; margin-bottom:1em; color:#ffffff; padding:1em; text-align:center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .blogs-edit-topic .b-error{ background:#FF9999; } .blogs-edit-topic input[type="submit"] { margin-top: 0; width: auto; } .form-edit-topic{ font-size: 10px; max-width: 600px; width: 100%; } .form-edit-topic-addmedia{ font-size:10px; margin-bottom:1em; text-align: right; width: 100%; } .form-edit-topic-addmedia > a{ font-size:1.2em; } #embed_media_div{ margin-top:1em; } .form-edit-topic header, .form-edit-topic fieldset, .form-edit-topic footer{ padding-left:0; padding-right:0; } /* ================== VACATION ================== */ .list-vacation{ max-width:600px; } /* VACATION SINGLE */ .vacantion-info{ float:right; padding:1em; background:#f6f6f6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .vacantion-info-item{ margin-bottom:0.5em; } .vacation-content-subtitle, .vacation-info-subtitle{ color:#888888; font-weight:bold; } .vacation-content{ } .vacation-content-item{ margin-bottom:2em; overflow:hidden; } .vacation-content-title{ font-size:1.4em; margin-bottom:1em; } /* VACATION FORM */ .form-vacation{ max-width: 600px; width: 100%; font-size: 10px; } .form-vacation input[type="submit"]{ margin-top: 0; width: auto; } .form-vacation header, .form-vacation fieldset, .form-vacation footer{ padding-right:0; padding-left:0; } /* USER VACATION LIST */ .user-vacation{ } .user-vacation .dtable{ width:100%; } .user-vacation .dtable-cell{ width:50%; } .user-vacation article{ margin-bottom:1.1429em;/*16px*/ } .user-vacation article a{ } .user-vacation article span{ } /* ================== TABLE ================== */ .table { border-collapse: collapse; border-spacing: 0; padding: 0 0.0714em 1.4em; width: 100%; border:0; } .table thead { box-shadow: 0 2px 2px rgba(27, 67, 0, 0.5); } .table thead th { background-color: #52B410; color: #FFFFFF; font-weight: normal; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); vertical-align: middle; white-space: nowrap; } .table thead th:first-child { border-radius: 3px 0 0; } .table thead th:last-child{ border-radius: 0 3px 0 0; background-color:#52B410; border-right:0; } .table th { padding: 1em 1.2em; vertical-align: top; border-bottom: 0; border-right: 1px solid #408B0C; } .table td { padding: 1em; vertical-align: middle; border-bottom: 0; border-right: 1px solid #dddddd; } .table td:last-child { border-right:0; } .table tr td { background:#F8F8F8; } .table tr.alt td { background:#F0F0F0; } /* ================== ARTICLE ================== */ /*thesis*/ .thesis{ padding:1.4em; background:#efefef; margin-bottom:3em; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .thesis-title{font-weight:bold;} .thesis-body{} /* ================== CLIENTS PAGE ================== */ .customers{ font-size:10px; width:100%; } .customers-bottom{ margin-bottom:68px; } .customers h3{ margin-bottom:1.6em; } .customers > section{ float:left; padding-right:6%; } .customers > section:last-child{ padding-right:0; } .customers section article p{ font-size:1.4em; } /**/ .customers .services-item{ margin-bottom:3em; } .customers .wrap-services-text{ padding-right: 5px; } .customers .services-item .services-text a{ border-bottom:1px solid; color:#0C7CE3; } .customers .services-item .services-text i{ font-style:normal; display:block; } .customers .services-item .services-text a:hover{ color:#6FBAFF; } .customers ul{ list-style:none; margin:0; padding:0; } .customers ul li{ font-size:1.4em; margin:0 0 1em 0;/*16px*/ } /* communication */ .communication{ } .link-item{ margin-bottom: 3em; } .link-icon{ width:36px; font-size:3.4em; color:#52b410; line-height:1; } .wrap-link-text{ line-height: 3em; padding-left: 4.4em; text-align: left; } .out-link-text { display: inline-block; position: relative; vertical-align: middle; } .link-text { display: block; font-size: 1.6em; line-height: 1.48; } .link-item .link-text .popup-opener{ border-style:dotted; } .link-item .link-text a[href^="tel:"], .link-item .link-text a[href^="tel:"]:hover{ color:#333333; border:0; padding-bottom:0; } .link-item .link-text a { border-bottom: 1px solid; color: #0C7CE3; } .link-item .link-text a:hover { color: #6FBAFF; } .link-item .link-text i { display: block; font-style: normal; } /* enter cabinet form*/ .personal-cabinet-enter{ max-width:230px; } .personal-cabinet-enter header{ padding:0;/*1.5em*/ font-size:20px; margin-bottom:1.6em; line-height:1.2; font-family: arial_rounded_mt_pro_cyr,arial; } .personal-cabinet-enter .di-form fieldset{ padding:0 0em 0; } .personal-cabinet-enter .di-form input[type="submit"]{ margin-top:0; } .personal-cabinet-enter .di-form footer{ padding:0 0 2.5em; } .personal-cabinet-enter .di-form footer .align-center{ padding-top:1em; } .clients-login-es{ overflow:hidden; margin-bottom:3em; } .clients-support h3, .clients-faq h3{ font-size:26px; } .clients-login{ width:350px; margin-left:2em; float:right; background:#eeeeee; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .clients-support{ overflow:hidden; margin-bottom:3em; } .clients-support-right{ width:300px; float:right; } .clients-support-right ul{ list-style:none; margin:0; padding:0; } .clients-support-right ul li { margin:0; padding:0; } .clients-support-right ul li span{ font-size: 2em; display: inline-block; margin-right: 0.2em; text-align: center; vertical-align: middle; width: 30px; height:30px; line-height:1; } .clients-support-left{ padding-right:350px; } .clients-support-left ul{ list-style:none; margin:0; padding:0; background:#eeeeee; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .clients-support-left ul li{ margin:0; padding:1em 1em 0 1em; width:32%; display:inline-block; vertical-align:top; text-align:center; } .clients-support a[href^="tel:"]{ border:0; color:#333; font-size:1.2em; } .clients-support-icon{ font-size:3em; color:#888888; } .clients-faq{ overflow:hidden; } .clients-faq ul li{ margin-bottom:0.4em; } .clients-faq h4{ font-size:1.4em; } /* ================== EXPERT SYSTEM ================== */ /*list expert system*/ .list-expert-system{ font-size:10px; margin-bottom:4em; } .list-expert-system h3{ font-size:2.6em; } .list-expert-system ul li{ font-size:1.4em; margin-bottom:0.4em; } /*single expert system*/ .expert-system{ background:#eeeeee; padding:2em; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .expert-system ul{ margin:0; padding:0; list-style:none; } .expert-system ul li{ margin-bottom:1em; margin-left:0; } .expert-system ul li div{ position:relative; } .expert-system .expert-system-item{ margin-bottom:0.5em; } .expert-system ul li i.es-1, .expert-system ul li i.es-2{ position:absolute; background:#bbbbbb; } .expert-system ul li i.es-1{ top:-5px; left:-10px; height:15px; width:1px; } .expert-system ul li i.es-2{ top:10px; left:-10px; height:1px; width:6px; } .expert-system .last{ background:#f9f9f9; padding:1em; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .expert-system-prev{ margin-top:1em; } .my-answer-btn{ font-size:10px; } .question-exist{ margin-top:2em; margin-bottom:2em; } .question-exist h3{ font-size:1.4em; } .question-exist ul{ margin-bottom:0; } .question-exist ul li{ margin-bottom:1em; } .expert-system-body{ margin-top:2em; margin-bottom:2em; } /* form my answer */ .form-myanswer{ display:none; } .form-myanswer header, .form-myanswer fieldset, .form-myanswer footer{ padding-left:0; padding-right:0; } .form-myanswer input[type="submit"]{ width:auto; } .form-myanswer-question{ font-size:14px; } /* ================== PORTFOLIO ================== */ .portfolio-popup-wrapper{ background-color:#ffffff; display:inline-block; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .portfolio-popup-wrapper .portfolio-text{ color:#333333; } .portfolio-item .close { position:absolute; right:0; top:-50px; z-index:50; color:#333333; font-size:17px; line-height:1; } .icon-close:before{ content: "\e615"; } .page_next, .page_prev { background-color: rgba(0, 0, 0, 0.2); background-position: center center; background-repeat: no-repeat; bottom: 0; cursor: pointer; display: block; opacity: 0.8; position: fixed; text-indent: -9999px; top: 117px; width: 80px; z-index: 40; border:0; } /* .page_next { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA4CAYAAAAFByO3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTZENDlENzRDQzFGMTFFMjk3RkFCNjQyQzY4RThFN0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTZENDlENzVDQzFGMTFFMjk3RkFCNjQyQzY4RThFN0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNkQ0OUQ3MkNDMUYxMUUyOTdGQUI2NDJDNjhFOEU3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNkQ0OUQ3M0NDMUYxMUUyOTdGQUI2NDJDNjhFOEU3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn0bZ14AAAEFSURBVHjaxNlBDsMgDERRMve/s7tppAiRYOwZO6tIRXqfAN1wmdn4P/fLNYoeTPD8LsdXmFXOfHQEYLPGVjHzloDnZy8PmNe8NGC14coC3nZ7ScDXUZMHYPO7NACOMbIAOMdJAnAwlh6Aw/HUAASCaQEILhclAInNmg5A8qimArJ4KoCBhwNYeCiAiR8HsPGjAAXuDlDhrgAlvg1Q46PinEf+ZC50wcqZm2cfoAtW4Hay89EFM3GLnHV0wQw8DGfxFJzB03AUp8ARnAaf4lT4BKfDXlwCe3AZvMOl8Bcuh9/wEniFl8EzXgo/8XL4xlvg3VGTX/S83TSU3DCtbhrKrrZ+AgwABdU5bcJEdZYAAAAASUVORK5CYII="); right: 0; } .page_prev { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA4CAYAAAAFByO3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjJBODkxMTZDQzFGMTFFMkFDNUVGNTFGOURCMkVFQ0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjJBODkxMTdDQzFGMTFFMkFDNUVGNTFGOURCMkVFQ0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMkE4OTExNENDMUYxMUUyQUM1RUY1MUY5REIyRUVDRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMkE4OTExNUNDMUYxMUUyQUM1RUY1MUY5REIyRUVDRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtFpzMMAAAEHSURBVHjaxNfLDoMwDERR7P//Z1ddgCpEgx8zky6qqptzESQxFhGH8HNi9v3yDfD12zfA13++CT4UV756oMx3wcwrf4VZeApm4GkYjZdgJF6GUXgLRuBteIqP4Ak+hrs4BO7gMLiKQ+EKDoezOAXO4DT4DafCK5wO/8Ml8BMug++4FP7F5fCJb4HVr0uPuDXXOuzKtwR48v6G4p5LA7z4hIfiaZcEeHONh2KdUwMymwwtILvDUQIq2ys8oLq3QwM6BwssoHuqQQImR+o4YHqejwIQw0Q7ADXJtAKQY1Q5AD3DlQIYA2Q6gDW9pgKYo/NrAHtuXwYoXhpMsdSqAaZ8XbL7748AAwDJqDlticyJJAAAAABJRU5ErkJggg=="); left: 0; } */ .portfolio-item{ text-align:center; width:100%; position:relative; } .portfolio-item a{ padding-bottom:0; border-bottom:none; } .portfolio-item img{ padding-bottom:3em; display:block; margin:auto; } /* portfolio preview */ .portfolio-preview{ width:55%; } /* portfolio description */ .wrapper-sticky{ width:45%!important; overflow:hidden; } .portfolio-description{ text-align:left; width:45%; left:0; padding-bottom:10px; } .portfolio-description-wrapper{ padding:0 0 20px 50px; position:relative; } .portfolio-description h1{ font-size:32px; margin-bottom:48px; } .portfolio-description h2{ font-size:14px; text-transform:uppercase; margin-bottom:20px; } .portfolio-table{ margin-top:45px; } .portfolio-table table{ width:100%; border:0; border-bottom: 3px solid #ebebeb; border-top: 3px solid #ebebeb; margin:0; } .portfolio-table tr{ background-color:transparent; } .portfolio-table th, .portfolio-table td{ border-bottom:1px dotted #d7d7d7; border-right:0; text-align:left; } .portfolio-table th{ min-width:200px; color:#888888; font-weight:normal; } .portfolio-table td{} /* portfolio pagination */ .portfolio-pagination{ width:100%; margin-top:40px; padding-bottom:4px; overflow:hidden; } .portfolio-pagination-prev, .portfolio-pagination-next{ position:relative; width:50%; float:left; } .portfolio-pagination-prev{ padding-left:25px; } .portfolio-pagination-next{ padding-right:25px; text-align:right; } a.portfolio-prev, a.portfolio-next{ border-bottom:1px solid; padding-bottom:2px; } .portfolio-prev{} .portfolio-next{} .portfolio-prev span, .portfolio-next span{ position:absolute; display:block; width:18px; top:0px; } .portfolio-prev span{ left:0px; } .portfolio-next span{ right:0px; } .white-popup { background: rgba(0, 0, 0, 0.3); margin: 0 auto; max-width: 1024px; padding: 40px; position: relative; text-align: center; } .mfp-close-btn-in .pf-close.mfp-close, .pf-close.mfp-close{ font-size:2em; color:#cccccc; } .mfp-close-btn-in .pf-close.mfp-close:hover, .pf-close.mfp-close:hover{ color:#ffffff; } .portfolio-text{ color:#ffffff; font-size:1.4em; text-align:left; margin-top:1em; } .mfp-content .pf-close.mfp-close{ display:none; } .mfp-content:hover .pf-close.mfp-close{ display:block; } /* ================== ABOUT COMPANY ================== */ .company{ width:100%; } .company-text{ width:58%; float:left; } .company .company-img{ margin-left:6%; width:36%; float:left; } .company .company-img a{ border:0; padding-bottom:0; display:block; margin-bottom:5em; } /* ================== SERVICES PAGE || main_73-personal.tpl ================== */ .services-page{ font-size:10px; } .services-page .services-item .services-text a{ border-bottom: 1px solid; color: #0C7CE3; } .services-page .services-item .services-text a:hover { color: #6FBAFF; } .services-page .services-item .services-text i { font-size:14px; display: block; font-style: normal; padding-top:0.5714em; } .services-page .wrap-services-text{ padding-top: 1.6em; line-height:1; padding-right: 5em; } .services-page .services-item{ width: 33%; display:inline-block; margin-bottom: 8em; vertical-align:top; } /* ================== services_container ================== */ .services_container .servises_left_column{ float:left; margin-right:80px; width:300px; padding-bottom:2em; } .services_container .servises_left_column .form_block{ display:none; padding-bottom:3em; } .services_container h3{ font-size:1.71em; color:#454444; padding-bottom:1.3em; margin-bottom:0; } .services_container div[role="main"]{ padding-left:380px; } .services_container .services-rounded{ width:auto; margin-right:1.2em; } /**/ .service_list{ padding-bottom:3em; } .service_list .services-item{ margin-bottom:2em; } .service_list .wrap-services-text{ padding-right: 5px; padding-left:0; line-height:4em; overflow:hidden; } .service_list .services-item .services-text a{ /*border-bottom:1px solid;*/ color:#333; } .service_list .services-item .services-text i{ font-style:normal; display:block; } .service_list .services-item .services-text a:hover, .services_group .services-item .services-text a:hover, .service_list .services-item.active .services-text a{ color:#008392; } .service_list .services-rounded span{ font-size:1.75em; } .service_list .services-item.active .services-rounded span { color: #FFFFFF; } .services_group .services-rounded span:hover:before{ color:#fff; } .services_container .services-text{ font-size:1em; } .service_list ul{ list-style:none; margin:0; padding:0; } .service_list ul li{ font-size:1.4em; margin:0 0 1em 0;/*16px*/ } /*services_group*/ .block_services_group{ padding:3em 0; } .services_group .services-item { float:none; display:inline-block; vertical-align:top; width:47%; margin:0 2% 0.5em 0; } .services_group .services-rounded span{ font-size:2.3em; } .services_group .wrap-services-text{ padding:1.3em 5px 40px 0; overflow:hidden; line-height:1.2em; } .services_group .btn-calculator{ /*position:static;*/ font-size:1em; padding:0.464em 1.429em; display:none; } .services_group .services-item:hover .btn-calculator{ display:block; } .services_group .prise_site{ font-size:1.43em; color:#52b410; white-space:nowrap; } /*serv_block*/ /*.serv_block{ overflow:hidden; }*/ .services_group{ padding:4px; } .services_group .services-rounded span:hover:after{ opacity: 0; transform: none; } .services_group .services-rounded span{ cursor:default; } /*.serv_block:after{ content: ""; display: table; clear:both; }*/ .right_form_serv{ padding-bottom:3em; } .services_container .di-form{ max-width:440px; } .services_container .di-form header{ padding:0 0 1.25em; } .services_container .di-form fieldset{ padding:0 0 0.5em; } .services_container .di-form footer{ padding:0 0 2.5em; } /**/ .services_container .container-width.portfolio-width{ font-size:10px; width:100%; overflow:hidden; margin-bottom:3em; } .services_container .container-width.portfolio-width h3{ font-size:2.8em; } /*articles_list*/ .articles_list{ font-size:10px; } .articles_list article{ padding-bottom:2em; } .date_author_info{ font-size:12px; padding-bottom:1em; } .date_author_info b{ padding-right:1em; } .date_author_info span{ color:#888; } .articles_list .last-blogs-item .last-blogs-img img{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } /**/ .serv_content .services-page .services-item{ width:45%; margin-right:4%; float:none; display:inline-block; vertical-align:top; font-size:12px; } /*list_tp*/ .list_tp article{ margin:0 4% 2em 0; padding:1em 0.5em; display:inline-block; vertical-align:top; width:45%; } .list_tp article:hover{ background:#F0F0F0; } .list_tp article h3{ font-size:1em; font-weight:bold; margin:0; padding-bottom:1em; } .list_tp article table{ border:none; } .list_tp article table tr{ background:transparent; } .list_tp article table td, .list_tp article table th{ border:none; font-size:0.85em; } .list_tp article table td{ padding:0 0 0.3em; } .list_tp article table th{ padding:0 1em 0.3em 0; text-align:left; font-weight:normal; color:#888; } .list_tp .tr_order a{ font-size:10px; } .list_tp article .item_info_table{ float:left; margin-right:2em; } .list_tp article .tr_order{ float:left; } /*sale_1c*/ .sale_1c article{ margin:0 0 1em 0; padding:1em 0em; } .sale_1c article h3{ font-size:1.3em; margin:0; padding-bottom:1em; } .sale_1c .description{ padding-bottom:1em; color:#888; } .sale_1c .list-img{ float:left; display:inline-block; max-width:155px; } .sale_1c .list-wrapper{ display:table; } @media only screen and (max-width: 460px) { .sale_1c .list-img{ float:none; display:block; text-align:center; max-width: inherit; margin-bottom:1em; } .sale_1c .list-wrapper{ overflow: inherit; } } .price_basket h4{ padding-bottom:0.5em; color:#888; } .price_basket .price{ font-size:1.5em; } .price_basket .price span{ text-transform:lowercase; } .price_basket .price, .price_basket .basket_block{ display:inline-block; vertical-align:top; padding-right:2em; padding-bottom:0.5em; } .price_basket .basket_block{ position:relative; } .price_basket .btn_buy{ font-size:1em; } .price_basket .fon_bkw{ /*width:auto !important;*/ font-size:12px; right:auto; left:0; bottom: 60px!important; } .price_basket .btn_buy:after{ content:"Êóïèòü"; } .price_basket h4{ margin:0; font-size:14px; } .price_basket table, .price_basket table td, .price_basket table th{ border:none; padding:0; margin:0; } .price_basket .nw_block{ font-size:11px; padding-left:0; margin-left:0; } /*.basketCart_inner{ visibility:visible !important; }*/ .price_basket .good_group_basket{ position:static; } .price_basket a{ transition: all 0 ease-out 0s !important; } .price_basket_table div{ padding-bottom:0 !important; } .price_basket_table, .price_basket_table th, .price_basket_table td{ border:none; } .price_basket_table th{ padding:0.5em 0.5em 0 0; text-align:left; } .price_basket_table td{ padding:0.5em 1em 0.5em 0; } /*.block_sale_1c>article>header>h2{ background:#F0F0F0; padding:0.5em; }*/ .input_pak+i{ display:none; } .oauth a {border: none;} /* ================== BASKETVIEWER ================== */ .basketviewer { position: absolute; top: 41px; right: 100px; overflow: hidden; background: none repeat scroll 0 0 #52B410; color: #FFFFFF; font-size:1.4em; padding:0.2143em 0.5em 0.2857em; line-height: 1; -webkit-transition:all 0.3s linear 0s; -moz-transition :all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: auto; margin: 0; display: block; } .basketviewer:hover { background: #3A7E0C; } .basketviewer a { display: block; margin: 0; padding: 0; border: none; color: #fff; text-shadow: none; } .basketviewer figcaption { display: inline-block; padding:0; vertical-align: top; font-size:1em; line-height:1.6; } .basketviewer .icon-cart{ font-size:1.6em; } .basketviewer:hover { text-shadow: none; box-shadow: none } .basketviewer.show {display:block;} /*** documentation ***/ .documentation_content { float : right; width : 21.4286em; padding-left: 5%; } .documentation_content li .closed { display : none; } .documentation_body { overflow: hidden; } .documentation_content ul, .documentation_content li { list-style: none; margin: 0; padding: 0; } .documentation_menu > ul > li h3 { font-size: 1em; } .documentation_menu > ul > li ul { padding-left: 0.75em; margin-bottom: 1em; } .documentation_menu > ul > li > h3 a { color: #0C7CE3; text-decoration: underline; } .documentation_menu > ul > li > h3 a:hover {color: #6fbaff;} .toggle.active_chapter { text-decoration: underline; } .documentation_menu > ul > li ul li { padding-bottom: 0.45em; font-size: 0.945em; } @media only screen and (min-width: 1600px) { .services_container .servises_left_column{ width:400px; } .services_container div[role="main"]{ padding-left:480px; } /*.services_group .services-item { width:29%; }*/ } @media only screen and (min-width: 1281px) { .serv_block .serv_content{ width:100%; margin-right:-370px; padding-right:370px; float:left; } .serv_block .right_form_serv{ width:270px; margin-left:90px; float:right; } .articles_list article{ width:45%; margin-right:4%; display:inline-block; vertical-align:top; } .basketviewer { right:40%; } } @media only screen and (max-width: 1280px) { .services_container .container-width.portfolio-width h3{ font-size:20px; padding-bottom:0.5em; } } @media only screen and (min-width: 991px) and (max-width: 1280px) { /*.services_container .servises_left_column .form_block{ display:block; padding-bottom:3em; }*/ .serv_block .right_form_serv{ display:none; } .services_container .bContainer img.imgProject { left: 6%; max-width: 44%; } .services_container .bContainer .rsRight.rsText { right: 6%; width: 38%; } .services_container .bContainer img.imgProject, .services_container .bContainer .rsRight.rsText { top: 5em; } .services_container .project-description { display: none; } .services_container .portfolio-slider.royalSlider { height: 320px; } .services_container .project-url-block { margin-bottom: 1.4em; } } @media only screen and (max-width: 990px) { .services_container .servises_left_column{ float:none; width:auto; margin-right:0; } .services_container div[role="main"]{ padding-left:0; } } @media only screen and (min-width: 751px) and (max-width: 990px) { .service_list .services-item { display: inline-block; margin-bottom: 2em; vertical-align: top; width: 48%; } } @media only screen and (max-width: 750px) { .services_group .services-item { width:100%; margin:0 0 0.5em 0; } .services_container .container-width.portfolio-width h3 { padding-top:0.5em; } .services_group .btn-calculator{ display:inline-block !important; } } @media only screen and (min-width: 461px) and (max-width: 750px) { .services_container .portfolio-slider.royalSlider { height: 320px; } } @media only screen and (max-width: 460px) { .service_list .services-item.active .services-rounded span, .service_list .services-item:hover .services-rounded span{ color:#252525; } .service_list .services-item .services-rounded{ margin-right:1em; } .service_list .services-item .services-rounded span:after{ background:none; } .service_list .wrap-services-text{ line-height:1em; } .services_group .wrap-services-text{ padding-top:0; } .services_container .portfolio-slider.royalSlider { height: 500px; } .bx_serv{ float:none !important; width:auto !important; } .price_basket .basket_block{ display:block; } .list_tp article { margin-right:0; width: 100%; } .price_basket_table .fon_bkw{ left:auto; right:10px; } } /* TABLE FORM */ table.form{ font-size:10px; border:0; } table.form th{ font-size:14px; } table.form th input{ font-size:14px; } table.form th, table.form td{ border:0; } table.form .alt{ background:none; }