Skip to content

Руслан Ибрагимов / yescenter

Go to a project
Commit 0926cd06 by Ruha
Options

initialize

1 parent f65bc122
Pipeline #2576 for 0926cd06 skipped in 0 seconds
Inline Side-by-side
Showing 41 changed files with 1183 additions and 0 deletions
.idea/copyright/profiles_settings.xml 0 → 100644
<component name="CopyrightManager">
<settings default="" />
</component>
\ No newline at end of file
.idea/deployment.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PublishConfigData">
<serverData>
<paths name="flux.loc">
<serverdata>
<mappings>
<mapping local="$PROJECT_DIR$" web="/" />
</mappings>
</serverdata>
</paths>
<paths name="hueta">
<serverdata>
<mappings>
<mapping local="$PROJECT_DIR$" web="/" />
</mappings>
</serverdata>
</paths>
<paths name="iflowstudio">
<serverdata>
<mappings>
<mapping local="$PROJECT_DIR$" web="/" />
</mappings>
</serverdata>
</paths>
<paths name="test.onclinic">
<serverdata>
<mappings>
<mapping local="$PROJECT_DIR$" web="/" />
</mappings>
</serverdata>
</paths>
<paths name="teszod.dev4">
<serverdata>
<mappings>
<mapping local="$PROJECT_DIR$" web="/" />
</mappings>
</serverdata>
</paths>
</serverData>
</component>
</project>
\ No newline at end of file
.idea/encodings.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="Encoding">
<file url="PROJECT" charset="UTF-8" />
</component>
</project>
\ No newline at end of file
.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectLevelVcsManager" settingsEditedManually="false">
<OptionsSetting value="true" id="Add" />
<OptionsSetting value="true" id="Remove" />
<OptionsSetting value="true" id="Checkout" />
<OptionsSetting value="true" id="Update" />
<OptionsSetting value="true" id="Status" />
<OptionsSetting value="true" id="Edit" />
<ConfirmationsSetting value="0" id="Add" />
<ConfirmationsSetting value="0" id="Remove" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/yescenter.iml" filepath="$PROJECT_DIR$/.idea/yescenter.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/workspace.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="f27ea491-44a7-4742-b6b4-1d473d258e2e" name="Default" comment="" />
<ignored path="yescenter.iws" />
<ignored path=".idea/workspace.xml" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="TRACKING_ENABLED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
<component name="CreatePatchCommitExecutor">
<option name="PATCH_PATH" value="" />
</component>
<component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
<component name="FavoritesManager">
<favorites_list name="yescenter" />
</component>
<component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="PhpWorkspaceProjectConfiguration" backward_compatibility_performed="true" />
<component name="ProjectFrameBounds">
<option name="x" value="-7" />
<option name="y" value="97" />
<option name="width" value="1936" />
<option name="height" value="1050" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="false">
<OptionsSetting value="true" id="Add" />
<OptionsSetting value="true" id="Remove" />
<OptionsSetting value="true" id="Checkout" />
<OptionsSetting value="true" id="Update" />
<OptionsSetting value="true" id="Status" />
<OptionsSetting value="true" id="Edit" />
<ConfirmationsSetting value="0" id="Add" />
<ConfirmationsSetting value="0" id="Remove" />
</component>
<component name="ProjectView">
<navigator currentView="ProjectPane" proportions="" version="1">
<flattenPackages />
<showMembers />
<showModules />
<showLibraryContents />
<hideEmptyPackages />
<abbreviatePackageNames />
<autoscrollToSource />
<autoscrollFromSource />
<sortByType />
<manualOrder />
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="yescenter" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
</PATH>
</subPane>
</pane>
<pane id="Scope" />
<pane id="Scratches" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="settings.editor.selected.configurable" value="configurable.group.appearance" />
<property name="settings.editor.splitter.proportion" value="0.2" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="WebServerToolWindowFactoryState" value="true" />
</component>
<component name="ShelveChangesManager" show_recycled="false">
<option name="remove_strategy" value="false" />
</component>
<component name="ToolWindowManager">
<frame x="-7" y="97" width="1936" height="1050" extended-state="0" />
<editor active="false" />
<layout>
<window_info id="Remote Host" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25266525" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
<window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
</layout>
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="XDebuggerManager">
<breakpoint-manager />
<watches-manager />
</component>
</project>
\ No newline at end of file
.idea/yescenter.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
css/style.css 0 → 100644
@charset "UTF-8";
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! Нельзя редактировать этот файл! Он сгенерирован через sass - DO NOT EDIT THIS FILE! IT GENERATED SASS */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
body, html { height: 100%; }
body a, html a { text-decoration: none; }
body input, html input { -webkit-appearance: none; }
img, fieldset, a img { border: none; }
input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }
textarea { overflow: auto; }
input, button { margin: 0; padding: 0; border: 0; }
input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }
div { outline: none !important; }
* { outline: none !important; }
ul, ol { list-style-type: none; }
img { vertical-align: top; }
li { list-style: none; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }
.clear { clear: both; }
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; max-width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; top: 50%; margin-top: -10px; font: 0/0 a; text-shadow: none; color: transparent; height: 20px; background: none; left: 0; z-index: 1; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.2; }
.slick-prev:before, .slick-next:before { height: 30px; line-height: 30px; content: "prev"; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; background: #000; }
.slick-next { right: 0; left: auto; }
.slick-next:before { content: "next"; display: inline-block; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-nav { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-nav span { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer { position: relative; }
.fancybox-inner { position: relative; overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fc/fancybox_sprite.png"); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url("../img/fc/fancybox_loading.gif") center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/fc/blank.gif"); -webkit-tap-highlight-color: transparent; z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fc/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fc/fancybox_sprite@2x.png"); background-size: 44px 152px; }
#fancybox-loading div { background-image: url("../img/fc/fancybox_loading@2x.gif"); background-size: 24px 24px; } }
@font-face { font-family: PFAgoraSansPro; src: url("../fonts/PFAgoraSansPro-Bold.eot"); src: url("../fonts/PFAgoraSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PFAgoraSansPro-Bold.woff2") format("woff2"), url("../fonts/PFAgoraSansPro-Bold.woff") format("woff"), url("../fonts/PFAgoraSansPro-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 700; }
@font-face { font-family: PFAgoraSansPro; src: url("../fonts/PFAgoraSansPro-Medium.eot"); src: url("../fonts/PFAgoraSansPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/PFAgoraSansPro-Medium.woff2") format("woff2"), url("../fonts/PFAgoraSansPro-Medium.woff") format("woff"), url("../fonts/PFAgoraSansPro-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 500; }
@font-face { font-family: PFAgoraSansPro; src: url("../fonts/PFAgoraSansPro-Regular.eot"); src: url("../fonts/PFAgoraSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PFAgoraSansPro-Regular.woff2") format("woff2"), url("../fonts/PFAgoraSansPro-Regular.woff") format("woff"), url("../fonts/PFAgoraSansPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 400; }
body { font-family: PFAgoraSansPro; }
#page { position: relative; overflow: hidden; width: 100%; }
.ct { max-width: 1152px; margin: auto; position: relative; padding: 0 16px; *zoom: 1; }
.ct:after { content: " "; display: table; clear: both; }
#header { height: 80px; }
@media only screen and (max-width: 960px) { #header { height: 72px; } }
@media only screen and (max-width: 550px) { #header { height: 56px; } }
#header .logo { position: absolute; top: 0; left: 16px; display: block; z-index: 1; }
@media only screen and (max-width: 960px) { #header .logo img { width: 75px; height: auto; } }
@media only screen and (max-width: 550px) { #header .logo img { width: 52px; } }
#header .t1 { position: absolute; top: 33px; display: block; left: 125px; color: #000000; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 500; line-height: 15px; text-transform: uppercase; }
@media only screen and (max-width: 960px) { #header .t1 { top: 0; left: 100px; line-height: 72px; } }
@media only screen and (max-width: 782px) { #header .t1 { display: none; } }
#header .rr1 { float: right; *zoom: 1; }
#header .rr1:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 550px) { #header .rr1 { text-align: right; font-size: 0.01px; } }
#header .rr1 .tel { float: left; margin-right: 29px; line-height: 80px; color: #000000; font-family: PFAgoraSansPro; font-size: 24px; font-weight: 400; text-transform: uppercase; }
#header .rr1 .tel a { color: #000; }
@media only screen and (max-width: 960px) { #header .rr1 .tel { line-height: 72px; } }
@media only screen and (max-width: 550px) { #header .rr1 .tel { float: none; color: #000000; font-family: PFAgoraSansPro; font-size: 18px; font-weight: 500; line-height: 22px; text-transform: uppercase; line-height: 13px; padding: 12px 0 7px 0; margin-right: 0; text-align: right; } }
#header .rr1 a.ord1 { float: left; width: 196px; height: 40px; line-height: 40px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ed1c24; text-align: center; position: relative; top: 19px; color: #ffffff; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 500; }
#header .rr1 a.ord1.ac { line-height: 43px; }
@media only screen and (max-width: 960px) { #header .rr1 a.ord1 { top: 16px; } }
#header .rr1 a.ord1:hover { opacity: 0.9; }
@media only screen and (max-width: 550px) { #header .rr1 a.ord1 { background: none; top: 0; position: static; float: none; display: inline-block; vertical-align: top; width: auto; height: auto; color: #ed1c24; font-family: PFAgoraSansPro; font-size: 13px; font-weight: 500; line-height: 12px !important; border-bottom: 1px dashed #fe697f; }
#header .rr1 a.ord1:hover { border: none; } }
.b1 { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/t1.jpg); }
.b1 .ct .t1 { padding: 270px 0 60px 0; color: #ffffff; font-family: PFAgoraSansPro; font-size: 56px; font-weight: 400; line-height: 60px; }
@media only screen and (max-width: 1024px) { .b1 .ct .t1 { padding: 190px 0 74px 0; color: #ffffff; font-family: PFAgoraSansPro; font-size: 50px; font-weight: 400; line-height: 50px; } }
@media only screen and (max-width: 720px) { .b1 .ct .t1 { color: #ffffff; font-family: PFAgoraSansPro; font-size: 44px; font-weight: 400; line-height: 44px; padding: 55px 0; } }
.b1 .ct .ov { *zoom: 1; padding-bottom: 90px; }
.b1 .ct .ov:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 720px) { .b1 .ct .ov { padding-bottom: 50px; } }
.b1 .ct .ov div { float: left; width: 33.3%; *zoom: 1; }
.b1 .ct .ov div:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 1024px) { .b1 .ct .ov div { width: auto; }
.b1 .ct .ov div + div { margin-left: 50px; } }
@media only screen and (max-width: 720px) { .b1 .ct .ov div { float: none; width: auto; margin: 0 0 27px 0 !important; }
.b1 .ct .ov div:last-child { margin: 0 !important; } }
.b1 .ct .ov div span { float: left; margin-right: 15px; color: #ffffff; font-family: PFAgoraSansPro; font-size: 56px; font-weight: 400; line-height: 39px; }
@media only screen and (max-width: 1024px) { .b1 .ct .ov div span { color: #ffffff; font-family: PFAgoraSansPro; font-size: 50px; font-weight: 400; line-height: 35px; } }
@media only screen and (max-width: 720px) { .b1 .ct .ov div span { width: 38px; text-align: right; color: #ffffff; font-family: PFAgoraSansPro; font-size: 44px; font-weight: 400; letter-spacing: -5px; } }
.b1 .ct .ov div i { font-style: normal; float: left; color: #ffffff; font-family: PFAgoraSansPro; font-size: 20px; font-weight: 500; line-height: 24px; position: relative; top: -6px; }
@media only screen and (max-width: 1024px) { .b1 .ct .ov div i { color: #ffffff; font-family: PFAgoraSansPro; font-size: 18px; font-weight: 500; line-height: 22px; } }
.b2 { overflow: hidden; }
@media only screen and (max-width: 650px) { .b2 { padding-bottom: 32px; } }
.b2 .ll1 { float: left; max-width: 625px; padding: 80px 0 90px 0; }
@media only screen and (max-width: 1082px) { .b2 .ll1 { max-width: 500px; padding: 50px 0; } }
@media only screen and (max-width: 960px) { .b2 .ll1 { max-width: 430px; } }
@media only screen and (max-width: 740px) { .b2 .ll1 { max-width: 50%; } }
@media only screen and (max-width: 650px) { .b2 .ll1 { max-width: 1000px; float: none; padding: 25px 0 30px 0; } }
.b2 .ll1 .t1 { font-family: PFAgoraSansPro; font-weight: 400; line-height: 40px; color: #272727; font-size: 36px; padding-bottom: 41px; max-width: 490px; }
@media only screen and (max-width: 960px) { .b2 .ll1 .t1 { font-family: PFAgoraSansPro; font-weight: 400; color: #272727; font-size: 30px; line-height: 34px; padding-bottom: 30px; } }
@media only screen and (max-width: 650px) { .b2 .ll1 .t1 { padding-bottom: 20px; } }
.b2 .ll1 .t2 { color: #ed1c24; font-size: 26px; line-height: 28px; padding-bottom: 45px; }
@media only screen and (max-width: 960px) { .b2 .ll1 .t2 { color: #ed1c24; font-size: 22px; line-height: 26px; padding-bottom: 35px; } }
.b2 .ll1 .t3 { color: #383838; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 26px; padding-bottom: 90px; }
@media only screen and (max-width: 960px) { .b2 .ll1 .t3 { color: #383838; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 44px; padding-bottom: 0; } }
@media only screen and (max-width: 650px) { .b2 .ll1 .t3 { margin-bottom: 0; } }
.b2 .ll1 a.ord2 { display: block; width: 306px; height: 48px; line-height: 48px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ed1c24; text-align: center; color: #ffffff; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 500; }
.b2 .ll1 a.ord2.ac { line-height: 51px; }
.b2 .ll1 a.ord2:hover { opacity: 0.9; }
@media only screen and (max-width: 650px) { .b2 .ll1 a.ord2 { display: none; } }
.b2 .ord2-1 { display: none; }
@media only screen and (max-width: 650px) { .b2 .ord2-1 { display: block; width: 288px; height: 48px; line-height: 48px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ed1c24; text-align: center; color: #ffffff; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 500; }
.b2 .ord2-1.ac { line-height: 51px; } }
.b2 .rr1 { float: right; width: 397px; padding: 75px 0; position: relative; }
@media only screen and (max-width: 960px) { .b2 .rr1 { padding: 55px 0; } }
.b2 .rr1:before { position: absolute; top: 0; left: 36px; bottom: 0; display: block; content: ''; border-left: 1px solid #e1e1e1; }
@media only screen and (max-width: 960px) { .b2 .rr1:before { left: 28px; } }
@media only screen and (max-width: 740px) { .b2 .rr1:before { bottom: -500px; } }
@media only screen and (max-width: 650px) { .b2 .rr1:before { display: none; } }
@media only screen and (max-width: 960px) { .b2 .rr1 { width: 268px; } }
@media only screen and (max-width: 650px) { .b2 .rr1 { float: none; width: auto; padding: 0 0 30px 0; } }
@media only screen and (max-width: 650px) { .b2 .rr1 ul { display: block; position: relative; }
.b2 .rr1 ul:before { position: absolute; top: 0; left: 24px; bottom: 0; display: block; content: ''; border-left: 1px solid #e1e1e1; } }
.b2 .rr1 li { display: block; position: relative; padding-bottom: 62px; padding-left: 93px; }
.b2 .rr1 li:last-child { padding-bottom: 0 !important; }
@media only screen and (max-width: 960px) { .b2 .rr1 li { padding-left: 72px; padding-bottom: 53px; } }
@media only screen and (max-width: 650px) { .b2 .rr1 li { padding-left: 64px; padding-bottom: 27px; } }
.b2 .rr1 li span { position: absolute; top: 0; left: 0; display: block; border: 1px solid #d7d7d7; background-color: #ffffff; width: 70px; height: 70px; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; line-height: 72px; color: #383838; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; }
@media only screen and (max-width: 960px) { .b2 .rr1 li span { width: 54px; text-align: center; line-height: 54px; color: #383838; font-family: PFAgoraSansPro; font-size: 24px; font-weight: 400; height: 54px; } }
@media only screen and (max-width: 650px) { .b2 .rr1 li span { width: 46px; height: 46px; line-height: 46px; } }
.b2 .rr1 li div { height: 72px; display: table-cell; width: 250px; vertical-align: middle; color: #383838; font-family: PFAgoraSansPro; font-size: 18px; font-weight: 400; line-height: 22px; }
@media only screen and (max-width: 960px) { .b2 .rr1 li div { height: 56px; color: #383838; font-family: PFAgoraSansPro; font-size: 16px; font-weight: 400; line-height: 20px; } }
@media only screen and (max-width: 650px) { .b2 .rr1 li div { height: 48px; } }
.b3 { padding: 80px 0; background: #f6f6f6; }
@media only screen and (max-width: 960px) { .b3 { padding: 40px 0; } }
@media only screen and (max-width: 600px) { .b3 { padding: 27px 0; } }
.b3 .t1 { color: #383838; font-family: PFAgoraSansPro; font-size: 36px; font-weight: 400; line-height: 40px; margin-bottom: 67px; }
@media only screen and (max-width: 960px) { .b3 .t1 { color: #383838; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; line-height: 34px; padding-bottom: 35px; margin-bottom: 0; } }
.b3 .ov1 { *zoom: 1; padding-bottom: 90px; margin-bottom: 90px; border-bottom: 1px solid #e1e1e1; }
.b3 .ov1:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 960px) { .b3 .ov1 { padding-bottom: 44px; margin-bottom: 44px; } }
@media only screen and (max-width: 600px) { .b3 .ov1 { padding-bottom: 31px; margin-bottom: 31px; } }
.b3 .ov1 .sl2 { display: none; }
@media only screen and (max-width: 600px) { .b3 .ov1 .sl2 { display: block; }
.b3 .ov1 .sl2 .item1 { display: block !important; } }
.b3 .ov1 .sl2 .slick-dots { text-align: center; font-size: 0.01px; }
.b3 .ov1 .sl2 .slick-dots li { display: inline-block; vertical-align: top; margin: 0 4px; background-color: #383838; opacity: 0.2; width: 8px; height: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.b3 .ov1 .sl2 .slick-dots li.slick-active { background-color: #ec1c24; opacity: 1; }
.b3 .ov1 .sl2 .slick-dots li button { display: none; }
.b3 .ov1 .item1 { float: left; position: relative; width: 33.3%; }
@media only screen and (max-width: 600px) { .b3 .ov1 .item1 { display: none; } }
.b3 .ov1 .item1:before { position: absolute; top: 0; left: 0; display: block; content: ''; background-image: url("../img/icons.png"); width: 46px; height: 42px; background-position: -50px -60px; }
.b3 .ov1 .item1.j2:before { background-image: url("../img/icons.png"); width: 46px; height: 45px; background-position: 0px -60px; }
.b3 .ov1 .item1.j3:before { background-image: url("../img/icons.png"); width: 52px; height: 45px; background-position: -60px 0px; }
.b3 .ov1 .item1 div { padding-top: 115px; max-width: 300px; margin-right: 10px; }
.b3 .ov1 .item1 div span { display: block; color: #383838; font-family: PFAgoraSansPro; font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 22px; }
.b3 .ov1 .item1 div p { color: #383838; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 24px; }
@media only screen and (max-width: 960px) { .b3 .ov1 .item1 { width: auto; float: none; padding-bottom: 40px; }
.b3 .ov1 .item1:last-child { padding-bottom: 0; } }
@media only screen and (max-width: 960px) and (max-width: 600px) { .b3 .ov1 .item1 { padding-bottom: 31px !important; } }
@media only screen and (max-width: 960px) { .b3 .ov1 .item1 div { padding: 0 0 0 77px; max-width: 1000px; } }
@media only screen and (max-width: 960px) and (max-width: 600px) { .b3 .ov1 .item1 div { padding: 68px 0 0 0; } }
@media only screen and (max-width: 960px) { .b3 .ov1 .item1 div span { color: #383838; font-family: PFAgoraSansPro; font-size: 18px; font-weight: 500; line-height: 22px; margin-bottom: 12px; }
.b3 .ov1 .item1 div p { color: #383838; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 22px; } }
.b3 .ov2 { *zoom: 1; }
.b3 .ov2:after { content: " "; display: table; clear: both; }
.b3 .ov2 .item1 { float: left; position: relative; width: 33.3%; }
.b3 .ov2 .item1 li { display: block; position: relative; padding-left: 18px; color: #383838; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 22px; padding-bottom: 30px; max-width: 292px; }
.b3 .ov2 .item1 li:last-child { padding-bottom: 0; }
.b3 .ov2 .item1 li:before { position: absolute; top: 7px; left: 0; display: block; content: ''; width: 6px; height: 6px; background-color: #d91616; -webkit-border-radius: 6px; border-radius: 6px; }
@media only screen and (max-width: 960px) { .b3 .ov2 .item1 { float: none; width: auto; }
.b3 .ov2 .item1 li { max-width: 1000px; margin-left: 58px; color: #383838; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 22px; padding-bottom: 9px !important; }
.b3 .ov2 .item1 li br { display: none; } }
@media only screen and (max-width: 960px) and (max-width: 600px) { .b3 .ov2 .item1 li { margin-left: 0; } }
.b4 { padding: 81px 0 95px 0; }
@media only screen and (max-width: 960px) { .b4 { padding: 45px 0 48px 0; } }
@media only screen and (max-width: 600px) { .b4 { padding: 27px 0 32px 0; } }
.b4 .t1 { color: #272727; font-family: PFAgoraSansPro; font-size: 36px; font-weight: 400; line-height: 40px; margin-bottom: 35px; }
@media only screen and (max-width: 960px) { .b4 .t1 { color: #272727; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 25px; } }
.b4 .ov1 { margin-bottom: 73px; *zoom: 1; }
.b4 .ov1:after { content: " "; display: table; clear: both; }
@media only screen and (max-width: 960px) { .b4 .ov1 { margin-bottom: 40px; } }
@media only screen and (max-width: 600px) { .b4 .ov1 { margin-bottom: 29px; } }
.b4 .ov1 .ll1 { float: left; width: 48.6%; }
.b4 .ov1 .ll1 + .ll1 { float: right; }
.b4 .ov1 .ll1 img { -webkit-border-radius: 14px; border-radius: 14px; display: block; margin-bottom: 18px; max-width: 100%; height: auto; }
@media only screen and (max-width: 960px) { .b4 .ov1 .ll1 img { margin-bottom: 11px; } }
.b4 .ov1 .ll1 span { display: block; color: #acacac; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 15px; }
@media only screen and (max-width: 960px) { .b4 .ov1 .ll1 span { color: #acacac; font-family: Arial; font-size: 13px; font-weight: 400; } }
@media only screen and (max-width: 600px) { .b4 .ov1 .ll1 { display: none; } }
.b4 .ov1 .sl3 { display: none; }
@media only screen and (max-width: 600px) { .b4 .ov1 .sl3 { display: block; }
.b4 .ov1 .sl3 .ll1 { float: none; width: auto; display: block; padding-bottom: 29px; margin: 0 3px; }
.b4 .ov1 .sl3 .slick-dots { text-align: center; font-size: 0.01px; }
.b4 .ov1 .sl3 .slick-dots li { display: inline-block; vertical-align: top; margin: 0 4px; background-color: #383838; opacity: 0.2; width: 8px; height: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.b4 .ov1 .sl3 .slick-dots li.slick-active { background-color: #ec1c24; opacity: 1; }
.b4 .ov1 .sl3 .slick-dots li button { display: none; } }
.b4 p.p1 { color: #383838; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 36px; }
@media only screen and (max-width: 960px) { .b4 p.p1 { color: #383838; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 44px; } }
.b4 .ord3 { display: block; width: 306px; height: 48px; line-height: 48px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ed1c24; text-align: center; color: #ffffff; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 500; }
.b4 .ord3:hover { opacity: 0.9; }
.b4 .ord3.ac { line-height: 51px; }
@media only screen and (max-width: 600px) { .b4 .ord3 { width: 288px; height: 40px; line-height: 40px !important; } }
.b5 { background-color: #012742; padding: 80px 0 95px 0; }
@media only screen and (max-width: 960px) { .b5 { padding: 43px 0; } }
@media only screen and (max-width: 650px) { .b5 { padding: 27px 0 32px 0; } }
.b5 .t1 { color: #ffffff; font-family: PFAgoraSansPro; font-size: 36px; font-weight: 400; line-height: 36px; margin-bottom: 44px; }
@media only screen and (max-width: 960px) { .b5 .t1 { color: #ffffff; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 25px; } }
@media only screen and (max-width: 650px) { .b5 .t1 { color: #ffffff; font-family: PFAgoraSansPro; font-size: 28px; font-weight: 400; line-height: 21px; margin-bottom: 32px; } }
.b5 .ll1 { float: left; margin-right: 34px; width: 358px; text-align: center; padding-top: 47px; }
@media only screen and (max-width: 960px) { .b5 .ll1 { width: 228px; margin-right: 19px; padding-top: 18px; } }
@media only screen and (max-width: 650px) { .b5 .ll1 { width: auto; float: none; padding-top: 0; *zoom: 1; text-align: left; margin-right: 0; padding-bottom: 32px; }
.b5 .ll1:after { content: " "; display: table; clear: both; } }
.b5 .ll1 img { display: block; margin: auto; margin-bottom: 38px; width: 208px; height: 208px; -webkit-border-radius: 200px; border-radius: 200px; }
@media only screen and (max-width: 960px) { .b5 .ll1 img { width: 126px; height: 126px; margin-bottom: 19px; } }
@media only screen and (max-width: 650px) { .b5 .ll1 img { width: 104px; height: 104px; float: left; margin-right: 17px; margin-bottom: 0; } }
.b5 .ll1 span { display: block; color: #ffffff; font-family: PFAgoraSansPro; font-size: 20px; font-weight: 500; line-height: 26px; margin-bottom: 16px; }
@media only screen and (max-width: 960px) { .b5 .ll1 span { font-size: 18px; line-height: 17px; margin-bottom: 12px; } }
@media only screen and (max-width: 650px) { .b5 .ll1 span { padding-top: 14px; } }
.b5 .ll1 p { color: #ffffff; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 22px; max-width: 300px; margin: auto; }
@media only screen and (max-width: 960px) { .b5 .ll1 p { color: #ffffff; font-family: Arial; font-size: 13px; font-weight: 400; line-height: 18px; } }
@media only screen and (max-width: 650px) { .b5 .ll1 p { max-width: 1000px; margin: 0; }
.b5 .ll1 p br { display: none; } }
.b5 .rr1 { height: 424px; position: relative; overflow: hidden; }
@media only screen and (max-width: 960px) { .b5 .rr1 { height: 263px; } }
@media only screen and (max-width: 650px) { .b5 .rr1 { clear: both; height: 160px; } }
.b5 .rr1 .ov-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.b5 .rr1 .ov-play div { display: block; width: 100%; height: 100%; }
.b5 .rr1 .play1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }
.b5 .rr1 .play1 span { position: absolute; top: 50%; left: 50%; display: block; cursor: pointer; background-image: url("../img/icons.png"); width: 56px; height: 56px; background-position: 0px 0px; margin-top: -28px; margin-left: -28px; }
.b5 .rr1 .play1 span:hover { opacity: 0.9; }
@media only screen and (max-width: 650px) { .b5 .rr1 .play1 span { background-image: url("../img/icons.png"); width: 41px; height: 41px; background-position: -116px 0px; margin-top: -20px; margin-left: -20px; } }
.b6 { padding: 85px 0 90px 0; }
@media only screen and (max-width: 960px) { .b6 { padding: 43px 0 48px 0; } }
@media only screen and (max-width: 650px) { .b6 { padding: 28px 0 32px 0; } }
.b6 .t1 { color: #272727; font-family: PFAgoraSansPro; font-size: 36px; font-weight: 400; line-height: 40px; padding-bottom: 45px; }
@media only screen and (max-width: 960px) { .b6 .t1 { padding-bottom: 25px; color: #272727; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; line-height: 28px; } }
.b6 .sl-con { position: relative; left: -15px; }
@media only screen and (max-width: 960px) { .b6 .sl-con { left: -12px; } }
@media only screen and (max-width: 650px) { .b6 .sl-con { left: -8px; } }
.b6 .item-poss { margin: 0 15px; }
@media only screen and (max-width: 960px) { .b6 .item-poss { margin: 0 12px; } }
@media only screen and (max-width: 650px) { .b6 .item-poss { padding-bottom: 27px; margin: 0 8px; } }
.b6 .item-poss a { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 17px; }
.b6 .item-poss a img { width: 100%; height: auto; }
.b6 .item-poss span { display: block; color: #acacac; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 18px; max-width: 250px; }
@media only screen and (max-width: 960px) { .b6 .item-poss span { color: #acacac; font-family: Arial; font-size: 13px; font-weight: 400; line-height: 16px; } }
.b6 .slick-dots { text-align: center; font-size: 0.01px; }
.b6 .slick-dots li { display: inline-block; vertical-align: top; margin: 0 4px; background-color: #383838; opacity: 0.2; width: 8px; height: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.b6 .slick-dots li.slick-active { background-color: #ec1c24; opacity: 1; }
.b6 .slick-dots li button { display: none; }
.map-ct1 { height: 712px; position: relative; }
@media only screen and (max-width: 960px) { .map-ct1 { height: 544px; } }
@media only screen and (max-width: 650px) { .map-ct1 { padding-top: 352px; height: auto; } }
.map-ct1 .test { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/map1.jpg); }
@media only screen and (max-width: 650px) { .map-ct1 .test { height: 352px; } }
.map-ct1 .form1 { position: absolute; top: 56px; z-index: 1; right: 0; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ffffff; width: 336px; padding: 35px 48px 48px 48px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 { top: 24px; right: 24px; width: 281px; padding: 26px 24px; } }
@media only screen and (max-width: 650px) { .map-ct1 .form1 { position: static; padding: 27px 0 32px 0; width: auto; } }
.map-ct1 .form1 .t1 { color: #383838; font-family: PFAgoraSansPro; font-size: 36px; font-weight: 400; line-height: 40px; margin-bottom: 27px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 .t1 { color: #383838; font-family: PFAgoraSansPro; font-size: 30px; font-weight: 400; line-height: 30px; margin-bottom: 12px; } }
.map-ct1 .form1 .t2 { color: #383838; font-family: Arial; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 30px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 .t2 { color: #383838; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 21px; } }
.map-ct1 .form1 p { width: 331px; margin: auto; line-height: 13px; margin-bottom: 7px; color: #000000; font-family: PFAgoraSansPro; font-size: 16px; font-weight: 500; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 p { color: #000000; font-family: PFAgoraSansPro; font-size: 14px; font-weight: 500; margin-bottom: 8px; line-height: 11px; } }
@media only screen and (max-width: 650px) { .map-ct1 .form1 p { margin-left: 0; } }
.map-ct1 .form1 .ip { width: 333px; height: 46px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid #d0d0d0; background-color: #ffffff; display: block; margin: auto; margin-bottom: 20px; font-size: 15px; color: #333; }
.map-ct1 .form1 .ip span { display: block; margin: 0 10px; }
.map-ct1 .form1 .ip input[type=text] { font-size: 15px; color: #333; display: block; background: none; border: none; width: 100%; height: 46px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 .ip { width: 279px; height: 46px; margin-bottom: 13px; } }
@media only screen and (max-width: 650px) { .map-ct1 .form1 .ip { width: auto; max-width: 700px; height: 38px; margin-left: 0; }
.map-ct1 .form1 .ip input[type=text] { height: 38px; } }
.map-ct1 .form1 .hh1 { height: 28px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 .hh1 { height: 19px; } }
.map-ct1 .form1 input[type=submit] { display: block; margin: auto; -webkit-border-radius: 7px; border-radius: 7px; background-color: #ed1c24; width: 335px; height: 48px; color: #ffffff; font-family: PFAgoraSansPro; font-size: 15px; font-weight: 700; }
.map-ct1 .form1 input[type=submit]:hover { opacity: 0.9; }
.map-ct1 .form1 input[type=submit].ac { line-height: 51px; }
@media only screen and (max-width: 960px) { .map-ct1 .form1 input[type=submit] { width: 279px; } }
@media only screen and (max-width: 650px) { .map-ct1 .form1 input[type=submit] { max-width: 700px; width: 100%; margin-left: 0; } }
#footer { padding: 37px 0; }
@media only screen and (max-width: 730px) { #footer { background: #f6f6f6; padding: 28px 0; } }
#footer .rr1 { float: right; }
@media only screen and (max-width: 730px) { #footer .rr1 { display: none; } }
#footer .ll1 { float: left; max-width: 595px; color: #383838; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 20px; padding-top: 6px; }
@media only screen and (max-width: 730px) { #footer .ll1 { float: none; max-width: 1000px; color: #383838; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 16px; padding-top: 0; }
#footer .ll1 span { display: none; } }
#footer .rr2 { display: none; }
@media only screen and (max-width: 730px) { #footer .rr2 { display: block; margin-bottom: 21px; }
#footer .rr2 a { float: left; margin-right: 16px; position: relative; top: 2px; margin-left: 1px; }
#footer .rr2 a img { width: 40px; display: block; }
#footer .rr2 p { color: #383838; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 16px; } }
fonts/PFAgoraSansPro-Bold.eot 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Bold.ttf 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Bold.woff 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Medium.eot 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Medium.ttf 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Medium.woff 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Regular.eot 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Regular.ttf 0 → 100644
No preview for this file type
fonts/PFAgoraSansPro-Regular.woff 0 → 100644
No preview for this file type
img/av1.png 0 → 100644
img/av1.png

63.6 KB
img/icons.png 0 → 100644
img/icons.png

9.58 KB
img/logo.png 0 → 100644
img/logo.png

9.82 KB
img/logo2.png 0 → 100644
img/logo2.png

3.85 KB
img/q1.png 0 → 100644
img/q1.png

1.24 KB
img/q2.png 0 → 100644
img/q2.png

2.59 KB
img/q3.png 0 → 100644
img/q3.png

1.23 KB
img/s1.jpg 0 → 100644
img/s1.jpg

69.4 KB
img/s2.jpg 0 → 100644
img/s2.jpg

68 KB
img/s3.jpg 0 → 100644
img/s3.jpg

32 KB
img/s4.jpg 0 → 100644
img/s4.jpg

59.2 KB
img/t1.jpg 0 → 100644
img/t1.jpg

105 KB
img/w1.jpg 0 → 100644
img/w1.jpg

114 KB
img/w2.jpg 0 → 100644
img/w2.jpg

86.3 KB
index.html 0 → 100644
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />
<!--[if lt IE 9]> <link href= "css/ie8.css" rel= "stylesheet" media= "all" /> <![endif]-->
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<div id="page">
<header id="header">
<div class="ct">
<a href="" class="logo"><img src="img/logo.png" alt=""></a>
<div class="t1">центр иностранных языков</div>
<div class="rr1">
<div class="tel">+7 925 809-00-85</div>
<a href="" class="ord1">Перезвоните мне</a>
</div>
</div>
</header>
<div class="b1">
<div class="ct">
<div class="t1">Франшиза школы <br>иностранных языков</div>
<div class="ov">
<div><span>18</span><i>филиалов крупной сети <br>языковых школ</i></div>
<div><span>9</span><i>действующих <br>франчиз</i></div>
<div><span>16</span><i>лет оптыта <br>работы</i></div>
</div>
</div>
</div>
<div class="b2">
<div class="ct">
<div class="ll1">
<div class="t1">Эффективная бизнес-модель открытия зыковой школы</div>
<div class="t2">Зарабатывайте до 800 000 рублей в месяц!</div>
<div class="t3">Франшиза Школы YES — перспективный бизнес в современном мультикультурном обществе, где с каждым годом все больше людей инвестируют в изучение языков. Огромная целевая аудитория, умеренная конкуренция и высокая репутация бренда YES обеспечивают стабильный поток клиентов.</div>
<a href="" class="ord2">Получить план открытия школы</a>
</div>
<div class="rr1">
<ul>
<li>
<span>1</span>
<div>Инвестиции <br>от 1 500 000 рублей</div>
</li>
<li>
<span>2</span>
<div>Окупаемость от года</div>
</li>
<li>
<span>3</span>
<div>Прибыль <br>от 800 000 рублей в месяц</div>
</li>
<li>
<span>4</span>
<div>Открытие школы <br>за 2-3 месяца</div>
</li>
</ul>
</div>
<a href="" class="ord2-1">Получить план открытия школы</a>
</div>
</div>
<div class="b3">
<div class="ct">
<div class="t1">Почему наша фрашиза лучше?</div>
<div class="ov1">
<div class="item1 j1">
<div>
<span>Предлагаем подробную проверенную бизнес-модель</span>
<p>Наша бизнес-модель позволяет открыть школу даже тем, кто далек от предпринимательства. Мы обучаем всему, предоставляем необходимые документы и алгоритмы. Наши бизнес-схемы успешно апробированы на собственных школах!</p>
</div>
</div>
<div class="item1 j2">
<div>
<span>Предоставляем уже сгенерированый поток клиентов</span>
<p>Мы создадим страницу вашей школы на нашем сайте, поможем привлечь клиентов и будем передавать заявки для вашей школы из общекорпоративного call-центра.Ваша школа только откроется, а к вам уже пойдут учиться!</p>
</div>
</div>
<div class="item1 j3">
<div>
<span>Поддерживаем франчайзи на всех этапах развития бизнеса</span>
<p>Наша цель — успех вашего бизнеса. Мы заинтересованы в том, чтобы вы получали стабильный высокий доход. Поэтому мы всегда поддерживаем партнеров на всех этапах: от выбора помещения, оборудования до дня открытия школы и решения дальнейших вопросов.</p>
</div>
</div>
<div class="sl2">
<div>
<div class="item1 j1">
<div>
<span>Предлагаем подробную проверенную бизнес-модель</span>
<p>Наша бизнес-модель позволяет открыть школу даже тем, кто далек от предпринимательства. Мы обучаем всему, предоставляем необходимые документы и алгоритмы. Наши бизнес-схемы успешно апробированы на собственных школах!</p>
</div>
</div>
</div>
<div>
<div class="item1 j2">
<div>
<span>Предоставляем уже сгенерированый поток клиентов</span>
<p>Мы создадим страницу вашей школы на нашем сайте, поможем привлечь клиентов и будем передавать заявки для вашей школы из общекорпоративного call-центра.Ваша школа только откроется, а к вам уже пойдут учиться!</p>
</div>
</div>
</div>
<div>
<div class="item1 j3">
<div>
<span>Поддерживаем франчайзи на всех этапах развития бизнеса</span>
<p>Наша цель — успех вашего бизнеса. Мы заинтересованы в том, чтобы вы получали стабильный высокий доход. Поэтому мы всегда поддерживаем партнеров на всех этапах: от выбора помещения, оборудования до дня открытия школы и решения дальнейших вопросов.</p>
</div>
</div>
</div>
</div>
</div>
<div class="ov2">
<div class="item1">
<ul>
<li>Уникальная методика обучения</li>
<li>Помощь в поиске помещения <br>для школы</li>
<li>Полный пакет документов, бизнес-<br>схем,и алгоритмов для работы школы</li>
</ul>
</div>
<div class="item1">
<ul>
<li>Доступ в обширную базу знаний компании</li>
<li>Специальное програмное обеспечение для учета и аналитики</li>
<li>Качественное подробное обучение перед запуском школы</li>
</ul>
</div>
<div class="item1">
<ul>
<li>Переодические общие трененги по разным направлениям</li>
<li>Подержка опытных специалистов на любом этапе развития вашего бизнеса</li>
<li>Обучение для новых сотрудников после запуска</li>
</ul>
</div>
</div>
</div>
</div>
<div class="b4">
<div class="ct">
<div class="t1">Яркий и узнаваемый бренд</div>
<div class="ov1">
<div class="ll1"><img src="img/w1.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span></div>
<div class="ll1"><img src="img/w2.jpg" alt=""><span>Офис-франчайзи в Туле</span></div>
<div class="sl3">
<div><div class="ll1"><img src="img/w1.jpg" alt=""><span>Офис-франчайзи в Санкт-Петербурге</span></div></div>
<div><div class="ll1"><img src="img/w2.jpg" alt=""><span>Офис-франчайзи в Туле</span></div></div>
</div>
</div>
<p class="p1">Логотип Школы иностранных языков YES — не просто фирменный знак, это знак качества. Изображенный в форме круглой печати, он символизирует многолетний успешный опыт обучения иностранным языкам, подтвержденный тысячами сертификатов наших выпускников.</p>
<a href="" class="ord3">Получить план открытия школы</a>
</div>
</div>
<div class="b5">
<div class="ct">
<div class="t1">Языковые школы YES</div>
<div class="ll1">
<img src="img/av1.png" alt="">
<span>Сергей Афанаскин</span>
<p>Основатель и генеральный директор <br>сети Центров иностранных языков YES</p>
</div>
<div class="rr1">
<div class="ov-play"><div id="player" dt="A3PDXmYoF5U"></div></div>
<div class="play1"><span></span></div>
</div>
</div>
</div>
<div class="b6">
<div class="ct">
<div class="t1">Наши документы</div>
<div class="sl-con">
<div class="sl1">
<div><div class="item-poss"><a data-fancybox-group="t1" href="img/s1.jpg"><img src="img/s1.jpg" alt=""></a><span>Государственная лицензия на обучение</span></div></div>
<div><div class="item-poss"><a data-fancybox-group="t1" href="img/s2.jpg"><img src="img/s2.jpg" alt=""></a><span>Патент на авторскую методику FlashСom</span></div></div>
<div><div class="item-poss"><a data-fancybox-group="t1" href="img/s3.jpg"><img src="img/s3.jpg" alt=""></a><span>Аккредитация на прием международных экзаменов</span></div></div>
<div><div class="item-poss"><a data-fancybox-group="t1" href="img/s4.jpg"><img src="img/s4.jpg" alt=""></a><span>Сертификат Pearson Digital Partner</span></div></div>
</div>
</div>
</div>
</div>
<div class="map-ct1">
<div class="test"></div>
<div class="ct">
<div class="form1">
<div class="t1">Как стать франчайзи <br>языковых школ YES</div>
<div class="t2">Оставьте заявку, и мы свяжемся с вами для обсуждения бизнес-плана.</div>
<p>Ваше имя *</p>
<div class="ip"><span><input type="text" placeholder=""></span></div>
<p>Электронная почта *</p>
<div class="ip"><span><input type="text" placeholder=""></span></div>
<p>Ваш город</p>
<div class="ip"><span><input type="text" placeholder=""></span></div>
<div class="hh1"></div>
<input type="submit" value="Отправить заявку">
</div>
</div>
</div>
<footer id="footer">
<div class="ct">
<div class="rr1"><a href=""><img src="img/logo2.png" alt=""></a></div>
<div class="rr2">
<a href=""><img src="img/logo2.png" alt=""></a>
<p>Частное образовательное учреждение <br>дополнительного образования <br>«Школа иностранных языков «Ес»</p>
</div>
<div class="ll1">
<p><span>Частное образовательное учреждение дополнительного образования «Школа иностранных языков «Ес» <br></span>Юридический адрес: 140180, Московская обл., г.Жуковский, ул.Гудкова, д. 21 <br>ИНН 5013045939 КПП 501301001 <br>ОГРН 1035002607023</p>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="js/common.js"></script>
</body>
</html>
\ No newline at end of file
js/app.js 0 → 100644
This diff could not be displayed because it is too large.
js/common.js 0 → 100644
/* common */
$(document).ready(function() {
if($('.mask').length>0) {
$(".mask").mask("8 (999) 999-99-99");
}
//$('input, select').styler();
var ff;
$('input[type=text]').focus(function() {
if($(this).attr('data-place')==$(this).val()) {
$(this).val('');
}
$(this).addClass('ac');
});
$('input[type=text]').blur(function() {
if($(this).val()=='') {
$(this).val($(this).attr('data-place'));
}
$(this).removeClass('ac');
});
$('textarea').focus(function() {
if($(this).attr('data-place')==$(this).val()) {
$(this).val('');
}
$(this).addClass('ac');
});
$('textarea').blur(function() {
ff=$(this).attr('data-place');
if($(this).val().length==0) {
$(this).val(ff);
}
$(this).removeClass('ac');
});
function ress() {
$('.sl-con').width($('.ct').width()+30);
if($(window).width()<651) {
$('.sl-con').width($('.ct').width()+16);
}
else if($(window).width()<961) {
$('.sl-con').width($('.ct').width()+24);
}
}
ress();
$(window).resize(function() {
ress();
});
$(window).load(function() {
ress();
});
$(window).load(function() {
$('input[type=text]').each(function() {
$(this).attr('data-place',$(this).val());
});
$('textarea').each(function() {
$(this).attr('data-place',$(this).val());
});
});
$('.sl1').slick({
arrows: false,
slidesToShow: 4,
draggable: false,
responsive: [
{
breakpoint: 652,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
draggable: true,
dots: true,
adaptiveHeight: true
}
}
]
});
$('.sl2').slick({
arrows: false,
dots: true,
adaptiveHeight: true
});
$('.sl3').slick({
arrows: false,
dots: true,
adaptiveHeight: true
});
$('.sl-con .item-poss a').fancybox({
helpers : {
overlay: {
locked: false
},
media : {},
buttons : {}
}
});
function test1() {
var mac = navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) ? true : false;
if(mac){
$('.ord1,.ord2,.ord3,.form1 input[type=submit]').addClass('ac');
}
}
test1();
});
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '100%',
width: '100%',
videoId: $('#player').attr('dt'),
events: {
'onReady': function() {
player.playVideo();
player.stopVideo();
}
}
});
}
$('.play1 span').click(function(e) {
e.preventDefault();
$(this).parent().fadeOut(200);
player.playVideo();
});
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!