@import "btn_style.css";@import "qlwapp.css";.blinking2{text-align:center;font-size:40px;padding-top:20px;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;font-weight:700}.blinking2.blink2{opacity:0}.blinking{text-align:center;font-size:25px;padding-top:20px;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;font-weight:700}.blinking.blink{opacity:0}.kk_logo_top_hdr{position:absolute;top:6%;left:2.5%;z-index:9999;width:45.5%;height:16.5%}.kk_awrd_top_hdr{position:absolute;top:6%;left:56.8%;z-index:9999;width:21.5%;height:16.5%}.kk_cele_top_hdr{position:absolute;top:6%;left:90.5%;z-index:9999;width:7.5%;height:16.5%}.kk_wp_mob{display:block}.kk_wp_dsk{display:none}@media only screen and (min-width:200px) and (max-width:767px){.kk_wp_mob{display:none}.kk_wp_dsk{display:block}}.team-item{position:relative;overflow:hidden}.team-item .team-img{position:relative}.team-item .team-img .normal-text{position:absolute;bottom:0;padding:10px 20px;min-width:175px;background-color:rgba(34,34,34,.8);transition:.3s ease all}.team-item .team-img .normal-text .team-name{color:#fff;font-size:18px;font-weight:700;margin:0;display:block}.team-item .team-img .normal-text .subtitle{color:#fff;font-size:14px;font-weight:400;margin:0;display:block}.team-item .team-img img{width:100%}.team-item .team-content{position:absolute;width:100%;height:100%;top:10%;left:0;text-align:center;z-index:11;padding:30px;opacity:0;-webkit-transition:.3s all ease-out;transition:.3s all ease-out}.team-item .team-content:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.8);z-index:-1;-webkit-transition:.25s opacity ease;transition:.25s opacity ease}.team-item .team-name{margin-bottom:2px}.team-item .team-name a{margin-bottom:6px;font-size:20px;color:#fff;text-transform:capitalize;font-weight:700;position:relative;z-index:111}.team-item .team-name a:hover{color:#fff}.team-item .team-title{position:relative;z-index:111;font-size:14px;color:#fff;padding-bottom:12px}.team-item .team-title:after{position:absolute;left:50%;bottom:0;width:50px;height:2px;background:#ff3115;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%)}.team-item .team-desc{color:#fff;margin-bottom:0;padding-top:12px;margin-top:15px}.team-item .team-social{position:relative;width:100%;text-align:center;z-index:111;opacity:0;margin-top:25px;-webkit-transition:.4s all ease;transition:.4s all ease}.team-item .team-social .social-icon{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#ff3115;margin-right:6px;border-radius:50%}.team-item .team-social .social-icon i{font-size:14px;color:#fff}.team-item .team-social .social-icon:hover{background-color:#e41f05}.team-item:hover .team-content{opacity:1;top:0}.team-item:hover .team-social{opacity:1}.team-item:hover .normal-text{opacity:0;visibility:hidden}.overly-border::before,.overly-border::after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:1}.overly-border::before{border-top:5px solid #f6ad3e;border-bottom:5px solid #f6ad3e;-webkit-transform:scale(0,1);transform:scale(0,1)}.overly-border::after{border-right:5px solid #f6ad3e;border-left:5px solid #f6ad3e;-webkit-transform:scale(1,0);transform:scale(1,0)}.overly-border:after,.team-content:hover .overly-border:before,.team-content:hover .overly-border:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.team-item .team-content:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.8);z-index:-1;-webkit-transition:.25s opacity ease;transition:.25s opacity ease}.display-table{display:table;height:100%;width:100%}.display-table-cell{display:table-cell;vertical-align:middle}.team-item .team-name{margin-bottom:2px}.team-item .team-title:after{position:absolute;left:50%;bottom:0;width:50px;height:2px;background:none repeat scroll 0% 0% #ff3115;content:"";transform:translateX(-50%)}.team-item .team-title{position:relative;z-index:111;font-size:14px;color:#fff;padding-bottom:12px}.gt_icon_kk_with{width:10.11%;padding-left:.5%;padding-right:.5%;display:inline-block;vertical-align:top;margin-bottom:15px}.gt_icon_kk_with img{box-shadow:0 5px 8px rgba(0,0,0,.1);border:1px solid #f2f2f3}.popular-packages{padding:0 0 50px}.popular-packages .section-title{margin-bottom:10px}.package-item{background:#fff;box-shadow:0 0 15px #b7b7b785;margin:30px 0;transition:all ease-in-out .3s}.package-content{padding:25px;border-bottom:1px solid #ddd}.package-content h3{}.package-days{display:inline-block;float:right;font-weight:400;font-size:16px;color:#005294;margin:3px 0 0}.package-content .deal-rating{display:inline-block;margin:9px 0}.package-image{width:100%;height:100%;float:left;overflow:hidden;position:relative;cursor:default;background:linear-gradient(45deg,#f48939 0%,#f48939 100%);margin-bottom:22px}.package-image img{display:block;position:relative;max-width:none;width:calc(100% + 60px)!important;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.package-item:hover{transition:all ease-in-out .3s;transform:translateY(-5px)}.package-item:hover img{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.package-price{right:0;bottom:0;padding:10px 25px 8px;text-align:center;box-shadow:1px 1px 5px #cccccc57;width:100%}.package-price .deal-rating{display:inline-block;margin:0 20px 0 0}.package-price p{margin-bottom:0;font-size:20px;color:#fff;display:inline-block}.package-price span{font-weight:600}.popular-packages .slick-prev{left:-10px;border-color:#fbfbfb}.popular-packages .slick-next{right:-10px;border-color:#fbfbfb}.package-info{text-align:center;margin-top:25px}section.popular-packages .slick-prev{left:-10px;border-color:#fbfbfb}.slider-button .slick-prev,.slider-button .slick-next{height:50px;width:50px;border-radius:50%;border:5px solid #fff;line-height:2;background:none repeat scroll 0% 0% #005294}.slick-prev{left:15px}.slick-prev,.slick-next{font-size:0;position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px;padding:0;cursor:pointer;color:transparent;border:medium;outline:medium;background:none repeat scroll 0% 0% #000;line-height:40px;z-index:1;transition:all .3s ease-in-out 0s}section.popular-packages{padding:0 0 50px}@font-face{font-family:entypo-fontello;src:url(font/entypo-fontello.eot),url(font/entypo-fontello.woff)}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:Courgette Regular;src:url(../fonts/Courgette-Regular.ttf) format("truetype")}@font-face{font-family:Great Vibes;src:url(../fonts/GreatVibes-Regular.ttf) format("truetype")}@font-face{font-family:Raleway Bold;src:url(../fonts/raleway.bold.ttf) format("truetype")}@font-face{font-family:Playball;src:url(../fonts/Playball.ttf) format("truetype")}.modal-open .modal{background-color:rgba(0,0,0,.9)!important}@media only screen and (min-width:200px) and (max-width:767px){.kk_lmps_topbar1{display:none}#container aside.right-sidebar{margin:10px 15px}}@media only screen and (min-width:768px) and (max-width:2000px){.kk_lmps_topbar2{display:none}}@media only screen and (min-width:180px) and (max-width:328px){.kk_lmps_award1{display:none}}@media only screen and (min-width:329px) and (max-width:2000px){.kk_lmps_award2{display:none}}@media only screen and (min-width:200px) and (max-width:500px){.v-heading-v2 h4{font-size:23px!important}.banner_info_kk_2 img{width:20%}}.banner_info_kk{margin-bottom:10px;border-bottom:1px dashed #dfdfdf;padding-bottom:10px}.banner_info_kk i{float:left;margin:7px 20px 0 0;color:#d12a30}.overflow_h_kk{overflow:hidden;text-align:justify}.banner_info_kk_2{margin-bottom:20px}.banner_info_kk_2 img{float:left;margin:7px 20px 0 0}.overflow_h_kk_2{overflow:hidden;text-align:justify}.overflow_h_kk_2 h2{line-height:26px;font-size:20px;margin-top:10px;margin-bottom:10px;text-transform:uppercase}.overflow_h_kk_2 p{font-size:18px;margin:0 0 15px;line-height:21px}body{color:#777;font-size:14px;line-height:21px;font-family:open sans,sans-serif}h1,h2,h3,h4,h5,.custom-caption p,span.dropcap1,span.dropcap2,span.dropcap3,span.dropcap4,.v-call-text,.smash-text,.testimonial-text,.header-advert,.v-icon-character,.v-team-member-name,.v-fancy-heading h1,.v-portfolio-item-info h3,.w-portfolio .w-portfolio-item .w-portfolio-item-title{font-family:raleway bold}.v-page-not-found-wrap h1.v-404,.pricing-column h4,.panel-group .panel-heading a,.v-call-to-action h3{font-family:raleway bold}.kk_box_2{color:#fff!important;font-size:30px;line-height:43px;text-transform:capitalize;font-family:raleway bold}.kk_box_2 a{color:#fff!important;font-size:30px;line-height:43px}.kk_shado{margin-top:-3px}.kk_featured-wrap{text-align:center;display:flex;flex-direction:column;justify-content:center;height:310px;background:none repeat scroll 0% 0% #a4c969;width:25%;float:left;padding:0 25px}.kktrf_lmps{font-family:open sans,sans-serif;margin-top:0;margin-bottom:0;padding-left:15px;font-size:16px;text-transform:uppercase;color:#f89c1d;font-weight:700;letter-spacing:.2px;padding-top:7px;padding-bottom:7px;border-left:3px solid #f5a425}.stu_reg_lmps{background:none repeat scroll 0% 0% rgba(0,0,0,.05);padding:5px 20px;margin-bottom:25px}.kk_vision{font-size:15px;letter-spacing:.2px;line-height:24px;color:#999}.news-item-kk{margin-bottom:20px}.news-item-kk img{float:left;margin-right:20px;margin-bottom:10px}.news-item-kk ul{padding-top:10px;margin:0;list-style:outside none none}.news-item-kk h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;margin-top:2px}.news-item-kk p{font-size:12px;line-height:18px;margin:0}.kklmps_font_12{font-size:12px}.news-item-kk2{margin-bottom:20px}.news-item-kk2 img{margin-bottom:10px}.news-item-kk2 ul{padding-top:10px;margin:0;list-style:outside none none}.news-item-kk2 h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;margin-top:2px}.news-item-kk2 p{font-size:12px;line-height:18px;margin:0}a .news-item-kk2 p{color:#333}a .kklink{text-decoration:none;min-height:111px}a:hover .kklink{box-shadow:0 8px 15px rgba(0,0,0,.2);background-color:rgba(206,231,242,.6)!important}a:hover .kklink h2{color:#0289c8!important}.kk_frame_lmps{padding:15px;background:none repeat scroll 0% 0% #e2e2e2;border:1px dashed #b9b8b8;box-shadow:10px 18px 8px -8px rgba(0,0,0,.4)}.page_title_lmps{float:left;width:100%;text-transform:uppercase;margin-top:0;box-shadow:0 8px 15px rgba(0,0,0,.3);padding:120px 0;background:url(../img/slider/building.jpg) no-repeat scroll center top transparent}.page_title_lmps h2{font-size:35px;line-height:35px;text-align:center;color:#fff}.lmps_kk_tab{border-radius:0 0 4px 4px;box-shadow:0 1px 5px 0 rgba(0,0,0,.04);background-color:#fff;border:1px solid #eee;margin-top:-2px;padding:20px;margin-bottom:30px}.padding-100{padding-bottom:100px!important;padding-top:100px!important}.padding-90{padding-bottom:90px!important;padding-top:90px!important}.padding-80{padding-bottom:80px!important;padding-top:80px!important}.padding-70{padding-bottom:70px!important;padding-top:70px!important}.padding-60{padding-bottom:60px!important;padding-top:60px!important}.padding-50{padding-bottom:50px!important;padding-top:50px!important}.padding-40{padding-bottom:40px!important;padding-top:40px!important}.padding-30{padding-bottom:30px!important;padding-top:30px!important}.no-bottom-padding{padding-bottom:0!important}.no-top-padding{padding-top:0!important}.no-margin{margin:0!important}.no-margin-bottom{margin-bottom:0!important}.no-margin-top{margin-top:0!important}.no-margin-left{margin-left:0!important}.no-margin-right{margin-right:0!important}.pull-bottom{margin-bottom:35px}.pull-bottom-small{margin-bottom:20px}.pull-bottom-big{margin-bottom:45px}.pull-top-small{margin-top:20px}.pull-top{margin-top:35px}.pull-top-big{margin-top:50px}.v-height-mini{height:30px!important}.v-height-small{height:50px!important}.v-height-standard{height:60px!important}.v-height-big{height:100px!important}.v-lead{font-size:14px;line-height:21px}div.center{text-align:center!important}::selection,::-moz-selection{color:#fff}body.modal-open{margin-right:0}label{font-weight:400;font-size:13px;line-height:22px}a{outline:none!important;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none!important}a:hover{text-decoration:none}a:active{outline:none}a:focus{-moz-outline-style:none;outline-style:none;outline:none;text-decoration:none}h1{font-size:24px;line-height:34px;color:#4a4a4a}h2{font-size:20px;line-height:30px}h3{font-size:18px;line-height:24px;font-weight:400;margin-bottom:15px}h4{font-size:16px;line-height:20px;font-weight:400;margin-bottom:15px}h5{font-size:14px;line-height:18px;font-weight:400;margin-bottom:15px}h6{font-size:12px;font-weight:600;line-height:16px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}h6.special{font-weight:600!important;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#323436;margin-bottom:15px}h1 a{color:#4a4a4a}h2,h2 a{color:#4a4a4a}h3,h3 a{color:#4a4a4a}h4,h4 a{color:#4a4a4a}h5,h5 a{color:#4a4a4a}h6,h6 a{color:#4a4a4a}p{margin:0 0 15px;font-size:14px;line-height:21px;font-weight:300}ul{list-style:none;margin:0 0 20px;padding:0}ol{margin:0 0 20px;padding:0 0 0 20px}ul>li>ul,ol>li>ol{margin-left:20px;padding-left:0}dl dt{font-weight:700}dl dd{margin-bottom:20px}dl dt,dl dd{line-height:180%}ul ul,ul ol,ol ol,ol ul{margin-left:0}a.text-link{border-bottom:1px dotted #e3e3e3}.no-js-alert{background:none repeat scroll 0 0 #222;color:#fff;font-size:24px;height:100%;left:0;-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90);padding:20% 5% 0;position:fixed;text-align:center;top:0;width:90%;z-index:9999;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.clearfix{clear:none!important}#container{position:relative;background:#fff}.no-csstransforms3d #container{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform-style:flat;transform-style:flat;position:inherit}iframe{border:0}video.wp-video-shortcode{max-width:100%}table{border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2}table th{font-weight:700}table thead th{text-transform:uppercase}table tr>th{padding-right:20px}table td{padding:5px 10px 5px 0}address{font-style:italic;margin:0 0 24px}img{max-width:100%;height:auto}ins{background:#fff9c0;text-decoration:none}pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;-ms-word-wrap:break-word;word-wrap:break-word;border:1px solid #e4e4e4;border-radius:2px}audio{margin:20px 0}.v-spacer{min-height:0}.v-page-heading.v-bg-stylish.v-bg-stylish-v1.no-space{margin:0!important}.chat-transcript .chat-author{font-weight:700}.nicescroll-rails{background:#fff;width:5px!important}.nicescroll-rails>div{width:5px!important;border:0!important;background:#666!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!important;border-radius:6px!important}.fw-row{margin-left:0;margin-right:0}.row.fw-row .coloured-box-wrap .col-sm-2,.row.fw-row .coloured-box-wrap .col-sm-3,.row.fw-row .coloured-box-wrap .col-sm-4{padding-left:0;padding-right:0}.row.fw-row .coloured-box-wrap .btn.v-btn{margin-top:10px}.row.fw-row .coloured-box-wrap .coloured-box-inner{padding:12%;color:#fff}.single .container .body-text>.container{margin-left:-15px;max-width:100%}.modal-body .container{max-width:100%}.white-color{color:#fff!important}div.white-color{color:#fff!important}div.base-color h3,div.base-color h4,div.base-color h5,div.base-color h6,div.base-color{color:#555!important}.v-bg-color{background-color:#f7f7f7!important}figure{margin:0}figure img{width:100%;height:auto}.img-service{margin-top:60px}.img-service .image-caption{padding:15px}.img-service .image-caption h3{margin-top:0}.portfolio-block figure img{border:5px #e5e5e5 solid}figure a{display:block}figure .overlay{width:100%;height:100%;position:absolute;display:block;z-index:3;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-left:-.6px;padding-right:.6px}figure:hover>a>.overlay{-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90);margin-top:-1.6px;padding-bottom:1.6px}figure.animated-overlay figcaption{background-color:rgba(6,84,152,.8)}figure.animated-overlay.transparent figcaption{background-color:transparent}figure.animated-overlay figcaption .thumb-info h4,figure.animated-overlay figcaption .thumb-info h5,figcaption .thumb-info-excerpt p{color:#fff}figure.animated-overlay figcaption .thumb-info i{background:#222;color:#fff;cursor:pointer!important;-webkit-transform:scale(.5) rotate(-90deg);-moz-transform:scale(.5) rotate(-90deg);-ms-transform:scale(.5) rotate(-90deg);-o-transform:scale(.5) rotate(-90deg);transform:scale(.5) rotate(-90deg);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}figure.animated-overlay figcaption .thumb-info i.fa-angle-right:before{content:'\E832';font-family:entypo-fontello}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-o-keyframes rotate{0%{-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotate{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}figcaption .thumb-info{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}figcaption .thumb-info h4{line-height:20px;padding:0 5%;font-family:open sans,sans-serif;width:100%;color:#deff00!important;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-align:center;-moz-text-shadow:0 0 5px rgba(0,0,0,.2);-webkit-text-shadow:0 0 5px rgba(0,0,0,.2);text-shadow:0 0 5px rgba(0,0,0,.2);position:absolute;bottom:44px}figcaption .thumb-info-extended h4{margin-top:-60px}figcaption .thumb-info-extended h5{padding:0 5%;font-family:open sans,sans-serif;width:100%;position:absolute;bottom:5px}figcaption .thumb-info a:hover{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}figcaption .thumb-info i{font-size:22px;line-height:33px;padding:14px;border-radius:50%;height:34px;width:34px;display:block;-moz-text-shadow:0 0 5px rgba(0,0,0,.2);-webkit-text-shadow:0 0 5px rgba(0,0,0,.2);text-shadow:0 0 5px rgba(0,0,0,.2);text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;position:absolute;left:50%;top:47%;margin:-24px 0 0 -24px}figcaption .thumb-info-v2 i{font-size:30px;line-height:47px;padding:10px;border-radius:50%;height:50px;width:50px;top:50%;margin-top:-28px;margin-left:-27px;left:50%;position:absolute}figcaption .thumb-info-excerpt h4{line-height:20px;margin-bottom:0;padding:0 5%;width:100%;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;-moz-text-shadow:0 0 5px rgba(0,0,0,.2);-webkit-text-shadow:0 0 5px rgba(0,0,0,.2);text-shadow:0 0 5px rgba(0,0,0,.2);position:absolute;top:40%;margin-top:-40px}figcaption .thumb-info-excerpt p{line-height:22px;margin-bottom:0;padding:0 5%;width:100%;text-align:center;-moz-text-shadow:0 0 5px rgba(0,0,0,.2);-webkit-text-shadow:0 0 5px rgba(0,0,0,.2);text-shadow:0 0 5px rgba(0,0,0,.2);position:absolute;top:40%;margin-top:0}figcaption .thumb-info-excerpt i{display:none}figure.animated-overlay{position:relative;overflow:visible;z-index:2}figure.animated-overlay>a{width:100%;height:100%;position:absolute;top:0;left:0;z-index:4}figure.animated-overlay>a:hover{background:rgba(255,0,0,.2)}figure.animated-overlay .thumb-slider ul.slides li a{position:relative;z-index:2}figure.animated-overlay figcaption{height:100%;width:100%;display:block;opacity:0;filter:alpha(opacity=0);text-align:center;position:absolute;z-index:1;top:0;left:0;-moz-background-size:cover;background-size:cover;background-position:center center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.browser-ie figure.animated-overlay figcaption,.browser-ie10 figure.animated-overlay figcaption{background-image:none}figure.animated-overlay:hover figcaption{opacity:1;filter:alpha(opacity=100)}figure.animated-overlay.overlay-alt:hover figcaption{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.v-portfolio-item-info h3{font-size:13px;font-weight:600;margin-top:10px}article.notice{background:#d12a30;color:#fff;padding:0;text-align:left;font-family:open sans,sans-serif;font-size:14px}article.notice span{display:inline-block;padding-top:8px}article.notice a{color:#fff;float:right;display:inline-block;background:#e86f56;padding:8px 15px;margin-right:15px}.normal-txt{font-size:18px;text-align:center;margin-bottom:25px}.portfolio-block .item{margin:0 10px}.curved-bar-styling{border:1px solid #e4e4e4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}ul.bar-styling{height:auto;overflow:hidden}ul.page-numbers{float:right}ul.bar-styling li,ul.page-numbers li{float:left;display:block}ul.bar-styling li>a,ul.bar-styling li>div,ul.page-numbers li>a,ul.page-numbers li>span{padding:7px 15px;border:1px solid transparent;display:block;margin-right:-1px;text-decoration:none;height:auto;overflow:hidden}ul.bar-styling li>form input{border:1px solid transparent;display:block;margin-right:-1px;overflow:hidden;padding:10px 14px;height:40px;font-size:14px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}ul.bar-styling li:first-child a,ul.bar-styling li:first-child div,ul.page-numbers li:first-child a,ul.page-numbers li:first-child span{-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}ul.bar-styling li:last-child a,ul.bar-styling li:last-child div,ul.page-numbers li:last-child a,ul.page-numbers li:last-child span{-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}ul.page-numbers li a.prev i,ul.page-numbers li a.next i{height:10px;display:inline-block;vertical-align:-3px}.v-pagination li a:hover,ul.bar-styling li:not(.selected)>a:hover,ul.bar-styling li>.comments-likes:hover,ul.page-numbers li>a:hover,ul.page-numbers li>span.current{color:#fff!important}ul.bar-styling li>.comments-likes:hover *{color:#fff!important}.v-pagination li a,.v-pagination li span,.v-pagination li span.expand,ul.bar-styling li>a,ul.bar-styling li>div,ul.page-numbers li>a,ul.page-numbers li>span,.curved-bar-styling,ul.bar-styling li>form input{border-color:#e4e4e4}ul.bar-styling li>a,ul.bar-styling li>span,ul.bar-styling li>div,ul.bar-styling li>form input{background-color:#fff}ul.bar-styling li.facebook>a:hover{color:#fff!important;background:#3b5998;border-color:#3b5998}ul.bar-styling li.twitter>a:hover{color:#fff!important;background:#4099ff;border-color:#4099ff}ul.bar-styling li.google-plus>a:hover{color:#fff!important;background:#d34836;border-color:#d34836}ul.bar-styling li.pinterest>a:hover{color:#fff!important;background:#cb2027;border-color:#cb2027}.top_line{background:#000}.contact-top{list-style:none;padding:0;color:#dfdfe0}.contact-top li:first-child{padding-left:0}.contact-top li{float:left;padding:0 10px;line-height:34px;border-right:1px solid #7e8792;font-size:12px;font-weight:300}.contact-top li i{font-size:12px;margin-right:5px}ul.social-links{float:right;margin:0;padding:0;list-style:none;font-size:17px}ul.social-links li{float:left;list-style:none;border-right:1px solid #7e8792;padding:1px 10px}ul.social-links li a{display:inline-block;color:#dfdfe0;line-height:33px}.modal-header{padding:22px 30px;border-top-left-radius:5px;border-top-right-radius:5px;background:#f7f7f7}.modal-header h2,.modal-header h3{margin:0}.modal-header .close{margin-top:2px;outline:none!important}.modal-body{padding:20px 30px}.viewer li{-webkit-transition:width 500ms cubic-bezier(.075,.82,.165,1);-moz-transition:width 500ms cubic-bezier(.075,.82,.165,1);-o-transition:width 500ms cubic-bezier(.075,.82,.165,1);transition:width 500ms cubic-bezier(.075,.82,.165,1)}.viewer .caption{visibility:hidden;opacity:0;-webkit-transition:opacity 1.5s ease-in-out;-moz-transition:opacity 1.5s ease-in-out;-o-transition:opacity 1.5s ease-in-out;transition:opacity 1.5s ease-in-out}.viewer .current .caption{opacity:100;visibility:visible}.viewer .close:hover{color:#fff}.grid{list-style:none}.grid>li{display:block;float:left;opacity:0}.grid>li.shown,.no-js .grid>li,.no-cssanimations .grid>li,.grid.no-effect>li{opacity:1}.grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;-moz-animation:fadeIn .65s ease forwards;-o-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}.grid.effect-2 li.animate{-webkit-transform:translateY(200px);-moz-transform:translateY(200px);-ms-transform:translateY(200px);-o-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;-o-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}.grid.effect-3 li.animate{-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);-webkit-animation:scaleUp .65s ease-in-out forwards;-moz-animation:scaleUp .65s ease-in-out forwards;-o-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards}.grid.effect-4{-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;perspective:1300px}.grid.effect-4 li.animate{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(300px) rotateX(-90deg);-moz-transform:translateY(300px) rotateX(-90deg);-ms-transform:translateY(300px) rotateX(-90deg);-o-transform:translateY(300px) rotateX(-90deg);transform:translateY(300px) rotateX(-90deg);-webkit-animation:fallPerspective .8s ease-in-out forwards;-moz-animation:fallPerspective .8s ease-in-out forwards;-o-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards}.grid.effect-5{-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;perspective:1300px}.grid.effect-5 li.animate{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;-moz-animation:fly .8s ease-in-out forwards;-o-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}.grid.effect-6{-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;perspective:1300px}.grid.effect-6 li.animate{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(-80deg);-moz-transform:rotateX(-80deg);-ms-transform:rotateX(-80deg);-o-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;-moz-animation:flip .8s ease-in-out forwards;-o-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards}.grid.effect-7{-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;perspective:1300px}.grid.effect-7 li.animate{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;-moz-animation:helix .8s ease-in-out forwards;-o-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards}.grid.effect-8{-webkit-perspective:1300px;-moz-perspective:1300px;-ms-perspective:1300px;perspective:1300px}.grid.effect-8 li.animate{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4);-webkit-animation:popUp .8s ease-in forwards;-moz-animation:popUp .8s ease-in forwards;-o-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards}.flexslider{background:0 0;border:0;width:100%;z-index:2;display:block;position:relative;overflow:hidden}.flexslider ul.slides{background:0 0;margin:0;height:auto;overflow:hidden;list-style:none!important}.flexslider .slides>li{position:relative;text-align:center;overflow:hidden;margin:0;display:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flexslider .slides li img{max-width:100%;width:100%;height:auto;display:block!important}.flex-direction-nav,.flex-direction-nav li{margin:0;padding:0;list-style:none}.flex-direction-nav a,.carousel-wrap a.next,.carousel-wrap a.prev{width:38px;height:38px;margin:-19px 0 0;display:block;background:transparent url(../img/base/showcase-nav.png) no-repeat center left;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;filter:alpha(opacity=0);-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:3}.flex-direction-nav .flex-next{background-position:center right;right:-36px}.flex-direction-nav .flex-prev{left:-36px}.carousel-wrap>a{color:#4a4a4a}.carousel-wrap a.prev{left:-10px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.carousel-wrap a.next{right:-10px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);background-position:center right}.carousel-wrap:hover a.next,.carousel-wrap:hover a.prev{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0)!important;pointer-events:none}.carousel-wrap{position:relative;margin-right:-11px;margin-left:-11px}.content-slider{position:static}.content-slider .flex-direction-nav .flex-next{right:20px!important}.content-slider .flex-direction-nav .flex-prev{left:20px!important}.flexslider:hover .flex-next{opacity:1;filter:alpha(opacity=100);right:20px!important}.flexslider:hover .flex-prev{opacity:1;filter:alpha(opacity=100);left:20px!important}.tp-caption a.btn.v-btn{margin-right:0}.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.thumb-slider .flex-direction-nav{height:100%;position:absolute;top:0;width:100%}.thumb-slider .flex-direction-nav li{position:relative!important;left:auto!important;top:50%!important}.thumb-slider .flex-direction-nav a,.gallery-slider .flex-direction-nav a,.gallery-nav .flex-direction-nav a,.item-slider .flex-direction-nav a{height:38px;width:36px;background:transparent url(../img/base/slider-nav.png) no-repeat center left}.thumb-slider .flex-prev,.thumb-slider:hover .flex-prev,.gallery-slider .flex-prev,.gallery-slider:hover .flex-prev,.gallery-nav .flex-prev,.gallery-nav:hover .flex-prev,.item-slider .flex-prev,.item-slider:hover .flex-prev{left:0!important}.thumb-slider .flex-next,.thumb-slider:hover .flex-next,.gallery-slider .flex-next,.gallery-slider:hover .flex-next,.gallery-nav .flex-next,.gallery-nav:hover .flex-next,.item-slider .flex-next,.item-slider:hover .flex-next{right:0!important}.thumb-slider .flex-direction-nav a.flex-next,.gallery-slider .flex-direction-nav a.flex-next,.gallery-nav .flex-direction-nav a.flex-next,.item-slider .flex-direction-nav a.flex-next{background-position:center right}.thumb-slider:hover .flex-direction-nav a.flex-prev,.gallery-slider:hover .flex-direction-nav a.flex-prev,.gallery-nav:hover .flex-direction-nav a.flex-prev,.item-slider:hover .flex-direction-nav a.flex-prev{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.thumb-slider:hover .flex-direction-nav a.flex-next,.gallery-slider:hover .flex-direction-nav a.flex-next,.gallery-nav:hover .flex-direction-nav a.flex-next,.item-slider:hover .flex-direction-nav a.flex-next{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.flex-control-nav{position:absolute;bottom:20px;margin:0;z-index:4;list-style:none!important;text-align:center;width:100%}.flex-control-nav li{display:inline-block;margin-right:5px;margin-bottom:0}.flexslider .flexslider-caption{position:absolute;bottom:0;z-index:10;padding-top:12px;padding-bottom:12px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background:rgba(0,0,0,.6);left:0%;right:0%}.flex-control-nav li a{color:#fff}.flex-control-nav li a:hover{cursor:pointer}.flex-control-nav li a.flex-active{-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.flex-pauseplay{position:absolute;color:#fff;bottom:18px;left:20px;font-size:13px;height:13px}.flex-pauseplay span:before{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit}.flex-pauseplay .pause:before{content:"\f04c"}.flex-pauseplay .play:before{content:"\f04b"}.blog-slider .flex-pauseplay,.thumb-slider .flex-pauseplay{bottom:16px;font-size:11px;height:13px}.flex-pauseplay:hover{cursor:pointer}.flex-pauseplay span{height:11px;display:block;line-height:13px}.thumb-slider .flex-control-nav,.thumb-slider .flex-pauseplay{display:none}p.flex-caption{text-shadow:none;background:rgba(0,0,0,.4)}.item-slider p.flex-caption{position:absolute;bottom:0;padding:15px 25px;color:#fff;margin:0;font-size:16px;right:0}.custom-caption{position:absolute;z-index:2;top:60px;left:60px;width:auto;max-width:500px}.custom-caption p{text-align:left;width:auto;font-size:24px;padding:0 4px 2px;line-height:28px;margin-bottom:0;text-decoration:underline;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.ls-wp-fullwidth-container{min-height:100px}.ls-container .ls-nav-prev,.ls-container .ls-nav-next{background-image:url(../img/base/slider-nav.png)!important;background-position:center left!important;width:36px!important;height:38px!important;-moz-transition:all .3s ease-in-out!important;-webkit-transition:all .3s ease-in-out!important;-o-transition:all .3s ease-in-out!important;transition:all .3s ease-in-out!important;opacity:0;filter:alpha(opacity=0)}.ls-container .ls-nav-prev{left:0!important}.ls-container .ls-nav-next{background-position:center right!important;right:0!important}.ls-container:hover .ls-nav-prev,.ls-container:hover .ls-nav-next{opacity:1;filter:alpha(opacity=100)}.v-rev-slider{height:450px}.v-rev-slider .v-slider-overlay{background-repeat:repeat;background-position:center center;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.8;background-image:url(../img/base/video-overlay-1.png)}.v-rev-slider .v-slider-overlay.overlay-colored{background-color:#6dbfec;opacity:.4}.v-overlay-colored{background-repeat:repeat;background-position:center center;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.8}img.size-full{max-width:100%;height:auto}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter,img.alignleft,img.alignright,img.alignnone{max-width:100%}.align-left{text-align:left}.align-right{text-align:right}.no-margin{margin:0}.img-link{display:block}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-ms-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity}.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}body.boxed-layout{width:1000px;margin:0 auto;background:#f1f1f1}body.boxed-layout #container{box-shadow:0 0 7px rgba(0,0,0,.15)}.bg-special{background:0 0;background-image:url(../img/irongrip.html)!important;background-attachment:scroll;background-size:initial;background-position:50% 50%;background-repeat:repeat}#back-to-top{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgba(0,0,0,.4);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);box-shadow:inset 0 0 5px rgba(0,0,0,.1);position:fixed;bottom:-40px;right:20px;z-index:1000;padding:10px 15px;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;color:#fff}#back-to-top i.fa{font-size:19px}.v-page-wrap{margin-bottom:80px;padding-top:35px;padding-bottom:0;overflow:hidden}.v-page-wrap1{background-image:-webkit-linear-gradient(-55deg,#f2f4f8 0%,#e7eaf0 100%);background-image:-moz-linear-gradient(-55deg,#f2f4f8 0%,#e7eaf0 100%);background-image:-ms-linear-gradient(-55deg,#f2f4f8 0%,#e7eaf0 100%);background-image:-o-linear-gradient(-55deg,#f2f4f8 0%,#e7eaf0 100%);background-image:linear-gradient(-55deg,#f2f4f8 0%,#e7eaf0 100%);padding-top:50px;padding-bottom:50px;overflow:hidden}.metrics-wrap{background-image:-webkit-linear-gradient(144deg,#477bff 0%,#4eb2ff 100%);background-image:-moz-linear-gradient(144deg,#477bff 0%,#4eb2ff 100%);background-image:-ms-linear-gradient(144deg,#477bff 0%,#4eb2ff 100%);background-image:-o-linear-gradient(144deg,#477bff 0%,#4eb2ff 100%);background:url(../img/base/base.html) no-repeat center center,linear-gradient(144deg,#477bff 0%,#4eb2ff 100%);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;padding:60px 0 40px 0;text-align:center}.metrics-wrap i{font-size:38px;color:#fff}.v-page-wrap.no-bottom-spacing{margin-bottom:0}.v-page-wrap.no-top-spacing{margin-top:0}aside.left-sidebar.sticky{float:none;position:fixed;z-index:6;left:auto;padding-top:100px!important}aside.right-sidebar.sticky{float:none;position:fixed;z-index:6;right:auto;padding-top:100px!important}.has-left-sidebar aside.sidebar{float:left}.has-left-sidebar>article,.has-left-sidebar .type-page,.has-left-sidebar .archive-page,.has-left-sidebar .push-right{float:right!important}.has-both-sidebars aside.left-sidebar{float:left}.has-both-sidebars aside.right-sidebar{float:right}.has-both-sidebars>article,.has-both-sidebars .type-page,.has-both-sidebars .archive-page{float:left}.has-both-sidebars .page-content{float:right!important}.page-content{border-bottom:0 solid transparent}.page-content>ul{list-style:disc inside none}.search-no-results .page-content>h3{margin-top:0}.has-both-sidebars aside.sidebar{padding-top:0}.v-bg-stylish{margin:0;padding:55px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}.fw-row .v-bg-stylish{padding-bottom:0}.v-heading i{font-size:20px;margin-right:10px;display:inline-block;vertical-align:-1px}.heading-wrap{position:relative;z-index:2}h4.v-heading,h3.v-heading,h4.v-line-heading{line-height:2px!important;text-align:left;padding:10px 0;margin-top:0;max-width:100%;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}h3.v-heading{margin-bottom:28px}h4.v-heading span,h3.v-heading span,h4.v-line-heading span{display:inline-block;position:relative}h4.v-heading span:before,h4.v-heading span:after,h3.v-heading span:before,h3.v-heading span:after,h4.v-line-heading span:before,h4.v-line-heading span:after{content:"";position:absolute;height:7px!important;border-top:1px solid #e9e9e9;top:1px;width:1200px}aside h4.v-heading span:before,aside h4.v-heading span:after{display:none}h3.spb-icon-heading span:before,h3.spb-icon-heading span:after{top:11px}h4.v-heading span:before,h3.v-heading span:before,h4.v-line-heading span:before{right:100%;margin-right:15px}h4.v-heading span:after,h3.v-heading span:after,h4.v-line-heading span:after{left:100%;margin-left:15px}h4.v-center-heading span:before,h3.v-center-heading span:before,h4.v-center-heading span:after,h3.v-center-heading span:after{max-width:30px;margin:0 -10px}h3.v-center-heading,h4.v-center-heading{display:block!important;max-width:100%;margin:20px auto 45px;text-align:center;font-weight:600}h3.v-center-heading span,h4.v-center-heading span{padding:0 20px;position:relative;z-index:5}.slider-wrap .heading-wrap{text-align:center;margin-bottom:10px}.v-full-width-text h4.v-heading:before,.v-bg-stylish h4.v-heading:before{border:0}.v-full-width-text h4.v-heading span,.v-bg-stylish h4.v-heading span{background:0 0!important}h4.v-heading span:before,h4.v-heading span:after,h3.v-heading span:before,h3.v-heading span:after,h4.v-line-heading span:before,h4.v-line-heading span:after{border-color:#ddd}h4.v-heading:before,h3.v-heading:before,h4.v-line-heading:before{border-top-color:#e4e4e4}.no-shadow{box-shadow:none!important}.v-bg-stylish .carousel-wrap .heading-wrap{text-align:center}.v-bg-stylish h4.v-heading{display:inline-block}.v-heading-v2{display:block;margin-bottom:25px}.v-heading-v2 h2,.v-heading-v2 h3,.v-heading-v2 h4{margin:0 0 -2px;padding-bottom:7px;display:inline-block;border-bottom-width:3px;border-bottom-style:solid;letter-spacing:normal;font-size:30px}.v-heading-v2 span{margin-left:8px;font-size:10px;padding:2px 4px;border-radius:50%;font-weight:600;color:#fff;padding-top:1px}.v-heading-v3{display:block;margin-bottom:30px}.v-heading-v3 p{margin-bottom:0;color:#777;font-weight:300}.v-heading-v3 h1,.v-heading-v3 h2,.v-heading-v3 h3,.v-heading-v3 h4{margin:0;padding-bottom:12px}.v-heading-v3 .horizontal-break{margin:0;width:45px}.help-text{font-size:18px;line-height:26px;margin-bottom:60px}.help-text .search-form{margin-bottom:40px}.help-text .search-form input{font-size:14px}.help-text a.btn.v-btn{margin:0;text-transform:uppercase}.no-results-text{margin-top:20px}.no-results-text p{margin-bottom:15px}.no-results-text .search-form input{margin-top:0;margin-bottom:60px}.v-page-heading{padding-top:26px;padding-bottom:22px;margin-top:0;margin-bottom:0!important;position:relative;text-align:left;border-bottom:1px solid transparent;border-top:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.header-overlay .v-page-heading{padding-top:125px}.v-page-heading .heading-text{float:left;margin-left:0}.v-page-heading .heading-text h1{color:#fff!important}.v-page-heading h1{margin-top:0;margin-bottom:0;white-space:nowrap;font-size:22px}.v-page-heading h3{margin-bottom:0}.v-page-heading.v-fancy-heading{background-attachment:local;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-repeat:repeat;background-position:50% 0;text-align:center;padding-top:120px;padding-bottom:120px;display:none}.v-page-heading{background-color:#f7f7f7;border-bottom-color:#e4e4e4}.v-fancy-heading h1{font-size:38px;line-height:48px;letter-spacing:inherit}.v-fancy-heading.v-fancy-image.light-style h1,.v-fancy-heading.v-fancy-image.light-style h3{color:#fff!important}.v-fancy-heading.v-fancy-image.dark-style h1,.v-fancy-heading.v-fancy-image.dark-style h3{color:#222!important}.v-page-heading.v-fancy-heading.v-fancy-top-header{padding-top:180px;padding-bottom:120px}.v-page-heading.v-fancy-heading.v-fancy-top-header-2x{padding-top:70px;padding-bottom:70px}.v-page-heading.v-fancy-heading.v-fancy-top-header-3x{padding-top:300px;padding-bottom:240px}.v-fancy-heading.v-fancy-top-header .heading-text .v-fancy-heading.v-fancy-top-header-2x .heading-text .v-fancy-heading.v-fancy-top-header-3x .heading-text{float:left}.v-fancy-heading.v-fancy-top-header.v-fancy-image.light-style h2 .v-fancy-heading.v-fancy-top-header-2.v-fancy-image.light-style h2 .v-fancy-heading.v-fancy-top-header-3.v-fancy-image.light-style h2{margin-top:0;margin-left:0;float:left;opacity:.7}.v-pagination{margin-top:30px;clear:both}.v-pagination li span.current{-moz-box-shadow:inset 0 0 9px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 9px rgba(0,0,0,.1);box-shadow:inset 0 0 9px rgba(0,0,0,.1);border-color:#e4e4e4}.paged .v-pagination{display:block!important;visibility:visible!important}.v-pagination ul{height:auto;overflow:hidden;margin:15px 0}.v-pagination li{float:left;display:inline-block;margin-bottom:0}.v-pagination li:first-child{border-left:0}.v-pagination li a{padding:10px 16px;border:1px solid transparent;display:block;margin-right:-1px;text-decoration:none}.v-pagination li span{padding:8px 16px;border:1px solid transparent;display:block;margin-right:-1px;text-decoration:none}.v-pagination li.next a{margin-left:-1px}.v-pagination li i{margin-left:3px;margin-right:4px}.v-pagination a,.v-pagination a:hover{text-decoration:none}.v-pagination a,.search-pagination a{color:#444}.v-pagination .nav-previous{text-align:left;float:left;max-width:45%;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.pagination>li>a,.pagination>li>span{border:1px solid #e4e4e4;color:#444;font-size:13px}.pagination>li:not(.active)>a:hover,.pagination>li:not(.active)>span:hover{color:#fff!important}.pagination>.active>a,.pagination>.active>a:hover{background-color:#f3f3f3;border-color:#e4e4e4;color:#444;font-weight:700}.pagination-lg>li:first-child>a{border-top-left-radius:2px;border-bottom-left-radius:2px}.pagination-lg>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}#container aside.right-sidebar{padding-top:10px;padding-bottom:0;border:solid 1px #e5e5e5;width:25%!important;padding-left:20px;background:#f8f8f8;margin-top:10px}#container .has-right-sidebar .col-sm-9{padding-right:30px!important;width:75%!important;padding-left:20px!important}#container .has-left-sidebar .col-sm-9{border-left:solid 1px #ebebeb;margin-left:-1px;padding-left:30px!important;width:75%!important;padding-right:20px!important}#container aside.left-sidebar{margin-top:-50px;padding-top:50px;padding-bottom:70px;border-right:solid 1px #ebebeb;margin-bottom:-50px!important;width:25%!important;padding-right:26px}.sidebar .widget hr{border-color:#e4e4e4}.sidebar .widget-heading h4{letter-spacing:.2px;line-height:23px;font-size:18px;margin-bottom:10px}.sidebar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sidebar.left-sidebar{padding-right:20px}.sidebar.right-sidebar{padding-left:20px}.sidebar .widget_heading{margin-top:-6px}.sidebar object,.sidebar object>img .sidebar embed{width:100%;max-width:100%}.sidebar object>img{height:auto}.sidebar a:hover{text-decoration:none}.sidebar .v-heading-v2{margin-bottom:20px!important}.sidebar p{margin:0 0 20px}.sidebar .list-group{margin-left:-26px}.sidebar .v-nav-menu-widget ul>li a{padding:8px 15px;border-bottom:1px solid #ebebeb!important;padding-left:30px;font-size:14px;color:#333}.sidebar .v-category-widget ul>li a,.sidebar .v-archive-widget ul>li a,.sidebar .v-meta-data-widget ul>li a,.sidebar .v-recent-entry-widget ul>li{border-bottom:1px solid #ebebeb;font-size:13px}.list-toggle:after{top:9px;right:10px;font-size:14px;content:"\f105";position:absolute;font-weight:400;display:inline-block;font-family:FontAwesome}.sidebar .list-group span.badge{margin-top:9px;margin-right:10px}.sidebar .v-nav-menu-widget ul>li a i.fa{width:20px;font-size:14px;opacity:.9}.sidebar .list-group .accordion-toggle{background-color:transparent;box-shadow:none}.sidebar .list-group .list-group-item{padding:0;border-left:0!important;border-bottom:1px solid #f7f7f7;border-right:0!important}.sidebar.left-sidebar .list-group{margin-left:0;margin-right:-26px}.sidebar.left-sidebar .v-nav-menu-widget ul>li a{padding-left:5px}.sidebar .v-nav-menu-widget ul>li a i[class*=icon-]{width:20px;font-size:13px;margin-right:2px;display:inline-block;vertical-align:-1px}.sidebar .v-nav-menu-widget ul>li.active{border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;background:#fafafa;border-left-width:1px;border-left-style:solid}.sidebar .v-nav-menu-widget ul>li a:before{content:' '}.v-sidebar-content-wrap{padding-top:40px;padding-bottom:26px}.v-right-sidebar-wrap{padding-top:40px;padding-bottom:60px}.v-right-sidebar-nav .v-sidebar-content-wrap{padding-right:15px;padding-left:30px}.v-right-sidebar-nav .v-sidebar-content-wrap .tab-content{padding:0;box-shadow:none;border:0 solid #fff}.v-right-sidebar-nav .v-right-sidebar-wrap{padding-right:30px;padding-left:15px;border-right:1px solid #e5e5e5}.v-right-sidebar-inner{position:relative;z-index:101;margin:0 0 2em;border-top:1px solid #e5e5e5}.v-right-sidebar-inner>li{padding:0;margin:0}.v-right-sidebar-inner>li>a{padding:11px 10px!important;color:#666;border-bottom:1px solid #e5e5e5;outline:none}.v-right-sidebar-inner>li>a .fa{width:1em;margin-right:9px;font-size:1.15em;text-align:center}.v-right-sidebar-inner>li>a:hover{background-color:#f4f4f4}.v-right-sidebar-inner>.active>a,.v-right-sidebar-inner>.active>a:focus,.v-right-sidebar-inner>.active>a:hover{background-color:#fff}.v-right-sidebar-inner>li+li{margin-top:0}.v-right-sidebar-nav .v-right-sidebar-inner{margin-left:0;margin-right:-31px}.v-right-sidebar-nav .v-right-sidebar-inner>li{margin:0 1px 0 0}.v-right-sidebar-nav .v-right-sidebar-inner>.active{margin-right:0}.widget{padding-bottom:50px}.sidebar .v-nav-menu-widget .list-group-item{background:0 0}.sidebar .v-nav-menu-widget .list-group{margin-left:-20px;margin-right:-15px}.sidebar .sidebar .v-nav-menu-widget ul>li a{padding-left:10px}.widget ul{margin:0;list-style:none}.widget ul li{margin-bottom:0;line-height:19px}.widget ul.v-list li{line-height:180%}.v-recent-comments-widget ul li{padding:10px 0}.widget ul li>a{padding:10px 0;display:block}.widget a{text-decoration:none}.widget a:hover{text-decoration:underline}.v-category-widget ul>li,.v-archive-widget ul>li,.v-nav-menu-widget ul>li,.v-recent-comments-widget ul>li,.v-meta-data-widget ul>li,.v-recent-entry-widget ul>li{border-top:1px solid transparent}.v-category-widget ul>li:first-child,.v-archive-widget ul>li:first-child,.v-nav-menu-widget ul>li:first-child,.v-recent-comments-widget ul>li:first-child,.v-meta-data-widget ul>li:first-child,.v-recent-entry-widget ul>li:first-child{border-top:0}.v-category-widget ul>li a:hover,.v-archive-widget ul>li a:hover,.v-nav-menu-widget ul>li a:hover,.v-meta-data-widget ul>li a:hover,.v-recent-entry-widget ul>li a:hover{text-decoration:none}.v-archive-widget ul>li a:before,.v-nav-menu-widget ul>li a:before,.v-meta-data-widget ul>li a:before{content:"\f105";font-family:FontAwesome;font-weight:400;font-style:normal;display:block;float:right;text-decoration:inherit;font-size:14px}.v-nav-menu-widget ul.sub-menu{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-left:0;border-right:0;border-bottom:0}.v-nav-menu-widget ul.sub-menu li{padding-left:15px}.widget .wp-tag-cloud{margin:0;padding:0;list-style:none;height:auto;overflow:hidden}.widget .wp-tag-cloud li a{background:#f7f7f7;border-color:#e4e4e4}.widget .tagcloud a:hover,.widget ul.wp-tag-cloud li:hover>a{color:#fff}.widget .wp-tag-cloud li{float:left;margin-bottom:4px}.widget ul.wp-tag-cloud li>a{margin-right:4px;padding:5px 8px;text-decoration:none;-webkit-border-radius:2px;border-radius:2px;border:1px solid #4a4a4a;font-size:11px!important;-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center;background-color:#4a4a4a;color:#fff}.widget .wp-tag-cloud li>a:hover{border-color:transparent;background-image:url(../img/crease.html)}.browser-ie .widget .wp-tag-cloud li>a:hover,.browser-ie10 .widget .wp-tag-cloud li>a:hover{background-image:none}.sidebar .v-recent-entry-widget span.post-date{display:block;line-height:13px;font-size:11px;color:#999;margin-bottom:15px;margin-top:-5px}.widget-video iframe{width:100%}.widget.v-photo-stream-widget li{height:75px;width:75px;padding:0;border:0;overflow:hidden;float:left;display:inline-block;position:relative;margin:0 7px 7px 0;background-image:url(../img/crease.html);-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#fff}.browser-ie .widget.v-photo-stream-widget li,.browser-ie10 .widget.v-photo-stream-widget li{background-image:none}.v-photo-stream-widget li img{height:75px;width:auto;min-height:75px;min-width:75px;display:block;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.v-photo-stream-widget li:hover img{-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.widget ul.v-photo-stream-images li a{padding:0}.widget ul.v-photo-stream-images li a:after{content:'\E832';font-family:entypo-fontello;font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;font-size:20px;position:absolute;right:50%;top:50%;margin-top:-8px;margin-right:-10px;color:#999;opacity:0;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.widget ul.v-photo-stream-images li:hover a:after{opacity:1}.browser-ie .widget ul.v-photo-stream-images li a:after{display:none}.widget ul.v-photo-stream-images li a:after,.portfolio-grid li a:after{color:#fff}.widget.v-search-widget{padding-bottom:35px}.v-search-widget form{position:relative;margin-bottom:0}.v-search-widget form input{margin:0;border:1px solid #e3e3e3;width:100%;height:42px;font-size:13px;line-height:19px;padding-left:15px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;border-color:#e4e4e4}.v-search-widget form input[type=submit]{visibility:hidden;height:0;padding:0}.v-search-widget form:after{font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;font-size:15px;padding-right:15px;position:absolute;float:right;top:11px;right:0;color:#8e8e8e;content:"\f002";cursor:pointer;font-family:fontawesome}footer{padding:30px 0 10px;border-top:1px solid #ebe9e9;border-top-width:1px;background:url(../img/ftr.jpg) repeat}.footer-v2 footer{background:#f7f7f7;border-top:3px solid #eee;padding:45px 0;padding-bottom:30px}footer,footer p{color:#777;line-height:21px}.footer-v2 footer,.footer-v2 footer p{color:#666}footer .widget ul li,footer .v-category-widget ul,footer .v-archive-widget ul,footer .v-nav-menu-widget ul,footer .v-recent-comments-widget ul,footer .v-meta-data-widget ul,footer .v-recent-entry-widget ul{border-color:#eaeaea}footer .widget hr{border-color:#4a4a4a}footer h4{margin-top:0;margin-bottom:10px;padding-bottom:0;font-size:12px;line-height:23px;display:inline-block;width:auto;color:#f4c204!important;font-family:raleway bold;font-size:14px;color:#fff;text-transform:uppercase;font-weight:700!important;letter-spacing:1px}footer a{color:#fff}.footer-v2 footer a{color:#444}footer a,footer a:hover{text-decoration:none!important}footer .widget{padding-bottom:10px}footer .widget .widget-heading .horizontal-break{margin:0;margin-bottom:30px;width:32px;background:#7e7e7e}footer ul.social-icons li a{border:1px solid rgba(247,247,247,.17);border-radius:0 100px 100px;margin-right:8px}.footer-v2 footer ul.social-icons li a{border:1px solid rgba(61,61,61,.52)}footer .col-sm-3:last-child{padding-right:15px}.copyright{padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:auto;overflow:hidden;font-size:12px;border-top:0 solid transparent;border-top-width:1px;background:url(../img/copyright.jpg) repeat}.copyright a{color:#fff!important}.footer-v2 .copyright{background-color:#ebebeb;border-top-color:#e0e0e0}.copyright p{font-size:12px;margin-bottom:0;line-height:24px;color:#dfdfe0;padding-bottom:2px;text-align:center}.footer-v2 .copyright p{color:#555}.copyright a,.copyright a:hover{text-decoration:none}.copyright nav .menu{float:right}.copyright nav .menu li{font-size:13px;margin:0!important}.copyright nav .menu li:first-child{border-left:0}.copyright nav .menu li ul{display:none}footer .widget ul.wp-tag-cloud li>a{border:1px solid #3f3e3e;padding:5px 8px}footer .widget .wp-tag-cloud li a{background:#242424;border-color:#5e5e5e}footer .widget ul.wp-tag-cloud li>a:hover{color:#fff}footer .footer-contact-info p{margin-bottom:6px}footer .footer-contact-info .fa{margin-right:10px;font-size:14px;width:12px}footer .widget ul li>a{padding-top:12px;color:#fff;padding-bottom:5px}footer .widget ul li>a:hover{color:#f4c204}footer .v-recent-entry-widget.widget ul li:first-child a{padding-top:0}footer .v-recent-entry-widget .post-date{margin-bottom:10px;display:block;margin-top:-2px;font-size:12px}.copyright a{color:#777;font-size:12px}.footer-v2 .copyright a{color:#777;border-bottom:solid 1px rgba(206,206,206,.6)}.search-form input{border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:0 0;width:85%;padding:10px;margin-top:40px}span.tooltip{display:block;background:#5f5f5f;color:#f7f7f7;position:absolute;left:50%;bottom:25px;padding:3px 10px;width:auto;line-height:20px;white-space:nowrap;z-index:8;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);display:none}span.tooltip .arrow{position:absolute;left:50%;bottom:-4px;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid #5f5f5f}.grid-img-wrap span.tooltip{bottom:65px}.read-more-home{display:block;height:50px;line-height:50px;cursor:pointer;font-size:13px;color:#9aa3ac;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #eaedf3;margin:-25px;margin-top:25px;margin-bottom:-18px}.read-more{text-decoration:none;display:inline-block}.read-more i,.read-more em{color:transparent}.read-more-button{font-size:12px;height:auto;padding:10px 16px;border:1px solid #e4e4e4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-transform:uppercase;font-weight:700;display:inline-block;border-color:#e4e4e4;letter-spacing:1.5px}.read-more-link{text-decoration:none;margin-top:5px;font-weight:700;display:block}.item-link{text-decoration:none}.portfolio .item-link i{margin-right:5px;vertical-align:-2px}.v-smash-text{background:0 0;clear:both;height:auto;overflow:hidden;border-color:#e4e4e4}.v-smash-text .v-call-text,.smash-text,.v-smash-text-large{color:#4a4a4a}.v-smash-text.v-bg-stylish{padding-top:30px;padding-bottom:30px}.v-smash-text-wrap{position:relative;padding:25px 35px;border:1px solid #e4e4e4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border-color:#e4e4e4}.v-bg-stylish .v-smash-text-wrap{border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:0;margin:0 15px}.v-smash-text-wrap .v-smash-text-arrow{font-size:42px}.v-smash-text-wrap .v-smash-text-arrow i{line-height:50px}.v-smash-text.v-control-right a.btn.v-btn{margin-right:0}.v-smash-text .v-call-text,.smash-text{font-size:24px;line-height:32px;font-weight:300;margin-bottom:0}p.v-smash-text-large{font-size:36px;line-height:1.2em;margin-bottom:5px;font-weight:400;font-family:playball,sans-serif;letter-spacing:-1px;margin-bottom:5px}.banner-section{padding:60px 0;text-align:center;background-color:#fff:}color: #3a3d41; font-size: 32px; font-family:'Raleway Bold',sans-serif; font-weight: normal; margin: 0 0 7px; margin-bottom: 16px; } .banner-section p { font-size: 15px; font-family: 'Open Sans',sans-serif; color:#666; margin-bottom:15px; font-weight: 300; text-align:justify; line-height: 24px; letter-spacing:1px } p.v-smash-text-large-2x { font-size: 36px; line-height: 48px; } p.v-smash-text-large-3x { font-size: 45px; line-height: 35px; font-weight: 600; text-transform: uppercase; padding: 0px 0 30px 0; text-align: center; } p.v-smash-text-large strong{ font-weight:600; } .v-smash-text .v-call-text p { margin-bottom: 0; } .v-bg-stylish.v-smash-text .v-call-text { border-left: 0; padding-left: 0; } .v-smash-text .btn.v-btn { margin-bottom: 0; } .v-call-to-action { position: relative; background: #f4f4f4; padding: 20px; padding: 3%; } .v-call-to-action .btn.v-btn { margin: 0; margin-top: 5px; } .v-call-to-action h1 { margin-top: 5px; margin-bottom:0px; font-size: 25px; } .v-call-to-action h3 { font-size: 17px; font-weight: 400 !important; color: #8c8c8c !important; margin-top: 0px; margin-bottom: 10px; } .v-call-to-action-dark .pull-right {text-align:right} .v-call-to-action-dark .btn.v-btn.v-btn-default:hover {background:#fff!important; color:#333!important} .v-call-to-action.v-bg-stylish { padding-top: 40px; padding-bottom: 40px; } .v-call-to-action-wrap h1 {margin:0px; margin-top:5px; color:#fff} .v-control-left .btn.v-btn { float: left; margin-right: 2.5641%; } .v-control-right .btn.v-btn { float: right; margin-left: 2.5641%; } .v-control-left .btn.v-btn,.v-control-right .btn.v-btn { max-width: 31.6239%; } .v-control-left .v-call-text,.v-control-right .v-call-text { width: 65.812%; float: left; clear: none; } .v-control-right .v-call-text h1 { font-size: 26px; margin-top: 10px; font-weight: 400; } .v-control-right .v-smash-text-wrap { border-left-width: 2px; border-left-style:solid; border-top-left-radius: 1px; border-bottom-left-radius: 1px; } .v-control-left .v-call-text { float: right; } .v-call-to-action .v-call-text,#content .v-call-to-action .v-call-text { margin: 0; } .cta_align_bottom { text-align: center; } .cta_align_bottom .btn.v-btn { position: static; margin-top: 2%; display: inline-block; } .v-control-left .v-call-text,.v-control-right .v-call-text { width: 80%; } .v-control-left .btn.v-btn,.v-control-left .v-smash-text-arrow { position: absolute; left: 30px; top: 50%; margin-top: -20px; max-width: 20%; } .v-bg-stylish .v-control-left .btn.v-btn,.v-bg-stylish .v-control-left .v-smash-text-arrow { left: 0; } .v-control-right .btn.v-btn,.v-control-right .v-smash-text-arrow { position: absolute; right: 30px; top: 50%; margin-top: -23px; max-width: 20%; } .v-bg-stylish .v-control-right .btn.v-btn,.v-bg-stylish .v-control-right .v-smash-text-arrow { right: 0; } .cta_align_bottom .btn.v-btn { margin: 15px 0 0 0; } .v-latest-tweets-widget { padding: 25px 0; } .v-latest-tweets-widget .twitter-bird { font-size: 14px; line-height: 26px; float: left; } .v-latest-tweets-widget ul { margin-left: 25px; } .v-latest-tweets-widget ul li { margin-top: 15px; } .v-latest-tweets-widget ul li:first-child { margin-top: 0; } .v-latest-tweets-widget .tweet-text { line-height: 24px; display: block; } .v-latest-tweets-widget .tweet-text a { font-weight: bold; text-decoration: none; } .v-latest-tweets-widget .twitter_intents { display: block; } .v-latest-tweets-widget .twitter_intents a { margin-right: 5px; } .v-latest-tweets-widget a.twitter-timestamp { display: inline-block; line-height: 24px; margin-left: 10px; font-size: 12px; } .v-video-widget .v-wrapper.shadow { margin-bottom: 20px; -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } figure.lightbox { position: relative; } .widget .recent-posts-list>li { height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px; } .recent-posts-list li .recent-post-image { padding: 0; float: left; width: 90px; height: auto; min-height: 70px; background: #222; } .recent-posts-list li .recent-post-image img { display: block; width: 100%; height: auto; } .recent-posts-list li .recent-post-details { padding: 0 10px; margin-left: 98px; } .recent-posts-list li .recent-post-title { display: block; margin-bottom: 5px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .recent-posts-list li .recent-post-details>span { font-size: 12px; font-style: italic; } .recent-posts-list li .recent-post-details .like-info { float: none; margin-top: 5px; font-size: 12px!important; } .recent-comments-list .comment .comment-wrap { border-bottom: 1px solid #E6E6E6; padding: 10px 0; padding-bottom: 5px; padding-top: 15px; } .recent-comments-list .comment .comment-meta-actions a { font-size: 12px; text-transform: uppercase; } .recentcomments { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sidebar-ad-grid { padding: 15px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15); box-shadow: inset 0 0 10px rgba(0,0,0,.15); } .sidebar-ad-grid ul>li { float: left; margin: 5px; max-width: 125px; } .sidebar-ad-grid ul>li img { display: block; } .widget input[type=email] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 20px 5px 10px; line-height: 21px; height: 32px; display: block; border: 0; background: #f7f7f7; color: #999; } .infocus-title .like-info-wrap { display: block; float: right; margin: 10px 16px 10px 0; } .widget hr { border-bottom: 0; } .type-page #comment-area { padding-top: 20px; } #comment-area a { text-decoration: none; } .logged-in-as a { border-bottom: 1px dotted #e3e3e3; } #comments-list { margin-bottom: 50px; } #comments-list ol { list-style: none; margin: 0 0 -10px; padding: 0; } #comments-list ol li { margin-bottom: 0; } .comment .comment-wrap { position: relative; height: auto; } .comment-wrap .comment-avatar { float: left; position: relative; } .comment-wrap .comment-avatar img { height: 50px; width: 50px; display: block; } #comments-list li ul { list-style: none; margin: 0 0 0 30px; font-size: 100%; } .comment-content { margin-left: 65px; padding: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-bottom: 14px; } .comment-content .comment-body p { margin-bottom: 10px; line-height: 22px; } .comment-meta { position: relative; margin-top: -8px; } .comment-meta .comment-date { margin-left: 2px; font-size: 12px; color: #999; } .comment-meta-actions { display: inline-block; font-size: 12px; } .comment-meta-actions .edit-link { margin-left: 5px; border-bottom: 1px dotted #e3e3e3; } .comment-meta-actions .meta-sep { margin: 0 0 0 1px; color: rgba(0,0,0,0.1); } .comment-meta-actions .comment-reply { border-bottom: 1px dotted #e3e3e3; } #comment-area .edit-link a:hover,#comment-area .comment-reply a:hover { text-decoration: none; } .comment-avatar .is-author { text-align: center; font-size: 10px; text-transform: uppercase; color: #ccc; } .comment-meta cite { font-style: normal; } .comment-meta-actions a.comment-reply-link { font-weight: normal; } .comment-meta .comment-author { letter-spacing: normal; } #commentform p.comment-notes span.required { float: none; } .required { color: #ee3c59; } .home-intro { background-color: #f8f8f8; margin-bottom: 60px; overflow: hidden; padding: 30px 0 21px 0; position: relative; text-align: left; border-top: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; } .home-intro .btn-buy { margin-top: 30px; } .home-intro .v-smash-text-large { margin-bottom: 10px; font-size: 30px !important; } .special-contact-form textarea,.special-contact-form input { margin-bottom: 10px !important; } .fw-map { background: #292929; width: 100%; height: 100%; left: 0; right: 0; position: absolute; } .map-info-section { width: 440px; padding: 20px 30px; background: #FFF; background: rgba(255,255,255,.94); position: relative; z-index: 91; float: right; margin: 60px 0; border: solid 1px #f5f8ff; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.1); } .fw-map-wrapper { position: relative; min-height: 600px; display: block; overflow: hidden; } .map-info-section .minimize-section { position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; color: #ccc; } .map-info-section.minimized { height: 60px!important; } .panel-default>.panel-heading { background-color: #fff; box-shadow: none; border-color: #ebebeb; } .panel-default { border-color: #e4e4e4; } .panel { box-shadow: none; } .panel-title { font-size: 14px; } .panel-title i.fa{ width: 20px; margin-right: 3px; } .panel-group .panel { border-radius: 2px; } .panel-group .panel+.panel { margin-top: -1px; } .panel-body { padding: 20px; font-size:13px; font-weight:300; letter-spacing:0.5px } .panel-blue { border-color: #3498db; } .panel-blue>.panel-heading { background: #3498db; } .panel-green { border-color: #2ecc71; } .panel-green>.panel-heading { background: #2ecc71; } .panel-grey { border-color: #95a5a6; } .panel-grey>.panel-heading { background: #95a5a6; } .panel-red { border-color: #e74c3c; } .panel-red>.panel-heading { background: #e74c3c; } .bs-glyphicons { margin-right: 0; margin-left: 0; margin: 0 -10px 20px; overflow: hidden; } .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; } .bs-glyphicons .glyphicon-class { display: block; text-align: center; -ms-word-wrap: break-word; word-wrap: break-word; } .bs-glyphicons li { width: 12.5%; float: left; width: 16.5%; height: 100px; padding: 10px; font-size: 11px; line-height: 1.4; text-align: center; background-color: #f9f9f9; border: 1px solid #fff; } .glyphs.css-mapping { padding: 0px 0 20px 30px; } .glyphs.css-mapping li { margin: 0 30px 5px 0; padding: 0; display: inline-block; overflow: hidden; } .glyphs.css-mapping .icon { margin: 0; margin-right: 10px; padding: 13px; height: 50px; width: 50px; color: #162a36 !important; overflow: hidden; float: left; font-size: 24px; } .glyphs.css-mapping input { margin: 0; margin-top: 5px; padding: 8px; line-height: 16px; font-size: 16px; display: block; width: 270px; height: 40px; border: 1px solid #F0F0F0; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; outline: 0; float: right; } .v-page-not-found-wrap h1.v-404 { font-size: 160px; font-weight: 500; letter-spacing: -5px; line-height: 160px; } .v-page-not-found-wrap h1.v-error { margin-top: 15px; margin-bottom: -35px; font-size: 50px; margin-left: 48px; } .v-page-not-found-wrap .v-search-widget { width: 50%; margin-left: auto; margin-right: auto; } .features .phone-image { max-width: 250px; margin: auto; margin-bottom: 80px; } .app-brief .phone-image { max-width: 350px; margin: auto; } .subscription-form .subscriber-button { margin-bottom: 0px; padding: 15px 20px 14px; } .subscription-form .subscriber-email { width: 300px; height: 45px; margin-bottom: 0px; background-color: #fff !important; } .subscription-form .subscriber-email:active,.subscription-form .subscriber-email:focus { background-color: #fff !important; } .v-page-heading .breadcrumb { float: right; background-color: transparent; margin-bottom: 0px; padding: 8px 0 6px; font-size: 12px; } .breadcrumb>.active { color: #fff; } .v-page-heading .breadcrumb a{color:#aaa} .v-page-heading .breadcrumb>li+li:before { padding: 0 3px; } .v-yellow,.v-yellow:hover,.v-third-dark,.v-third-dark:hover,.v-second-dark:hover,.v-second-dark { box-shadow:none; } .post-block-wrap { padding-top: 20px; } img.media-object { width:60px; height:auto; border-radius:50%; } .media-heading { font-family: "source_sans_probold",arial,helvetica,tahoma,sans-serif; font-weight: normal!important; font-size: 13px; color: #555; margin-top: 5px; margin-bottom: 2px; } .media-body .date{ margin-left: 5px; margin-right: 5px; font-size: 12px; color: #999; } .media-body .reply-link { font-size: 12px; font-weight: normal; color: #4a4a4a; border-bottom: 1px dotted #e3e3e3; } .media { margin-top:0px; } .comments-wrap { margin-bottom:65px; } #newsletterForm .btn.btn-default{ margin-right: 0px; box-shadow: none; padding: 9px 12px; padding-bottom: 10px; text-transform: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #newsletterForm .btn:active{ top:0px !important; } #newsletterForm .input-group-btn:last-child>.btn { margin-left: -1px; } #newsletterForm .input-group .form-control { background-color:#fff !important; } .input-group-btn:last-child>.btn { margin-left: 0px; } .sep-double { height: 8px; border-top: 1px solid #e7e6e6; border-bottom: 1px solid #e7e6e6; } .demo-sep { clear: both; } .sep-double,.sep-dashed,.sep-dotted,.search-page-search-form { border-color: #e0dede !important; } input,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color] { outline: 0; border-radius: 0; box-shadow: none; } input[type=email],input[type=password],input[type=tel],input[type=text],textarea { width: 100%; border: solid 1px #e3e3e3; border-bottom-color: #F0F0F0; border-top-color: #e0e0e0; color: #777; background-color: rgba(0,0,0,.01) !important; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; outline: none !important; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } input[type=email]:focus,input[type=text]:focus,textarea:focus { color: #323436; background-color: #fff !important; outline: none !important; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .form-control { font-size: 13px; height: 40px; border: 1px solid #e3e3e3; border-radius:2px; } .form-control:focus { box-shadow: none; color: #323436; background-color: rgba(250,250,250,.01); outline: none !important; border: solid 1px #e3e3e3; border-bottom-color: #F0F0F0; border-top-color: #e0e0e0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .button,button,input[type=submit],input[type=reset],input[type=button] { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-control::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=color]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999; } .form-control::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=color]::-moz-placeholder,textarea::-moz-placeholder { color: #999; } button::-moz-focus-inner { border: 0; } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .signup { width: 430px; background: #fff; padding: 40px; padding-bottom: 30px; border-radius: 2px; box-shadow: 0 2px 15px 5px rgba(0,0,0,.1); border-top-width:4px; border-top-style:solid; } .body-sign .checkbox-custom { margin-top: 8px; } .body-sign .line-thru { display: block; font-size: 12px; font-size: 1.2rem; position: relative; } .body-sign .line-thru span { color: #CCC; position: relative; z-index: 3; } .body-sign .line-thru:before { background-color: #FFF; content: ''; height: 10px; left: 50%; position: absolute; margin: -5px 0 0 -20px; top: 50%; width: 40px; z-index: 2; } .body-sign .line-thru:after { border-bottom: 1px solid #DADADA; content: ''; display: block; left: 10%; position: absolute; top: 47%; width: 81%; z-index: 1; } body .btn-facebook,body .btn-facebook:focus { background: #3B5998; border: 1px solid #37538D; } body .btn-twitter,body .btn-twitter:focus { background: #55ACEE; border: 1px solid #47A5ED; } body .btn-facebook,body .btn-facebook:active,body .btn-facebook:hover,body .btn-facebook:focus,body .btn-twitter,body .btn-twitter:active,body .btn-twitter:hover,body .btn-twitter:focus,body .btn-gplus,body .btn-gplus:active,body .btn-gplus:hover,body .btn-gplus:focus { color: #FFF; font-weight: 300; padding-left: 30px; padding-right: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); border-radius: 2px; margin-left: 5px; margin-right: 5px; } .btn-facebook:hover { background: #4162a7; border-color: #3d5c9c; } .btn-twitter:hover { background: #63b3ef; border-color: #55acee; } .text-aling-left{ text-align:left!important; } .ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item,.ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ih-item a { color: #333; } .ih-item a:hover { text-decoration: none; } .ih-item img { width: 100%; height: 100%; } .ih-item.circle { position: relative; width: 220px; height: 220px; border-radius: 50%; } .ih-item.circle .img { position: relative; width: 220px; height: 220px; border-radius: 50%; } .ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle .img img { border-radius: 50%; } .ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.square { position: relative; width: 316px; height: 216px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect1 .spinner { width: 230px; height: 230px; border: 10px solid #ecab18; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; } .ih-item.circle.effect1 .img:before { display: none; } .ih-item.circle.effect1.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.circle.effect1 .info { top: 10px; bottom: 0; left: 10px; right: 0; background: #333333; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .ih-item.circle.effect1 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect1 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect1 a:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ih-item.circle.effect1 a:hover .info { opacity: 1; } .ih-item.circle.effect2 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.circle.effect2 .info { background: #333333; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect2 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect2 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect2.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect2.left_to_right a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect2.right_to_left a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect2.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect2.top_to_bottom a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ih-item.circle.effect2.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect2.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect2.bottom_to_top a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .ih-item.circle.effect2.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3.colored .info { background: #1a4a72; } .ih-item.circle.effect3 .info { background: #333333; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect3 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect3 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect3.left_to_right .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect3.left_to_right a:hover .img { -webkit-transform: scale(0.5) translateX(100%); -moz-transform: scale(0.5) translateX(100%); -ms-transform: scale(0.5) translateX(100%); -o-transform: scale(0.5) translateX(100%); transform: scale(0.5) translateX(100%); } .ih-item.circle.effect3.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.right_to_left .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } .ih-item.circle.effect3.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect3.right_to_left a:hover .img { -webkit-transform: scale(0.5) translateX(-100%); -moz-transform: scale(0.5) translateX(-100%); -ms-transform: scale(0.5) translateX(-100%); -o-transform: scale(0.5) translateX(-100%); transform: scale(0.5) translateX(-100%); } .ih-item.circle.effect3.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect3.top_to_bottom .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect3.top_to_bottom a:hover .img { -webkit-transform: scale(0.5) translateY(100%); -moz-transform: scale(0.5) translateY(100%); -ms-transform: scale(0.5) translateY(100%); -o-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); } .ih-item.circle.effect3.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect3.bottom_to_top .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .ih-item.circle.effect3.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect3.bottom_to_top a:hover .img { -webkit-transform: scale(0.5) translateY(-100%); -moz-transform: scale(0.5) translateY(-100%); -ms-transform: scale(0.5) translateY(-100%); -o-transform: scale(0.5) translateY(-100%); transform: scale(0.5) translateY(-100%); } .ih-item.circle.effect3.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.circle.effect4.colored .info { background: #1a4a72; } .ih-item.circle.effect4 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .ih-item.circle.effect4 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect4 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect4 a:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect4 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect4.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect4.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect4.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect4.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect4.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect4.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect4.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect5 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect5.colored .info .info-back { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.circle.effect5 .info { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s 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; } .ih-item.circle.effect5 .info .info-back { visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; background: rgba(0,0,0,0.6); -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect5 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect5 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect5 a:hover .info { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } .ih-item.circle.effect5 a:hover .info .info-back { visibility: visible; } .ih-item.circle.effect6 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6.colored .info { background: #1a4a72; } .ih-item.circle.effect6 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect6 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect6 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect6.scale_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_up a:hover .img { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down .info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .ih-item.circle.effect6.scale_down a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect6.scale_down_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; } .ih-item.circle.effect6.scale_down_up a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect6.scale_down_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect7 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect7.colored .info { background: #1a4a72; } .ih-item.circle.effect7 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect7 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect7 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect7 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect7 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect7.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect7.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect7.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect7.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect7.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect7.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect7.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.colored .info { background: #1a4a72; } .ih-item.circle.effect8 .img-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ih-item.circle.effect8 .img-container .img { opacity: 1; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .ih-item.circle.effect8 .info { width: 100%; height: 100%; background: #333333; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.6s; -moz-transition: all 0.35s ease-in-out 0.6s; transition: all 0.35s ease-in-out 0.6s; } .ih-item.circle.effect8 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect8 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect8 a:hover .img-container { pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect8 a:hover .img-container .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect8 a:hover .info-container { opacity: 1; } .ih-item.circle.effect8 a:hover .info-container .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect8.left_to_right .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.left_to_right .info-container { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.left_to_right a:hover .img-container .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.left_to_right a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.right_to_left .info-container { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect8.right_to_left a:hover .img-container .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect8.right_to_left a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect8.top_to_bottom .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.top_to_bottom .info-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.top_to_bottom a:hover .img-container .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.top_to_bottom a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect8.bottom_to_top .info-container { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect8.bottom_to_top a:hover .img-container .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect8.bottom_to_top a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9 .img { opacity: 1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .ih-item.circle.effect9.colored .info { background: #1a4a72; } .ih-item.circle.effect9 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.circle.effect9 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect9 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect9 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.circle.effect9 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect9.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect9.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect9.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect9.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect9.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect9.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect10 .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10.colored .info { background: #1a4a72; } .ih-item.circle.effect10 .info { background: #333333; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect10 .info p { color: #bbb; font-style: italic; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect10 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect10.top_to_bottom .info h3 { margin: 0 30px; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.top_to_bottom .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); } .ih-item.circle.effect10.bottom_to_top .info h3 { margin: 95px 30px 0; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.bottom_to_top .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); -o-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); } .ih-item.circle.effect11 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect11 .img { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect11.colored .info { background: #1a4a72; } .ih-item.circle.effect11 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease 0.35s; -moz-transition: all 0.35s ease 0.35s; transition: all 0.35s ease 0.35s; } .ih-item.circle.effect11 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect11 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect11 a:hover .img { opacity: 0; } .ih-item.circle.effect11 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect11.left_to_right .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.left_to_right .info { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.left_to_right a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.left_to_right a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.right_to_left .info { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); } .ih-item.circle.effect11.right_to_left a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); } .ih-item.circle.effect11.right_to_left a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); } .ih-item.circle.effect11.top_to_bottom .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.top_to_bottom .info { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.top_to_bottom a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.top_to_bottom a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect11.bottom_to_top .info { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); } .ih-item.circle.effect11.bottom_to_top a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); } .ih-item.circle.effect11.bottom_to_top a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .ih-item.circle.effect12 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12.colored .info { background: #1a4a72; } .ih-item.circle.effect12 .info { background: #333333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect12 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect12 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect12 a:hover .img { opacity: 0; pointer-events: none; } .ih-item.circle.effect12 a:hover .info { opacity: 1; visibility: visible; } .ih-item.circle.effect12.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.left_to_right .info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.circle.effect12.left_to_right a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.circle.effect12.right_to_left .info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.circle.effect12.right_to_left a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.top_to_bottom .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.top_to_bottom .info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .ih-item.circle.effect12.top_to_bottom a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect12.bottom_to_top .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .ih-item.circle.effect12.bottom_to_top .info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top a:hover .img { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .ih-item.circle.effect12.bottom_to_top a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.circle.effect13.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.circle.effect13 .info { background: #333333; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info h3 { visibility: hidden; color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 .info p { visibility: hidden; color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect13 a:hover .info { opacity: 1; } .ih-item.circle.effect13 a:hover h3 { visibility: visible; } .ih-item.circle.effect13 a:hover p { visibility: visible; } .ih-item.circle.effect13.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.circle.effect13.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.circle.effect13.from_left_and_right a:hover h3 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.from_left_and_right a:hover p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.circle.effect13.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.circle.effect13.top_to_bottom a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.top_to_bottom a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.circle.effect13.bottom_to_top a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect13.bottom_to_top a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.circle.effect14 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect14 .img { visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .ih-item.circle.effect14.colored .info { background: #1a4a72; } .ih-item.circle.effect14 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect14 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect14 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect14 a:hover .img { opacity: 0; visibility: hidden; } .ih-item.circle.effect14 a:hover .info { visibility: visible; opacity: 1; } .ih-item.circle.effect14.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.circle.effect14.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect14.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect14.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.circle.effect14.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.circle.effect14.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.circle.effect14.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect14.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect14.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect14.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.circle.effect14.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.circle.effect15 .img { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect15.colored .info { background: #1a4a72; } .ih-item.circle.effect15 .info { background: #333333; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(-720deg); -moz-transform: scale(0.5) rotate(-720deg); -ms-transform: scale(0.5) rotate(-720deg); -o-transform: scale(0.5) rotate(-720deg); transform: scale(0.5) rotate(-720deg); -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.circle.effect15 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect15 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect15 a:hover .img { opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(720deg); -moz-transform: scale(0.5) rotate(720deg); -ms-transform: scale(0.5) rotate(720deg); -o-transform: scale(0.5) rotate(720deg); transform: scale(0.5) rotate(720deg); } .ih-item.circle.effect15 a:hover .info { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .ih-item.circle.effect16 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.colored .info { background: #1a4a72; } .ih-item.circle.effect16 .info { background: #333333; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect16 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect16.left_to_right .img { -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; transform-origin: 95% 40%; } .ih-item.circle.effect16.left_to_right .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgba(0,0,0,0.8); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .ih-item.circle.effect16.left_to_right a:hover .img { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .ih-item.circle.effect16.right_to_left .img { -webkit-transform-origin: 5% 40%; -moz-transform-origin: 5% 40%; -ms-transform-origin: 5% 40%; -o-transform-origin: 5% 40%; transform-origin: 5% 40%; } .ih-item.circle.effect16.right_to_left .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 5%; margin: -4px 0 0 -4px; background: rgba(0,0,0,0.8); box-shadow: 0 0 1px rgba(255,255,255,0.9); } .ih-item.circle.effect16.right_to_left a:hover .img { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .ih-item.circle.effect17 .info { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect17 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect17 a:hover .img:before { box-shadow: inset 0 0 0 110px #333333,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 0 0 110px rgba(0,0,0,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1); } .ih-item.circle.effect17 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect17 a:hover .info p { opacity: 1; } .ih-item.circle.effect17.colored a:hover .img:before { box-shadow: inset 0 0 0 110px #1a4a72,inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 0 0 110px rgba(26,74,114,0.6),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1); } .ih-item.circle.effect18 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect18 .img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.circle.effect18.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect18 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect18 .info .info-back { opacity: 1; border-radius: 50%; width: 100%; height: 100%; background: #333333; } .ih-item.circle.effect18 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect18 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect18.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.circle.effect18.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1,0,0,180deg); -moz-transform: rotate3d(1,0,0,180deg); -ms-transform: rotate3d(1,0,0,180deg); -o-transform: rotate3d(1,0,0,180deg); transform: rotate3d(1,0,0,180deg); } .ih-item.circle.effect18.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.circle.effect18.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1,0,0,-180deg); -moz-transform: rotate3d(1,0,0,-180deg); -ms-transform: rotate3d(1,0,0,-180deg); -o-transform: rotate3d(1,0,0,-180deg); transform: rotate3d(1,0,0,-180deg); } .ih-item.circle.effect18.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.circle.effect18.left_to_right a:hover .img { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } .ih-item.circle.effect18.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.circle.effect18.right_to_left a:hover .img { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } .ih-item.circle.effect19.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.circle.effect19 .info { background: #333333; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect19 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect19 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect19 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect20 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect20 .img { -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ih-item.circle.effect20.colored .info .info-back { background: #1a4a72; } .ih-item.circle.effect20 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect20 .info .info-back { opacity: 1; visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333333; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect20 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px white,0 1px 2px rgba(0,0,0,0.3); } .ih-item.circle.effect20 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ih-item.circle.effect20 a:hover .img { opacity: 0; } .ih-item.circle.effect20 a:hover .info .info-back { opacity: 1; visibility: visible; } .ih-item.circle.effect20.top_to_bottom .info .info-back { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); } .ih-item.circle.effect20.top_to_bottom a:hover .img { -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); } .ih-item.circle.effect20.top_to_bottom a:hover .info .info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } .ih-item.circle.effect20.bottom_to_top .info .info-back { -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); } .ih-item.circle.effect20.bottom_to_top a:hover .img { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); } .ih-item.circle.effect20.bottom_to_top a:hover .info .info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); } .ih-item.square.effect1 { overflow: hidden; } .ih-item.square.effect1.colored .info { background: #1a4a72; } .ih-item.square.effect1 .img { z-index: 11; position: absolute; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect1 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect1.left_and_right .info h3 { position: absolute; top: 12px; left: 12px; text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; margin: 0; } .ih-item.square.effect1.left_and_right .info p { position: absolute; right: 12px; bottom: 12px; margin: 0; font-style: italic; font-size: 12px; color: #bbb; } .ih-item.square.effect1.left_and_right a:hover .img { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .ih-item.square.effect1.top_to_bottom .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 10px 0 0 0; } .ih-item.square.effect1.top_to_bottom .info p { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.top_to_bottom a:hover .img { -webkit-transform: translateY(30px) scale(0.6); -moz-transform: translateY(30px) scale(0.6); -ms-transform: translateY(30px) scale(0.6); -o-transform: translateY(30px) scale(0.6); transform: translateY(30px) scale(0.6); } .ih-item.square.effect1.bottom_to_top .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 134px 0 0 0; } .ih-item.square.effect1.bottom_to_top .info p { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect1.bottom_to_top a:hover .img { -webkit-transform: translateY(-30px) scale(0.6); -moz-transform: translateY(-30px) scale(0.6); -ms-transform: translateY(-30px) scale(0.6); -o-transform: translateY(-30px) scale(0.6); transform: translateY(-30px) scale(0.6); } .ih-item.square.effect2 { overflow: hidden; } .ih-item.square.effect2.colored .info { background: #1a4a72; } .ih-item.square.effect2.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect2 .img { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .ih-item.square.effect2 .info { background: #333333; visibility: hidden; -webkit-transition: all 0.35s 0.3s ease-in-out; -moz-transition: all 0.35s 0.3s ease-in-out; transition: all 0.35s 0.3s ease-in-out; } .ih-item.square.effect2 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.6s ease-in-out; -moz-transition: all 0.35s 0.6s ease-in-out; transition: all 0.35s 0.6s ease-in-out; } .ih-item.square.effect2 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.5s linear; -moz-transition: all 0.35s 0.5s linear; transition: all 0.35s 0.5s linear; } .ih-item.square.effect2 a:hover .img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); opacity: 0; } .ih-item.square.effect2 a:hover .info { visibility: visible; } .ih-item.square.effect2 a:hover .info h3,.ih-item.square.effect2 a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3 { overflow: hidden; } .ih-item.square.effect3.colored .info { background: #1a4a72; } .ih-item.square.effect3 .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info { height: 65px; background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect3 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 4px 0 0 0; } .ih-item.square.effect3 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 5px; text-align: center; } .ih-item.square.effect3 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect3.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } .ih-item.square.effect3.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect3.top_to_bottom a:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .ih-item.square.effect3.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect4 { overflow: hidden; position: relative; } .ih-item.square.effect4.colored .info { background: rgba(12,34,52,0.6); } .ih-item.square.effect4.colored .mask1,.ih-item.square.effect4.colored .mask2 { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.square.effect4 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1,.ih-item.square.effect4 .mask2 { position: absolute; background: #333333; background: rgba(0,0,0,0.6); height: 361px; width: 361px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect4 .mask1 { left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; } .ih-item.square.effect4 .mask2 { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; } .ih-item.square.effect4 .info { background: #111111; height: 0; visibility: hidden; width: 361px; -webkit-transform: rotate(-33.5deg) translate(-112px,166px); -moz-transform: rotate(-33.5deg) translate(-112px,166px); -ms-transform: rotate(-33.5deg) translate(-112px,166px); -o-transform: rotate(-33.5deg) translate(-112px,166px); transform: rotate(-33.5deg) translate(-112px,166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: transparent; margin-top: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; } .ih-item.square.effect4 a:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); } .ih-item.square.effect4 a:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); } .ih-item.square.effect4 a:hover .info { width: 300px; height: 120px; visibility: visible; top: 40px; -webkit-transform: rotate(0deg) translate(0,0); -moz-transform: rotate(0deg) translate(0,0); -ms-transform: rotate(0deg) translate(0,0); -o-transform: rotate(0deg) translate(0,0); transform: rotate(0deg) translate(0,0); } .ih-item.square.effect4 a:hover .info h3,.ih-item.square.effect4 a:hover .info p { opacity: 1; } .ih-item.square.effect5.colored .info { background: #1a4a72; } .ih-item.square.effect5.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect5 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect5 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect5 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect5 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect5 a:hover .img { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .ih-item.square.effect5 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect5.left_to_right .info { -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .ih-item.square.effect5.right_to_left .info { -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); } .ih-item.square.effect6 { overflow: hidden; } .ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.square.effect6.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect6 .info { background: #333333; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect6 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; } .ih-item.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect6 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.from_top_and_bottom a:hover .info h3,.ih-item.square.effect6.from_top_and_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect6.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect6.from_left_and_right a:hover .info h3,.ih-item.square.effect6.from_left_and_right a:hover .info p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect6.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect6.top_to_bottom a:hover .info h3,.ih-item.square.effect6.top_to_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect6.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect6.bottom_to_top a:hover .info h3,.ih-item.square.effect6.bottom_to_top a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect7 { overflow: hidden; } .ih-item.square.effect7.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.square.effect7.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect7 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect7 .info { background: #333333; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect7 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect7 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.35s 0.3s linear; -moz-transition: all 0.35s 0.3s linear; transition: all 0.35s 0.3s linear; } .ih-item.square.effect7 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect7 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect7 a:hover .info h3,.ih-item.square.effect7 a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8 { overflow: hidden; } .ih-item.square.effect8.colored .info { background: #1a4a72; } .ih-item.square.effect8.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect8 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect8 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; } .ih-item.square.effect8 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.15s linear; -moz-transition: all 0.35s 0.15s linear; transition: all 0.35s 0.15s linear; } .ih-item.square.effect8 a:hover .img { opacity: 0; } .ih-item.square.effect8 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect8.scale_up .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up .info { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up .info h3,.ih-item.square.effect8.scale_up .info p { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .ih-item.square.effect8.scale_up a:hover .img { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_up a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_up a:hover .info h3,.ih-item.square.effect8.scale_up a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down .info { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down .info h3,.ih-item.square.effect8.scale_down .info p { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); } .ih-item.square.effect8.scale_down a:hover .img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect8.scale_down a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect8.scale_down a:hover .info h3,.ih-item.square.effect8.scale_down a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect9 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect9.colored .info .info-back { background: #1a4a72; } .ih-item.square.effect9.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect9 .img { position: relative; z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ih-item.square.effect9 .info { z-index: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.square.effect9 .info .info-back { opacity: 1; width: 100%; height: 100%; padding-top: 30px; background: #333333; } .ih-item.square.effect9 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 0; } .ih-item.square.effect9 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect9.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect9.left_to_right a:hover .img { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -ms-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } .ih-item.square.effect9.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect9.right_to_left a:hover .img { -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d(0,1,0,-180deg); -ms-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); transform: rotate3d(0,1,0,-180deg); } .ih-item.square.effect9.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect9.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1,0,0,-180deg); -moz-transform: rotate3d(1,0,0,-180deg); -ms-transform: rotate3d(1,0,0,-180deg); -o-transform: rotate3d(1,0,0,-180deg); transform: rotate3d(1,0,0,-180deg); } .ih-item.square.effect9.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect9.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1,0,0,180deg); -moz-transform: rotate3d(1,0,0,180deg); -ms-transform: rotate3d(1,0,0,180deg); -o-transform: rotate3d(1,0,0,180deg); transform: rotate3d(1,0,0,180deg); } .ih-item.square.effect10 { overflow: hidden; } .ih-item.square.effect10.colored .info { background: #1a4a72; } .ih-item.square.effect10.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect10 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect10 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect10 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect10.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect10.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect10.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect10.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11 { overflow: hidden; } .ih-item.square.effect11.colored .info { background: #1a4a72; } .ih-item.square.effect11.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect11 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect11 .info { background: #333333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect11 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect11 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect11 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect11 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect11.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect11.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect11.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect11.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect11.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect11.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect11.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect12 { overflow: hidden; } .ih-item.square.effect12.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.square.effect12.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect12 .img { -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info { background: #333333; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .ih-item.square.effect12 a:hover .info { visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12 a:hover .info h3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12 a:hover .info p { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; } .ih-item.square.effect12.left_to_right .info { -webkit-transform: translate(-460px,-100px) rotate(-180deg); -moz-transform: translate(-460px,-100px) rotate(-180deg); -ms-transform: translate(-460px,-100px) rotate(-180deg); -o-transform: translate(-460px,-100px) rotate(-180deg); transform: translate(-460px,-100px) rotate(-180deg); } .ih-item.square.effect12.left_to_right .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.left_to_right .info p { -webkit-transform: translateX(-300px) rotate(-90deg); -moz-transform: translateX(-300px) rotate(-90deg); -ms-transform: translateX(-300px) rotate(-90deg); -o-transform: translateX(-300px) rotate(-90deg); transform: translateX(-300px) rotate(-90deg); } .ih-item.square.effect12.left_to_right a:hover .info { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); } .ih-item.square.effect12.left_to_right a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.left_to_right a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.right_to_left .info { -webkit-transform: translate(460px,-100px) rotate(180deg); -moz-transform: translate(460px,-100px) rotate(180deg); -ms-transform: translate(460px,-100px) rotate(180deg); -o-transform: translate(460px,-100px) rotate(180deg); transform: translate(460px,-100px) rotate(180deg); } .ih-item.square.effect12.right_to_left .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); } .ih-item.square.effect12.right_to_left .info p { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); } .ih-item.square.effect12.right_to_left a:hover .info { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); } .ih-item.square.effect12.right_to_left a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .ih-item.square.effect12.right_to_left a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } .ih-item.square.effect12.top_to_bottom .info { -webkit-transform: translate(-265px,-145px) rotate(-45deg); -moz-transform: translate(-265px,-145px) rotate(-45deg); -ms-transform: translate(-265px,-145px) rotate(-45deg); -o-transform: translate(-265px,-145px) rotate(-45deg); transform: translate(-265px,-145px) rotate(-45deg); } .ih-item.square.effect12.top_to_bottom .info h3 { -webkit-transform: translate(200px,-200px); -moz-transform: translate(200px,-200px); -ms-transform: translate(200px,-200px); -o-transform: translate(200px,-200px); transform: translate(200px,-200px); } .ih-item.square.effect12.top_to_bottom .info p { -webkit-transform: translate(200px,-200px); -moz-transform: translate(200px,-200px); -ms-transform: translate(200px,-200px); -o-transform: translate(200px,-200px); transform: translate(200px,-200px); } .ih-item.square.effect12.top_to_bottom a:hover .info { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.top_to_bottom a:hover .info h3 { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.top_to_bottom a:hover .info p { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect12.bottom_to_top .info { -webkit-transform: translate(265px,145px) rotate(45deg); -moz-transform: translate(265px,145px) rotate(45deg); -ms-transform: translate(265px,145px) rotate(45deg); -o-transform: translate(265px,145px) rotate(45deg); transform: translate(265px,145px) rotate(45deg); } .ih-item.square.effect12.bottom_to_top .info h3 { -webkit-transform: translate(200px,-200px); -moz-transform: translate(200px,-200px); -ms-transform: translate(200px,-200px); -o-transform: translate(200px,-200px); transform: translate(200px,-200px); } .ih-item.square.effect12.bottom_to_top .info p { -webkit-transform: translate(-200px,200px); -moz-transform: translate(-200px,200px); -ms-transform: translate(-200px,200px); -o-transform: translate(-200px,200px); transform: translate(-200px,200px); } .ih-item.square.effect12.bottom_to_top a:hover .info { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ih-item.square.effect12.bottom_to_top a:hover .info h3 { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .ih-item.square.effect12.bottom_to_top a:hover .info p { -webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -ms-transform: translate(0px,0px); -o-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .ih-item.square.effect13 { overflow: hidden; } .ih-item.square.effect13.colored .info { background: #1a4a72; background: rgba(26,74,114,0.6); } .ih-item.square.effect13.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect13 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect13 .info { background: #333333; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect13 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect13 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect13 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .ih-item.square.effect13 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect13.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .ih-item.square.effect13.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect13.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect13.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect13.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect13.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect13.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.colored .info { background: #1a4a72; } .ih-item.square.effect14.colored .info h3 { background: rgba(12,34,52,0.6); } .ih-item.square.effect14 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect14 .info { background: #333333; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; } .ih-item.square.effect14 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect14 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect14 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ih-item.square.effect14 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.square.effect14.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .ih-item.square.effect14.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .ih-item.square.effect14.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .ih-item.square.effect14.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .ih-item.square.effect14.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ih-item.square.effect14.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ih-item.square.effect15 { overflow: hidden; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.square.effect15.colored .info { background: #1a4a72; } .ih-item.square.effect15 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ih-item.square.effect15 .info { background: #333333; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .ih-item.square.effect15 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111111; margin: 30px 0 0 0; } .ih-item.square.effect15 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; } .ih-item.square.effect15 a:hover .img { opacity: 0; visibility: hidden; } .ih-item.square.effect15 a:hover .info { visibility: visible; opacity: 1; } .ih-item.square.effect15.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .ih-item.square.effect15.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .ih-item.square.effect15.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .ih-item.square.effect15.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .ih-item.square.effect15.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .ih-item.square.effect15.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .ih-item.square.effect15.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .ih-item.square.effect15.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .ih-item.square.effect15.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .ih-item.square.effect15.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .ih-item.square.effect15.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } .kk-height-small { height: 20px !important; } .login-popup {width:870px; } .login-popup .modal-content {background:#fff; position:relative; display:inline-block; width:100%; border-radius:0px; border:none; box-shadow:0px 0 0;} .login-popup .modal-content .left-img {width:42.85%; float:left; } .login-popup .modal-content .right-info {width:54.54%; float:right; padding:0 20px 0 0;} .login-popup .modal-content .right-info h1 {padding:11px 0 14px 0; border-bottom:solid 1px #cccccc; line-height:36px; font-size:24px; color:#333333; margin:0px; font-family: 'Domine'; font-weight:bold; } .login-popup .right-info .sosal-midiyaLogin {width:100%; display:inline-block; padding:20px 0 30px 0; } .login-popup .right-info .sosal-midiyaLogin .facebook-link {width:50%; float:left; padding:0 10px 0 0; position:relative; } .login-popup .right-info .sosal-midiyaLogin .facebook-link a {border-bottom:solid 2px #16326e; background:#3b5999; line-height:35px; padding:0 0 0 40px; font-size:13px; color:#ffffff; display:block;} .login-popup .right-info .sosal-midiyaLogin .facebook-link a .icon {position:absolute; top:0px; left:0px; width:35px; height:35px; background:#354f88; text-align:center; color:#fff; line-height:30px; font-size:20px; padding-top:5px; } .login-popup .right-info .sosal-midiyaLogin .google-link {width:50%; float:left; padding:0 0 0 10px; position:relative; } .login-popup .right-info .sosal-midiyaLogin .google-link a {border-bottom:solid 2px #c62f15; background:#de4c33; line-height:35px; padding:0 0 0 48px; font-size:13px; color:#ffffff; display:block;} .login-popup .right-info .sosal-midiyaLogin .google-link a .icon {position:absolute; top:0px; left:10px; width:35px; height:35px; background:#ce3e26; text-align:center; color:#fff; line-height:30px; font-size:20px; padding-top:5px; } .login-popup .right-info .or-text {border-top:dashed 1px #d8d8d8; width:100%; text-align:center; display:inline-block;} .login-popup .right-info .or-text span {padding:0 10px; background:#fff; font-size:14px; color:#333333; top:-10px; line-height:20px; position:relative; font-weight:600; } .login-popup .right-info .input-form {border-bottom:solid 1px #ccc;} .login-popup .right-info .input-form .input-box {padding:15px 0 10px 0; position:relative; } .login-popup .right-info .input-form .input-box input {width:100%; border-radius:5px; border:solid 1px #cccccc; height:40px; line-height:20px; padding:9px 10px 9px 32px; background:#fff; font-size:14px; color:#333333; } .login-popup .right-info .input-form .input-box .icon {position:absolute; top:15px; left:0px; width:30px; line-height:42px; text-align:center; font-size:16px; } .login-popup .right-info .input-form .check-slide {display:block; padding:10px 0 0 0;} .login-popup .right-info .input-form .check-slide .check {display:inline-block; } .login-popup .right-info .input-form .check-slide .check .label_check {display:inline-block; line-height:15px; color:#666666; font-size:12px; font-weight:normal; margin:0px; background:url(../images/chack-img.html) no-repeat top left; padding:0 0 0 25px; } .login-popup .right-info .input-form .check-slide .check input {position:absolute; left:-99999px; } .login-popup .right-info .input-form .check-slide .check .label_check.c_on {background-position:left bottom; } .login-popup .right-info .input-form .check-slide a {float:right; width:auto; line-height:15px; color:#f15b22; font-size:12px; } .login-popup .right-info .input-form .submit-slide {margin:16px 0 16px 0; } .login-popup .right-info .input-form .submit-slide .btn {padding:0 34px; line-height:40px;} .login-popup .right-info .signUp-link {display:block; text-align:center; padding:13px 0 8px 0; font-size:12px; line-height:18px; color:#666666; } .login-popup .right-info .signUp-link a {color:#f15b22; } .modal-content .close-icon {position:absolute; top:-9px; right:-13px; cursor:pointer; } @media (max-width: 767px){.login-popup .modal-content .left-img{display:none}.login-popup .modal-content .right-info{width:100%;padding:0 20px}.login-popup{width:93%}} @media only screen and (min-width: 768px) and (max-width: 890px) {.login-popup{width:93%}} .comment-form { margin-bottom: 30px; } .comment-form .form-input { position: relative; } .comment-form .form-input input,.comment-form .form-input textarea,.comment-form .form-input select { width: 100%; padding-left: 30px; margin-bottom: 20px; } .comment-form .form-input textarea { height: 100px; } .comment-form .button-3 { width: 100%; border: none; font-size: 15px; font-weight: bold; } .comment-form .form-input i { color: #E03E25; } .comment-form .form-input i { position: absolute; top: 20px; margin-top: -5px; left: 10px; font-size: 13px; } input[type=text],textarea{ color: #ACACAC; } input[type=text],textarea { border-radius: 2px; } input[type=text],input[type=password],input[type=email],input[type=url],input[type=date],input[type=file],textarea,select { padding: 9px 10px; background-color: #FFF; outline: medium none; font-size: 14px; margin: 0px 0px 20px; width: 200px; max-width: 100%; display: block; border: 1px solid #DFDFDF; transition: border 0.25s linear 0s,color 0.25s linear 0s,background-color 0.25s linear 0s; } .button-3 { padding: 8px 24px; font-size: 13px; font-weight: bold; display: inline-block; } .button-3:hover{ background-color: #171717; } .blog-meta a.button-3 { float: right; font-size: 13px; font-weight: normal; padding: 5px 10px; margin-top: -7px; } .comment-form .button-3 { width: 100%; border: none; font-size: 15px; font-weight: bold; } .button-3 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .button-3 { color: #FFF; } .button-3{ background-color: #e03e25;} .button-3{-webkit-transition: color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear; -moz-transition: color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear; -ms-transition: color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear; -o-transition: color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear; transition: color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear; } .photo-gallery { margin-bottom:20px; } .photo-gallery .gallery-view {display:block; width:100%; padding:26px 20px 0 20px;} .photo-gallery .gallery-view .row {margin:0 -7px; } .photo-gallery .gallery-view .col-sm-4 {padding:0 7px;} .photo-gallery .gallery-view .img {margin-bottom:9px; border-radius:5px; overflow:hidden; } .photo-gallery .gallery-view .img img {width:100%;} .photo-gallery .gallery-view .name {display:block; text-align:center; line-height:24px; font-size:14px; color:#333333; font-weight:600; margin-bottom:17px;} @font-face { font-family: "untitled-font-20"; src:url("fonts/untitled-font-20.eot"); src:url("fonts/untitled-font-20d41dd41d.eot?#iefix") format("embedded-opentype"),url("fonts/untitled-font-20.woff") format("woff"),url("fonts/untitled-font-20.html") format("truetype"),url("fonts/untitled-font-20.svg#untitled-font-20") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before {font-family: "untitled-font-20" !important;content: attr(data-icon);font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}[class^=icon-]:before,[class*=" icon-"]:before {font-family: "untitled-font-20" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-ac:before {content: "\61";}.icon-address:before {content: "\62";}.icon-airport-shuttle:before {content: "\63";}.icon-apple:before {content: "\64";}.icon-arrow-down:before {content: "\65";}.icon-arrow-left:before {content: "\66";}.icon-arrow-right:before {content: "\67";}.icon-arrow-up:before {content: "\68";}.icon-assurance:before {content: "\69";}.icon-audio-visual:before {content: "\6a";}.icon-ayurved:before {content: "\6b";}.icon-back:before {content: "\6c";}.icon-back-filled:before {content: "\6d";}.icon-bag:before {content: "\6e";}.icon-banquet:before {content: "\6f";}.icon-bar:before {content: "\70";}.icon-beauty:before {content: "\71";}.icon-beauty-saloon:before {content: "\72";}.icon-boardroom:before {content: "\73";}.icon-boardroom-1:before {content: "\74";}.icon-booking:before {content: "\75";}.icon-bus:before {content: "\76";}.icon-cabaret:before {content: "\77";}.icon-cake:before {content: "\78";}.icon-calander:before {content: "\79";}.icon-calander-check:before {content: "\7a";}.icon-calander-month:before {content: "\41";}.icon-camera:before {content: "\42";}.icon-cancellation-policy:before {content: "\43";}.icon-capacity:before {content: "\44";}.icon-capacity-filled:before {content: "\45";}.icon-carts:before {content: "\46";}.icon-caterers:before {content: "\47";}.icon-classroom:before {content: "\48";}.icon-clock:before {content: "\49";}.icon-cocktail:before {content: "\4a";}.icon-comment:before {content: "\4b";}.icon-conversion-rates:before {content: "\4c";}.icon-currency-xchg:before {content: "\4d";}.icon-customer-base:before {content: "\4e";}.icon-doctor:before {content: "\4f";}.icon-elevator:before {content: "\50";}.icon-facebook:before {content: "\51";}.icon-filter:before {content: "\52";}.icon-flower:before {content: "\53";}.icon-flower-pot:before {content: "\54";}.icon-gift:before {content: "\55";}.icon-glass:before {content: "\56";}.icon-google-plus:before {content: "\57";}.icon-grid-view:before {content: "\58";}.icon-grid-view-1:before {content: "\59";}.icon-gym:before {content: "\5a";}.icon-handicape:before {content: "\30";}.icon-hands:before {content: "\31";}.icon-heading-icon:before {content: "\32";}.icon-heart:before {content: "\33";}.icon-heart-filled:before {content: "\34";}.icon-heart-love:before {content: "\35";}.icon-herringbone:before {content: "\36";}.icon-hollow:before {content: "\37";}.icon-home:before {content: "\38";}.icon-horse-shoe:before {content: "\39";}.icon-hotel:before {content: "\21";}.icon-info:before {content: "\22";}.icon-instagram:before {content: "\23";}.icon-invite-friend:before {content: "\24";}.icon-lead-management:before {content: "\25";}.icon-linkedin:before {content: "\26";}.icon-location-1:before {content: "\27";}.icon-location-2:before {content: "\28";}.icon-lock:before {content: "\29";}.icon-massage-center:before {content: "\2a";}.icon-meal:before {content: "\2b";}.icon-meeting:before {content: "\2c";}.icon-mehandi:before {content: "\2d";}.icon-message:before {content: "\2e";}.icon-message-1:before {content: "\2f";}.icon-music:before {content: "\3a";}.icon-negotiations:before {content: "\3b";}.icon-operations:before {content: "\3c";}.icon-parking:before {content: "\3d";}.icon-payment:before {content: "\3e";}.icon-pencile:before {content: "\3f";}.icon-phone:before {content: "\40";}.icon-plane:before {content: "\5b";}.icon-play:before {content: "\5d";}.icon-play-1:before {content: "\5e";}.icon-pricing-plan:before {content: "\5f";}.icon-promise:before {content: "\60";}.icon-reception:before {content: "\7b";}.icon-reset:before {content: "\7c";}.icon-right-sign:before {content: "\7d";}.icon-road-guide:before {content: "\7e";}.icon-room-service:before {content: "\5c";}.icon-rooms-available:before {content: "\e000";}.icon-round-table:before {content: "\e001";}.icon-sales:before {content: "\e002";}.icon-search:before {content: "\e003";}.icon-shirt:before {content: "\e004";}.icon-skype:before {content: "\e005";}.icon-spa:before {content: "\e006";}.icon-special-features:before {content: "\e007";}.icon-spoon:before {content: "\e008";}.icon-steam-bath:before {content: "\e009";}.icon-step-1:before {content: "\e00a";}.icon-step-2:before {content: "\e00b";}.icon-step-3:before {content: "\e00c";}.icon-step-4:before {content: "\e00d";}.icon-sun-bed:before {content: "\e00e";}.icon-swimming:before {content: "\e00f";}.icon-taxi:before {content: "\e010";}.icon-tea:before {content: "\e011";}.icon-term-condition:before {content: "\e012";}.icon-theater:before {content: "\e013";}.icon-thumb-image:before {content: "\e014";}.icon-train:before {content: "\e015";}.icon-train-metro:before {content: "\e016";}.icon-trust:before {content: "\e017";}.icon-twitter:before {content: "\e018";}.icon-u-shape:before {content: "\e019";}.icon-uninterrupted-power-supply:before {content: "\e01a";}.icon-user:before {content: "\e01b";}.icon-valet-parking:before {content: "\e01c";}.icon-vimeo:before {content: "\e01d";}.icon-washrooms:before {content: "\e01e";}.icon-wedding-card:before {content: "\e01f";}.icon-wider-customer:before {content: "\e020";}.icon-wifi:before {content: "\e021";}.icon-wordpress:before {content: "\e022";}.icon-yoga:before {content: "\e023";} .kk_raj img { margin: 10px 0 0px 0; width: 160px;} .kk_border{border-bottom:1px solid #d0d0d0; line-height:40px;} .kk_btm{padding-bottom:15px;} .kk_li{color:#32ab54; padding-right:15px;} .pure-checkbox input[type=checkbox],.pure-radiobutton input[type=checkbox],.pure-checkbox input[type=radio],.pure-radiobutton input[type=radio] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pure-checkbox input[type=checkbox]:focus+label:before,.pure-radiobutton input[type=checkbox]:focus+label:before,.pure-checkbox input[type=radio]:focus+label:before,.pure-radiobutton input[type=radio]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before,.pure-radiobutton input[type=checkbox]:hover+label:before,.pure-checkbox input[type=radio]:hover+label:before,.pure-radiobutton input[type=radio]:hover+label:before { border-color: #e03e25; background-color: #f2f2f2; } .pure-checkbox input[type=checkbox]:active+label:before,.pure-radiobutton input[type=checkbox]:active+label:before,.pure-checkbox input[type=radio]:active+label:before,.pure-radiobutton input[type=radio]:active+label:before { transition-duration: 0s; } .pure-checkbox input[type=checkbox]+label,.pure-radiobutton input[type=checkbox]+label,.pure-checkbox input[type=radio]+label,.pure-radiobutton input[type=radio]+label { position: relative; padding-left: 2em; vertical-align: middle; user-select: none; cursor: pointer; } .pure-checkbox input[type=checkbox]+label:before,.pure-radiobutton input[type=checkbox]+label:before,.pure-checkbox input[type=radio]+label:before,.pure-radiobutton input[type=radio]+label:before { box-sizing: content-box; content: ''; color: #e03e25; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -9px; border: 2px solid #e03e25; text-align: center; transition: all 0.4s ease; } .pure-checkbox input[type=checkbox]+label:after,.pure-radiobutton input[type=checkbox]+label:after,.pure-checkbox input[type=radio]+label:after,.pure-radiobutton input[type=radio]+label:after { box-sizing: content-box; content: ''; background-color: #e03e25; position: absolute; top: 50%; left: 4px; width: 10px; height: 10px; margin-top: -5px; transform: scale(0); transform-origin: 50%; transition: transform 200ms ease-out; } .pure-checkbox input[type=checkbox]:disabled+label:before,.pure-radiobutton input[type=checkbox]:disabled+label:before,.pure-checkbox input[type=radio]:disabled+label:before,.pure-radiobutton input[type=radio]:disabled+label:before { border-color: #cccccc; } .pure-checkbox input[type=checkbox]:disabled:focus+label:before,.pure-radiobutton input[type=checkbox]:disabled:focus+label:before,.pure-checkbox input[type=radio]:disabled:focus+label:before,.pure-radiobutton input[type=radio]:disabled:focus+label:before,.pure-checkbox input[type=checkbox]:disabled:hover+label:before,.pure-radiobutton input[type=checkbox]:disabled:hover+label:before,.pure-checkbox input[type=radio]:disabled:hover+label:before,.pure-radiobutton input[type=radio]:disabled:hover+label:before { background-color: inherit; } .pure-checkbox input[type=checkbox]:disabled:checked+label:before,.pure-radiobutton input[type=checkbox]:disabled:checked+label:before,.pure-checkbox input[type=radio]:disabled:checked+label:before,.pure-radiobutton input[type=radio]:disabled:checked+label:before { background-color: #cccccc; } .pure-checkbox input[type=checkbox]+label:after,.pure-radiobutton input[type=checkbox]+label:after { background-color: transparent; top: 50%; left: 4px; width: 8px; height: 3px; margin-top: -4px; border-style: solid; border-color: #ffffff; border-width: 0 0 3px 3px; border-image: none; transform: rotate(-45deg) scale(0); } .pure-checkbox input[type=checkbox]:checked+label:after,.pure-radiobutton input[type=checkbox]:checked+label:after { content: ''; transform: rotate(-45deg) scale(1); transition: transform 200ms ease-out; } .pure-checkbox input[type=radio]:checked+label:before,.pure-radiobutton input[type=radio]:checked+label:before { animation: borderscale 300ms ease-in; background-color: white; } .pure-checkbox input[type=radio]:checked+label:after,.pure-radiobutton input[type=radio]:checked+label:after { transform: scale(1); } .pure-checkbox input[type=radio]+label:before,.pure-radiobutton input[type=radio]+label:before,.pure-checkbox input[type=radio]+label:after,.pure-radiobutton input[type=radio]+label:after { border-radius: 50%; } .pure-checkbox input[type=checkbox]:checked+label:before,.pure-radiobutton input[type=checkbox]:checked+label:before { animation: borderscale 200ms ease-in; background: #e03e25; } .pure-checkbox input[type=checkbox]:checked+label:after,.pure-radiobutton input[type=checkbox]:checked+label:after { transform: rotate(-45deg) scale(1); } @keyframes borderscale { 50%{box-shadow:0 0 0 2px #e03e25}.jopFullview-popup{width:870px}.jopFullview-popup .modal-content{background:#fff;position:relative;display:inline-block;width:100%;border-radius:0;border:none;box-shadow:0 0 0;padding:0 20px}s .jopFullview-popup .modal-content h1{padding:11px 0 14px;border-bottom:solid 1px #ccc;line-height:36px;font-size:24px;color:#333;margin-bottom:20px;font-family:domine;font-weight:700}.jopFullview-popup .modal-content .info-slide{display:block}.jopFullview-popup .modal-content .info-slide label{display:inline-block;width:auto;font-weight:600;margin:0;line-height:30px;font-size:16px;color:#333}.jopFullview-popup .modal-content .info-slide p{display:inline-block;margin:0;line-height:30px;font-size:16px;color:#666}.jopFullview-popup .modal-content h2{font-size:16px;color:#333;font-weight:600;margin:15px 0 0;line-height:26px}.jopFullview-popup .modal-content ul{padding:5px 0 40px;margin:0;border-bottom:solid 1px #e0e0e0}.jopFullview-popup .modal-content ul li{list-style:none;padding:0 0 0 20px;line-height:21px;font-size:13px;color:#888;position:relative}.jopFullview-popup .modal-content ul li:after{font-family:untitled-font-20!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:1;text-transform:none!important;content:"g";position:absolute;top:5px;left:0;font-size:11px}.jopFullview-popup .modal-content .apply{display:block;padding:15px 0}.jopFullview-popup .modal-content .apply label{display:block;line-height:24px;font-size:14px;color:#000;margin:0;font-weight:400}.jopFullview-popup .modal-content .apply a{display:inline-block;line-height:22px;color:#f15b22;font-size:13px}.jopFullview-popup .modal-content .apply a .icon{display:inline-block;vertical-align:top;margin:3px 5px 0 0}.modal-content .close-icon{position:absolute;top:-9px;right:-13px;cursor:pointer}.login-popup{width:800px}.login-popup .modal-content{background:#fff;position:relative;display:inline-block;width:100%;border-radius:0;border:none;box-shadow:0 0 0;z-index:9999}.login-popup .modal-content .left-img{width:42.85%;float:left}.login-popup .modal-content .right-info{width:54.54%;float:right;padding:0 20px 0 0}.login-popup .modal-content .right-info h1{padding:11px 0 14px;border-bottom:solid 1px #ccc;line-height:36px;font-size:24px;color:#333;margin:0;font-family:domine;font-weight:700}.login-popup .right-info .sosal-midiyaLogin{width:100%;display:inline-block;padding:20px 0 30px}.login-popup .right-info .sosal-midiyaLogin .facebook-link{width:50%;float:left;padding:0 10px 0 0;position:relative}.login-popup .right-info .sosal-midiyaLogin .facebook-link a{border-bottom:solid 2px #16326e;background:#3b5999;line-height:35px;padding:0 0 0 40px;font-size:13px;color:#fff;display:block}.login-popup .right-info .sosal-midiyaLogin .facebook-link a .icon{position:absolute;top:0;left:0;width:35px;height:35px;background:#354f88;text-align:center;color:#fff;line-height:30px;font-size:20px;padding-top:5px}.login-popup .right-info .sosal-midiyaLogin .google-link{width:50%;float:left;padding:0 0 0 10px;position:relative}.login-popup .right-info .sosal-midiyaLogin .google-link a{border-bottom:solid 2px #c62f15;background:#de4c33;line-height:35px;padding:0 0 0 48px;font-size:13px;color:#fff;display:block}.login-popup .right-info .sosal-midiyaLogin .google-link a .icon{position:absolute;top:0;left:10px;width:35px;height:35px;background:#ce3e26;text-align:center;color:#fff;line-height:30px;font-size:20px;padding-top:5px}.login-popup .right-info .or-text{border-top:dashed 1px #d8d8d8;width:100%;text-align:center;display:inline-block}.login-popup .right-info .or-text span{padding:0 10px;background:#fff;font-size:14px;color:#333;top:-10px;line-height:20px;position:relative;font-weight:600}.login-popup .right-info .input-form{border-bottom:solid 1px #ccc}.login-popup .right-info .input-form .input-box{padding:15px 0 10px;position:relative}.login-popup .right-info .input-form .input-box input{width:100%;border-radius:5px;border:solid 1px #ccc;height:40px;line-height:20px;padding:9px 10px 9px 32px;background:#fff;font-size:14px;color:#333}.login-popup .right-info .input-form .input-box .icon{position:absolute;top:15px;left:0;width:30px;line-height:42px;text-align:center;font-size:16px}.login-popup .right-info .input-form .check-slide{display:block;padding:10px 0 0}.login-popup .right-info .input-form .check-slide .check{display:inline-block}.login-popup .right-info .input-form .check-slide .check .label_check{display:inline-block;line-height:15px;color:#666;font-size:12px;font-weight:400;margin:0;background:url(../images/chack-img.html) no-repeat top left;padding:0 0 0 25px}.login-popup .right-info .input-form .check-slide .check input{position:absolute;left:-99999px}.login-popup .right-info .input-form .check-slide .check .label_check.c_on{background-position:left bottom}.login-popup .right-info .input-form .check-slide a{float:right;width:auto;line-height:15px;color:#f15b22;font-size:12px}.login-popup .right-info .input-form .submit-slide{margin:16px 0}.login-popup .right-info .input-form .submit-slide .btn{padding:0 34px;line-height:40px}.login-popup .right-info .signUp-link{display:block;text-align:center;padding:13px 0 8px;font-size:12px;line-height:18px;color:#666}.login-popup .right-info .signUp-link a{color:#f15b22}.modal-content .close-icon{position:absolute;top:-9px;right:-13px;cursor:pointer}@media(max-width:767px){.login-popup .modal-content .left-img{display:none}.login-popup .modal-content .right-info{width:100%;padding:0 20px}.login-popup{width:auto;padding-top:40px}}