@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

@font-face { 
	font-family: Koryun;
	font-style: normal; 
	src: url("../font/GHEAKoryunReg.otf");
}
@font-face {
    font-family: NIAGSOL;
    src: url("../font/NIAGSOL.TTF");
}

@font-face {
    font-family: Oswald_DemiBold;
    src: url("../font/Oswald-DemiBold.ttf");
}

body, h2, h3, ul, p, li{
    margin:0;
    padding:0;
    /*font-family:'Roboto', sans-serif;*/

    font-family:'Koryun', sans-serif;
    /*font-family: sans-serif;*/
    list-style:none;
}
a{
  text-decoration: none;
}
.pull{
    display: none;
}


.wrap{
    max-width:1200px;
    margin:auto;
    /*overflow:hidden;*/
}
.wrap:after{
    content: '';
    clear:both;
    display: table;
}





#for_height{
    position:fixed;
    width:0;
    height:100%;
    left:0;
    top:0;
}


.header{
    height:250px;
    position:relative;
    background-image:url('../img/pattern-background.png');
}


#slideshow{
    position:absolute;
    left:57px;
    right:57px;
    top:240px;
    bottom:370px;
    overflow:hidden;
}

.slideshow_div{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
}

#slideshow ul{
    height:49%;
    margin-bottom:9px;
    white-space:nowrap;
}

#slideshow ul:last-of-type{
    margin-bottom:0;
}

#slideshow ul li{
    display:inline-block;
    position:relative;
    height:100%;
    margin-left:5px;
    overflow:hidden;
}

#slideshow ul li:first-of-type{
    margin-left:0;
}

#slideshow ul li a{
    display:none;
}

#slideshow ul li a:first-of-type{
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:100;
}

.slideImage{
    position:relative;
    height:100%;
    transition:-webkit-transform 0.25s 0.25s, -moz-transform 0.25s 0.25s, -o-transform 0.25s 0.25s, -ms-transform 0.25s 0.25s, transform 0.25s 0.25s;
    transition-timing-function:linear;
}

#slideshow ul li:hover .slideImage{
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
    transform:rotateY(90deg);
    transition:-webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s, -ms-transform 0.25s, transform 0.25s;
    transition-timing-function:linear;
}

#slideshow ul li img{
    display:block;
    height:100%;
}

.slideHover{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    opacity:0;
    transition:-webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s, -ms-transform 0.25s, transform 0.25s, opacity 0s 0.25s;
    transition-timing-function:linear;
}

#slideshow ul li:hover .slideHover{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:1;
    transition:-webkit-transform 0.25s 0.25s, -moz-transform 0.25s 0.25s, -o-transform 0.25s 0.25s, -ms-transform 0.25s 0.25s, transform 0.25s 0.25s, opacity 0s 0.25s;
    transition-timing-function:linear;
}


.header-top{
    position:absolute;
    width:100%;
    /*height:70px;*/
    height:198px;
    padding-top:60px;
    padding-bottom:61px;
    background:url('../img/header_line.png') no-repeat, url('../img/header.jpg') no-repeat;
    background-position:center 60px, center;
    background-size:auto, cover;
    z-index:1;
    -o-transition: all 0.22s ease-in-out 0s;
    transition: all 0.22s ease-in-out 0s;
    -moz-transition: all 0.22s ease-in-out 0s;
}
.header-top.affix{
    /*position:absolute;*/
    /*width:100%;*/
    /*height:70px;*/
    height:131px;
    /*padding-top:60px;*/
    /*padding-bottom:61px;*/
    /*background:url('../img/header_line.png') no-repeat, url('../img/header.jpg') no-repeat;*/
    /*background-position:center 60px, center;*/
    /*background-size:auto, cover;*/
    /*z-index:1;*/
}

