/*---------===== Icons with Text =====--------- */ .icon-text.layout-1 { } img{ width: 100%; } .clearfix::after { content: ""; clear: both; display: table; } .advc_fb{ background: #007ACC; color:#fff; border-color:#fff; } .advc_fb:hover{ background: #fff; color:#007ACC; border-color:#007ACC; } .box-hover-5:hover .box-title_advc,.box-hover-6:hover .box-title_advc,.box-hover-7:hover .box-title_advc,.box-hover-8:hover .box-title_advc,.box-hover-9:hover .box-title_advc,.box-hover-10:hover .box-title_advc,.box-hover-10:hover .box-title_advc,.box-hover-11:hover .box-title_advc,.box-hover-12:hover .box-title_advc,.box-hover-13:hover .box-title_advc,.box-hover-14:hover .box-title_advc,.box-hover-15:hover .box-title_advc,.box-hover-16:hover .box-title_advc,.box-hover-17:hover .box-title_advc{ color:#fff; } .box-hover-5:hover .box-desc,.box-hover-6:hover .box-desc,.box-hover-7:hover .box-desc,.box-hover-8:hover .box-desc,.box-hover-9:hover .box-desc,.box-hover-10:hover .box-desc,.box-hover-10:hover .box-desc,.box-hover-11:hover .box-desc,.box-hover-12:hover .box-desc,.box-hover-13:hover .box-desc,.box-hover-14:hover .box-desc,.box-hover-15:hover .box-desc,.box-hover-16:hover .box-desc,.box-hover-17:hover .box-desc{ color:#fff; } .uppercase { text-transform: uppercase; } .text-white { color: #fff; } .font-weight_08 { font-weight: 800; } .tpadding-11 { padding-top: 110px; } .rpadding-01 { padding-right: 10px ; } .advc_box_brdr{ border:1px solid #ededed; padding:10px; } .advc_info_v1 .icon-text-advc.layout-1 { text-align: center; } .advc_info_v1 .icon-text-advc.layout-1 .icon { width: 50px; margin: auto; } .advc_info_v1 .icon-text-advc.layout-1 h3 { font-size: 18px; margin-top: 10px; } .advc_info_v1 .icon-text-advc.layout-1 h3 .link { color: #000; } .advc_info_v1 .icon-text-advc.layout-1 .dis { font-size: 14px; color: #848484; text-align:center; font-family: "Poppins"; } .advc_info_v1 .icon-text-advc.layout-2 { margin-left: 100px; } .advc_info_v1 .icon-text-advc.layout-2 .icon { background-color: #0485e1; padding: 20px; border-radius: 70px; display: inline-block; float: left; margin-left: -100px; } .advc_info_v1 .icon-text-advc.layout-2 .icon img { width: 28px; height: auto; } .advc_info_v1 .icon-text-advc.layout-2 h3 { font-size: 18px; padding-top: 10px; margin-bottom: 0px; } .advc_info_v1 .icon-text-advc.layout-2 h3 .link { color: #000; } .advc_info_v1 .icon-text-advc.layout-2 .dis { font-size: 14px; color: #848484; } .advc_info_v1 .icon-text-advc.layout-3 { text-align: center; } .advc_info_v1 .icon-text-advc.layout-3 .icon { background-color: #0485e1; padding: 15px; border-radius: 50%; display: inline-block; } .advc_info_v1 .icon-text-advc.layout-3 h3 { font-size: 18px; margin-top: 10px; } .advc_info_v1 .icon-text-advc.layout-3 h3 .link { color: #000; } .advc_info_v1 .icon-text-advc.layout-3 .dis { font-size: 14px; color: #848484; } .advc_info_v1 .icon-text-advc.layout-4 { text-align: center; } .advc_info_v1 .icon-text-advc.layout-4 .icon img { border-radius: 50%; } .advc_info_v1 .icon-text-advc.layout-4 h3 { font-size: 18px; margin-top: 10px; } .advc_info_v1 .icon-text-advc.layout-4 h3 .link { color: #000; } .advc_info_v1 .icon-text-advc.layout-4 .dis { font-size: 14px; color: #848484; } .advc_info_v1 .icon-text-advc.layout-5 { margin-left: 100px; } .advc_info_v1 .icon-text-advc.layout-5 .icon { margin-left: -100px; width: 70px; height: 70px; text-align: center; padding: 20px 0px; background-color: #0485e1; border-radius: 5px; float: left; text-align: center; } .advc_info_v1 .icon-text-advc.layout-5 .icon img { width: 30px; } .advc_info_v1 .icon-text-advc.layout-5 h4 a { padding-top: 10px; font-size: 18px; color: #000; display: block; } .advc_info_v1 .icon-text-advc.layout-5 .text { color: #828282; font-size: 13px; } .advc_info_v1 .icon-text-advc.layout-1 img { width:100% } .icon-text-advc.layout-1 h3 { text-decoration:none; color:#1b1b1b; text-align:center; } .advc_info_v1 .icon-text-advc.layout-1 a { text-decoration:none; } /*---------===== Img with Text =====--------- */ .advc_info_v2.firo-img-text.layout-1 { text-align: center; } .advc_info_v2.firo-img-text.layout-1 .img img { border-radius: 20px; } .advc_info_v2.firo-img-text.layout-1 h4 { margin: 30px auto 20px auto; font-size: 18px; font-weight: 600; color: #000; } .advc_info_v2.firo-img-text.layout-1 .text { color: #848484; } .advc_info_v2.firo-img-text.layout-2 { text-align: center; border-radius: 10px; overflow: hidden; } .advc_info_v2.firo-img-text.layout-2 h4 { padding: 20px 0px 20px 0px; margin: 0; font-size: 18px; font-weight: 600; color: #fff; } .advc_info_v2.firo-img-text.layout-3 { margin-left: 130px; margin-bottom: 30px; clear: both; } .advc_info_v2.firo-img-text.layout-3 .img-in { margin-left: -130px; float: left; } .advc_info_v2.firo-img-text.layout-3 img{ border-top-left-radius:22px!important; height:100px; width:110px; } .advc_info_v2.firo-img-text.layout-3 .content { padding-top: 25px; } .advc_info_v2.firo-img-text.layout-3 .content p { color: #717171; } .advc_info_v2.firo-img-text.layout-4 { background-color: #fff; text-align: center; padding: 30px; border-radius: 20px; margin-top: 50px; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1); } .advc_info_v2.firo-img-text.layout-4 img { margin-top: -120px; } .advc_info_v2.firo-img-text.layout-4 h4 { padding: 20px 0px 20px 0px; margin: 0; font-size: 23px; font-weight: 600; color: #50627a; } .advc_info_v2.firo-img-text.layout-4 .text { padding-bottom: 25px; color: #717171; } .advc_info_v2.firo-img-text.layout-4 .firo-bottom { font-size: 14px; font-weight: 600; } a.firo-bottom { background-color: #0485e1; color: #fff; border-radius: 35px; display: inline-block; } a.firo-bottom:hover { background-color: #999; color: #fff; } a.firo-bottom.sm { padding: 6px 30px 6px 30px; } .advc_info_v2.firo-img-text.layout-5 { text-align: center; background-color: #f5f5f5; } .advc_info_v2.firo-img-text.layout-5.dark { background-color: #161614; } .advc_info_v2.firo-img-text.layout-5.dark .info h4 { color: #dedada; } .advc_info_v2.firo-img-text.layout-5.dark .info h4 a { color: #dedada; } .advc_info_v2.firo-img-text.layout-5.dark .info .text { color: #848484; } .advc_info_v2.firo-img-text.layout-5 .info { padding: 30px; } .advc_info_v2.firo-img-text.layout-5 .info h4 { font-size: 18px; margin-bottom: 25px; } .advc_info_v2.firo-img-text.layout-6 { padding: 12px; border-radius: 150px; margin-bottom: 45px; border: 1px solid #e7e7e7; background: white; background: -moz-linear-gradient(top, white 0%, #f6f6f6 100%); background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%); background: linear-gradient(to bottom, white 0%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); } .advc_info_v2.firo-img-text.layout-6 .img img { border-radius: 50%; } .advc_info_v2.firo-img-text.layout-6 .info { margin-top: 15px; } .advc_info_v2.firo-img-text.layout-6 .info h4 { font-size: 18px; } .advc_info_v2.firo-img-text.layout-6 .info .text { color: #717171; } .advc_info_v2.firo-img-text.layout-6.left { text-align: left; } .advc_info_v2.firo-img-text.layout-6.left .img { float: left; margin-right: 30px; } .advc_info_v2.firo-img-text.layout-6.right { text-align: right; } .advc_info_v2.firo-img-text.layout-6.right .img { float: right; margin-left: 30px; } /*team layout 2 */ .advc_team_v1.team.layout-2 { text-align: center; } .advc_team_v1.team.layout-2 .img-out { position: relative; overflow: hidden; border-radius: 10px; background-color: #000; display: inline-block; } .advc_team_v1.team.layout-2 .img-out img { border-radius: 10px; transition: .5s ease; } .advc_team_v1.team.layout-2 .img-out .social-media { background-color: #0485e1; position: absolute; bottom: -30px; margin: auto; left: 0; right: 0; width: 150px; padding: 0; text-align: center; border-radius: 5px; transition: .5s ease; } .advc_team_v1.team.layout-2 .img-out .social-media li { display: inline-block; } .advc_team_v1.team.layout-2 .img-out .social-media li a { color: #fff; margin: auto 8px; } .advc_team_v1.team.layout-2:hover .img-out .social-media { bottom: 20px; } .advc_team_v1.team.layout-2:hover .img-out img { opacity: .5; } .advc_team_v1.team.layout-2 h2.name { margin: 15px auto 0px auto; font-size: 16px; color: #214158; } .advc_team_v1.team.layout-2 .dis { font-size: 12px; color: #525252; } /* ============================================================== # Our services =================================================================== */ .advc_serv_v1.our-services .item { -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06); -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ffffff; } .advc_serv_v1.our-services .item .info { padding: 50px 30px; } .advc_serv_v1.our-services .services-items .owl-stage-outer { margin: 0 -15px; padding: 15px; } .advc_serv_v1.our-services .item .icon i { background: #fd0060 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 50px; height: 100px; line-height: 100px; text-align: center; width: 100%; } .advc_serv_v1.our-services .item h4 { font-weight: 600; text-transform: capitalize; } .advc_serv_v1.our-services .item a { color: #fd0060; display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; } .advc_serv_v1.our-services .item a:hover { color: #232323; } /*============ Feature boxes ============ */ /* feature-box01 ------------------------------ */ .advc_serv_v2.feature-box01 { width: 100%; text-align:center; padding:25px 25px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; } .advc_serv_v2.feature-box01 i{ color:#1abc9c; transition: all 0.5s ease 0s; } .advc_serv_v2.feature-box01 .iconbox { width: 135px; height: 135px; line-height: 138px; font-size: 36px; color: #323335; font-weight:900; text-align:center; padding: 0px; border:solid #fff 4px; margin: 0 auto; transition: all 0.5s ease; } .advc_serv_v2.feature-box01 .iconbox:hover{ border-color:#1ABC9C; } .advc_serv_v2.feature-box01 :hover.iconbox { border-radius:100%; border-style:solid; border-width: 4px; } .advc_serv_v2.feature-box01 .iconbox.active { border-radius:100%; border-style:solid; border-width:4px; border-color:#1ABC9C; } /* feature-box02 ------------------------------ */ .advc_serv_v2.feature-box02 { width: 100%; padding:10px 10px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; } .advc_serv_v2.feature-box02 .icon { font-size: 32px; transition: all 0.3s ease-out 0s; } .advc_serv_v2 .box-shadow-1 { -moz- -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); } .advc_serv_v2 .box-shadow-2 { -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16); box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16); } .advc_serv_v2.feature-box01 .icon i,.feature-box02 .icon i{ color:#1abc9c; } .advc_serv_v2.feature-box01:hover .feature-box01-icon,.feature-box02:hover .feature-box02-icon { color: #05C1FF; } /*============ Feature boxes ============ */ /*============ image hover zoom============ */ .advc_team_v2.imghoverzoom { position:relative; height:300px; } .advc_team_v2.imghoverzoom img{ height: 100%; } .advc_team_v2.imghoverzoom .textbox { width: 100%; height: 100%; position:absolute; top:0; left:0; -webkit-transform: scale(0.75); transform: scale(0.75); background-color: rgba(29,32,37,0.9); opacity: 0; } .advc_team_v2.imghoverzoom:hover .textbox { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .advc_team_v2.imghoverzoom .textbox { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .advc_team_v2.imghboxtext { position:relative; } .advc_team_v2.imghboxtext .textbox { width: 0%; height: 70%; padding-left: 8%; position:absolute; top: 100px; left: 90px; background-color: rgba(29,32,37,0.9); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .advc_team_v2.imghboxtext:hover .textbox { width: 50%; opacity: 1; } .advc_team_v2.imghboxtext a.go { position: absolute; left: 0; top: 332px; color: #fff; padding: 10px; } .advc_team_v2.imghboxtext a.go:hover { left: 5px; } .advc_team_v2.imghoverzoom i.imghoverzoom-icon{ color:#1abc9c; } .advc_team_v2.imghoverzoom .imghoverzoom-icon:hover{ color: #05C1FF; } /*** ==================================================================== Servic1e Section ==================================================================== ***/ .advc_serv_v3.services-section{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0 0; } .advc_serv_v3.services-section:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #2154cf; opacity: .90; content: ""; } .advc_serv_v3.services-section:after{ position: absolute; left: 0; bottom: 0; height: 190px; width: 100%; background-color: #ffffff; content: ""; } .advc_serv_v3.services-carousel{ position: relative; } .advc_serv_v3.service-block .inner-box{ position: relative; display: block; } .advc_serv_v3.service-block .image-box{ position: relative; } .advc_serv_v3.service-block .image-box figure{ position: relative; margin: 0; } .advc_serv_v3.service-block .image-box img{ width: 100%; height: auto; display: block; } .advc_serv_v3.service-block .image-box .overlay-box{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; padding: 70px 55px; } .advc_serv_v3.service-block .image-box .overlay-box .text{ position: relative; font-size: 15px; line-height: 30px; color: #ffffff; font-weight: 400; z-index: 1; margin-bottom: 50px; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .advc_serv_v3.service-block .inner-box:hover .image-box .overlay-box .text{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .advc_serv_v3.service-block .image-box .overlay-box .link-box{ position: relative; display: block; z-index: 1; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .advc_serv_v3.service-block .image-box .overlay-box .link-box a{ font-size: 15px; line-height: 30px; color: #ffffff; font-weight: 500; font-family: "Raleway", sans-serif; } .advc_serv_v3.service-block .image-box .overlay-box .link-box a:hover{ text-decoration: underline; } .advc_serv_v3.service-block .inner-box:hover .image-box .overlay-box .link-box{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .advc_serv_v3.service-block .image-box .overlay-box:before{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #222222 padding-box content-box; padding: 10px; content: ""; visibility: hidden; opacity: 0; -webkit-transform: scale(0.5) rotateX(180deg); -moz-transform: scale(0.5) rotateX(180deg); -ms-transform: scale(0.5) rotateX(180deg); -o-transform: scale(0.5) rotateX(180deg); transform: scale(0.5) rotateX(180deg); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .advc_serv_v3.service-block .inner-box:hover .overlay-box:before{ opacity: .90; -webkit-transform: scale(1) rotateX(0deg); -moz-transform: scale(1) rotateX(0deg); -ms-transform: scale(1) rotateX(0deg); -o-transform: scale(1) rotateX(0deg); transform: scale(1) rotateX(0deg); visibility: visible; } .advc_serv_v3.service-block .caption-box{ position: relative; padding: 9px 0; border: 1px solid #dddddd; } .advc_serv_v3.service-block .caption-box .caption{ position: relative; min-height: 45px; padding-left: 85px; } .advc_serv_v3.service-block .caption-box .caption .icon{ position: absolute; left: 0; top: 0px; height: 50px; width: 85px; text-align: center; line-height: 50px; font-size: 34px; color: #2154cf; } .advc_serv_v3.service-block .caption-box .caption:hover .icon{ color: #222222; } .advc_serv_v3.service-block .caption-box .caption h3{ position: relative; font-size: 18px; line-height: 30px; color: #222222; font-weight: 700; padding: 10px 0; text-transform: uppercase; } .advc_serv_v3.service-block .caption-box .caption h3 a{ color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } /*** ==================================================================== image-box ==================================================================== ***/ .advc_serv_v4.case-block{ position: relative; margin-bottom: 30px; } .advc_serv_v4.case-block.mix{ display: none; } .advc_serv_v4.case-block .image-box{position: relative; overflow: hidden; } .advc_serv_v4.case-block .image{ position: relative; } .advc_serv_v4.case-block .image a{ display: block; } .advc_serv_v4.case-block .image img{ display: block; width: 100%; height: auto; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .advc_serv_v4.case-block .image-box:hover .image img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .advc_serv_v4.case-block .caption-box{ position: absolute; left: 0; bottom: 30%; padding: 15px 40px; min-width: 300px; background-color: rgba(34,34,34,.80); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin:left; -moz-transform-origin:left; -ms-transform-origin:left; -o-transform-origin:left; transform-origin:left; opacity: 0; } @media only screen and (max-width: 600px) { .advc_serv_v4.case-block .caption-box{ min-width: 220px;} } .advc_serv_v4.case-block .image-box:hover .caption-box{ opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .advc_serv_v4.case-block .caption-box h5{ position: relative; font-size: 16px; line-height: 25px; color: #ffffff; font-weight: 700; margin-bottom: 2px; } .advc_serv_v4.case-block .caption-box h5 a{ color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .advc_serv_v4.case-block .caption-box h5 a:hover{ /* color: #2154cf;*/ } .advc_serv_v4.case-block .caption-box .info{ position: relative; padding-left:0px; } .advc_serv_v4.case-block .caption-box .info p{ position: relative; display: inline-block; font-size: 13px; line-height: 20px; color: #f1f1f1; font-weight: 400; padding-right: 8px; margin-right: 7px; width:100% } .advc_serv_v4.case-block .caption-box .info li{ position: relative; display: inline-block; font-size: 12px; line-height: 20px; color: #f1f1f1; font-weight: 400; padding-right: 8px; margin-right: 7px; } .advc_serv_v4.case-block .caption-box .info li:before{ position: absolute; right: -1px; top: 4px; height: 12px; width: 1px; background-color: #f1f1f1; content: ""; } .advc_serv_v4.case-block .caption-box .info li:last-child:before{ display: none; } .advc_serv_v4.case-block .caption-box .icon-box{ position: absolute; right: 32px; top: 22px; } .advc_serv_v4.case-block .caption-box .icon-box a{ display: inline-block; font-size: 16px; line-height: 20px; height: 22px; width: 22px; border: 2px solid #ffffff; color: #ffffff; text-align: center; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .advc_serv_v4.case-block .caption-box .icon-box a:hover{ color: #2154cf; border-color: #2154cf; } .advc_serv_v4.cases-section .btn-box{ position: relative; text-align: center; margin-top: 50px; } .advc_serv_v4.cases-section .btn-box a{ padding: 15px 50px; } /*** ==================================================================== Servic1e Section Two ==================================================================== ***/ .advc_serv_v5.service-block-two{ position: relative; margin-bottom: 30px; } .advc_serv_v5.service-block-two .inner-box{ position: relative; background-color: #ffffff; overflow: hidden; padding: 40px 50px 35px; border:2px dotted transparent; border-radius: 20px 0 20px 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.20); -o-box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow:0px 8px 10px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.20); } .advc_serv_v5.service-block-two .inner-box:hover{ border-width:2px ; border-color: #000000; border-style:dotted solid double dashed; } .advc_serv_v5.service-block-two .icon-box{ position: relative; display: block; font-size: 60px; line-height: 1em; color: #2154cf; margin-bottom: 30px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .advc_serv_v5.service-block-two .inner-box:hover .icon-box{ color: #222222; } .advc_serv_v5.service-block-two h3{ position: relative; display: block; font-size: 18px; line-height: 28px; color: #222222; font-weight: 700; margin-bottom: 20px; } .advc_serv_v5.service-block-two h3 a{ display: inline-block; color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .advc_serv_v5.service-block-two .inner-box:hover h3 a{ color: #2154cf; } .advc_serv_v5.service-block-two .text{ font-size: 15px; line-height: 24px; color: #777777; } /* $$$$$$$$$$$$$$$$$$$$$ */ /* $$$$$$$$$$$$$$$$$$$$$ */ /* $$$$$$$$$$$$$$$$$$$$$ */ /* $$$$$$$$$$$$$$$$$$$$$ */ /* --------------------------- DEFAULT BOX ADDON STYLE ----------------------------- */ .advc_info_3 .box-img-icon i { background: #FF7467 none repeat scroll 0 0; border-radius: 50px; font-size: 38px; padding: 15px; color:#fff; } .advc_info_3.text-icon-box { position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1; overflow: hidden; padding:20px; } .advc_info_3 .box-icon i{ font-size: 36px; line-height: 1; margin-bottom: 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /*.box-img-icon { display: inline-block; margin-bottom: 20px; width: 120px; }*/ .advc_info_3 .box-img-icon { display: inline-block; margin-bottom: 20px; } .advc_info_3 .box-title_advc { font-size: 20px; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; } .advc_info_3 .box-subtitle { font-size: 16px; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; } .advc_info_3 .box-button { border: 1px solid; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; margin-top: 20px; min-width: 130px; padding: 8px 25px; text-align: center; text-transform: uppercase; } /* ---------------------------- BOX DEFAULT STYLE ------------------------------- */ .advc_info_3 .box-default-style { padding-left: 80px; position: relative; } .advc_info_3 .box-default-style .box-img-icon, .advc_info_3 .box-default-style .box-icon { font-size: 50px; left: 0; top: 0; position: absolute; width: 80px; } .advc_info_3 .box-default-style .box-img-icon img { width: 64px; } .advc_info_3 .box-default-style .box-icon { background: -webkit-gradient(linear, left top, right top, from(#21c2f8), to(#00deff)); background: linear-gradient(to right, #21c2f8, #00deff); -ms-background: transparent; color: transparent; -webkit-text-fill-color: transparent; background-clip: text !important; -webkit-background-clip: text !important; display: inline-block; font-size: 50px; height: 70px; width: 70px; } .advc_info_3 .box-default-style .box-title_advc { font-size: 22px; } .advc_info_3 .box-default-style .box-subtitle { font-size: 18px; letter-spacing: 0.5px; } .advc_info_3 .box-default-style .box-button { border: 1px solid; display: inline-block; margin-top: 20px; padding: 8px 30px; } .advc_info_3 .box-default-hover:hover { -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* --------------------------- BOX HOVER STYLE ------------------------------ */ .advc_info_3.box-hover-1::before, .advc_info_3.box-hover-2::before, .advc_info_3.box-hover-3::before, .advc_info_3.box-hover-4::before, .advc_info_3.box-hover-5::before, .advc_info_3.box-hover-6::before, .advc_info_3.box-hover-7::before, .advc_info_3.box-hover-8::before { background: #FF7467 none repeat scroll 0 0; bottom: 0; content: ""; height: 3px; left: 0; opacity: 0; position: absolute; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: -1; } .advc_info_3.box-hover-6::before, .advc_info_3.box-hover-7::before { opacity: 1; } .advc_info_3.box-hover-2::before { bottom: auto; top: 0; } .advc_info_3.box-hover-3::before { height: 100%; width: 3px; } .advc_info_3.box-hover-4::before { height: 100%; left: auto; right: 0; width: 3px; } .advc_info_3.box-hover-5::before, .advc_info_3.box-hover-6::before, .advc_info_3.box-hover-7::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 3px solid; height: 100%; width: 100%; } .advc_info_3.box-hover-6::before, .advc_info_3.box-hover-7::before { border-left: 3px solid; border-right: 3px solid; border-top: 0; -webkit-transform-origin: top center; transform-origin: top center; border-bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } /*-------------------------- BOX HOVER ----------------------------*/ .advc_info_3.box-hover-1:hover, .advc_info_3.box-hover-2:hover, .advc_info_3.box-hover-3:hover, .advc_info_3.box-hover-4:hover, .advc_info_3.box-hover-5:hover, .advc_info_3.box-hover-6:hover, .advc_info_3.box-hover-7:hover { -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .advc_info_3.box-hover-6::after, .advc_info_3.box-hover-7::after { border-bottom: 3px solid; border-top: 3px solid; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center 0; transform-origin: left center 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; } .advc_info_3.box-hover-7::before, .advc_info_3.box-hover-7::after { -webkit-transform-origin: center center 0; transform-origin: center center 0; } .advc_info_3.box-hover-1:hover:before, .advc_info_3.box-hover-2:hover:before, .advc_info_3.box-hover-3:hover:before, .advc_info_3.box-hover-4:hover:before, .advc_info_3.box-hover-5:hover::before, .advc_info_3.box-hover-6:hover::before, .advc_info_3.box-hover-6:hover::after, .advc_info_3.box-hover-7:hover::before, .advc_info_3.box-hover-7:hover::after { opacity: .7; } /* ----------------- BOX HOVER 6 -------------------- */ .advc_info_3.box-hover-6:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .advc_info_3.advc_info_3.box-hover-6:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } /* --------------- BOX HOVER 7 ------------------ */ .advc_info_3.advc_info_3.box-hover-7:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .advc_info_3.advc_info_3.box-hover-7:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } /* --------------- BOX HOVER 8 ------------------- */ .advc_info_3.box-hover-8::before { opacity: .7; } .advc_info_3.box-hover-8:hover, .advc_info_3.box-hover-8:hover a { color: #fff; } .advc_info_3.box-hover-8:hover::before { height: 100%; } /* ------------------ BOX HOVER 9 -------------------- */ .advc_info_3.box-hover-9:hover, .advc_info_3.box-hover-9:hover a { color: #ffffff; } .advc_info_3.box-hover-9::before { background: #FF7467 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 50px; left: calc(50% - 25px); position: absolute; top: calc(50% - 25px); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 50px; z-index: -1; } .advc_info_3.box-hover-9:hover:before { -webkit-transform: scale(20); transform: scale(20); } /* -------------------------- BOX HOVER 10 TO 17 ---------------------------- */ .advc_info_3.box-hover-10::before, .advc_info_3.box-hover-11::before, .advc_info_3.box-hover-12::before, .advc_info_3.box-hover-13::before, .advc_info_3.box-hover-14::before, .advc_info_3.box-hover-15::before, .advc_info_3.box-hover-16::before, .advc_info_3.box-hover-17::before { background: #FF7467 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 50px; left: 0; position: absolute; top: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center 0; transform-origin: center center 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 50px; z-index: -1; } .advc_info_3.box-hover-11::before { bottom: 0; top: auto; } .advc_info_3.box-hover-12::before { left: auto; right: 0; } .advc_info_3.box-hover-13::before { bottom: 0; left: auto; right: 0; top: auto; } .advc_info_3.box-hover-14::before { left: 50%; margin-left: -25px; } .advc_info_3.box-hover-15::before { bottom: 0; left: 50%; margin-left: -25px; top: auto; } .advc_info_3.box-hover-16::before { left: 0; margin-top: -25px; top: 50%; } .advc_info_3.box-hover-17::before { left: auto; margin-top: -25px; right: 0; top: 50%; } .advc_info_3.box-hover-10:hover::before, .advc_info_3.box-hover-11:hover::before, .advc_info_3.box-hover-12:hover::before, .advc_info_3.box-hover-13:hover::before, .advc_info_3.box-hover-14:hover::before, .advc_info_3.box-hover-15:hover::before, .advc_info_3.box-hover-16:hover::before, .advc_info_3.box-hover-17:hover::before { -webkit-transform: scale(20); transform: scale(20); } .advc_info_3.box-hover-10:hover, .advc_info_3.box-hover-10:hover a, .advc_info_3.box-hover-11:hover, .advc_info_3.box-hover-11:hover a, .advc_info_3.box-hover-12:hover, .advc_info_3.box-hover-12:hover a, .advc_info_3.box-hover-13:hover, .advc_info_3.box-hover-13:hover a, .advc_info_3.box-hover-14:hover, .advc_info_3.box-hover-14:hover a, .advc_info_3.box-hover-15:hover, .advc_info_3.box-hover-15:hover a, .advc_info_3.box-hover-16:hover, .advc_info_3.box-hover-16:hover a, .advc_info_3.box-hover-17:hover, .advc_info_3.box-hover-17:hover a { color: #ffffff; } /* ---------------------- HOVER 18 & 19 ----------------------- */ .advc_info_3.box-hover-18:hover, .advc_info_3.box-hover-19:hover, .advc_info_3.box-hover-20:hover, .advc_info_3.box-hover-21:hover, .advc_info_3.box-hover-18.active, .advc_info_3.box-hover-19.active, .advc_info_3.box-hover-20.active, .advc_info_3.box-hover-21.active { -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .advc_info_3.box-hover-18::before, .advc_info_3.box-hover-19::before, .advc_info_3.box-hover-20::before, .advc_info_3.box-hover-20::after, .advc_info_3.box-hover-21::before, .advc_info_3.box-hover-21::after { content: ""; height: 0; position: absolute; width: 0; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .advc_info_3.box-hover-18::before, .advc_info_3.box-hover-20::before { border-top: 15px solid #FF7467; border-left: 15px solid #FF7467; border-bottom: 15px solid transparent; border-right: 15px solid transparent; left: 0; top: 0; } .advc_info_3.box-hover-19::before, .advc_info_3.box-hover-20::after { border-top: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #FF7467; border-right: 15px solid #FF7467; bottom: 0; right: 0; } .advc_info_3.box-hover-21::before { border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #FF7467; border-right: 15px solid #FF7467; right: 0; top: 0; } .advc_info_3.box-hover-21::after { border-left: 15px solid #FF7467; border-bottom: 15px solid #FF7467; border-top: 15px solid transparent; border-right: 15px solid transparent; bottom: 0; left: 0; } .advc_info_3.box-hover-18:hover::before, .advc_info_3.box-hover-19:hover::before, .advc_info_3.box-hover-20:hover::before, .advc_info_3.box-hover-20:hover::after, .advc_info_3.box-hover-21:hover::before, .advc_info_3.box-hover-21:hover::after, .advc_info_3.box-hover-18.active::before, .advc_info_3.box-hover-19.active::before, .advc_info_3.box-hover-20.active::before, .advc_info_3.box-hover-20.active::after, .advc_info_3.box-hover-21.active::before, .advc_info_3.box-hover-21.active::after { opacity: 1; } /* --------------------------- BOX HOVER 22 ---------------------------- */ .advc_info_3.box-hover-22::before { background: #FF7467 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: -1; } .advc_info_3.box-hover-22:hover::before { opacity: 1; } .advc_info_3.box-hover-22:hover, .advc_info_3.box-hover-22:hover a, .advc_info_3.box-hover-22:hover h1, .advc_info_3.box-hover-22:hover h2, .advc_info_3.box-hover-22:hover h3, .advc_info_3.box-hover-22:hover h4, .advc_info_3.box-hover-22:hover h5, .advc_info_3.box-hover-22:hover h6 { color: #ffffff; } /** Features area styles Features area styles Features area styles */ .advc_serv_v6.feature { padding: 85px 120px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; z-index: 1; overflow: hidden; background-size: cover; background-position: center center; } .advc_serv_v6.feature::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 172, 31, 0.9); z-index: -1; } .advc_serv_v6 .feature__icon { color: #ffffff; margin-right: 35px; font-size: 60px; height: 95px; width: 65px; display: inline-block; overflow: hidden; position: relative; } .advc_serv_v6 .feature__icon span { position: absolute; height: 100%; width: 100%; left: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .advc_serv_v6 .feature__icon span i { line-height: 65px; } .advc_serv_v6 .feature__icon span:first-child { top: 0; } .advc_serv_v6 .feature__icon span:last-child { top: 100%; } .advc_serv_v6 .feature__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .advc_serv_v6 .feature__content h4 { font-weight: 700; margin-bottom: 10px; color: #ffffff; } .advc_serv_v6 .feature__content h4 a { color: #ffffff; } .advc_serv_v6 .feature__content p { margin-bottom: 0; color: #ffffff; } .advc_serv_v6.feature:hover .feature__icon span:first-child { top: -100%; } .advc_serv_v6.feature:hover .feature__icon span:last-child { top: 0; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .advc_serv_v6.feature { padding: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .advc_serv_v6.feature { padding: 80px 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .advc_serv_v6.feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 50px 30px; } .advc_serv_v6 .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .advc_serv_v6.feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 70px 20%; } .advc_serv_v6 .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .advc_serv_v6.feature { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; padding: 70px 20%; } .advc_serv_v6 .feature__icon { margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .advc_serv_v6.feature { padding: 70px 12%; } } /** /** Service Area Service Area */ .advc_serv_v7.service { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 30px; padding: 15px; padding: 25px 15px; border: 1px solid #eeeeee; background: #fafafa; } .advc_serv_v7 .service__icon { text-align: center; display: inline-block; border-radius: 100%; margin-right: 25px; color: #00AC1F; height: 55px; border: 1px solid #00AC1F; line-height: 53px; -webkit-box-flex: 55px; -webkit-flex: 55px; -moz-box-flex: 55px; -moz-flex: 55px; -ms-flex: 55px; flex: 55px; max-width: 55px; margin-bottom: 20px; } .advc_serv_v7 .service__icon i { font-size: 24px; vertical-align: text-bottom; } .advc_serv_v7 .service__icon [class^="flaticon-"]:before, .advc_serv_v7 .service__icon [class*=" flaticon-"]:before, .advc_serv_v7 .service__icon [class^="flaticon-"]:after, .advc_serv_v7 .service__icon [class*=" flaticon-"]:after { vertical-align: text-bottom; } .advc_serv_v7 .service__content { -webkit-flex-shrink: 100; -moz-flex-shrink: 100; -ms-flex-negative: 100; flex-shrink: 100; } .advc_serv_v7 .service__content h5 { text-transform: uppercase; font-weight: 700; color: #2b2b2b; } .advc_serv_v7 .service__content h5 a { color: #2b2b2b; } .advc_serv_v7 .service__content h5 a:hover { color: #00AC1F; } .advc_serv_v7 .service__content p { margin-bottom: 0; } .advc_serv_v7 .service:hover .service__icon { -webkit-animation: bounceIn 0.5s ease-in-out 1 both; -moz-animation: bounceIn 0.5s ease-in-out 1 both; -ms-animation: bounceIn 0.5s ease-in-out 1 both; -o-animation: bounceIn 0.5s ease-in-out 1 both; animation: bounceIn 0.5s ease-in-out 1 both; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .advc_serv_v7.service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .advc_serv_v7 .service__icon { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .advc_serv_v7.service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .advc_serv_v7 .service__icon { margin-right: 0; } } @media only screen and (max-width: 767px) { .advc_serv_v7.service { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .advc_serv_v7 .service__icon { margin-right: 0; } } /** * Team Styels */ .advc_team_v3.team { margin-top: 30px; } .advc_team_v3 .team__header { position: relative; } .advc_team_v3 .team__image { position: relative; } .advc_team_v3 .team__image:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #00AC1F; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .advc_team_v3 .team__social { position: absolute; bottom: 27px; left: 30px; } .advc_team_v3 .team__social ul { padding-left: 0; margin-bottom: 0; list-style: none; } .advc_team_v3 .team__social ul li { margin: 15px 0; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .advc_team_v3 .team__social ul li:nth-child(1) { -webkit-transition-delay: 0.24s; -moz-transition-delay: 0.24s; -ms-transition-delay: 0.24s; -o-transition-delay: 0.24s; transition-delay: 0.24s; } .advc_team_v3 .team__social ul li:nth-child(2) { -webkit-transition-delay: 0.36s; -moz-transition-delay: 0.36s; -ms-transition-delay: 0.36s; -o-transition-delay: 0.36s; transition-delay: 0.36s; } .advc_team_v3 .team__social ul li:nth-child(3) { -webkit-transition-delay: 0.48s; -moz-transition-delay: 0.48s; -ms-transition-delay: 0.48s; -o-transition-delay: 0.48s; transition-delay: 0.48s; } .advc_team_v3 .team__social ul li:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .advc_team_v3 .team__social ul li:nth-child(5) { -webkit-transition-delay: 0.72s; -moz-transition-delay: 0.72s; -ms-transition-delay: 0.72s; -o-transition-delay: 0.72s; transition-delay: 0.72s; } .advc_team_v3 .team__social ul li:nth-child(6) { -webkit-transition-delay: 0.84s; -moz-transition-delay: 0.84s; -ms-transition-delay: 0.84s; -o-transition-delay: 0.84s; transition-delay: 0.84s; } .advc_team_v3 .team__social ul li:first-child { margin-top: 0; } .advc_team_v3 .team__social ul li:last-child { margin-bottom: 0; } .advc_team_v3 .team__social ul li a { display: inline-block; color: #fff; font-size: 16px; line-height: 24px; height: 35px; width: 35px; line-height: 33px; border-radius: 100px; text-align: center; border: 1px solid #fff; } .advc_team_v3 .team__social ul li a:hover { background: #333982; color: #ffffff; border-color: #333982; } .advc_team_v3 .team__content { background: #ffffff; text-align: center; padding: 30px 15px; border: 1px solid #eeeeee; } .advc_team_v3 .team__content h5 { margin-bottom: 2px; } .advc_team_v3 .team__content h5 a { color: #2b2b2b; } .advc_team_v3 .team__content h5 a:hover { color: #333982; } .advc_team_v3 .team__content p { margin-bottom: 0; color: #a0a0a0; } .advc_team_v3.team:hover .team__image:before { opacity: 0.85; visibility: visible; } .advc_team_v3.team:hover .team__social ul li { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* Team Style 1 Start */ /* Team Style 1 Start */ /* Team Style 1 Start */ /* Team Style 1 Start */ .team-style-1 { width: 100%; float: left; background: #fff; padding: 80px 0; } .team-style-1 .team-box { overflow: hidden; } .team-style-1 .team-box .team-cap { position: absolute; background: #fff; width: 90%; bottom: 20px; left: 0; right: 0; margin: auto; border-radius: 8px; text-align: center; padding: 35px 0 20px; height: 170px; } .team-style-1 .team-box .team-cap h5 { font-weight: 500; margin-bottom: 8px; } .team-style-1 .team-box .team-cap strong { display: block; color: #666; font-weight: 400; margin-bottom: 10px; } .team-box .team-cap .plusc { position: absolute; right: 0; left: 0; top: -16px; z-index: 99; color: #fff; background: #33aa58; width: 32px; height: 32px; margin: auto; border-radius: 100%; line-height: 32px; } .team-style-1 .team-box img { width: 100%; height: auto; } .team-style-1 .team-box ul.team-social { opacity: 0; } .team-style-1 .team-box ul.team-social a { border-color: #33aa58; color: #33aa58; } .team-style-1 .team-box ul.team-social a:hover { border-color: #33aa58; color: #fff; background: #33aa58; } .team-style-1 .team-box:hover .team-cap { height: 200px; } .team-style-1 .team-box:hover .team-social { opacity: 1; } .team-style-1.team-page { padding: 0px; } .team-page .team-box .team-cap .plusc { background: #fa394a; } .team-style-1.team-page .team-box ul.team-social a { border-color: #fa394a; color: #fa394a; } .team-style-1.team-page .team-box ul.team-social a:hover { background: #fa394a; color: #fff; } .team-style-1.team-page .team-box .team-cap strong { color: #fa394a; } /* Team Style 1 End */ /* Team Style 3 Start */ .advc_team_v4.team-page-3 .team-box { position: relative; overflow: hidden; } .advc_team_v4.team-page-3 .team-box:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ } .advc_team_v4.team-page-3 .team-box .team-cap { position: absolute; bottom: 0; right: 0; width: 100%; padding: 20px; text-align: left; z-index: 99; } .advc_team_v4.team-page-3 .team-box .team-cap h4 { color: #fff; margin-bottom: 7px; } .advc_team_v4.team-page-3 .team-box .team-cap strong { color: #fff; font-weight: 400; font-style: italic; } .advc_team_v4.team-page-3 .team-box ul.team-social { display: none; } .advc_team_v4.team-page-3 .team-box:hover .team-cap { text-align: center; height: 100%; background: rgba(24,37,74,.80); padding: 125px 20px 0; } .advc_team_v4.team-page-3 .team-box:hover ul.team-social { display: block; margin-top: 20px; } .advc_team_v4.team-page-3 .np { padding: 10px; } .advc_team_v4.team-page-3 .fl-pagination .pagination { margin: 60px 0 0; } .advc_team_v4 p{ color:#fff; } /* Team Style 3 End */ /* Team Details Start */ /* Team Details Start */ /* Team Details Start */ /********************* Meet Our Professors + Other Members ********************/ .advc_team_v5.meet-professors { background: url(../images/professor-bg.html) no-repeat center center; width: 100%; float: left; padding: 77px 0 80px 0; background-size: cover; } .advc_team_v5 .team-box { width: 100%; float: left; background: #fff; position: relative; } .advc_team_v5 .team-box .team-img { position: relative; overflow: hidden; } .advc_team_v5 .team-box:hover .team-img:after { height: 100%; opacity: 1; } .advc_team_v5 .team-box .team-img:before { width: 0; height: 0; border-bottom: 40px solid #fff; border-left: 40px solid transparent; position: absolute; right: 0; bottom: 0; content: ""; z-index: 99; } .advc_team_v5 .team-box img { width: 100%; height: auto; } .advc_team_v5 .team-name { text-align: center; padding: 23px 0 19px; } .advc_team_v5 .team-name h5 { font-weight: 600; color: #333333; margin-bottom: 2px; } .advc_team_v5 .team-name strong { color: #fa394a; font-weight: 400; font-size: 15px; } .advc_team_v5 .team-caption { position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; height: 100%; text-align: center; padding: 50px 15px 0; } .team-caption p { color: #fff; font-size: 14px; line-height: 24px; margin-bottom: 20px; opacity: 0; } .team-box:hover ul.team-social.advc_team_sc { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .advc_team_v5 ul.team-social.advc_team_sc { width: 100%; padding: 0px!important; margin: 0px; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transition: all 0.25s linear; -webkit-transition: all 0.25s linear; } ul.team-social.advc_team_sc li { display: inline-block; margin: 0 3px; } ul.team-social.advc_team_sc a { border: 1px solid #fff; width: 32px; height: 32px; display: block; text-align: center; color: #fff; line-height: 30px; border-radius: 2px; } .team-social.advc_team_sc { padding: 0 !important; } ul.team-social.advc_team_sc a:hover { background: #fa394a; color: #fff; border-color: #fa394a; } .advc_team_v5 .team-box .plus { position: absolute; right: 0; bottom: 0; z-index: 99; width: 17px; color: #294373; cursor: pointer; } .advc_team_v5 .team-box .plus .fa-minus { display: none; } .advc_team_v5 .team-box:hover .team-caption p { opacity: 1; } .advc_team_v5 .team-box:hover .plus .fa-plus { display: none; } .advc_team_v5 .team-box:hover .plus .fa-minus { display: block; } .advc_team_v5 .meet-professors .stitle { color: #fff; } .advc_team_v5 .other-members ul { background: #18254a; padding: 7px 30px 10px; margin: 0px; list-style: none; } .stitle2 { border-bottom: 1px solid #e1e1e1; margin-bottom: 36px; color: #ffffff; padding: 0 0 12px; position: relative; } .stitle2:after { position: absolute; left: 0; bottom: -2px; content: ""; height: 3px; width: 67px; background: #fa394a; } .meet-professors.team-page { padding: 0px; background: none; } .team-page .team-box { background: #f5f5f5; margin-bottom: 40px; } .team-page .team-box .team-img:before { border-bottom: 40px solid #f5f5f5; } .textwidget .social a, .event-thumb:after, .event-box, .event-thumb a, ul.social-links a, .team-contact button, .team-page-3 .team-box .team-cap, .team-page-3 .team-box .team-cap h4, .team-page-3 .team-box .team-cap strong, .fl-pagination .pagination>li>a, .fl-pagination .pagination>li>span, .h3-featured-courses ul.nav li a, .course-thumb a, .course-thumb:after, .course-thumb:before, .cdetail, .course-box-2 .course-excerpt h4 a, .h3-dprt, #h3-dprt.owl-theme .owl-nav button, .who-we-are a, .h3-banner-cap .search-form .sbtn, .header-style-3 .navbar a, ul.header-left a, .header-right a, ul.course-tabs-nav li a, .team-style-1 .team-box .team-cap, .etags a, .event-box .event-date, .event-box .event-txt h6 a, .event-box .event-txt h6 a, .fc-hover, span.plus, .award-circle:after, .tab-nav a, .apply a, a.signin, .ci-box strong, .hcp-icon, .news-box a.news-details, a.more-news, .footer-social a, .other-members a, .team-caption p, .plus .fa-plus, .team-box .team-img:after, ul.team-social a{ transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; } /* dfgdfgv */ /* dfgdfgv */ /* dfgdfgv */ /* dfgdfgv */ .ish-sc_portfolio .ish-p-col::before { content: ""!important; display: block!important; padding-top: 75%!important; } .ish-sc_portfolio { display: table; width: 100%; } .ish-sc_portfolio .ish-section-filter { margin-bottom: 25px !important; } .ish-sc_portfolio .ish-section-filter .ish-sc-element { visibility: hidden; } .ish-sc_portfolio > div { display: table; margin-right: -50px; width: 100%; } .ish-sc_portfolio .ish-p-col { display: block; float: left; position: relative; visibility: hidden; } .ish-sc_portfolio .ish-p-col::before { content: ""; display: block; padding-top: 75%; } .ish-sc_portfolio .ish-p-col a { border-bottom: medium none; bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .ish-sc_portfolio .ish-p-col a div { height: 100%; width: 100%; } .ish-sc_portfolio .ish-p-col a .ish-p-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay { background-position: center center; background-size: cover; height: 100%; width: 100%; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay > span { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay div { display: table; height: 100%; position: relative; width: 100%; z-index: 999; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay div .ish-p-title { display: table-cell; font-size: 16px; font-weight: 500; text-align: center; vertical-align: middle; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay div .ish-p-title span { display: block; } .ish-sc_portfolio .ish-p-col a .ish-p-overlay div .ish-p-title .ish-p-cat { font-size: 14px; } .ish-sc_portfolio .ish-p-col a.ish-popup-gal-images { display: none; } .ish-sc_portfolio.ish-p-zoomin a, .ish-sc_portfolio.ish-p-zoomin-rotate a, .ish-sc_portfolio.ish-p-zoomin-inverse a, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a, .ish-sc_portfolio.ish-p-zoommax a { transform: translateZ(0px); } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay, .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay, .ish-sc_portfolio.ish-p-zoommax .ish-p-overlay { left: 0; position: absolute; top: 0; } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoommax .ish-p-overlay div .ish-p-title span { display: block; } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoommax .ish-p-overlay div .ish-p-title .ish-p-headline { padding-bottom: 50px; } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoommax .ish-p-overlay div .ish-p-title .ish-p-cat { padding-top: 50px; } .ish-sc_portfolio.ish-p-zoomin.ish-p-text-lr .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate.ish-p-text-lr .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoommax.ish-p-text-lr .ish-p-overlay div .ish-p-title span { padding: 0; width: 100%; } .ish-sc_portfolio.ish-p-zoomin.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoommax.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-headline { margin-left: 50px; } .ish-sc_portfolio.ish-p-zoomin.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoommax.ish-p-text-lr .ish-p-overlay div .ish-p-title .ish-p-cat { margin-left: -50px; } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay > span, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay > span { opacity: 0; } .ish-sc_portfolio.ish-p-zoomin .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate .ish-p-overlay div .ish-p-title span { opacity: 0; } .ish-sc_portfolio.ish-p-zoomin a:hover .ish-p-overlay > span, .ish-sc_portfolio.ish-p-zoomin-rotate a:hover .ish-p-overlay > span { opacity: 0.9; } .ish-sc_portfolio.ish-p-zoomin a:hover .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate a:hover .ish-p-overlay div .ish-p-title span { margin: 0 !important; opacity: 1; padding: 0 !important; } .ish-sc_portfolio.ish-p-zoomin a:hover .ish-p-img { transform: scale(1.2); } .ish-sc_portfolio.ish-p-zoomin-rotate a:hover .ish-p-img { transform: scale(1.2) rotate(5deg); } .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay > span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay > span { opacity: 0.9; } .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-overlay span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-overlay span { margin: 0 !important; padding: 0 !important; width: 100%; } .ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay > span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a:hover .ish-p-overlay > span { opacity: 0; } .ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay span span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a:hover .ish-p-overlay span span { opacity: 0; } .ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a:hover .ish-p-overlay .ish-p-headline { padding-bottom: 50px !important; } .ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a:hover .ish-p-overlay .ish-p-cat { padding-top: 50px !important; } .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title span, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title span { margin: 0 !important; padding: 0 !important; } .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title .ish-p-headline, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title .ish-p-headline { margin-left: 50px !important; } .ish-sc_portfolio.ish-p-zoomin-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title .ish-p-cat, .ish-sc_portfolio.ish-p-zoomin-rotate-inverse.ish-p-text-lr a:hover .ish-p-overlay div .ish-p-title .ish-p-cat { margin-left: -50px !important; } .ish-sc_portfolio.ish-p-zoomin-inverse .ish-p-img { transform: scale(1.2); } .ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-img { transform: scale(1); } .ish-sc_portfolio.ish-p-zoomin-rotate-inverse .ish-p-img { transform: scale(1.2) rotate(5deg); } .ish-sc_portfolio.ish-p-zoomin-rotate-inverse a:hover .ish-p-img { transform: scale(1) rotate(0deg); } .ish-sc_portfolio.ish-p-3dcube-top a, .ish-sc_portfolio.ish-p-3dcube-bottom a, .ish-sc_portfolio.ish-p-3dcube-left a, .ish-sc_portfolio.ish-p-3dcube-right a, .ish-sc_portfolio.ish-p-3dcube-inverse-top a, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a, .ish-sc_portfolio.ish-p-3dcube-inverse-left a, .ish-sc_portfolio.ish-p-3dcube-inverse-right a { overflow: visible; perspective-origin: 50% 50%; } .ish-sc_portfolio.ish-p-3dcube-top a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-bottom a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-left a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-right a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-inverse-top a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-inverse-left a .ish-p-item, .ish-sc_portfolio.ish-p-3dcube-inverse-right a .ish-p-item { transform-style: preserve-3d; } .ish-sc_portfolio.ish-p-3dcube-top a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-bottom a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-bottom a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-left a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-right a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-right a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-top a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-inverse-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-left a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-inverse-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-right a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-3dcube-inverse-right a .ish-p-item .ish-p-overlay { backface-visibility: hidden; position: absolute; } .ish-sc_portfolio.ish-p-3dcube-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-bottom a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-right a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-3dcube-inverse-right a .ish-p-item .ish-p-overlay { backface-visibility: hidden; transform-origin: center bottom 0; } .ish-sc_portfolio.ish-p-3dcube-top a:hover, .ish-sc_portfolio.ish-p-3dcube-bottom a:hover, .ish-sc_portfolio.ish-p-3dcube-left a:hover, .ish-sc_portfolio.ish-p-3dcube-right a:hover, .ish-sc_portfolio.ish-p-3dcube-inverse-top a:hover, .ish-sc_portfolio.ish-p-3dcube-inverse-bottom a:hover, .ish-sc_portfolio.ish-p-3dcube-inverse-left a:hover, .ish-sc_portfolio.ish-p-3dcube-inverse-right a:hover { z-index: 89; } .ish-sc_portfolio.ish-p-flip-left a, .ish-sc_portfolio.ish-p-flip-right a, .ish-sc_portfolio.ish-p-flip-top a, .ish-sc_portfolio.ish-p-flip-bottom a, .ish-sc_portfolio.ish-p-flip-inverse-left a, .ish-sc_portfolio.ish-p-flip-inverse-right a, .ish-sc_portfolio.ish-p-flip-inverse-top a, .ish-sc_portfolio.ish-p-flip-inverse-bottom a { overflow: visible !important; perspective: 800px; } .ish-sc_portfolio.ish-p-flip-left a .ish-p-item, .ish-sc_portfolio.ish-p-flip-right a .ish-p-item, .ish-sc_portfolio.ish-p-flip-top a .ish-p-item, .ish-sc_portfolio.ish-p-flip-bottom a .ish-p-item, .ish-sc_portfolio.ish-p-flip-inverse-left a .ish-p-item, .ish-sc_portfolio.ish-p-flip-inverse-right a .ish-p-item, .ish-sc_portfolio.ish-p-flip-inverse-top a .ish-p-item, .ish-sc_portfolio.ish-p-flip-inverse-bottom a .ish-p-item { transform-style: preserve-3d; } .ish-sc_portfolio.ish-p-flip-left a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-right a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-top a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-bottom a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-inverse-left a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-inverse-right a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-inverse-top a .ish-p-item .ish-p-img, .ish-sc_portfolio.ish-p-flip-inverse-bottom a .ish-p-item .ish-p-img { backface-visibility: hidden; } .ish-sc_portfolio.ish-p-flip-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-right a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-bottom a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-left a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-right a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-top a .ish-p-item .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-bottom a .ish-p-item .ish-p-overlay { backface-visibility: hidden; left: 0; position: absolute; top: 0; } .ish-sc_portfolio.ish-p-flip-left a:hover, .ish-sc_portfolio.ish-p-flip-right a:hover, .ish-sc_portfolio.ish-p-flip-top a:hover, .ish-sc_portfolio.ish-p-flip-bottom a:hover, .ish-sc_portfolio.ish-p-flip-inverse-left a:hover, .ish-sc_portfolio.ish-p-flip-inverse-right a:hover, .ish-sc_portfolio.ish-p-flip-inverse-top a:hover, .ish-sc_portfolio.ish-p-flip-inverse-bottom a:hover { z-index: 98; } .ish-sc_portfolio.ish-p-flip-left .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-right .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-left .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-right .ish-p-overlay { transform: rotateY(180deg); } .ish-sc_portfolio.ish-p-flip-top .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-bottom .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-top .ish-p-overlay, .ish-sc_portfolio.ish-p-flip-inverse-bottom .ish-p-overlay { transform: rotateX(180deg); } .ish-sc_portfolio.ish-p-flip-left a:hover .ish-p-item { transform: rotateY(-180deg); } .ish-sc_portfolio.ish-p-flip-right a:hover .ish-p-item { transform: rotateY(180deg); } .ish-sc_portfolio.ish-p-flip-top a:hover .ish-p-item { transform: rotateX(180deg); } .ish-sc_portfolio.ish-p-flip-bottom a:hover .ish-p-item { transform: rotateX(-180deg); } .ish-sc_portfolio.ish-p-flip-inverse-top .ish-p-item { transform: rotateX(-180deg); } .ish-sc_portfolio.ish-p-flip-inverse-top a:hover .ish-p-item { transform: rotateX(0deg); } .ish-sc_portfolio.ish-p-flip-inverse-bottom .ish-p-item { transform: rotateX(180deg); } .ish-sc_portfolio.ish-p-flip-inverse-bottom a:hover .ish-p-item { transform: rotateX(0deg); } .ish-sc_portfolio.ish-p-flip-inverse-left .ish-p-item { transform: rotateY(180deg); } .ish-sc_portfolio.ish-p-flip-inverse-left a:hover .ish-p-item { transform: rotateY(0deg); } .ish-sc_portfolio.ish-p-flip-inverse-right .ish-p-item { transform: rotateY(-180deg); } .ish-sc_portfolio.ish-p-flip-inverse-right a:hover .ish-p-item { transform: rotateY(0deg); } .ish-sc_portfolio[data-count="2"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="2"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 3000px; } .ish-sc_portfolio[data-count="3"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="3"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 2000px; } .ish-sc_portfolio[data-count="4"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="4"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 1700px; } .ish-sc_portfolio[data-count="5"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="5"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 1200px; } .ish-sc_portfolio[data-count="6"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="6"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 1000px; } .ish-sc_portfolio[data-count="7"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="7"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 850px; } .ish-sc_portfolio[data-count="8"][class*=" ish-p-3dcube-"] .ish-p-col a, .ish-sc_portfolio[data-count="8"][class*=" ish-p-flip-"] .ish-p-col a { perspective: 700px; } .ish-sc_portfolio[data-count="2"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="2"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="2"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="2"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 6000px; } .ish-sc_portfolio[data-count="3"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="3"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="3"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="3"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 4000px; } .ish-sc_portfolio[data-count="4"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="4"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="4"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="4"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 3400px; } .ish-sc_portfolio[data-count="5"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="5"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="5"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="5"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 2400px; } .ish-sc_portfolio[data-count="6"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="6"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="6"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="6"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 2000px; } .ish-sc_portfolio[data-count="7"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="7"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="7"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="7"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 1700px; } .ish-sc_portfolio[data-count="8"][class*=" ish-p-3dcube-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="8"][class*=" ish-p-3dcube-"] .ish-p-col-h2 a, .ish-sc_portfolio[data-count="8"][class*=" ish-p-flip-"] .ish-p-col-w2 a, .ish-sc_portfolio[data-count="8"][class*=" ish-p-flip-"] .ish-p-col-h2 a { perspective: 1400px; } .ish-sc_portfolio[data-count="2"] .ish-p-col { width: 50%; } .ish-sc_portfolio[data-count="3"] .ish-p-col { width: 33.3333%; } .ish-sc_portfolio[data-count="4"] .ish-p-col { width: 25%; } .ish-sc_portfolio[data-count="5"] .ish-p-col { width: 20%; } .ish-sc_portfolio[data-count="6"] .ish-p-col { width: 16.6667%; } .ish-sc_portfolio[data-count="7"] .ish-p-col { width: 14.2857%; } .ish-sc_portfolio[data-count="8"] .ish-p-col { width: 12.5%; } .ish-sc_portfolio.ish-p-packery .ish-p-col.ish-p-col-h1::before { padding-top: 100% !important; } .ish-sc_portfolio.ish-p-packery .ish-p-col.ish-p-col-h2::before { padding-top: 200% !important; } .ish-sc_portfolio.ish-p-packery .ish-p-col.ish-p-col-w2.ish-p-col-h1::before { padding-top: 50% !important; } .ish-sc_portfolio.ish-p-packery .ish-p-col.ish-p-col-w2.ish-p-col-h2::before { padding-top: 100% !important; } .ish-sc_portfolio.ish-p-packery[data-count="2"] .ish-p-col.ish-p-col-w1 { width: 50%; } .ish-sc_portfolio.ish-p-packery[data-count="2"] .ish-p-col.ish-p-col-w2 { width: 100%; } .ish-sc_portfolio.ish-p-packery[data-count="3"] .ish-p-col.ish-p-col-w1 { width: 33.3333%; } .ish-sc_portfolio.ish-p-packery[data-count="3"] .ish-p-col.ish-p-col-w2 { width: 66.6667%; } .ish-sc_portfolio.ish-p-packery[data-count="4"] .ish-p-col.ish-p-col-w1 { width: 25%; } .ish-sc_portfolio.ish-p-packery[data-count="4"] .ish-p-col.ish-p-col-w2 { width: 50%; } .ish-sc_portfolio.ish-p-packery[data-count="5"] .ish-p-col.ish-p-col-w1 { width: 20%; } .ish-sc_portfolio.ish-p-packery[data-count="5"] .ish-p-col.ish-p-col-w2 { width: 40%; } .ish-sc_portfolio.ish-p-packery[data-count="6"] .ish-p-col.ish-p-col-w1 { width: 16.6667%; } .ish-sc_portfolio.ish-p-packery[data-count="6"] .ish-p-col.ish-p-col-w2 { width: 33.3333%; } .ish-sc_portfolio.ish-p-packery[data-count="7"] .ish-p-col.ish-p-col-w1 { width: 14.2857%; } .ish-sc_portfolio.ish-p-packery[data-count="7"] .ish-p-col.ish-p-col-w2 { width: 28.5714%; } .ish-sc_portfolio.ish-p-packery[data-count="8"] .ish-p-col.ish-p-col-w1 { width: 12.5%; } .ish-sc_portfolio.ish-p-packery[data-count="8"] .ish-p-col.ish-p-col-w2 { width: 25%; } .ish-sc_portfolio .ish-pagination { margin-top: 25px; } .ish-sc_portfolio_prev_next .ish-sc-element { margin-bottom: 0 !important; } .ish-sc_portfolio_prev_next > div { display: inline-block; margin-bottom: 8px; } .ish-sc_portfolio_prev_next > div:first-child { margin-right: 5px; } .ish-sc_portfolio_prev_next.ish-center { text-align: center; } .ish-sc_portfolio_prev_next.ish-right { text-align: right; } .wpb_column.ish-right .ish-sc_portfolio_prev_next a { margin-left: 0 !important; } .ish-sc_portfolio_categories.ish-center { text-align: center; } .ish-sc_portfolio_categories.ish-right { text-align: right; } .ish-sc_portfolio_gallery div a img { display: table; margin-top: 25px; } .ish-sc_portfolio_gallery div:first-child a img { margin-top: 0; } .ish-row-full .ish-section-filter { padding-top: 50px !important; } .ish-row-full .ish-preloader { margin-top: 50px !important; } .widget_tag_cloud a, .widget_ishyoboy-dribbble-widget .ish-button-small, .widget_ishyoboy-flickr-widget .ish-button-small, .widget_ishyoboy-recent-portfolio-widget .ish-button-small, .widget_ishyoboy-twitter-widget .ish-button-small, .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar tfoot a { display: inline-block; font-size: 15px !important; font-weight: 500; margin-top: 10px; } .widget_tag_cloud a { float: left; margin: 0 5px 5px 0; padding: 4px 9px 5px; } .ish-main-sidebar .widget { margin-left: 0; } .widget div, .widget a, .widget ul, .widget li, .widget select { font-size: 14px; } .widget ul, .widget li { list-style: outside none none; margin: 0; padding: 0; } .widget ul ul, .widget li ul { padding: 0 0 0 15px; } .widget ul li, .widget li li { padding: 2px 0; } .widget select { border: medium none; padding: 10px; width: 100%; } .widget a { text-decoration: none; } .widget-title, .widget-title a { font-size: 19px; padding-bottom: 15px; } .widget_ishyoboy-dribbble-widget .dribbble-widget { } .widget_ishyoboy-dribbble-widget .dribbble-widget a img { width: 33.3%; } .widget_ishyoboy-flickr-widget #flickr_badge_wrapper div { float: left; height: auto; margin: 0; width: 33.3%; } .widget_ishyoboy-flickr-widget #flickr_badge_wrapper div a img { height: auto; width: 100%; } .widget_ishyoboy-recent-portfolio-widget .recent-projects-widget { display: table; } .widget_ishyoboy-recent-portfolio-widget .recent-projects-widget li { float: left; padding: 0; width: 33.3% !important; } .widget_ishyoboy-recent-portfolio-widget .recent-projects-widget li a img { width: 100%; } .widget_ishyoboy-dribbble-widget .dribbble-widget a:hover, .widget_ishyoboy-flickr-widget #flickr_badge_wrapper a:hover, .widget_ishyoboy-recent-portfolio-widget .recent-projects-widget a:hover { opacity: 1 !important; } .widget_ishyoboy-dribbble-widget .dribbble-widget:hover a, .widget_ishyoboy-flickr-widget #flickr_badge_wrapper:hover a, .widget_ishyoboy-recent-portfolio-widget .recent-projects-widget:hover a { opacity: 0.35; } .widget_ishyoboy-twitter-widget .tweet { padding: 0 0 15px; } .widget_ishyoboy-twitter-widget .tweet:last-child { padding: 0; } .widget_ishyoboy-twitter-widget .tweet .tweet-details { margin-top: -5px; } .widget_ishyoboy-twitter-widget .tweet .tweet-details a { font-size: 12px; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar #wp-calendar caption { display: table-caption; font-weight: 700; margin-top: 0; padding-bottom: 5px; } .widget_calendar #wp-calendar thead th { text-align: left; } .widget_calendar #wp-calendar #today { font-weight: 700; } .widget_tag_cloud a { margin-bottom: 7px !important; } .widget_rss .widget-title a img { display: none; } .widget_rss .rss-date, .widget_rss cite { font-size: 12px; } .widget_rss cite { display: inline-block; padding-bottom: 10px; } .widget_rss ul li:last-child cite { padding: 0; } .widget_search form div { position: relative; width: 100%; } .widget_search form div input[type="text"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 16px; padding-right: 50px; width: 100%; } .widget_search form div input[type="submit"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-family: "ish-fontello" !important; font-size: 18px; height: 100%; padding: 9px 12px 8px 13px; position: absolute; right: 0; top: 0; } .ish-grid12.widget .textwidget > .ish-sc-element:last-child { margin-bottom: 0 !important; } img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0 0 1em 1em; } a img.alignleft { float: left; margin: 0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } div.alignright { float: right; margin: 0 0 1em 1em !important; } div.alignleft { float: left; margin: 0 1em 1em 0 !important; } div.aligncenter { display: block; margin-left: auto; margin-right: auto !important; } .wp-caption { max-width: 100%; padding: 0; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption.alignright { float: right; margin: 5px 0 20px 20px; } .wp-caption.aligncenter { margin: 5px auto 20px; } .wp-caption img { border: 0 none; margin: 0; max-width: 100%; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 5px 4px 0; } .sticky { text-indent: 0; } .gallery-caption { text-indent: 0; } .bypostauthor { text-indent: 0; } .isotope { overflow: auto !important; } .wpb_row { margin-bottom: 0 !important; } [class^="wpb_column"], [class*=" wpb_column"] { padding-left: 0 !important; padding-right: 0 !important; } .wpb_text_column.ish-left { text-align: left; } .wpb_text_column.ish-center { text-align: center; } /*-------------------- Style 6 ----------------------*/ .advc_serv_v1.service-overlay { position: relative; padding-top: 40px; } .advc_serv_v1.service-overlay img{ width: 100%; border-radius: 10px; } .advc_serv_v1 .service-overlay-box{ position: relative; text-align: center; background: #fff; border-radius: 10px; transform: translateY(-45px); padding: 20px; margin-left: 20px; margin-right: 20px; -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .advc_serv_v1 .service-overlay-box h4{ color: #222; font-size: 18px; font-weight: 600; margin-top: 5px; } .advc_serv_v1 .service-overlay-box p{ color: #999; font-size: 13px; font-weight: 600; line-height: 1.8; margin-top: 10px; } .advc_serv_v1 .service-overlay-box a{ display: inline-block; color: #2387ea; font-size: 11px; font-weight: 700; margin-top: 0; } .advc_serv_v1.service-overlay:hover .service-overlay-box{ transform: translateY(-70px); } .advc_serv_v1.service-overlay:hover .service-overlay-box{ background: #2387ea; } .advc_serv_v1.service-overlay:hover .service-overlay-box h4{ color: #fff; } .advc_serv_v1.service-overlay:hover .service-overlay-box p{ color: #fff; } .advc_serv_v1.service-overlay:hover .service-overlay-box a{ color: #fff; } .asvc-flip-box .flip-content { color: #fff; padding: 10px 20px; } .full-size, .asvc-flip-box .object, .asvc-flip-box .front, .asvc-flip-box .back { width: 100%; height: 100%; } .slice, .asvc-flip-box .front, .asvc-flip-box .back, .asvc-flip-box .flank { display: block; overflow: hidden; position: absolute; } .asvc-flip-box { float: left; display: block; position: relative; z-index: 2; width: 300px; height: 200px; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .asvc-flip-box .object { position: absolute; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-75px); -moz-transform: translateZ(-75px); -ms-transform: translateZ(-75px); -o-transform: translateZ(-75px); transform: translateZ(-75px); } .asvc-flip-box .object:hover, .asvc-flip-box .object:focus { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transform: translateZ(-75px) rotateY(180deg); -moz-transform: translateZ(-75px) rotateY(180deg); -ms-transform: translateZ(-75px) rotateY(180deg); -o-transform: translateZ(-75px) rotateY(180deg); transform: translateZ(-75px) rotateY(180deg); } .asvc-flip-box .front { z-index: 1; background-color: #789e13; -webkit-transform: rotateY(0deg) translateZ(75px); -moz-transform: rotateY(0deg) translateZ(75px); -ms-transform: rotateY(0deg) translateZ(75px); -o-transform: rotateY(0deg) translateZ(75px); transform: rotateY(0deg) translateZ(75px); } .asvc-flip-box .back { z-index: 0; background-color: #9bcc18; -webkit-transform: rotateY(180deg) translateZ(75px); -moz-transform: rotateY(180deg) translateZ(75px); -ms-transform: rotateY(180deg) translateZ(75px); -o-transform: rotateY(180deg) translateZ(75px); transform: rotateY(180deg) translateZ(75px); } .asvc-flip-box .flank { width: 150px; height: 200px; left: 75px; background-color: #55700e; -webkit-transform: rotateY(-90deg) translateZ(150px); -moz-transform: rotateY(-90deg) translateZ(150px); -ms-transform: rotateY(-90deg) translateZ(150px); -o-transform: rotateY(-90deg) translateZ(150px); transform: rotateY(-90deg) translateZ(150px); } .asvc-flip-box.flip-up .object:hover, .asvc-flip-box.flip-up .object:focus { -webkit-transform: translateZ(-75px) rotateX(180deg); -moz-transform: translateZ(-75px) rotateX(180deg); -ms-transform: translateZ(-75px) rotateX(180deg); -o-transform: translateZ(-75px) rotateX(180deg); transform: translateZ(-75px) rotateX(180deg); } .asvc-flip-box.flip-up .back { -webkit-transform: rotateX(180deg) translateZ(75px); -moz-transform: rotateX(180deg) translateZ(75px); -ms-transform: rotateX(180deg) translateZ(75px); -o-transform: rotateX(180deg) translateZ(75px); transform: rotateX(180deg) translateZ(75px); } .asvc-flip-box.flip-up .flank { width: 300px; height: 150px; left: 0; top: 25px; -webkit-transform: rotateX(-90deg) translateZ(100px); -moz-transform: rotateX(-90deg) translateZ(100px); -ms-transform: rotateX(-90deg) translateZ(100px); -o-transform: rotateX(-90deg) translateZ(100px); transform: rotateX(-90deg) translateZ(100px); } .asvc-flip-box.alternative .front { background-color: #931e83; } .asvc-flip-box.alternative .back { background-color: #bd27a9; } .asvc-flip-box.alternative .flank { background-color: #69155d; } .no-csstransforms3d .asvc-flip-box .object { position: relative; overflow: hidden; -webkit-transform-style: none; -moz-transform-style: none; -ms-transform-style: none; -o-transform-style: none; transform-style: none; } .no-csstransforms3d .asvc-flip-box .object .back { top: 300px; z-index: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .no-csstransforms3d .asvc-flip-box .object:hover .back { top: 0; z-index: 1; } .no-csstransforms3d .asvc-flip-box .flank { display: none; } /* Internet Explorer 10 only */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .object { position: relative; overflow: hidden; transform: none !important; } .object .back { top: 300px; z-index: 0; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .object:hover .back { top: 0; z-index: 1; transform: rotateY(0deg) translateZ(0); } } .asvc-flip-box .flip-content h3 { line-height: 20px; margin: 0; } /*//second flip */ .mgt-flipbox { margin: 0 auto; position: relative; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; height: 200px; position: relative; z-index: 10; } .mgt-flipbox .mgt-flipbox-front, .mgt-flipbox .mgt-flipbox-back { text-align: center; width: 100%; overflow: hidden; background-size: cover; background-position: center center; } .mgt-flipbox .mgt-flipbox-front { height: inherit; position: absolute; top: 0; z-index: 900; text-align: center; transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .mgt-flipbox .mgt-flipbox-back { height: inherit; position: absolute; top: 0; z-index: 1000; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .mgt-flipbox:hover .mgt-flipbox-front { z-index: 900; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .mgt-flipbox:hover .mgt-flipbox-back { z-index: 1000; transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .mgt-flipbox .mgt-flipbox-front-inner { background-color: #F4F4F4; } .mgt-flipbox .mgt-flipbox-back-inner { background-color: #F9F9F9; } .mgt-flipbox .mgt-flipbox-front-inner, .mgt-flipbox .mgt-flipbox-back-inner { height: 100%; margin: 0 auto; padding: 40px; } .mgt-flipbox .mgt-flipbox-content-wrapper { top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; } .mgt-flipbox h4.mgt-flipbox-header { font-size: 24px; margin-top: 0; } .mgt-flipbox .mgt-flipbox-description { font-size: 14px; color: #68686D; } .mgt-flipbox .mgt-flipbox-front .mgt-flipbox-icon i { font-size: 45px; color: #2A2F35; margin-bottom: 35px; } .mgt-flipbox .mgt-flipbox-back .mgt-button-wrapper { margin-top: 35px; } .mgt-flipbox.mgt-flipbox-round-edges-small > div { border-radius: 5px; } .mgt-flipbox.mgt-flipbox-round-edges-medium > div { border-radius: 10px; } .mgt-flipbox.mgt-flipbox-round-edges-large > div { border-radius: 15px; } .mgt-flipbox.mgt-flipbox-round-edges-full > div { border-radius: 50px; } .mgt-flipbox.mgt-flipbox-animation-vertical .mgt-flipbox-front { transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .mgt-flipbox.mgt-flipbox-animation-vertical .mgt-flipbox-back { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); } .mgt-flipbox.mgt-flipbox-animation-vertical:hover .mgt-flipbox-front { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } .mgt-flipbox.mgt-flipbox-animation-vertical:hover .mgt-flipbox-back { transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .mgt-flipbox-front-inner { background-color: rgba(0,0,0,0.50); } /* flip 3 */ .asvc-flip-container:hover .flipper, .asvc-flip-container.hover .flipper, .asvc-flip-container.flip .flipper { transform: rotateY(180deg); } .asvc-flip-container.flip-vertical:hover .flipper, .asvc-flip-container.flip-vertical.hover .flipper, .asvc-flip-container.flip-vertical.flip .flipper { transform: rotateX(180deg) rotateY(0deg); } .asvc-flip-container { float: left; min-height: 50px; width: 100%; } .asvc-flip-container .front, .asvc-flip-container .back { height: 100%; width: 100%; } .asvc-flip-container .wrap-icon { float: left; width: 100%; } .asvc-flip-container .front { background: #f7f7f7 none repeat scroll 0 0; position: relative; } .asvc-flip-container .front .front-content { float: left; padding: 30px 0px; text-align: center; width: 100%; } .asvc-flip-container .front .front-content i { color: #42bce2; font-size: 40px; } .asvc-flip-container .front .front-content h3 { color: #444; float: left; font-size: 18px; margin: 0 0 20px; width: 100%; } .asvc-flip-container .front .front-content p { color: #666; float: left; margin-bottom: 20px; width: 100%; } .asvc-flip-container .front .front-content .button { background: #42bce2 none repeat scroll 0 0; border-radius: 2px; color: #fff; display: inline-block; font-size: 12px; padding: 10px 16px; text-transform: uppercase; } .asvc-flip-container .back { background: #fff none repeat scroll 0 0; position: relative; } .asvc-flip-container .back .des { float: left; padding: 30px 0px; text-align: center; width: 100%; } .asvc-flip-container .back .des i { color: #c13740; font-size: 40px; } .asvc-flip-container .back .des h3 { color: #444; float: left; font-size: 18px; margin: 0 0 20px; width: 100%; } .asvc-flip-container .back .des p { color: #666; float: left; margin-bottom: 20px; width: 100%; } .asvc-flip-container .back .des .button { background: #c13740 none repeat scroll 0 0; border-radius: 2px; color: #fff; display: inline-block; font-size: 12px; padding: 5px 13px; text-transform: uppercase; } .asvc-flip-container .flipper { float: left; height: 100%; position: relative; transform-style: preserve-3d; transition: all 0.6s ease 0s; width: 100%; } .asvc-flip-container .front, .asvc-flip-container .back { backface-visibility: hidden; left: 0; position: absolute; top: 0; } .asvc-flip-container .front { float: left; position: relative; transform: rotateY(0deg); width: 100%; z-index: 2; } .asvc-flip-container .front img { float: left; max-width: 100%; width: 100%; } .asvc-flip-container .back { transform: rotateY(180deg); } .asvc-flip-container.flip-vertical .back { transform: rotateX(180deg) rotateY(0deg); } .asvc-flip-container .back .des { overflow-y: auto; } .asvc-flip-container .front, .back { padding: 10px; } /* Profile Card */ /* Profile Card */ /* Profile Card */ .advc_profile-card-1{background-color:#FFF;border-radius:10px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);background-image:url(../img/profile-bg-1.jpg);background-position:center;padding-top:100px;overflow:hidden;position:relative;margin:10px auto;cursor:pointer;max-width:300px;}.advc_profile-card-1 .profile-content{position:relative;background-color:#FFF;padding:70px 20px 20px 20px;text-align:center;}.advc_profile-card-1 .profile-img{position:absolute;height:100px;left:0px;right:0px;z-index:10;top:-50px;transition:all 0.25s linear;transform-style: preserve-3d;}.advc_profile-card-1 .profile-img img{height:100px;margin:auto;border-radius:50%;border:5px solid #FFF;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}.advc_profile-card-1 .profile-name{font-size:18px;font-weight:bold;color:#021830;}.advc_profile-card-1 .profile-address{color:#777;font-size:12px;margin:0px 0px 15px 0px;}.advc_profile-card-1 .profile-description{font-size:13px;padding:5px 10px;color:#777;}.advc_profile-card-1 .profile-icons .fa{margin:5px;color:#777;}.advc_profile-card-1:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.1);}.advc_profile-card-1:hover .profile-img{transform:rotateY(180deg);}.advc_profile-card-2{max-width:300px;background-color:#FFF;box-shadow:0px 0px 25px rgba(0,0,0,0.1);background-position:center;overflow:hidden;position:relative;margin:10px auto;cursor:pointer;border-radius:10px;}.advc_profile-card-2 img{transition:all linear 0.25s;}.advc_profile-card-2 .profile-name{position:absolute;left:30px;bottom:100px;font-size:30px;color:#FFF;text-shadow:0px 0px 20px rgba(0,0,0,0.5);font-weight:bold;transition:all linear 0.25s;}.advc_profile-card-2 .profile-icons{position:absolute;bottom:30px;right:30px;color:#FFF;transition:all linear 0.25s;}.advc_profile-card-2 .div{position:absolute;bottom:80px;left:30px;color:#FFF;font-size:13px;transition:all linear 0.25s;width:100%}.advc_profile-card-2 .profile-username{position:absolute;bottom:80px;left:30px;color:#FFF;font-size:13px;transition:all linear 0.25s;}.advc_profile-card-2 .profile-icons .fa{margin:5px;}.advc_profile-card-2:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}.advc_profile-card-2:hover .profile-name{bottom:80px;}.advc_profile-card-2:hover .profile-username{bottom:60px;}.advc_profile-card-2:hover .profile-icons{right:40px;}.advc_profile-card-3{background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;padding:25px 15px;}.advc_profile-card-3 .profile-name{font-weight:bold;color:#21304e;}.advc_profile-card-3 .profile-location{color:#999;font-size:13px;font-weight:600;}.advc_profile-card-3 img{height:110px;width:110px;object-fit:cover;margin:10px auto;border-radius:50%;transition:all linear 0.25s;}.advc_profile-card-3 .profile-description{font-size:13px;color:#777;padding:10px; font-weight: 400;}.advc_profile-card-3 .profile-icons{margin:15px 0px;}.advc_profile-card-3 .profile-icons .fa{color:#fe455a;margin:0px 5px;}.advc_profile-card-3:hover img{height:125px;width:125px;margin:5px auto;}.advc_profile-card-4{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}.advc_profile-card-4 img{transition:all 0.25s linear; }.advc_profile-card-4 .profile-content{position:relative;padding:15px;background-color:#FFF;}.advc_profile-card-4 .profile-name{font-weight:bold;position:absolute;left:0px;right:0px;top:-55px;color:#FFF;font-size:17px;}.advc_profile-card-4 .profile-name p{font-weight:600;font-size:13px;letter-spacing:1.5px;color:#fff;}.advc_profile-card-4 .profile-description{color:#777;font-size:12px;padding:10px;}.advc_profile-card-4 .profile-overview{padding:15px 0px;}.advc_profile-card-4 .profile-overview p{font-size:10px;font-weight:600;color:#777;}.advc_profile-card-4 .profile-overview h4{color:#273751;font-weight:bold;}.advc_profile-card-4 .profile-content::before{content:"";position:absolute;height:20px;top:-10px;left:0px;right:0px;background-color:#FFF;z-index:0;transform:skewY(3deg);}.advc_profile-card-4:hover img{transform:rotate(5deg) scale(1.1,1.1);filter:brightness(110%);}.advc_profile-card-5{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;padding:50px 15px 25px 15px;}.advc_profile-card-5 img{height:100px;width:100px;object-fit:cover;margin:10px auto;border-radius:50%;transition:all linear 0.25s;position:relative;}.advc_profile-card-5::before{content:"";position:absolute;top:-60px;right:0px;left:0px;height:170px;background-color:#4fb96e;transform:skewY(-20deg);}.advc_profile-card-5 .profile-name{padding-top:15px;font-weight:bold;color:#333;}.advc_profile-card-5 .profile-designation{font-size:13px;color:#777;}.advc_profile-card-3 .profile-location{color:#999;font-size:13px;font-weight:600;}.advc_profile-card-5 .profile-description{font-size:13px;color:#777;padding:10px;}.advc_profile-card-5 .profile-overview{padding:15px 0px;}.advc_profile-card-5 .profile-overview p{color:#777;font-size:13px;}.advc_profile-card-5 .profile-overview h2{font-weight:bold;color:#1e2832;}.advc_profile-card-5 .profile-icons .fa{margin:7px;color:#4fb96e;}.advc_profile-card-5:hover img{transform:rotate(-5deg);}.advc_profile-card-6{max-width:300px;background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}.advc_profile-card-6 img{transition:all 0.15s linear;}.advc_profile-card-6 .profile-name{line-height:1.6!important;position:absolute;top:10px;left:10px;font-size:25px;font-weight:bold;color:#FFF;padding:15px 20px;background: linear-gradient(140deg, rgba(0,0,0,0.4) 50%, rgba(255,255,0,0) 50%);transition:all 0.15s linear;}.advc_profile-card-6 .profile-position{position:absolute;color:rgba(255,255,255,0.4);left:30px;top:120px;transition:all 0.15s linear;padding:5px;}.advc_profile-card-6 .profile-overview{position:absolute;bottom:0px;left:0px;right:0px;background: linear-gradient(0deg, rgba(0,0,0,0.4) 50% , rgba(255,255,0,0) );color:#FFF;padding:50px 0px 20px 0px;transition:all 0.15s linear;}.advc_profile-card-6 .profile-overview h3{font-weight:bold;}.advc_profile-card-6 .profile-overview p{color:rgba(255,255,255,0.7);}.advc_profile-card-6:hover img{filter:brightness(80%);}.advc_profile-card-6:hover .profile-name{padding-left:25px;padding-top:20px;}.advc_profile-card-6:hover .profile-position{left:40px;}.advc_profile-card-6:hover .profile-overview{padding-bottom:25px;}.advc_profile-card-7{background-color:#FFF;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;}.advc_profile-card-7 .profile-content{padding:60px 30px 30px 30px;background-color:#FFF;position:relative;}.advc_profile-card-7 .profile-content img{position:absolute;height:80px;width:80px;border-radius:50%;top:-40px;border:5px solid #FFF;}.advc_profile-card-7 .profile-content .profile-name{position:absolute;font-size:17px;font-weight:bold;top:-35px;left:125px;color:#FFF;}.advc_profile-card-7 .profile-overview {padding:5px 0px;}.advc_profile-card-7 .profile-overview p{color:#777;font-size:11px;font-weight:600;}.advc_profile-card-7 .profile-overview h5{color:#142437;font-weight:bold;}.advc_profile-card-8{background: linear-gradient(#09121c ,#36445a) ;border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;transition:all 0.25s linear;}.advc_profile-card-8 .profile-name{position:absolute;left:0px;right:0px;top:20px;color:#58d683;font-size:17px;font-weight:bold;}.advc_profile-card-8 .profile-designation{position:absolute;left:0px;right:0px;top:100px;color:#FFF;font-size:13px;font-weight:600;letter-spacing:1px;}.advc_profile-card-8 .profile-icons{position:absolute;left:0px;right:0px;top:130px;color:rgba(255,255,255,0.7);}.advc_profile-card-8 .profile-icons .fa{margin:5px;}.advc_profile-card-8:hover{transform:scale(1.05,1.05);}.advc_profile-card-9{border-radius:10px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;padding:30px 15px;background-color:#FFF;transition: all 0.25s linear;}.advc_profile-card-9 img{height:120px;width:120px;border-radius:50%;margin:10px auto;}.advc_profile-card-9 .profile-name{font-size:15px;color:#3249b9;font-weight:600;}.advc_profile-card-9 .profile-designation{font-size:13px;color:#777;}.advc_profile-card-9 .profile-description{padding:10px;font-size:13px;color:#777;margin:15px 0px;background-color:#F1F2F3;border-radius:5px;}.advc_profile-card-9 .adpc9_btn{padding:10px 15px;background-color:#3249b9;color:#FFF;font-size:11px;border-radius:25px;}.advc_profile-card-9:hover{transform:scale(1.05,1.05);}.advc_profile-card-10{border-radius:5px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;margin:10px auto;cursor:pointer;padding:30px 15px;background-color:#1f2124;color:#EEE;}.advc_profile-card-10 img{margin:10px auto;width:100px;height:100px;border-radius:50%;border:10px solid transparent;box-shadow:0px 0px 0px 2px #64c17b;transition: all 0.25s linear;}.advc_profile-card-10 .profile-name{color:#FFF;font-weight:bold;font-size:17px;}.advc_profile-card-10 .profile-location{font-size:13px;opacity:0.7;}.advc_profile-card-10 .profile-description{padding:10px;font-size:13px;}.advc_profile-card-10 .profile-icons .fa{color:#ffc75e;margin:10px;}.advc_profile-card-10:hover img{transform:scale(1.1);} .advc_profile-card-2 .profile-description{ color:#fff; font-size:12px; } x