Commit dc62bbaa authored by andre's avatar andre

css и картинки для новых статических страниц

parent 467b8c08
......@@ -39,3 +39,5 @@ endif; ?>
<?php $this->registerCssFile('/css/custom.css');?>
<?php $this->registerCssFile('/css/new_responsive.css');?>
<?php $this->registerCssFile('/css/style_add_06.06.16.css');?>
.section_offset {
padding: 45px 0;
}
.section_offset_last {
padding-top: 45px;
}
.landing_wr {
font-size: 14px;
line-height: 22px;
color: #2d323a;
font-family: "Roboto";
background-color: #fff;
}
.landing_wr h1 {
font-size: 38px;
line-height: 56px;
color: #fff;
font-family: "RobotoBold";
margin-bottom: 15px;
}
.landing_wr h1 span {
padding: 0 18px;
background-color: #2d323a;
display: inline-block;
margin-bottom: 2px;
}
.landing_wr h2 {
font-size: 38px;
line-height: 58px;
color: #2d323a;
font-family: "RobotoBold";
margin-bottom: 15px;
}
.landing_wr h3 {
font-size: 38px;
line-height: 58px;
color: #2d323a;
font-family: "RobotoBold";
margin-bottom: 15px;
}
.landing_wr h4 {
font-size: 20px;
line-height: 31px;
color: #2d323a;
font-family: "RobotoBold";
margin-bottom: 25px;
}
.landing_wr h5 {
font-size: 18px;
line-height: 26px;
font-family: "RobotoBold";
margin-bottom: 18px;
}
.landing_wr h6 {
font-size: 20px;
line-height: 31px;
color: #4cbcd7;
font-family: "RobotoBold";
margin-bottom: 8px;
text-align: left;
padding: 0;
}
.landing_wr a {
text-decoration: underline;
}
.landing_wr a:hover {
text-decoration: none;
}
.landing_wr .keys_list_bl {
background-color: #cfdcdf;
}
.landing_wr .keys_list_bl a {
text-decoration: none;
}
.creation {
height: 510px;
position: relative;
}
.yii_box {
padding-top: 190px;
position: relative;
z-index: 4;
}
.yii_box_title strong {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding-right: 25px;
}
.yii_box_title {
width: 375px;
position: relative;
}
.yii_box_title:after {
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #4cccd8;
position: absolute;
right: 0;
top: 12px;
}
.yii_box_title:before {
content: '';
display: block;
height: 6px;
width: 6px;
background-color: #4cccd8;
position: absolute;
right: 0;
top: 10px;
border-radius: 100%;
}
.yii_box_img {
position: absolute;
top: -6px;
right: -60px;
}
.creation h1 {
margin-top: 30px;
position: relative;
z-index: 5;
}
.specialize {
background: url(../images_new_06.06.16/images/specialize_bg.jpg) 50% 0 no-repeat;
background-size: cover;
}
.specialize p {
font-size: 18px;
line-height: 31px;
}
.specialize .specialize_cont {
font-size: 23px;
line-height: 36px;
}
.splinter_img {
position: absolute;
z-index: 10;
}
.splinter_img_1 {
top: -160px;
left: -450px;
}
.splinter_img_2 {
bottom: -40px;
left: -300px;
}
.splinter_img_3 {
top: 100px;
right: -305px;
}
.splinter_img_4 {
bottom: -50px;
right: -375px;
}
.why_us {
background-color: #202e31;
}
.why_us h3 {
color: #b1e028;
}
.why_us_list li {
font-weight: bold;
font-size: 25px;
line-height: 30px;
color: #fff;
padding: 10px 0 10px 40px;
background: url(../images_new_06.06.16/images/icon_why_us_list.png) 0 15px no-repeat;
}
.btn_land_green {
display: inline-block;
font-size: 18px;
line-height: 17px;
color: #fff;
background-color: #7eda11;
padding: 15px 20px;
padding-left: 40px;
position: relative;
border-radius: 30px;
cursor: pointer;
border: none;
text-decoration: none !important;
}
.btn_land_green span {
border-bottom: 1px dotted #fff;
}
.btn_land_green:after {
position: absolute;
content: '';
left: 18px;
top: 50%;
margin-top: -3px;
width: 0px;
height: 0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-top: 6px solid #fff;
}
.btn_land_green:hover {
background-color: #5ca604;
color: #fff;
text-decoration: none;
}
.btn_land_green:hover span {
border-color: transparent;
}
.btn_land_green.active:after {
margin-top: -9px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 6px solid transparent;
}
.btn_land_green .h {
display: none;
}
.btn_land_green.active .h {
display: block;
}
.btn_land_green.active .s {
display: none;
}
.btn_land_green_2 {
display: inline-block;
font-size: 18px;
line-height: 17px;
color: #fff;
background-color: #7eda11;
padding: 15px 20px;
position: relative;
border-radius: 30px;
cursor: pointer;
border: none;
text-decoration: none !important;
}
.btn_land_green_2 span {
margin-right: 13px;
}
.btn_land_green_2:hover {
background-color: #5ca604;
color: #fff;
text-decoration: none;
}
.icon_modules {
height: 31px;
width: 40px;
display: inline-block;
}
.modules_box li {
border-top: 1px solid #d7d7d7;
padding: 12px 0;
}
.btn_more_projects {
display: inline-block;
font-size: 18px;
line-height: 20px;
color: #fff;
font-weight: bold;
padding: 20px 25px;
padding-left: 60px;
background: #72bd19 url(../images_new_06.06.16/images/icon_more_projects.png) 25px 20px no-repeat;
border-radius: 35px;
cursor: pointer;
border: none;
text-decoration: none !important;
}
.btn_more_projects:hover {
background-color: #5ca604;
color: #fff;
text-decoration: none;
}
.more_projects_shadow {
text-align: center;
margin-left: -20px;
margin-right: -20px;
background-color: #cfdcdf;
position: relative;
top: 0px;
box-shadow: 0 -50px 80px 50px #cfdcdf;
}
.more_projects_shadow_box {
height: 120px;
overflow: hidden;
}
.more_projects_open_box {
display: none;
}
.wherefore {
background: url(../images_new_06.06.16/images/wherefore_bg.jpg) 0 0 repeat;
}
.wherefore_icon {
margin-bottom: 30px;
}
.wherefore_icon span {
display: table-cell;
vertical-align: bottom;
height: 75px;
}
.wherefore_box p {
margin-bottom: 20px;
}
.selected_companies_box {
text-align: justify;
margin-left: -20px;
margin-right: -20px;
}
.selected_companies_box:after {
content: "";
display: inline-block;
width: 100%;
}
.selected_companies_box li {
display: inline-block;
padding: 0 20px;
}
.selected_companies_box span {
display: table-cell;
vertical-align: middle;
height: 75px;
}
.landing_wr ~ footer .calk_form {
margin-top: 85px;
}
/*----------- LAnding_3 -----------------*/
.splinter_img_2 {
position: absolute;
z-index: 10;
}
.splinter_img_2_1 {
top: -100px;
left: -420px;
}
.splinter_img_2_2 {
bottom: -20px;
left: -510px;
}
.splinter_img_2_3 {
top: -30px;
right: 100px;
}
.splinter_img_2_4 {
top: 100px;
right: -400px;
}
.splinter_img_2_5 {
bottom: 0px;
right: -300px;
}
.lendeng3_top {
height: 865px;
background: url(../images_new_06.06.16/images/landing3_top_bg.jpg) 0 0 no-repeat;
background-size: cover;
padding-top: 140px;
}
.logo_taskon {
margin-bottom: 115px;
}
.develop_platform {
display: inline-block;
height: 0;
margin-top: 180px;
font-size: 22px;
line-height: 46px;
box-shadow: 0 22px 80px 25px #fff;
}
.develop_platform span {
float: left;
margin-right: 30px;
}
.icon_taskon_big {
position: absolute;
top: -80px;
right: -130px;
}
.btn_land_green_3 {
display: inline-block;
font-weight: bold;
font-size: 18px;
line-height: 30px;
color: #2d323a;
background-color: #b9ed27;
padding: 15px 30px;
position: relative;
border-radius: 30px;
cursor: pointer;
border: none;
text-decoration: none !important;
}
.btn_land_green_3 span {
margin-right: 13px;
float: left;
line-height: normal;
}
.btn_land_green_3:hover {
background-color: #7eda11;
color: #2d323a;
text-decoration: none;
}
.btn_land_blue {
display: inline-block;
font-weight: bold;
font-size: 18px;
line-height: 30px;
color: #fff;
background-color: #077086;
padding: 15px 30px;
position: relative;
border-radius: 33px;
cursor: pointer;
border: none;
text-decoration: none !important;
}
.btn_land_blue span {
margin-right: 13px;
float: left;
line-height: normal;
}
.btn_land_blue:hover {
background-color: #045d6f;
color: #fff;
text-decoration: none;
}
.btn_pr {
padding-right: 45px;
}
.btn_pos_wr {
display: inline-block;
float: left;
text-align: center;
}
.btn_title {
color: #a0a0a0;
font-size: 12px;
padding-top: 10px;
display: inline-block;
}
.skeleton {
background-color: #f4f4f4;
}
.skeleton p {
font-size: 18px;
line-height: 31px;
}
.skeleton .skeleton_cont {
font-size: 26px;
line-height: 41px;
margin-bottom: 30px;
}
.keys_list_cont p {
font-size: 16px;
line-height: 31px;
}
.video_overview{
padding-top: 90px;
padding-bottom: 80px;
}
.video_overview h3 {
font-size: 38px;
line-height: 58px;
color: #fff;
font-family: "RobotoBold";
margin-bottom: 35px;
}
.footer_info {
color: #93f82f;
font-size: 15px;
text-decoration: underline;
display: inline-block;
margin-top: 44px;
}
.footer_info:hover {
color: #93f82f;
text-decoration: none;
}
.footer_info:before{
content: "";
background: url(../images_new_06.06.16/images/icon_info.png) no-repeat;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -2px;
}
@media only screen and (max-width: 1390px) {
.splinter_img_1 {
top: -160px;
left: -290px;
}
.splinter_img_2_2 {
bottom: -20px;
left: -310px;
}
}
@media only screen and (max-width: 1200px) {
.splinter_img {
display: none;
}
}
@media only screen and (max-width: 970px) {
.icon_taskon_big {
right: -180px;
/*display: none;*/
}
.develop_platform span {
margin-right: 15px;
}
/*.yii_box_img {
display: none;
}*/
}
@media only screen and (max-width: 767px) {
.yii_box_img {
display: none;
}
.yii_box {
padding-top: 10px;
}
.creation {
height: auto;
}
.specialize_logo {
text-align: center;
display: block;
}
.specialize_logo img {
width: 89px;
height: 98px;
}
.resp_center_pos {
text-align: center;
}
.wherefore_icon {
display: none;
}
.icon_taskon_big {
display: none;
}
.lendeng3_top {
height: auto;
padding-top: 70px;
}
.logo_taskon {
margin-bottom: 60px;
}
.btn_pr {
padding-right: 15px;
}
.btn_title {
padding-bottom: 15px;
}
.develop_platform {
margin-top: 50px;
margin-bottom: 60px;
width: 100%;
height: auto;
box-shadow: none;
line-height: 30px;
}
.develop_platform span {
display: block;
float: none;
text-align: center;
margin-right: 0;
}
.btn_pos_wr {
float: none;
}
.btn_pr {
padding: 0;
}
.video_overview_box {
margin-bottom: 30px;
}
.video_overview {
padding-bottom: 20px;
}
.video_overview {
padding-top: 50px;
}
}
@media only screen and (max-width: 479px) {
.yii_box_title {
width: 100%;
}
.landing_wr h3 {
font-size: 28px;
line-height: 38px;
}
.why_us_list li {
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.selected_companies_box {
text-align: justify;
margin-left: -5px;
margin-right: -5px;
}
.selected_companies_box li {
padding: 0 5px;
}
.btn_land_green span {
border-bottom: none;
}
.logo_taskon img {
height: 40px;
width: 175px;
}
.lendeng3_top h1 {
font-size: 23px;
}
footer .btn_land_green_3 {
font-size: 22px;
line-height: 26px;
}
footer .btn_land_green_3 span {
margin-top: 11px;
}
}
\ No newline at end of file
[.ShellClassInfo]
InfoTip= .
IconFile=C:\Program Files (x86)\Google\Drive\googledrivesync.exe
IconIndex=16
\ No newline at end of file
[.ShellClassInfo]
InfoTip= .
IconFile=C:\Program Files (x86)\Google\Drive\googledrivesync.exe
IconIndex=16
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment