*{
    margin: 0px;
    padding: 0px;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
}
/************header*****************/

header {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
    -webkit-transition: top 0.8s;
    -o-transition: top 0.8s;
    transition: top 0.8s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px 108px;
    transition: 0.5s;
    z-index: 1;
}


.logo{
    float: left;
    color: #FF305B;
    text-decoration: none;
    font-weight: bold;
    font-size: 27px;
    padding: 10px;
}

nav{
    float: right;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

nav ul li{
    list-style-type: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
nav ul li a{
    display: block;
    margin: 10px 0;
    padding: 10px ;
    text-decoration: none;
    color: white;
    font-size: 18px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

nav ul li a:hover{
    color: #FF305B;
}

nav ul li a.act{
    color: #FF305B;
}

header.black{
    background-color: #333333;
}

.container{
    position: relative;
    background-image: url(../image/slider/slider-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            z-index: 1;
}

.black_sec_screen{
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    z-index: 0;
}

.content_center{
    position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    border-radius: 10px;
    z-index: 0;
}
.content_center p{
    color: white;
    font-size: 26px;
    font-weight: 550;
    text-align: center;
}
.content_center h2{
    font-size: 71px;
    color: #FF305B;
    text-align: center;
    margin: 10px 0px;
}

.content_center h4{
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 26px;
}
/************header*****************/

/******************sec2**************************/
.allsec2{
    width: 100%;
    height: 100vh;
    z-index: 0;
}

.div_sec2_part_left{
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    z-index: 0;
}

.frame{
    position: absolute;
    width: 360px;
    height: 440px;
    border: 8px solid #555555;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 100px;
    left: 203px;
    z-index: 0;
}

.div_img{
    position: absolute;
    background-size: cover;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 360px;
    top: 125px;
    height: 440px;
    left: 227px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
    border-radius: 5px;
    z-index: 0;
}

.div_img img{
    width: 100%;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
    background-origin: border-box;
}

.black_screen_hover{
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    width: 360px;
    height: 440px;
    border-radius: 5px;
    top: 440px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 0;
}

.icon_center{
    text-align: center;
    margin-top: 50%;
}

.fa-facebook-f{
    font-size: 20px;
    color: white;
    margin: 9.5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fa-twitter{
    font-size: 20px;
    color: white;
    margin: 9.5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fa-google{
    font-size: 20px;
    color: white;
    margin: 9.5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fa-github{
    font-size: 20px;
    color: white;
    margin: 9.5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fa-facebook-f:hover{
    color: #FF305B;
}

.fa-twitter:hover{
    color: #FF305B;
}

.fa-google:hover{
    color: #FF305B;
}

.fa-github:hover{
    color: #FF305B;
}

.div_img:hover .black_screen_hover{
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/****************/

.div_sec2_part_right{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    z-index: 0;
}

.div_cot{
    width: 80%;
    margin-top: 100px;
}

.div_cot h2{
    border-left: 5px solid #FF305B;
    padding-left: 10px;
    color: #333333;
    font-size: 40px;
}

.div_cot p{
    margin-top: 15px;
    color: #555555;
    font-size: 18px;
}

.div_line{
    margin-top: 25px;
    margin-bottom: 5px;
    border: 1px dashed #999999;
}

.allpart{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

.part_left{
    width: 50%;
    float: left;
}

.part_right{
    width: 50%;
    float: left;
}

.allpart p{
    font-weight: 600;
}

.allpart span{
    font-weight: normal;
}

.btn_download{
    margin-top: 15px;
    padding: 10px 35px;
    border: none;
    background-color: #FF305B;
    color: white;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 0;
}

.btn_hire{
    margin-top: 15px;
    padding: 10px 30px;
    border: none;
    background-color: #FF305B;
    color: white;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn_download:hover{
    background-color: #EC2403;
}

.btn_hire:hover{
    background-color: #EC2403;
}

/******************sec2**************************/

/****************sec3*************************************/
.allsec3{
    background-color: #F1F1F1;
    width: 100%;
    height: 505px;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.allsec3 h2{
    color: #333333;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}

.l1{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-top: 20px;
}
.l2{
    margin: 0 auto;
    width: 162px;
    border: 0.5px solid #FF305B;
    margin-top: 10px;
    margin-bottom: 10px;
}
.l3{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-bottom: 36px;
}

.conten_div_sec3{
    padding: 50px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20%;
    height: 252px;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.conten_div_sec3 h3{
    color: #333333;
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.conten_div_sec3:hover .fa-pencil-ruler{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.conten_div_sec3:hover{
    background-color: white;
    -webkit-box-shadow: 0 5px 10px rgba(104, 104, 104, 0.8);
            box-shadow: 0 5px 10px rgba(104, 104, 104, 0.8);
}

.conten_div_sec3:hover .fa-laptop-code{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.conten_div_sec3:hover .fa-chart-line{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.conten_div_sec3:hover .fa-cogs{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.conten_div_sec3 p{
    color: #555555;
}

.conten_div_sec3 .fa-pencil-ruler, .fa-laptop-code, .fa-chart-line, .fa-cogs{
    color: #FF305B;
    font-size: 40px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
/****************sec3*************************************/

/*******************sec4******************************/
.allsec4{
    width: 100%;
    height: auto;
    text-align: center;
    padding: 15px;
    padding-bottom: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.allsec4 h2{
    color: #333333;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}

.l1{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-top: 20px;
}
.l2{
    margin: 0 auto;
    width: 162px;
    border: 0.5px solid #FF305B;
    margin-top: 10px;
    margin-bottom: 10px;
}
.l3{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-bottom: 36px;
}

.btns_menu button{
    background-color: transparent;
    border: none;
    padding: 15px;
    font-size: 17px;
    color: #333333;
    cursor: pointer;
}

.btns_menu .act{
    color: #FF305B;
}

._4pic_1{
    background-image: url(../image/portfolio/1.jpg); 
}

._4pic_2{
    background-image: url(../image/portfolio/2.jpg); 
}

._4pic_3{
    background-image: url(../image/portfolio/3.jpg); 
}

._4pic_4{
    background-image: url(../image/portfolio/4.jpg); 
}

._4pic_5{
    background-image: url(../image/portfolio/5.jpg); 
}

._4pic_6{
    background-image: url(../image/portfolio/6.jpg); 
}

._4pic_1, ._4pic_2, ._4pic_3, ._4pic_4, ._4pic_5, ._4pic_6{
    width: 27%;
    height: 269px;
    display: inline-block;
    margin: 14px;
    background-size: cover;
    background-position: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
}

.div_black_screen_hover_sec4_1, .div_black_screen_hover_sec4_2, .div_black_screen_hover_sec4_3, 
.div_black_screen_hover_sec4_4, .div_black_screen_hover_sec4_5, .div_black_screen_hover_sec4_6{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    z-index: 0;
}

.div_black_screen_hover_sec4_1 .fa-file-image, .div_black_screen_hover_sec4_2 .fa-link,
.div_black_screen_hover_sec4_3 .fa-file-video, .div_black_screen_hover_sec4_4 .fa-file-image,
.div_black_screen_hover_sec4_5 .fa-link, .div_black_screen_hover_sec4_6 .fa-file-image{
    position: absolute;
    left: 91.5%;
    top: 85.5%;
    color: #FF305B;
    font-size: 20px;
    z-index: 0;
}

._4pic_1:hover .div_black_screen_hover_sec4_1{
    opacity: 1;
}

._4pic_2:hover .div_black_screen_hover_sec4_2{
    opacity: 1;
}

._4pic_3:hover .div_black_screen_hover_sec4_3{
    opacity: 1;
}

._4pic_4:hover .div_black_screen_hover_sec4_4{
    opacity: 1;
}

._4pic_5:hover .div_black_screen_hover_sec4_5{
    opacity: 1;
}

._4pic_6:hover .div_black_screen_hover_sec4_6{
    opacity: 1;
}
/*******************sec4******************************/

/**********************sec5*******************************/
.allsec5{
    text-align: center;
    height: 298px;
    background-color: #F1F1F1;
}

.parts_sec5{
    width: 21%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 8%; 
    display: inline-block;
}

.fa-users, .fa-copy, .fa-cloud-download-alt, .fa-coffee{
    font-size: 28px;
    color: #FF305B;
    margin-bottom: 10px;
}

.parts_sec5 p{
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0px;
}

.parts_sec5 span{
    text-align: none;
    font-weight: bold;
    font-size: 15px;
    color: #555555;
}
/**********************sec5*******************************/

/*****************sec6*******************************/
.allsec6{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 90px 0px;
}

.allsec6 h2{
    color: #333333;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.allsec6 .l1{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-top: 20px;
}
.allsec6 .l2{
    margin: 0 auto;
    width: 162px;
    border: 0.5px solid #FF305B;
    margin-top: 10px;
    margin-bottom: 10px;
}
.allsec6 .l3{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-bottom: 36px;
}

.sec6_countenir{
    position: relative;
    width: 55%;
    margin: 0 auto;
    background-color: #F1F1F1;
    height: 275px;
    border-radius: 5px;
    margin-top: 70px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            z-index: 0;
}

.div_cube{
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 183px solid rgba(255, 48, 91);
    border-right: 185px solid transparent; 
    z-index: 0;
}

.div_position{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.div_position .img_user{
    width: 20%;
    height: 100%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.img_user img{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin-left: 39px;
    margin-top: 50px;
}

.div_position .info_user{
    width: 70%;
    height: 100%;
    float: left;
    padding-left: 20px;
}

.info_user h2{
    color: #333333;
    margin-top: 46px;
    font-size: 25px;
    text-align: left;
    margin-bottom: 12px;
}

.info_user span{
    color: #777777;
}

.info_user p{
    font-size: 19px;
    margin-top: 12px;
    font-style: italic;
    color: #555555;
    margin-bottom: 20px;
}

.info_user .star_check{
    color: #F1C30D;
}

.info_user .star_non{
    color: #F1C30D;
}
/*****************sec6*******************************/


/************sec7******************************/
.allsec7{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background-color: #F1F1F1;
    box-sizing: border-box;
    text-align: center;
    padding: 90px 104px; 
}

.allsec7 h2{
    color: #333333;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.allsec7 .l1{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-top: 20px;
}
.allsec7 .l2{
    margin: 0 auto;
    width: 162px;
    border: 0.5px solid #FF305B;
    margin-top: 10px;
    margin-bottom: 10px;
}
.allsec7 .l3{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-bottom: 36px;
}


.div_parts_sec7{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0px 10px;
    text-align: left;
    width: 31.3%;
    height: 459px;
    background-color: white;
    display: inline-block;
}

.div_image_sec7{
    width: 100%;
    height: 44%;
    background-size: cover;
    background-position: center;
    background-image: url(../image/blog/people-2588963_960_720.jpg);
}

iframe{
    width: 100%;
    height: 100%;
    background-position: center;
    background-origin: border-box;
    background-size: cover;
    background-position: center;
}

.date_sec7{
    font-size: 17.5px;
    color: #5D5955;
}

.div_parts_sec7 h3{
    margin-top: 10px;
    color: #333333;
    font-size: 23px;
    margin-bottom: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.div_parts_sec7 h3:hover{
    color: #FF305B;
}

.div_parts_sec7 p{
    color: #555555;
    font-size: 18px;
}

.div_sec7_content{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 23px;
}

.div_sec7_content button{
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.div_sec7_content button:hover{
    color: #FF305B;
}

/************sec7******************************/

/***************sec8***************************/
.sec8{
    width: 100%;
}

.allsec8{
    width: 100%;
    padding: 95px 302px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: white;
}

.allsec8 h2{
    color: #333333;
    font-size: 40px;
    text-align: center;
    font-weight: bold;
}

.allsec8 .l1{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-top: 20px;
}
.allsec8 .l2{
    margin: 0 auto;
    width: 162px;
    border: 0.5px solid #FF305B;
    margin-top: 10px;
    margin-bottom: 10px;
}
.allsec8 .l3{
    margin: 0 auto;
    width: 73px;
    border: 0.5px solid #FF305B;
    margin-bottom: 36px;
}

.div_8_content{
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


input{
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
}

textarea{
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 14px;
    padding-top: 10px;
}
::-webkit-input-placeholder{
    color: rgb(175, 174, 174);
}
:-ms-input-placeholder{
    color: rgb(175, 174, 174);
}
::-ms-input-placeholder{
    color: rgb(175, 174, 174);
}
::placeholder{
    color: rgb(175, 174, 174);
}
.editText_name{
    width: 47.5%;
    height: 38px;
    display: inline-block;
    margin-right: 29px;
}

.editText_email{
    width: 47.5%;
    height: 38px;
    display: inline-block;
}

.editText_subject{
    width: 100%;
    height: 38px;
    margin: 27px 0px; 
}

.editText_message{
    width: 100%;
    height: 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.editText_message::-webkit-input-placeholder{
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}
.editText_message:-ms-input-placeholder{
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}
.editText_message::-ms-input-placeholder{
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}
.editText_message::placeholder{
    padding: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}

textarea:focus, input:focus{
    border-color: #FF305B; 
}

.div_8_content button{
    border: none;
    background-color: #FF305B;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    padding: 14px 22px;
    margin-top: 26px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.div_8_content button:hover{
    background-color: #EC2403;
}
/***************sec8***************************/

/******footer*************************/
footer{
    padding: 53px 0px;
    background-color: #333333;
    text-align: center;
}

.icons_footer{
    color: white;
}

.icons_footer .fa-facebook-f{
    margin: 10px;
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.icons_footer .fa-twitter{
    margin: 10px;
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.icons_footer .fa-google{
    margin: 10px;
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.icons_footer .fa-github{
    margin: 10px;
    font-size: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

footer p{
    color: white;
    font-weight: 500;
    font-size: 18px;
    margin-top: 5px;
}
 .icons_footer .fa-facebook-f:hover,
 .icons_footer .fa-twitter:hover,
 .icons_footer .fa-google:hover,
 .icons_footer .fa-github:hover{
    color: #FF305B;
 }

footer span{
    color: #FF305B;
}

footer span:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
/******footer*************************/

@media screen and (max-width: 1024px){

    /************header*****************/
    header {
        padding: 0px 15px;
    }

    .menu-toggle{
        display: block;
        width: 40px;
        height: 40px;
        margin: 10px;
        float: right;
        cursor: pointer;
        text-align: center;
        font-size: 30px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .menu-toggle:before{
        content: '\f0c9';
        color: #fff;
        font-family: fontAwesome;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .menu-toggle.active:before{
        content: '\f00d';
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    nav{
        display: none;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    nav.active{
        background-color: #333333;
        display: block; 
        width: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    nav.active ul{
        margin: 0px;
        padding: 0px;
        display: block;
        text-align: center;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .content_center{
        width: 100%;   
    }

    .content_center.active{
        opacity: 0;
    }

    .content_center p{
        font-size: 22px;
    }

    .content_center h2{
        font-size: 38px
    }

    .content_center h4{
        font-size: 18px;
    }
/************header*****************/

/**************sec2*****************************/
    .div_sec2_part_left{
        width: 100%;
        height: auto;
        padding-top: 50px;
        padding-bottom: 20px;
        z-index: 0;
    }

    .div_sec2_part_right{
        width: 100%;
        height: auto;
        z-index: 0;
    }

    .frame{
        display: none;
        z-index: 0;
    }

    .div_img{
        overflow: hidden;
        position: relative;
        padding: 0 20px;
        width: 100%;
        height: auto;
        border-radius: 5px;
        top: 0px;
        left: 0px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 auto;
        z-index: 0;
    }

    .div_img img{
        display: inline-block;
        width: 100%;
        border-radius: 5px;
        margin: 0 auto;
        z-index: 0;
    }

    .black_screen_hover{
        position: absolute;
        width: calc(100% - 38px);
        height: 100%;
        border-radius: 5px;
        background-color: rgba(0,0,0,0.5);
        top: calc(100% - 0px);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
                z-index: 0;

    }

    /***/
    .div_cot{
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 20px;
        margin-top: 0px;
        padding-top: 0px;
        z-index: 0;
    }

    .part_left{
        width: 100%;
        z-index: 0;
    }
    
    .part_right{
        width: 100%;
        z-index: 0;
    }

    .btn_download{
        padding: 10px 19px;
        margin-bottom: 50px;
        z-index: 0;
    }

    .btn_hire{
        padding: 10px 18px;
        z-index: 0;
    }
/**************sec2*****************************/

/******************sec3************************************/
.allsec3{
    height: auto;
    padding-bottom: 50px;
}
.conten_div_sec3{
    padding: 50px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 252px;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

/******************sec3************************************/

/*******************sec4******************************/
._4pic_1, ._4pic_2, ._4pic_3, ._4pic_4, ._4pic_5, ._4pic_6{
    width: 100%;
    margin: 14px 0px;
}
/*******************sec4******************************/

/**********************sec5*******************************/
.allsec5{
    height: auto;
    padding-bottom: 60px;
}

.parts_sec5{
    width: 100%;
    display: inline-block;
}
/**********************sec5*******************************/

/*****************sec6*******************************/
.allsec6{
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 90px 10px;
}

.sec6_countenir{
    position: relative;
    width: 100%;
    height: 475px;
    z-index: 0;
}

.div_position .img_user{
    width: 100%;
    height: auto;
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
}

.img_user img{
    width: 110px;
    height: 110px;
    margin-left: 0px;
    margin-top: 33px;
}

.div_position .info_user{
    width: 100%;
    height: auto;
    float: none;
    padding: 20px;
    box-sizing: border-box;
}


.info_user h2{
    color: #333333;
    margin-top: 0px;
    font-size: 25px;
    text-align: left;
    margin-bottom: 12px;
}

.info_user p{
    font-size: 20px;
    margin-top: 12px;
    font-style: italic;
    color: #555555;
    margin-bottom: 20px;
}

/*****************sec6*******************************/


/************sec7******************************/

.allsec7{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background-color: #F1F1F1;
    box-sizing: border-box;
    text-align: center;
    padding: 10px; 
}

.div_parts_sec7{
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 459px;
    background-color: white;
    margin: 10px 0px;
}
/************sec7******************************/

/***************sec8***************************/
.allsec8{
    width: 100%;
    height: auto;
    padding: 50px 11px;
    margin: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.div_8_content{
    width: 100%;
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.editText_name{
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

.editText_email{
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

.editText_subject{
    widows: 100%;
    margin: 0px;
    margin-bottom: 20px;
}

.editText_message{
    margin: 0px;
    margin-bottom: 20px;
}

.editText_message::-webkit-input-placeholder{
    padding: 0px;
}

.editText_message:-ms-input-placeholder{
    padding: 0px;
}

.editText_message::-ms-input-placeholder{
    padding: 0px;
}

.editText_message::placeholder{
    padding: 0px;
}

.div_8_content button{
    margin-top: 0px;
}
/***************sec8***************************/
}

/*******************scrollbar****************/

::-webkit-scrollbar {
    width: 1px;
    height: 7px;
    background-color: #0F0F0F;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 50px !important;
    background: #FF305B;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FF305B;
}

::-webkit-scrollbar-thumb:active {
    background: #FF305B;
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: transparent;
}

::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}