.header-top p{
    text-align:right;
    font-size:28px;
    color:#fff;
    padding-top:20px;
}
.header-top>div {
    /*overflow: hidden;*/
    position: relative;
}
.header-top>div .for_phone{
    position: absolute;
    right:0;
    top:-56px;
   color:#97b004;
   font-size: 36px;
}
.header-top>div .for_phone span{
    color:#ffffff;
    font-size: 18px;
    display: inline-block;
    margin-right: 9px;
}
.header-top .top_menu{
  float: right;
    padding: 23px 0 17px;
}
.header-top>div h1 {
    text-transform: uppercase;
    color:#ffffff;
    float:right;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 28px;
    -o-transition: all 0.22s ease-in-out 0s;
    transition: all 0.22s ease-in-out 0s;
    -moz-transition: all 0.22s ease-in-out 0s;
}
.header-top>div h1>span {
    color:#97b004;
    position: relative;
    padding-left: 15px;
    display: inline-block;
}
.header-top>div h1>span:before {
    content: '';
    width: 12px;
    height: 12px;
    left:0;
    top:15px;
    background:url('../img/point.png') no-repeat;
    position: absolute;
}
.header-top.affix>div h1{
    position: absolute;
    top: -62px;
    right: 25%;
    font-size: 23px;
}

.header-top .top_menu li{
   display: inline-block;
}
.header-top .top_menu li a{
    color:#ffffff;
    font-size: 18px;
    padding: 13px 17px;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    text-decoration: none;
}
.header-top .top_menu li a:after{
    content: '';
    width: 0;
}
.header-top .top_menu li:hover>a{
    color:#031707;
}
.header-top .top_menu li:last-of-type a{
    padding: 13px 0 13px  17px;
}


/*-- start  about  --*/

#about_us{
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
}

.about_us_bg{
    color:#ffffff;
    text-align: center;
    background: url(../img/about_bg.jpg) center no-repeat;
    position: relative;
    margin-top: -322px;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;

}
.header-top.affix{

}
.about_us_bg .overlay{
    padding: 33px 0 101px;
    background: rgba(0,22,4, 0.9);
}
.about_us_content{
    max-width: 1200px;
    margin: 0 auto;
    /*height: 620px;*/
    line-height: 1.6;
}
.abot_title{
    text-align: center;
    color:#ffffff;
    background: url(../img/content-top.png) center/cover no-repeat;
    /*height: 66px;*/
    margin-bottom: 37px;
}
.abot_title h2{
    text-transform: uppercase;
    font-size: 38px;
    padding: 12px 0 ;
    font-weight: normal;
}
.abot_title h2 span{
    font-weight: bold;
    margin-left: 6px;
}
.about_us_content p{
   font-size: 16px;
}
.about_us_content h5{
    width: 100%;
   color:#abc503;
    font-size: 16px;
}
.list_parent{
    letter-spacing: 1px;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.list_parent>div{
    width: 47%;
    position: relative;
}
.list_parent>div>div{
    margin-top: 22px;
}
.list_parent div p:after{
    content:'';
    position: absolute;
    width: 12px;
    height: 12px;
    background:url('../img/point.png') no-repeat;
}
.list_parent>div:first-of-type{
   text-align: right;
}
.list_parent>div:last-of-type{
    text-align: left;
}
.list_parent>div p{
    position: relative;
}
.list_parent>div:first-of-type p:after{
   right:-21px;
    top:9px;
}
.list_parent>div:last-of-type p:after{
    left:-21px;
    top:9px;
}
.about_last{
    margin-top: 62px;
    font-size: 32px;
}
.about_last span{
    color:#e0df00;
}
.about_last span i{
    font-size: 56px;
}

/*-- end  about  --*/


/*-- Start  Services  --*/

.services_parent{
    position: relative;
    /*background: url(../img/services-border.png) bottom repeat-x;*/
}
.services_parent .services_bg>div{
    max-width: 1200px;
    margin: 0 auto;
}
.services_bg_top{
    /*position: absolute;*/
    /*left:0;*/
    /*top:-113px;*/
    /*background: url(../img/services-top1.png) center no-repeat;*/
    /*width: 100%;*/
    /*height: 113px;*/
}
.services_bg{
    text-align: center;


    padding-top: 150px;
    margin-top: -140px;
    /*background: url(../img/services_bg.png) center/cover no-repeat;*/
    /*background: url(../img/cube.jpg)  center repeat;*/
    background: url(../img/back.png)  top/100% no-repeat;

    /*top:-115px;*/
    /*position: relative;*/

}
.services_bg h3{
    color:#ffffff;
    font-size: 38px;
}
.services_bg h3:after {
    content: "";
    width: 360px;
    height: 10px;
    display: block;
    background: url(../img/services-border.png) no-repeat;
    margin: 14px auto 0;
}
.services_parent .nav-pills{
    display: inline-block;
    margin: 37px 0;
    font-size: 21px;
}
.services_parent .nav-pills>li.active>a, .services_parent .nav-pills>li.active>a:focus, .services_parent .nav-pills>li>a:hover{
    background: transparent;
}
.services_parent .nav-pills>li>a{
   color:rgba(255,242,0, 0.5) ;
    position: relative;
    -webkit-transition-duration: 2ms; /* Safari */
    transition-duration: 2ms;
}
.services_parent .nav-pills>li>a>span {
  text-transform: uppercase;
}
.services_parent .nav-pills>li:last-of-type>a:before,
.services_parent .nav-pills>li:first-of-type>a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background: url(../img/services-border1.png) center/100% no-repeat;
    opacity: 0.4;
    left:0;
    top:9px;
    -webkit-transition-duration: .2s; /* Safari */
    transition-duration: .2s;
}
.services_parent .nav-pills>li:last-of-type>a:before{
    background: url(../img/services-border2.png) center/100% no-repeat;
    top:48%;
    bottom:0;
    left:-5px;
}
.services_parent .nav-pills>li.active>a:before,
.services_parent .nav-pills>li:last-of-type>a:hover:before,
.services_parent .nav-pills>li:first-of-type>a:hover:before{
    opacity: 1;
}
.services_parent .nav-pills>li:first-of-type>a{
    padding:11px 40px;
}
.services_parent .nav-pills>li:last-of-type>a{
  padding:11px 64px;
 }
