html{scroll-behavior: smooth; width:100%; height:100%;}
body{scroll-behavior: smooth; width:100%; height:100%;}
body{margin:0rem; padding:0rem; font-family: 'Jost', sans-serif; font-size:0.938rem; background:#fff; color:#000; overflow-x:hidden; }
html{scroll-behavior: smooth;}

.header{position:absolute; top:0px; left:0px; z-index:100; padding:0px; width:100%;}
.header .h-logo{float:left; width:92px;}
.header .h-logo-nav{float:left; width:calc(100% - 200px);}
.header .h-logo-nav .text-logo{padding: 16px; text-align: center; border-bottom: solid 1px rgba(255,255,255,.5);}
.header .h-logo-nav .navigation{border-bottom: solid 1px rgba(255,255,255,.5);}
.header .h-logo-nav .navigation .navbar-nav .nav-link{color:#fff; padding: 8px 25px;}
.header .h-hamburger{float:right; background:#fff; padding:48px 36px; cursor:pointer}
.header .h-hamburger span{width: 35px; height: 3px; background-color: black; margin: 6px 0; display:block}

.header.bgwhite{background:#fff; position:fixed; top:0px; left:0px;border-bottom: solid 1px rgba(0,0,0,.2);}
.header.bgwhite .text-logo img{filter:invert(1);}
.header.bgwhite .h-logo-nav .navigation .navbar-nav .nav-link{color:#000;}
.header.bgwhite .h-logo-nav .text-logo{border-bottom: solid 0px rgba(0,0,0,.2);}
.header.bgwhite .h-logo-nav .navigation{border-bottom: solid 0px rgba(0,0,0,.5);}
.header.bgwhite .h-logo-nav{border-right: solid 1px rgba(0,0,0,.2); border-left: solid 1px rgba(0,0,0,.2);}

.image-slider {width:100%; overflow:hidden; position:relative; padding:0px; background-size:cover;}
.image-slider .video-wrapper{border-radius:0px 0px 50px 50px; overflow:hidden; position:relative;}
.image-slider .video-wrapper video{width:100%; height:auto; position:relative; border-radius:0px 0px 50px 50px; display:block}
.image-slider .video-wrapper .transparent{background:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:0px 0px 50px 50px;}
.image-slider .content{position: absolute; width: 760px; margin-left: -380px; left:50%; z-index: 95; top:50%; margin-top:-83px; text-align:center;}
.image-slider .content .text{font-size: 65px; color: #fff; font-family: 'Lora', serif; font-weight:600;}
.image-slider .content .text-2{font-size: 23px; color: #fff; font-weight:300; padding:0px 70px;}

.hm-about{width:100%; padding:75px 250px; font-size:20px; text-align:center; font-weight:400; max-width:1349px; margin:0 auto;}
.hm-about span{font-family: 'Lora', serif; font-size:40px; display:table; width:100%; padding-bottom:10px; position:relative; margin-bottom:30px; font-weight:600;}
.hm-about span:before{content:''; width:70px; height:2px; background:#ff9934; display:block; position:absolute; bottom: 0px; left: 50%; margin-left: -35px;}
.hm-about a{display:table; margin:0 auto; background:#ff9934; color:#fff; width:200px; font-size:18px; margin-top:20px; padding:10px 20px; text-decoration:none;}

.hm-service{width:100%; padding:0px;}
.hm-service .service-wrapper{background:url(../images/img-servies.jpg) no-repeat left top; background-size:cover; border-radius:50px 50px 0px 0px; padding:40px;}
.hm-service .service-wrapper .heading{font-family: 'Lora', serif; font-size:40px; font-weight:600; display:table; width:100%; text-align:center; color:#fff; margin-bottom:50px; position:relative; padding-bottom:10px;}
.hm-service .service-wrapper .heading:before{content:''; width:70px; height:2px; background:#ff9934; display:block; position:absolute; bottom: 0px; left: 50%; margin-left: -35px;}
.hm-service .service-wrapper .service-box{background:#fff; border-radius:10px; width:100%; height:100%; text-align:center; padding:40px 25px; display:table; color:#000; text-decoration:none;}
.hm-service .service-wrapper .service-box .icon{background:#564E48; width:100px; height:100px; margin: 0 auto; margin-bottom: 10px; border-radius: 100px; padding: 12px 10px;}
.hm-service .service-wrapper .service-box .text{font-size:20px; font-weight:400; line-height:25px; height:35px;}

.hm-service .service-wrapper .service-box:hover{background:#564E48}
.hm-service .service-wrapper .service-box:hover .icon{background:#fff;}
.hm-service .service-wrapper .service-box:hover .icon img{filter:invert(1)}
.hm-service .service-wrapper .service-box:hover .text{color:#fff;}

.hm-team{background:#e9e6e2; padding:50px 200px; width:100%; display:table;}
.hm-team .heading{font-family: 'Lora', serif; font-size:40px; font-weight:600; display:table; width:100%; text-align:center; color:#000; margin-bottom:30px; position:relative; padding-bottom:10px;}
.hm-team .heading:before{content:''; width:70px; height:2px; background:#ff9934; display:block; position:absolute; bottom: 0px; left: 50%; margin-left: -35px;}
.hm-team .team-box {background: #0c0f1a; border-radius: 15px; height: 300px; position:relative;}
.hm-team .team-box .photo{margin-top: -120px; margin-left: 0px; position:absolute;}
.hm-team .team-box .name{position: absolute; right: 0px; font-size: 23px; font-weight: 500; padding: 25px 20px; border-radius: 50px 0px 0px 50px; color: #fff; text-align: right; line-height: 22px;}
.hm-team .team-box .name span{display:table; font-weight:400; width:100%; font-size:17px}
.hm-team .team-box .social{position: absolute; right: 0px; padding: 10px 20px; bottom: 20px; background: #fff; border-radius: 15px 0px 0px 15px;}
.hm-team .team-box .social a{margin-right:10px;}
.hm-team .team-box .social a:last-child{margin-right:0px;}
.hm-team .team-box .social a img{filter:invert(1);}
.hm-team .col-md-6:last-child .team-box .photo{right:0; margin-right:0px;}
.hm-team .col-md-6:last-child .team-box .name{left:0px; text-align:left;}
.hm-team .col-md-6:last-child .team-box .social{left:0px; right:unset; text-align:left; border-radius: 0px 15px 15px 0px;}

.hm-testimonial{background:#fff; padding:50px; width:100%;}
.hm-testimonial .heading{font-family: 'Lora', serif; font-size:35px; display:table; width:100%; text-align:center; color:#000; margin-bottom:50px;}
.hm-testimonial .testimonial-box{width:100%; background:#fff; border:solid 1px #e9e6e2; border-radius:15px;}
.hm-testimonial .testimonial-box .comma{width:53px; height:53px; margin-left:20px; background:#ff9934; border-radius:7px; margin-top:20px; padding: 12px 8px;}
.hm-testimonial .testimonial-box .comma img{width:auto; height:auto;}
.hm-testimonial .testimonial-box .text{padding:10px 20px 20px 20px; font-size:17px; height:244px;}
.hm-testimonial .testimonial-box .photo-name{width:100%; background:#e9e6e2; padding:10px; display:table; border-radius:0px 0px 15px 15px;}
.hm-testimonial .testimonial-box .photo-name .photo{width:50px; height:50px; float:left; border-radius:50px; margin-right:15px;}
.hm-testimonial .testimonial-box .photo-name .photo img{border-radius:50px;}
.hm-testimonial .testimonial-box .photo-name .name{float:left; font-size:17px; font-weight:600; width:calc(100% - 65px); height:51px;}
.footer{background:#000; width:100%; padding:50px; color:#fff;}
.footer .head{width:100%; margin-bottom:15px; font-weight:600;}
.footer .f-about{margin-top:20px;}
.footer a{width:50%; display:table; color:#fff; padding:5px; float:left;}
.footer .social a{display:inline-block!important; width:auto;}
.footer .col-md-6{padding-left:100px;}

.copyright{background:#000; width:100%; padding:10px; color:#fff; border-top:solid 1px #fff; text-align:center;}

.inner-image-slider {width:100%; overflow:hidden; position:relative; padding:0px; background-size:cover;}
.inner-image-slider .video-wrapper{overflow:hidden; position:relative;}
.inner-image-slider .video-wrapper img{width:100%; height:auto; position:relative; display:block}
.inner-image-slider .video-wrapper .transparent{background:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; width:100%; height:100%;}
.inner-image-slider .video-wrapper .page-title{font-size:80px; position:absolute;top:50%; z-index:10; color:#fff; width:100%; display:table; text-transform:uppercase; font-weight:600; padding:10px 25px; margin-top: -25px;}

.about-text{max-width: 1200px; background: #f0f0f0; border-radius: 20px; margin: 50px auto; padding: 0px;}
.about-text .col-md-6:first-child{font-size:18px; font-weight:400; line-height:27px; padding:30px; text-align:justify}
.about-text .col-md-6{padding:0px;}
.about-text .col-md-6 img{width:100%; height:auto; padding:0px; border-radius:0px 20px 20px 0px;}
.about-text .col-md-6 span{font-size: 23px; display: table; font-weight: 600; margin-bottom: 13px;}
.about-text .col-md-12{padding:30px; font-size:18px; font-weight:400; line-height:27px; text-align:justify}
.about-text.second{margin-top:10px;}
.about-text.first{margin-bottom:10px;}

.our-team{background:#e9e6e2; padding:170px 200px 50px 200px; width:100%; display:table;}
.our-team .heading{font-family: 'Lora', serif; font-size:40px; font-weight:600; display:table; width:100%; text-align:center; color:#000; margin-bottom:150px; position:relative; padding-bottom:20px;}
.our-team .heading:before{content:''; width:70px; height:2px; background:#ff9934; display:block; position:absolute; bottom: 0px; left: 50%; margin-left: -50px;}
.our-team .team-box {background: #0c0f1a; border-radius: 15px; height: 300px; position:relative;}
.our-team .team-box .photo{margin-top: -120px; margin-left: 0px; position:absolute;}
.our-team .team-box .name{position: absolute; right: 0px; font-size: 23px; font-weight: 500; padding: 25px 20px; border-radius: 50px 0px 0px 50px; color: #fff; text-align: right; line-height: 22px;}
.our-team .team-box .name span{display:table; font-weight:400; width:100%; font-size:17px}
.our-team .team-box .social{position: absolute; right: 0px; padding: 10px 20px; bottom: 20px; background: #fff; border-radius: 15px 0px 0px 15px;}
.our-team .team-box .social a{margin-right:10px;}
.our-team .team-box .social a:last-child{margin-right:0px;}
.our-team .team-box .social a img{filter:invert(1);}
.our-team .col-md-6:last-child .team-box .photo{right:0; margin-right:0px;}
.our-team .col-md-6:last-child .team-box .name{left:0px; text-align:left;}
.our-team .col-md-6:last-child .team-box .social{left:0px; right:unset; text-align:left; border-radius: 0px 15px 15px 0px;}

.address{padding-left:30px; position:relative;}
.address:before{content:''; position:absolute; width:20px; height:20px; background:url(../images/icon-location.png) no-repeat left top; left: 5px; background-size: cover; top: 6px;}
.contact{padding-left:30px; position:relative;}
.contact:before{content:''; position:absolute; width:20px; height:20px; background:url(../images/icon-phone-2.png) no-repeat left top; left: 5px; background-size: cover; top: 6px;}
.email{padding-left:30px; position:relative;}
.email:before{content:''; position:absolute; width:20px; height:20px; background:url(../images/icon-email.png) no-repeat left top; left: 5px; background-size: cover; top: 6px;}
.about-text iframe{width:100%; height:100%}

.other-nav-wrapper{position:fixed; width:100%; height:100%; top:0px; background:#343a40; z-index:1000; padding:20px; margin-left:100%; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.display-nav{margin-left:0px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.other-nav-wrapper .close-button{width:100%; padding:10px; display:table;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.other-nav-wrapper .close-button a{float:right; color:#fff; font-size:17px; font-weight:600; text-decoration:none; padding:7px 15px;  transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.other-nav-wrapper .close-button a:hover{background:#000; border-radius:5px; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.other-nav-wrapper .top-nav{width:100%; padding:10px; display:table; color:#fff; font-size:30px; border-bottom:solid 1px #fff;}
.other-nav-wrapper .top-nav a{font-size:22px; color:#fff; margin-right:10px;text-decoration:none; padding:0px 20px;}
.other-nav-wrapper .second-nav{width:100%; padding:10px; display:table;}
.other-nav-wrapper .second-nav .nav-head{font-size:30px; color:#fff; line-height: 35px;}
.other-nav-wrapper .second-nav .sub-nav{margin-bottom:18px; margin-top:18px;}
.other-nav-wrapper .second-nav .sub-nav a{color:#fff; display:table;margin-bottom: 10px; text-decoration:none;}
.other-nav-wrapper .second-nav .sub-nav-2{margin-bottom:20px; margin-top:10px;}
.other-nav-wrapper .second-nav .sub-nav-2 a{color:#fff; width:100%; display:table; margin-bottom:20px; margin-top:10px;text-decoration:none;  float:left; width:50%;}
.other-nav-wrapper .contact-panel{width:100%; padding:10px; display:table; color:#fff; margin-top:20px;}
.other-nav-wrapper .nav-phone{padding-left:25px; margin:10px 0px; position:relative; color:#fff;}
.other-nav-wrapper .nav-phone:before{content:"\f098"; font-family:FontAwesome; font-size:15px; color:#fff; position:absolute; left:6px; top:0px;}
.other-nav-wrapper .nav-email{padding-left:25px; position:relative; color:#fff;}
.other-nav-wrapper .nav-email:before{content:"\f199"; font-family:FontAwesome; font-size:15px; color:#fff; position:absolute; left:6px; top:0px;}
.other-nav-wrapper .contact-panel .follow-us{font-weight:600; margin-bottom:20px;}
.other-nav-wrapper .nav-social {width:100%; margin-top:15px; padding-left:35px;}
.other-nav-wrapper .nav-social a{color:#fff; margin-right:15px; display:inline-block; font-size:20px;text-decoration:none;}

.inter-linking{position: fixed; right: 0px; bottom: 0px; padding: 3px; background: #ff9934; font-size: 18px; color: #fff!important; text-decoration: none; line-height: normal; display: table;}
.inter-linking span{display: table; padding: 7px 15px 7px 53px; position:relative; border:solid 1px #4d4e4b;}
.inter-linking span:before{content: ''; background: url(../images/icon-website.png) no-repeat center left; position: absolute; width: 34px; height: 24px; left: 10px; background-size: contain; top: 10px; border-right: solid 1px #fff;}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
.hm-about{padding: 75px 150px;}
.hm-team{padding: 50px 80px;}
.hm-service .service-wrapper .service-box .text{font-size:17px;}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
.image-slider .content{top:60%}
.hm-about{padding: 75px 100px; font-size: 18px;}
.hm-about span{font-size: 30px;}
.hm-service .service-wrapper .heading{font-size: 30px;}
.hm-team{padding: 50px 30px;}
.hm-team .heading{font-size: 30px;}
.footer{padding:30px;}
.hm-service .service-wrapper{padding: 40px 20px;}
.hm-service .service-wrapper .service-box .icon{width:80px; height:80px;}
.hm-service .service-wrapper .service-box .icon img{width:100%; height:auto;}
.hm-service .service-wrapper .service-box{padding:40px 10px;}
.hm-service .service-wrapper .service-box .text{font-size: 18px;}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
.navigation{display:none;}
.header .h-logo{width:65px;}
.header .h-logo img{width:100%; height:auto;}
.header .h-hamburger{padding: 29px 23px;}
.header .h-logo-nav{width: calc(100% - 146px);}
.header .h-logo-nav .text-logo{padding:25px;}
.image-slider .content{top:55%}
.hm-about{padding: 75px 90px; font-size: 18px;}
.hm-about span{font-size: 30px;}
.hm-service .service-wrapper .heading{font-size: 30px;}
.hm-team{padding: 50px 30px;}
.hm-team .heading{font-size: 30px;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
.navigation{display:none;}
.header .h-logo{width:65px;}
.header .h-logo img{width:100%; height:auto;}
.header .h-hamburger{padding: 29px 23px;}
.header .h-logo-nav{width: calc(100% - 146px);}
.header .h-logo-nav .text-logo{padding:25px;}
.image-slider .content{top:55%; width: 600px; margin-left: -300px;}
.hm-about{padding: 50px 30px; font-size: 16px;}
.hm-about span{font-size: 30px;}
.hm-service .service-wrapper{padding: 40px 20px;}
.hm-service .service-wrapper .heading{font-size: 30px;}
.hm-team{padding: 50px 30px;}
.hm-team .heading{font-size: 30px; margin-bottom: 30px;}
.image-slider .content .text{font-size: 45px;}
.image-slider .content .text-2{font-size: 20px;}
.hm-team .team-box .photo{margin-top: -7px; margin-left: -20px; position: absolute; width: 220px;}
.hm-team .team-box .photo img{width:100%; height:auto;}
.hm-team .col-md-6:last-child .team-box .photo{margin-right: -20px;}
.hm-team .team-box .name{font-size:20px;}
.footer{padding:20px 0px;}
.footer .f-logo img{width:100%; height:auto;}
.footer .col-md-6 {padding-left: 20px;}
.footer .head{font-size: 13px;}
.footer a{font-size: 13px;}
.footer .social a{width:30px;}
.footer .social a img{width:100%; height:auto;}
.other-nav-wrapper{padding:20px 10px}
.other-nav-wrapper .second-nav .sub-nav-2{width:100%; display:table;}
.other-nav-wrapper .second-nav{padding:10px 0px;}
.other-nav-wrapper .second-nav .sub-nav-2 a{width:100%; margin:0px; padding:5px 0px;}
.other-nav-wrapper .nav-social{padding-left:5px;}
.about-text .col-md-6:first-child{padding: 10px;}
.about-text .col-md-12{padding: 10px;}
.about-text .col-md-6 span{font-size: 19px;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
.navigation{display:none;}
.header .h-logo{width:56px;}
.header .h-logo img{width:100%; height:auto;}
.header .h-hamburger{padding: 23px 12px;}
.header .h-logo-nav{width: calc(100% - 115px);}
.header .h-logo-nav .text-logo{padding:19px 10px;}
.header .h-logo-nav .text-logo img{width:auto; height:auto;}
.image-slider .content{top: 70%; width: 470px; margin-left: -235px;}
.hm-about{padding: 30px 10px; font-size: 15px;}
.hm-about span{font-size: 25px; margin-bottom: 15px;}
.hm-service .service-wrapper{padding: 40px 20px;}
.hm-service .service-wrapper .heading{font-size: 30px;}
.hm-team{padding: 30px 10px;}
.hm-team .team-box{margin-bottom: 25px;}
.hm-team .heading{font-size: 25px; margin-bottom: 40px;}
.image-slider .content .text{font-size: 40px; line-height: 45px;}
.image-slider .content .text-2{font-size: 19px; padding: 0px;}
.hm-team .team-box .photo{margin-top: -7px; margin-left: -20px; position: absolute; width: 220px;}
.hm-team .team-box .photo img{width:100%; height:auto;}
.hm-team .col-md-6:last-child .team-box .photo{margin-right: -20px;}
.hm-team .team-box .name{font-size:20px;}
.footer{padding:20px 0px;}
.footer .f-logo{padding: 0px 15px; text-align:center}
.footer .f-logo img{width:auto; height:auto;}
.footer .col-md-6 {padding-left: 20px;}
.footer .head{margin-top:20px;}
.image-slider .video-wrapper{height:350px;}
.image-slider .video-wrapper video{width:180%;}
.footer a{width:33%;}
.inner-image-slider .video-wrapper .page-title{font-size: 40px;}
.inner-image-slider .video-wrapper img{width:150%;}
.about-text{margin:0px; border-radius:0px;}
.about-text .col-md-6 img{border-radius:0px;}
.about-text .col-md-12{padding:15px; font-size: 17px;}
.about-text .col-md-6:first-child{padding:15px; font-size: 17px;}
.other-nav-wrapper{padding:10px;}
.other-nav-wrapper .top-nav{padding:0px;}
.other-nav-wrapper .top-nav a{font-size: 19px; padding: 0px 10px;}
.other-nav-wrapper .second-nav{padding:10px 0px;}
.other-nav-wrapper .second-nav .sub-nav-2 a:nth-child(odd){width:55%; margin-bottom:10px;}
.other-nav-wrapper .second-nav .sub-nav-2 a:nth-child(even){width:45%; margin-bottom:10px;}
.other-nav-wrapper .close-button{padding:0px 10px}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
.navigation{display:none;}
.header .h-logo{width:45px;}
.header .h-logo img{width:100%; height:auto;}
.header .h-hamburger{padding: 15px 12px;}
.header .h-logo-nav{width: calc(100% - 104px);}
.header .h-logo-nav .text-logo{padding:19px 10px;}
.header .h-logo-nav .text-logo img{width:100%; height:auto;}
.image-slider .content{top: 62%; width: 300px; margin-left: -150px;}
.hm-about{padding: 30px 10px; font-size: 15px;}
.hm-about span{font-size: 25px;}
.hm-service .service-wrapper{padding: 40px 20px;}
.hm-service .service-wrapper .heading{font-size: 30px;}
.hm-team{padding: 30px 10px;}
.hm-team .team-box{margin-bottom: 25px;}
.hm-team .heading{font-size: 25px; margin-bottom: 60px;}
.image-slider .content .text{font-size: 35px; line-height: 35px;}
.image-slider .content .text-2{font-size: 19px; padding: 0px; line-height:25px; margin-top:10px;}
.hm-team .team-box .photo{margin-top: -7px; margin-left: -20px; position: absolute; width: 220px;}
.hm-team .team-box .photo img{width:100%; height:auto;}
.hm-team .col-md-6:last-child .team-box .photo{margin-right: -20px;}
.hm-team .team-box .name{font-size:20px;}
.footer{padding:20px 0px;}
.footer .f-logo{padding: 0px 15px;}
.footer .f-logo img{width:100%; height:auto;}
.footer .col-md-6 {padding-left: 20px;}
.footer .head{margin-top:20px;}
.image-slider .video-wrapper{height:350px;}
.image-slider .video-wrapper video{width:180%;}
.other-nav-wrapper{padding:10px;}
.other-nav-wrapper .top-nav{padding:10px 0px;}
.other-nav-wrapper .top-nav a{font-size: 17px; padding: 0px 10px;}
.other-nav-wrapper .second-nav{padding:10px 0px;}
.other-nav-wrapper .second-nav .row{margin-top:0px!important;}
.other-nav-wrapper .second-nav .sub-nav-2 a{width:100%!important; margin:0px; padding:5px 0px;}
.textwidget{margin-top:15px;}
.other-nav-wrapper .close-button{padding:0px;}
.other-nav-wrapper .close-button a{padding:2px 15px;}
.other-nav-wrapper .nav-social{padding-left:5px;}
.inner-image-slider .video-wrapper .page-title{font-size: 40px;}
.inner-image-slider .video-wrapper img{width:200%;}
.about-text{margin:0px auto; border-radius:0px}
.about-text .col-md-12{padding: 10px; line-height: 30px;}
.about-text .col-md-6:first-child{padding: 10px; line-height: 30px;}
.about-text .col-md-6 img{border-radius:0px}
.our-team{padding:15px 0px;}
.our-team .team-box{margin-top:90px; height: 246px;}
.our-team .team-box .photo {margin-top: -60px; margin-left: -13px; position: absolute; width: 65%;}
.our-team .team-box .photo img{width:100%; height:auto;}
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
    }

}