/* Start:/bitrix/templates/seoven_v4/styles.css?175986119113741*/
img {border: 0; }
* { 

        
}
html, body {margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; font-family: Arial; color: #444; }

@font-face { font-family: GoodCyr-WideBook; src: url("/bitrix/templates/seoven_v4/images/GoodCyr-WideBook_20959.eot")}
@font-face { font-family: GoodCyr-WideBook; src: url("/bitrix/templates/seoven_v4/images/GoodCyr-WideBook_20959.ttf")}

.wrapper {}
.wrapper header {height: 125px; width:  1054px; margin: 0 auto;}
.wrapper header .logo {display: inline-block; width: 204px; padding: 58px 0 0 7px; vertical-align: top;}
.wrapper header .logo img {width: 166px;}
.wrapper header .phone {width: 166px; font-size: 16px; padding: 76px 0 0 7px; width: 322px; text-decoration: none; vertical-align: top; font-family: GoodCyr-WideBook; color: #666666; display: inline-block;}
.wrapper header > div {float: right; height: 100%; }
.wrapper header > div > span {display: block; margin-top: 28px; text-align: right;}
.wrapper header > div > span a {color: #777777; text-transform: uppercase; margin-left: 26px; font-size: 12px; font-family: GoodCyr-WideBook; text-decoration: none;}
.wrapper header > div > p {display: block; margin-top: 28px; text-align: right;}
.wrapper header > div > p a {color: #444444; text-transform: uppercase; margin-left: 26px; font-size: 20px; text-decoration: none; font-family: GoodCyr-WideBook;}
.wrapper header > div > p a:hover {color: #D20404; text-decoration: underline;}

.wrapper .background_gray {background-color: #FAFAFA; border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;}
.wrapper .background_gray:before {display: block; background-image: url(/bitrix/templates/seoven_v4/images/top_shadow.png); background-size: 100% 100%; height: 11px; content: ' '; width:  1054px; margin: 0 auto;}
.wrapper .background_gray:after {display: block; background-image: url(/bitrix/templates/seoven_v4/images/bottom_shadow.png); background-size: 100% 100%; height: 11px; content: ' '; width:  1054px; margin: 0 auto;}
.wrapper .background_gray > div {width:  1054px; margin: 0 auto; }

.wrapper .main.banner {height: 467px; background-image: url(/bitrix/templates/seoven_v4/images/main_banner.jpg); background-repeat: no-repeat; background-position: center center;}

.wrapper .wiki.banner { background-repeat: no-repeat; background-position: right center; background-size: auto 100%; padding-right: 500px; width: 554px; line-height: 160%;}
.wrapper .wiki.banner > img {float: left; margin: 0 10px 10px 0;}
.wrapper .wiki.other_text { width:  1054px; margin: 0 auto;}

.wrapper .creation h2 {text-align: left; font-size: 22px; font-family: GoodCyr-WideBook;/* text-transform: uppercase; */color: #444; font-weight: normal;}
.wrapper .creation h3 {text-align: left; font-size: 18px; font-family: GoodCyr-WideBook; color: #444; font-weight: normal;}
.wrapper .creation.price {padding: 50px;}
.wrapper .creation.price table {width: 100%; border-spacing: 0px; /*border-collapse: collapse; *//*table-layout: fixed;*/}
.wrapper .creation.price table th { text-align: left}
.wrapper .creation.price table th.middle { border-left: 140px solid transparent; border-right: 140px solid transparent}
.wrapper .creation.price table th h2 {font-size: 22px;  margin: 0 0 22px 0; padding: 0;}
.wrapper .creation.price table td > * {max-width: 238px;}
.wrapper .creation.price table td {}
.wrapper .creation.price table td.middle { border-left: 140px solid transparent; border-right: 140px solid transparent}
.wrapper .creation.price table td span {display: block; color: #AAAAAA; }
.wrapper .creation.price table td ul {display: block; margin: 20px 0; padding: 0;}
.wrapper .creation.price table td li {display: block; color: #444444; padding: 0 0 0 43px; margin: 18px 0; background-image: url(/bitrix/templates/seoven_v4/images/red_arrow_right.svg); background-repeat: no-repeat; background-position: left top; background-size: 20px 20px; min-height: 20px; }
.wrapper .creation.price table td li a {color: #D20404;}
.wrapper .creation.price table td p {font-family: GoodCyr-WideBook; font-size: 22px; color: #444444; }
.wrapper .creation.price table td p span {display: block; color: #868686; font-size: 13px; font-family: Arial; margin-top: 3px;}
.wrapper .creation.price table td > a {display: block; height: 36px; margin: 10px 0; background-image: url(/bitrix/templates/seoven_v4/images/submit_gray.jpg); background-size: 100% 100%; line-height: 36px; text-align: center; color: white; font-size: 20px; text-decoration: none;}
.wrapper .creation.price table td > a:hover {background-image: url(/bitrix/templates/seoven_v4/images/submit_red.jpg);}
.wrapper .creation.price table td > font > span {display: inline-block; vertical-align: top; background-color: #918C8C; border-radius: 6px; width: 12px; height: 12px; color: white; text-align: center; font-size: 10px; line-height: 12px; margin-right: 16px;}
.wrapper .creation.price table td > font > font {display: inline-block; vertical-align: top; border-bottom: 1px dashed; color: #444444; cursor: pointer;}

.wrapper .creation.calc {padding: 50px 0; width:  1054px; margin: 0 auto;}
.wrapper .creation.calc font {font-size: 90px; color: white; width: 110px; height: 110px; display: block; margin: 0 auto 40px auto; background-image: url(/bitrix/templates/seoven_v4/images/red_round.jpg); background-size: 100% 100%; line-height: 110px; text-align: center;}
.wrapper .creation.calc > span { color: #777; font-size: 35px; display: block; text-align: center; font-family: GoodCyr-WideBook; }
.wrapper .creation.calc h2 { color: #777; font-size: 35px; display: block; text-align: center; font-family: GoodCyr-WideBook; margin-top: 0; }
.wrapper .creation.calc > span a { color: #444; font-size: 35px; display: inline-block; text-decoration: none; border-bottom: 1px dashed;  margin-top: 30px; }
.wrapper .creation.calc .calculator {}
.wrapper .creation.calc .calculator table {display: table; text-align: left; width: 70%; margin-left: 15%;}
.wrapper .creation.calc .calculator table tr th {padding: 5px 10px; font-family: GoodCyr-WideBook; font-size: 20px; font-weight: normal;}
.wrapper .creation.calc .calculator table tr td {padding: 5px 10px;}
.wrapper .creation.calc .calculator table tr td.short {width: 26px;}
.wrapper .creation.calc .calculator table tr td.long {width: 45%;}
.wrapper .creation.calc .calculator table tr td.selected {color: #D20404;}
.wrapper .creation.calc .calculator table tr td.selected > div { color: #D20404;}
.wrapper .creation.calc .calculator table tr td mark { display: inline-block; position: relative; /*background-color: #D20404; color: white; */ background-color: #aaa; color: white; width: 20px; height: 20px; border-radius: 10px; line-height: 20px; text-align: center; font-weight: bold; cursor: pointer; margin: 0 5px; cursor: help}
.wrapper .creation.calc .calculator table tr td mark div { position: absolute; box-shadow:1px 1px 1px 1px white;  border: 1px solid #E4E4E4; background-color: #FAFAFA; width: 200px; padding: 10px 7px 5px 7px; display: none; font-size: 12px; color: #444; font-weight: normal; text-align: left; z-index: 10; left: 30px; top: -30px;}
.wrapper .creation.calc .calculator table tr td mark:hover div { display: block;  }
.wrapper .creation.calc .calculator table tr td mark div img { max-width: 100%; }
.wrapper .creation.calc .calculator table tr td > div {display: inline-block; width: 26px; height: 26px; border: 1px solid #BABABA; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; margin: 10px 10px 10px 0; cursor: pointer; font-size: 20px; text-align: center; line-height: 26px;}
.wrapper .creation.calc .calculator table tr td > div.blocked {color: gray; background-color: #ccc; cursor: auto;}
.wrapper .creation.calc .calculator table tr td span {display: inline-block; width: 26px; height: 26px; border: 1px solid #BABABA; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; margin: 10px 10px 10px 0; cursor:default; font-size: 20px; text-align: center; line-height: 26px; color: gray; background-color: #ccc;}
.wrapper .creation.calc .calculator table tr td i {display: block; color: gray; font-size: smaller;}
.wrapper .creation.calc .calculator table tr td input {border: 1px solid #BABABA; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; margin: 10px 10px 10px 0;}
.wrapper .creation.calc .calculator table tr td input.short {width: 26px; height: 26px; line-height: 26px;font-size: 20px;  text-align: center;}
.wrapper .creation.calc .calculator table tr td input.blocked {color: gray; background-color: #ccc; cursor: auto;}

.wrapper .creation.calc .calculator > p {position: fixed; left: 0; bottom: 0; margin: 0; padding: 0; background-color: #FAFAFA; border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE; width: 100%;}
.wrapper .creation.calc .calculator > p span {width: 1054px; margin: 0 auto; display: block; font-size: 25px;}
.wrapper .creation.calc .calculator > p span:before {display: block; background-image: url(/bitrix/templates/seoven_v4/images/top_shadow.png); background-size: 100% 100%; height: 11px; content: ' '; width:  100%; margin: 0 auto;}

.wrapper .creation.portfolio {padding-bottom: 20px;}
.wrapper .creation.portfolio a {display: inline-block; width: 213px; height: 69px; line-height: 69px; border: 1px solid #eee; text-align: center; vertical-align: middle; margin: 12px 20px; background-color: white;}
.wrapper .creation.portfolio a img {max-width: 213px; max-height: 40px; vertical-align: middle; }

.wrapper .creation.technologies {width:  1054px; margin: 0 auto; padding-top: 20px;}
.wrapper .creation.technologies > div {width: 244px; margin: 0 50px; display: inline-block; vertical-align: top;}
.wrapper .creation.technologies > div > span {width: 110px; height: 110px;  background-size: 100% 100%; display: block; margin: 50px auto 20px auto; }
.wrapper .creation.technologies > div.pc > span { background-image: url(/bitrix/templates/seoven_v4/images/pc_logo.jpg);}
.wrapper .creation.technologies > div.ipad > span { background-image: url(/bitrix/templates/seoven_v4/images/ipad_logo.jpg);}
.wrapper .creation.technologies > div.iphone > span { background-image: url(/bitrix/templates/seoven_v4/images/iphone_logo.jpg);}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.wrapper .creation.technologies > div.pc > span { background-image: url(/bitrix/templates/seoven_v4/images/pc_logo@2x.jpg);}
	.wrapper .creation.technologies > div.ipad > span { background-image: url(/bitrix/templates/seoven_v4/images/ipad_logo@2x.jpg);}
	.wrapper .creation.technologies > div.iphone > span { background-image: url(/bitrix/templates/seoven_v4/images/iphone_logo@2x.jpg);}
}
.wrapper .creation.technologies > div p {color: #AAAAAA; margin: 24px 0;}
.wrapper .creation.technologies > div div {text-align: center;}
.wrapper .creation.technologies > div div img {max-height: 44px; margin: 0 12px;}

.wrapper .creation.pluses {width:  1054px; margin: 0 auto; padding: 40px 0 40px 0;}
.wrapper .creation.pluses table {width: 100%;}
.wrapper .creation.pluses table td {vertical-align: top;}
.wrapper .creation.pluses table td p {width: 254px;}
.wrapper .creation.pluses table td span {text-transform: uppercase; font-family: GoodCyr-WideBook; font-size: 18px; color: #444444; display: inline-block; vertical-align: middle;}
.wrapper .creation.pluses table td font {text-transform: uppercase; font-family: GoodCyr-WideBook; font-size: 74px; color: #D20404;display: inline-block; vertical-align: middle; margin: 0 20px 0 0;}
.wrapper .creation.pluses table td ul {display: block; margin: 20px 0; padding: 0;}
.wrapper .creation.pluses table td li {display: block; color: #444444; padding: 0 0 0 43px; margin: 18px 0; background-image: url(/bitrix/templates/seoven_v4/images/red_arrow_right.svg); background-repeat: no-repeat; background-position: left top; background-size: 20px 20px; min-height: 20px; }

.wrapper .creation.webtechnologies {width:  1054px; margin: 0 auto; padding: 20px 0 40px 0;}
.wrapper .creation.webtechnologies table {padding: 0; margin: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; width: 100%;}
.wrapper .creation.webtechnologies a {display: inline-block; width: 123px; height: 105px; margin-right: 28px; background-color: white; border: 1px solid #EEEEEE; text-align: center; vertical-align: top; line-height: 105px;}
.wrapper .creation.webtechnologies a img {vertical-align: middle; max-width: 85px; max-height: 65px;}

.wrapper .creation.question {width:  1054px; margin: 0 auto; padding: 20px 0 40px 0;}
.wrapper .creation.question input {}
.wrapper .creation.question table {width: 730px; margin: 0 auto; }
.wrapper .creation.question table .fieldname {}
.wrapper .creation.question table .inputs { width: 163px;}
.wrapper .creation.question table .inputs input { width: 161px; height: 23px; border: 1px solid #BABABA; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; background-color: white}
.wrapper .creation.question table p { font-weight: bold; margin: 0; padding: 5px 0 10px 0;}
.wrapper .creation.question table font { color: red; }
.wrapper .creation.question table span { color: #BABABA; display: block; margin-bottom: 25px;}
.wrapper .creation.question table textarea { width: 100%;border: 1px solid #BABABA; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; height: 60px; resize: none;}
.wrapper .creation.question table .textarea {padding-left: 30px;}
.wrapper .creation.question input[type="submit"] {width: 238px; height: 36px; float: right; color: white; background-color: #9B9B9B; font-size: 16px; font-family: Arial; border: 0;}

.wrapper .support.content {width:  1054px; margin: 0 auto; padding: 20px 0 40px 0;}
.wrapper .support.content > a {color: black; font-weight: bold; display: block;}

.wrapper footer {width:  1054px; margin: 20px auto; line-height: 170%;}
.wrapper footer div {display: inline-block; vertical-align: top;}
.wrapper footer .copyright {width: 330px;}
.wrapper footer .middle {width: 226px;}
.wrapper footer a {text-decoration: none; color: #444; display: block; }
.wrapper footer a.header {text-decoration: underline;}
.wrapper footer p {padding: 0; margin: 0;}
/* End */
/* /bitrix/templates/seoven_v4/styles.css?175986119113741 */