.services_parent .tab-pane>p{
    color:#ffffff;
    font-size: 16px;
    text-align: justify;
    padding: 0 55px 15px;
}
.services_parent .services_last{
    margin-top: 33px;
    color: #fff;
    font-size: 18px;
}
.services_parent .list_parent{
    color:#fff;
    font-size: 16px;
}
.services_parent .tab-pane{
  padding-bottom: 33px;
 }
.services_parent .tab-pane h5{
    width:100%;
}
.services_parent .list_parent div p:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,242,0, 1);
}
.services_parent .list_parent h5 {
    width: 100%;
    color: rgba(255,242,0, 1);
    font-size: 18px;
}
/*-- End  Services  --*/

.header-bottom{
    position:absolute;
    width:100%;
    height:320px;
    bottom:0;
    background-color:#abc503;
}
.header-bottom p{
    font-size:36px;
    text-transform:uppercase;
}
.header-bottom .left{
    width:33%;
    text-align:right;
    margin-top:86px;
    float:left;
    margin-left:142px;
    line-height:36px;
}
.header-bottom .right{
    font-size:60px;
    float:right;
    margin-top:120px;
    width:47%;
}
.header-bottom .right:before{
    content:"";
    background:url("../img/phone.png") no-repeat;
    width:100px;
    height:88px;
    display:inline-block;
    background-size:76px;
    background-position:center;
    margin-right:7px;
    vertical-align:middle;
}

.logo{
    background:url("../img/logo.png") no-repeat;
    width:215px;
    height:97px;
    display:inline-block;
    float:left;
    margin-left:58px;
}

.content{
    /*background:url("../img/aaa.jpg") no-repeat;*/
    background:#f7fbdf url("../img/tree.png") center -46px/cover no-repeat;
    height:1525px;
    position:relative;
    padding-top: 99px;
    /*background-position:center;*/
    /*background-size:auto 101%;*/
}
.content h2{
    text-transform:uppercase;
    font-size:38px;
    color:#f7fbdf;
    width:400px;
    text-align:center;
    margin:auto;
    line-height:36px;
    font-weight:400;
}
.content p{
    font-size:18px;
}

.content-top{
    background:url("../img/content-top.png") no-repeat;
    position:absolute;
    background-size:cover;
    z-index:1;
    top:185px;
    height:70px;
    width:100%;
    background-position:center;
}

.tree{
    padding-top:260px;
    /*position: relative;*/
}
.tree:after, .tree:before{
    content:"";
    background:url("../img/top.png") no-repeat;
    display:block;
    width:20px;
    margin:auto;
    height:74px;
    position:absolute;
    left:50%;
    top:18.5%;
    margin-left:-10px;
}
/*.tree:before{*/
    /*height:174px;*/
/*}*/
.tree:after{
    content:"";
    bottom:60px;
    /*top:inherit;*/
    top:39%;
    background:url("../img/bottom.png") -40% 100% no-repeat;
    height:160px;
    /*position: relative;*/
    z-index: 99999;
}
.tree li{
    padding:29px 25px 20px 20px;
    background-color:rgba(171, 197, 3,0.8);
    width:550px;
    /*height:130px;*/
    display:inline-block;
    box-sizing:border-box;
    text-align:right;
    margin-bottom:125px;
    position:relative;
}
.tree li:after{
    content:"";
    background:url("../img/chrtik.png") no-repeat;
    width:44px;
    height:43px;
    background-size:35px;
    display:inline-block;
    position:absolute;
    bottom:0px;
    right:-44px;
}
.tree li h3{
    font-size:22px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:5px;
}
.tree li p{
    font-size:18px;
}
.tree li:nth-child(even){
    float:right;
    text-align:left;
    margin-bottom:0;
    margin-top:103px;
}
.tree li:nth-child(even):after{
    background:url("../img/chrtik_right.png") no-repeat;
    left:-32px;
    bottom:-8px;
    right:initial;
}
.tree li:nth-child(even) span{
    left:-15%;
}
.tree li:last-child{
    margin-bottom:155px;

}
.tree li:last-child span:after{
    content:normal;
}
.tree span{
    position:absolute;
    background:#f7fbdf;
    padding:10px 16px;
    border-radius:50%;
    font-weight:700;
    font-size:30px;
    top:14%;
    left:103%;
}
.tree span:after{
    content:"";
    background:url("../img/tree-line.jpg") no-repeat;
    width:10px;
    height:25px;
    position:absolute;
    margin-left:-15px;
    margin-top:60px;
}

.content-bottom{
    background:url("../img/content-bottom.png") no-repeat;
    width:100%;
    height:475px;
    background-position:center;
    text-align:center;
    color:#fff;
    text-align:center;
    margin-top:32px;
    position:relative;
}
.content-bottom > div{
    padding-top:131px;
}
.content-bottom h3{
    font-size:38PX;
    text-transform:uppercase;
    margin-bottom:7px;
    margin-top:60px;
    font-weight:400;
}
.content-bottom h3:after{
    content:"";
    width:290px;
    height:10px;
    margin:auto;
    display:block;
    background:url("../img/sss.png") no-repeat;
    margin-top:14px;
}
.content-bottom p{
    font-size:24PX;
    letter-spacing:3px;
}

.body_color{
    background:#f7fbdf url("../img/menq.png") center/100% 100% no-repeat;
    /*background:#f7fbdf;*/

    /*height:468px;*/
    /*margin-top:-129px;*/
    /*padding-top:77px;*/
    padding:127px 0 117px;
    color:#fff;
}
.body_color h2{
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    width:inherit;
    font-family: 'Koryun', sans-serif;
    font-size: 38px;
}
.body_color h3{
    text-align:center;
    margin-top:35px;
    font-size:33px;
}
.body_color img{
    margin:auto;
    width:100%;
    display:block;
}
.body_color p{
    margin-top: 16px;
    position: relative;
    font-size:21px;
    width:48%;
    /*font-weight: bold;*/
    border:3px dotted #abc503;
    border-radius: 52px;

}
.body_color .left_p{
    float:left;
    /*margin-left:56px;*/
    text-align:right;
    padding: 5px 32px 5px 0;
}
.body_color .right_p{
    float:right;
    text-align:left;
    margin-left:0;
    padding: 5px 0 5px 28px;


    /*margin-right:70px;*/
    /*margin-top:-102px;*/

}
.body_color p:before{
    content: '';
    width:2px;
    height:12px;
    position: absolute;
    background: #abc503;
    top:-22px;
    /*display:block;*/
}
.body_color .left_p:before{
    /*content: '';*/
    /*width:2px;*/
    /*height:12px;*/
    /*position: absolute;*/
    /*background: #abc503;*/
    right:22%;
    /*top:-22px;*/
}
.body_color .right_p:before{
    /*content: '';*/
    /*width:2px;*/
    /*height:12px;*/
    /*position: absolute;*/
    /*background: #abc503;*/
    left:22%;

}

.black_back{
    background:url("../img/black_back.png") no-repeat;
    height:377px;
    background-size:cover;
    background-position:center;
    text-align:center;
    color:#abc503;
    text-align:center;
    position:relative;
    margin-top:-150px;
}
.black_back h3{
    font-size:30px;
    font-weight:400;
    padding-top:174px;
    width:927px;
    margin:auto;
    line-height:47px;
}

.inchu-menq{
    background-color:#f7fbdf;
    position:relative;
    text-align: center;
}
.inchu-menq h2{
    text-transform: uppercase;
    font-size: 38px;
    /*position:absolute;*/
    /*top:73px;*/
    /*width:100%;*/
}
.inchu-menq h2 b{
    color:#abc503;
}
.inchu-menq h4{
    font-size:24px;
    color:#275a00;
    font-weight: bold;
    /*margin:auto;*/
    text-align:center;
    margin-top:28px;
    margin-bottom:26px;
}
.inchu-menq ul{
    display:Flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:65px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}
.inchu-menq ul li{
    -webkit-flex-basis:17%;
    -ms-flex-preferred-size:17%;
    flex-basis:17%;
    text-align: left;
}
.inchu-menq ul li p{
    font-size:18px;
    line-height:24px;
}
.inchu-menq ul h3{
    color:#abc503;
    border-bottom: 3px solid #abc503;
    text-transform:uppercase;
    font-size:22px;
    border-bottom:1px solid;
    margin-bottom:15px;
    line-height:29px;
}
.inchu-menq ul h3 span{
    font-size:12px;
    color:#1c4900;
}

.goal{
    /*background:url("../img/goal.jpg") no-repeat;*/
    /*height:425px;*/
    /*background-size:cover;*/
    /*text-align:center;*/
    /*background-position:center;*/
    /*position:relative;*/    /* background: url(../img/goal.jpg) no-repeat; */
    height: 425px;
    background-size: cover;
    text-align: center;
    background-position: center;
    position: absolute;
    z-index: 999;
    left: 50%;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);

}
.goal:before{
    content:'';
    width:64px;
    height:64px;
    background: #061600;
    border-radius: 50%;
    position: absolute;
    top:0;
    left:50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);

}
.goal .goal_middle{
    background:#abc503;
    display:inline-block;
    padding:25px 39px;
    padding-top:36px;
    color:#f0f6c9;
}
.goal .goal_middle h2{
    /*position:absolute;*/
    /*top:-32px;*/
    /*width:40%;*/
    margin-bottom: 25px;
}
.goal .goal_middle .form p{
    background:#f0f6c9;
    border-radius:35px;
    padding:12px 25px 12px 36px;
    margin-bottom:10px;
    color:#000;
    text-align:center;
}
.goal:after{
    content:"";
    background:url("../img/slack.png") no-repeat;
    width:100%;
    height:82px;
    display:block;
    margin:auto;
    background-position:center;
    background-size:cover;
}

.product{
    padding:90px 0 45px;
    background:#f7fbdf;
}
.product li{
    background:url("../img/7+.png") no-repeat;
    height:77px;
    float:left;
}
.product li:first-child{
    background:url("../img/150.png") no-repeat;
    margin-right:46px;
}
.product li:first-child p{
    width:200px;
    margin-left:231px;
}
.product li:last-child{
    background:url("../img/7.png") no-repeat;
    margin-left:92px;
}
.product li:last-child p{
    margin-left:50px;
    width:260px;
}
.product p{
    margin-left:122px;
    width:82px;
    font-size:34px;
    text-transform:uppercase;
    line-height:31px;
}

.map{
    height:680px;
    border-top:7px solid #abc503;
    border-bottom:7px solid #abc503;
}

footer{
    position:relative;
}

.contact{
    position:absolute;
    bottom:8%;
    left:15.5%;

}

.contact  input{
    outline:none;
    border:2px solid #4c6002;
    border-radius:35px;
    padding:22px 20px;
    background:rgba(109, 119, 103, 0.8);
    resize:none;
    margin:0 10px 10px 0;
    width:330px;
    box-sizing:border-box;
    display:block;
    float:left;
    font-size:16px;
    color:#fff;
}

.contact  input::-webkit-input-placeholder{
    color:rgba(255, 255, 255, 0.5);
}

.contact .button{
    color:#abc503;
    font-size:42px;
    text-transform:uppercase;
    float:right;
    background:none;
    border:none;
    padding:0;
    margin:0 55px 0 64px;
    margin-top:11px;
    cursor:pointer;
}
.affix {
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999 !important;
}
@media screen and (max-width: 1200px) {
    .wrap, .about_us_content{
        padding: 0 15px;
    }
    #why_we .wrap{
        max-width: 1024px;
     }
    .header-top{
        background: url(../img/header_line.png) -395px 60px no-repeat, url(../img/header.jpg) no-repeat;
    }
    .header-top .top_menu li a{
        padding: 13px 11px;
    }
    .logo {
        margin-left: 0;
    }
    .services_bg {
        margin-top: -120px;
        background: url(../img/back.png) top/cover no-repeat;
    }
    .tree li{
        width: 456px;
    }
    .tree li:nth-child(even) {
        margin-top: 110px;
    }
    .goal:before,
    .tree:after, .tree:before{
        /*left: 50.7%;*/
    }
    .tree li:nth-child(even) span {
        top: 3%;
    }
    .tree li:last-child{
        margin-bottom: 125px;
    }
    .product p{
        font-size: 30px;
    }
    .product li:last-child{
        margin:18px 0 0 354px;
    }
    .product li:first-child {
        margin-left: 166px;
    }
        /*.contact{*/
        /*left: 50%;*/
        /*-ms-transform: translateX(-50%); !* IE 9 *!*/
        /*-webkit-transform: translateX(-50%); !* Safari *!*/
        /*transform: translateX(-50%);*/
    /*}*/
    .contact form button{
        margin:0 55px 0 0;
    }
}
@media screen and (max-width: 1023px) {
    .header-top .wrap {
        padding: 0;
    }
    .menu{
        /*min-height: 55px;*/
    }
    .menu ul{
        display: none;
    }
    .pull{
        margin-right: 15px;
        padding-bottom: 15px;
        display: block;
        float:right;
    }
    .header-top {
        background: url(../img/header.jpg) no-repeat;
    }
    .header-top.affix>div h1,
    .header-top>div h1 {
        position: absolute;
        top: -62px;
        right: 1%;
        font-size: 20px;
    }
    .header-top>div .for_phone{
        top: -14px;
        right:31%;
    }
    .header-top.affix,
    .header-top{
        height: auto;
        padding-bottom: 0;
    }
    .logo{
        float: none;
        margin-left: 15px;

    }
    .header-top .top_menu {
        margin-top: -33px;
        float: none;
        background: url(../img/header.jpg) center/cover no-repeat;

    }
    .header-top .top_menu li {
        display: block;
        text-align:center ;
    }
    .header-top .top_menu li a {
        padding: 6px 11px;
        display: inline-block;
    }
    .services_bg {
        margin-top: -130px;
    }
    .inchu-menq ul li{
        width: 48%;
        -webkit-flex-basis: initial;
        -ms-flex-preferred-size: initial;
        flex-basis:initial;
        margin-bottom: 23px;
    }
    .product li,
    .product li:last-child,
    .product li:first-child {
        margin:33px 0 0 166px;
        float:none;
    }
    .list_parent>div:first-of-type p:after{
        right: -17px;
    }
    .list_parent>div:last-of-type p:after{
        left: -15px;
    }
    .tree li {
        text-align: left;
        margin-bottom: 30px !important;
        float: right;
        margin-top: 0 !important;
        width: 74%;
        height: initial;
    }
    .tree span {
        left: -35% !important;
    }
    .tree:after, .tree:before{
        left:5.5%
    }
    .tree:after{
        top: 33%;
        height: 34px;
    }
    .goal:before{
        content: normal;
    }
    .tree li:after {
        background: url(../img/chrtik_right.png) no-repeat;
        left: -32px;
        bottom: -8px;
        right: initial;
    }
    .contact{
        left:15px;
    }
}
@media screen and (max-width: 767px) {
    body{
         word-break: normal;

    }
    .affix{
        position: static;
    }
    .logo {
        background: url(../img/logo.png) center/76% no-repeat;
        margin-top: 14px;
    }
    .header-top>div h1>span:before{
        top: 5px;
    }
    .header-top .top_menu {
        margin-top: 0;
    }
    .header-top {
        height: auto;
        padding: 0;
    }
    .header-top.affix>div h1, .header-top>div h1 {
        top: -13px;
        right: 15px;
        font-size: 16px;
    }
    .header-top>div .for_phone {
        top: 25px;
        right: 27%;
        font-size: 26px;
    }
    .pull{
       margin-top: 50px;
    }
    .services_parent .tab-pane>p{
        padding: 0 15px 15px;
        text-align: center;
    }
    .inchu-menq ul{
        padding-bottom: 0;
    }
    .body_color {
        background: #f7fbdf url(../img/menq.png) center/cover no-repeat;
    }
    .product li, .product li:last-child, .product li:first-child {
        margin: 33px 0 0 54px;
        float: none;
    }
    .body_color p{
        font-size: 18px;
    }
    .abot_title h2,.services_bg h3, .body_color h2, .inchu-menq h2, .content h2{
        font-size: 26px;
    }
    .list_parent>div{
        width: 46%;
    }
    .tree:after, .tree:before {
        left: 7.5%;
    }
    .tree:after {
        content:none;
    }

    .tree li h3 {
        font-size: 16px;
    }
    .body_color h3{
        font-size: 26px;
    }
    .services_parent .nav-pills>li:first-of-type>a {
        padding: 11px 22px;
    }
    .services_parent .nav-pills>li:last-of-type>a {
        padding: 11px 45px;
    }
    .goal{
        position: static;
        -ms-transform: none;
        -webkit-transform:none;
        transform: none;
    }
    .goal:after{
        position: absolute;
        z-index: 999;
    }
}
@media screen and (max-width: 567px) {
    body{
        word-break: break-all;
    }
    .navbar1{
        /*text-align: center;*/
    }
    .header-top.affix>div h1, .header-top>div h1{
        position: relative;
        width:100%;
        left:50%;
        margin: 20px 0 11px;
        /*display:inline-block;*/
        -ms-transform: translateX(-50%); /* IE 9 */
        -webkit-transform: translateX(-50%); /* Safari */
        transform: translateX(-50%);
    }
    .pull{
        float:left;
        margin: 0 11px;
        padding-bottom: 0;
    }
    .logo {
        background: url(../img/logo.png) bottom/66% no-repeat;
        /*margin-top: 14px;*/
        display: block;
        margin: 2px auto;
        width: 75%;
    }
    .header-top>div .for_phone{
        position: static;
    }
    .header-top.affix>div h1, .header-top>div h1{
        font-size: 12px;
        margin-left: 15px;
    }
    .header-top>div h1>span:before{
        top:2px;
        left:4px;
    }
    .services_bg h3:after{
        width: 290px;
    }
    .list_parent>div {
        width: 100%;
    }
    .services_bg .list_parent>div {
        padding-left: 15px;
    }
    .list_parent>div:first-of-type{
        text-align: left;
    }
    .list_parent>div:last-of-type p:after,
    .list_parent>div:first-of-type p:after {
        left: -11px;
    }
    .content h2, .contact form input,
    .inchu-menq ul li {
        width: 100%;
    }
    .body_color{
        padding: 155px 0 158px;
    }
    .body_color .left_p,
    .body_color .right_p{
        width: 100%;
    }
    .product li, .product li:last-child, .product li:first-child{
        margin: 66px 0 0 0;
    }
    .services_bg .nav-pills>li{
        float:none;
    }
    .product p,
    .product li:last-child p,
    .product li:first-child p{
        width: 100%;
        margin: 0;
    }
    .tree:after, .tree:before{
        left: 43px;
    }
    .body_color p:before{
        top:-18px;
    }
    .about_last{
        font-size: 22px;
    }
    .product li{
        padding-top: 76px;
        height: auto;
    }
    .product p{
        font-size: 25px;
    }
    .contact{
        left:6px;
        right:6px;
    }
    /*.goal{*/
        /*position: static;*/
        /*-ms-transform: none;*/
         /*-webkit-transform:none;*/
         /*transform: none;*/
    /*}*/
    /*.goal:after{*/
        /*position: absolute;*/
        /*z-index: 999;*/
    /*}*/
    footer{
        padding-top: 16px;
    }
    .pos_size{
        background-position:center -86px;
        /*background: #9cb402;*/

    }
}
@media screen and (max-width: 375px) {
    .abot_title {
        background: url(../img/content-top.png) center/260% 70% no-repeat;
    }
    .content p {
         font-size: 17px;
     }
    .contact form input{
        padding: 11px 20px;
    }
    .tree li{
        padding: 29px 12px 20px 20px;
    }



}





#slideshowNew ul li img{
    display:block;
    height:100%;
}

.slideHover{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    -webkit-transform:rotateY(-90deg);
    -moz-transform:rotateY(-90deg);
    -o-transform:rotateY(-90deg);
    -ms-transform:rotateY(-90deg);
    transform:rotateY(-90deg);
    opacity:0;
    transition:-webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s, -ms-transform 0.25s, transform 0.25s, opacity 0s 0.25s;
    transition-timing-function:linear;
}

#slideshowNew ul li:hover .slideHover{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:1;
    transition:-webkit-transform 0.25s 0.25s, -moz-transform 0.25s 0.25s, -o-transform 0.25s 0.25s, -ms-transform 0.25s 0.25s, transform 0.25s 0.25s, opacity 0s 0.25s;
    transition-timing-function:linear;
}


.logo_design_parent {
    height:800px;
    background-image: url(../img/pattern-background.png);
    /* background-image: url(../img/portfolio_bg.png); */
    position: relative;
    margin: 0px 0px -4px 0px;
    width: 100%;
    display: inline-block;
    padding: 25px 0px 20px 0px;
}

.for_phone a{
    color:#97b004!important;
    text-decoration:none!important;
}


#result{
    text-align: center;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: -18px;
}