/* * CSS For DotNetNuke Skin by bestdnnskins.com * Copyright 2014 By BESTDNNSKINS.COM */ /*********************************************/ /* All Content Styles */ /*********************************************/ /* START site-design.co*/ .flex-viewport { direction:ltr; } .flexslider_thum .flex-control-thumbs li { float:right !important; } .flex-caption2 { font-family:inherit !important; } /* END site-design.co*/ /*--------- Border Style ----------*/ .dashed_border{ border-bottom:1px dashed #e9e9e9;} .solid_border{ border-bottom:1px solid #e9e9e9;} /*--------- Contact Style ----------*/ .contact_style{display:block; } .contact_style p{ line-height:36px; margin:0; padding:0;} .contact_style p a{ color:#333; } .contact_style p span{ margin:0 12px 0 8px; color:#333; } /*--------- Contact Style ----------*/ .contact02_style{display:block; } .contact02_style p{ line-height:36px; margin:0; padding:0;} .contact02_style p a{ color:#fff; } .contact02_style p a:hover{ color:#eee;} .contact02_style p span{ margin:0 12px 0 8px; color:#fff; } /*------------------ Categories Style -------------------*/ .footer_categories li{ border-bottom:1px solid #ececec; line-height:3em; } .footer_categories li a{ color:#555; font-weight:bold; } .footer_categories li span.fa{ float:none; padding:0 5px 0 10px;} .footer_categories li span{ float:left; padding-left:3px; font-weight:normal;} /*------------------ Fancybox Style -------------------*/ .fancybox_style{height:auto; padding:0;overflow:hidden;} .fancybox_style ul { list-style:none; margin:0; padding:0;} .fancybox_style ul li { list-style:none; padding:3px; float:right; } .fancybox_style ul li a { position:relative; display:block;} .fancybox_style ul li a img { filter:Alpha(Opacity=100);opacity:1; } .fancybox_style ul li a img:hover { filter:Alpha(Opacity=70);opacity:0.7; } /*------------------ Footer Touch Style -------------------*/ .footer_touch p{ line-height:2em; padding-top:3px;} .footer_touch ul{ padding-top:10px;} .footer_touch ul li{ padding:8px 0; } .footer_touch ul li a{ color:#555;} .footer_touch ul li span{padding-left:10px; width:22px; text-align:center;} .footer_touch ul li span.fa-map-marker{ font-size:14px;} .footer_touch ul li span.fa-phone,.footer_touch ul li span.fa-globe{ font-size:14px} .footer_touch ul li span.fa-envelope{ font-size:12px;} /*------------------ Footer About Style -------------------*/ .footer_about{ padding-bottom:30px;} .footer_about .footer_logo{ margin-bottom:24px; width:auto; } .footer_about .social_icon{ padding-top:20px;} .footer_about .social_icon li { float:right; border:1px solid #e9e9e9; margin-right:-1px!important; margin-bottom:5px;} .footer_about .social_icon li:hover{ border-bottom:1px solid; } .footer_about .social_icon li a span{ width:43px; height:43px; text-align:center; line-height:43px;font-size:20px;} .footer_about .social_icon li:hover span{ background:rgba(0,0,0,0.05);} /*---------- Img Over Style------------------ */ .img_over{width:100%;height:auto;float:right;overflow:hidden;position:relative;text-align:center;cursor:default;} .img_over .mask, .img_over .content{width:100%;height:100%;position:absolute;overflow:hidden;top:0;right:0;} .img_over > img{display:block;position:relative; width:100%;} .img_over h2{color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;filter:Alpha(Opacity=70);opacity:0.7;margin:12% 0 0 0;} .img_over p{font-style:italic;font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center;} .img_over a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;} .img_over a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;} .img_over_effect .mask{background-color:rgba(255,255,255,0.7);top:-200px;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-out 0.5s;-moz-transition:all 0.3s ease-out 0.5s;-o-transition:all 0.3s ease-out 0.5s;-ms-transition:all 0.3s ease-out 0.5s;transition:all 0.3s ease-out 0.5s;} .img_over_effect h2, .img_over_effect p, .img_over_effect a.info{-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);-o-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);} .img_over_effect h2{-webkit-transition:all 0.2s ease-in-out 0.1s;-moz-transition:all 0.2s ease-in-out 0.1s;-o-transition:all 0.2s ease-in-out 0.1s;-ms-transition:all 0.2s ease-in-out 0.1s;transition:all 0.2s ease-in-out 0.1s;} .img_over_effect p{color:#555;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;transition:all 0.2s ease-in-out 0.2s;} .img_over_effect a.info{-webkit-transition:all 0.2s ease-in-out 0.3s;-moz-transition:all 0.2s ease-in-out 0.3s;-o-transition:all 0.2s ease-in-out 0.3s;-ms-transition:all 0.2s ease-in-out 0.3s;transition:all 0.2s ease-in-out 0.3s;} .img_over_effect:hover .mask{filter:alpha(opacity=100);opacity:1;top:0px;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;} .img_over_effect:hover h2, .img_over_effect:hover p, .img_over_effect:hover a.info{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);} .img_over_effect:hover h2{-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-ms-transition-delay:0.4s;transition-delay:0.4s;} .img_over_effect:hover p{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-ms-transition-delay:0.2s;transition-delay:0.2s;} .img_over_effect:hover a.info{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;} .img_over_effect:hover { cursor:e-resize; } /*---------- Img view Style------------------ */ .view{width:100%; height:100%; float: right; overflow: hidden; position: relative; text-align: center;} .view img{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view:hover img{-webkit-transform: scale(1.1,1.1)rotate(2deg); -moz-transform: scale(1.1,1.1)rotate(2deg); transform: scale(1.1,1.1)rotate(2deg);} .view .mask{ width:100%; height: 100%; line-height:100%; position: absolute; overflow: hidden; top: 0; right: 0; filter: alpha(opacity=0); opacity: 0; background:url(../images/content/fancy_zoom.png) no-repeat center center rgba(255,255,255, 0.15); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .view:hover .mask{ filter: alpha(opacity=100); opacity: 1;} /*------------------ Home1 Top Style -------------------*/ .home1_top{ text-align:center; padding:20px 10px; margin:40px 0;} .home1_top h3{ color:#222;} .home1_top span{ font-size:18px;} .home1_top:hover{ transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home1_top:hover span{ color:#fff;} .home1_top:hover h3{ color:#fff;} .home1_top:hover p{ color:#fff;} .home1_top:hover a{ color:#fff!important;} .home1_top a span{ font-size:15px; padding-right:5px;} /*--------- Togglable Tabs Style ----------*/ .nav { margin-bottom: 0; margin:0; } .nav-tabs > li{ width:33.333%; text-align:center;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-color: #e6eaed #e6eaed transparent; border-bottom:2px solid;} .nav-tabs > li > a { padding-top:20px; padding-bottom:20px; color:#555; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:none; border:1px solid #e6eaed;outline:none; border-bottom:none; } .nav-tabs > li > a:hover { background:none;} .nav-tabs > li > a, .nav-pills > li > a{ margin-left:-1px;} .tab-content { padding:11px 10px 5px 10px;} .tab-content .tab1_box{ padding:30px 0;} .tab-content .tab1_box .tab_content_right h4{ color:#222; padding-bottom:15px;} .tab-content .tab1_box .tab_content_right p{ padding-bottom:15px;} .tab-content .tab2_box{ text-align:center;padding:30px 0;} .tab-content .tab2_box h3{ color:#222;} .tab-content .tab2_box ul{ padding-top:30px;} .tab-content .tab2_box span{ font-size:18px;} .tab-content .tab2_box h4{ font-size:17px;} .tab-content .tab3_box{ padding:30px 0; text-align:center;} .tab-content .tab3_box img{filter:Alpha(Opacity=100);opacity:1; padding:10px; border:1px solid#e9e9e9;} .tab-content .tab3_box img:hover{filter:Alpha(Opacity=90);opacity:0.9;} .tab-content .tab3_box p{ padding-top:20px;} /*--------- Show Product Style ----------*/ .show_product{ text-align:center; padding:40px 0 0 0; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} .show_product h3{ color:#222;padding-bottom:30px; font-size:16px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .show_product:hover h3{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .show_product .img_over h2{ padding:20px 0; margin-top:80px;} .show_product .img_over p{ margin-top:20px;} /*--------- Carousel Style ----------*/ .carousel4_items { position:relative; } .carousel4_items ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel4_items ul li { float:left; list-style:none; height:auto; margin:0; position:relative; min-height:0px; height:355px } /*--------- Recent Posts Style----------*/ .recent_posts { padding-bottom:30px;} .recent_posts .recent_posts_top{ text-align:center; padding-bottom:55px;} .recent_posts .recent_posts_top h3{ color:#222;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; font-size:16px;} .recent_posts:hover .recent_posts_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*--------- Carousel Style ----------*/ .carousel2_items { position:relative; } .carousel2_items ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel2_items ul li { float:left; list-style:none; height:auto; margin:0 3px 0 6px; position:relative; min-height:333px; } .carousel2_items_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1; } .carousel2_items_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} .carousel2_items_nav { position:absolute; left:0; top:-55px; padding:5px 5px 5px 8px;} .carousel2_items_nav a{outline:none;} .carousel2_items_prev { background: url(../images/content/carouFredSel_next.png) no-repeat center center; margin-left:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; border:1px solid #e9e9e9;} .carousel2_items_next { background: url(../images/content/carouFredSel_prev.png) no-repeat center center; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;border:1px solid #e9e9e9;} .carousel2_items_prev:hover {border:1px solid;} .carousel2_items_next:hover { border:1px solid;} .carousel2_items_text{ border:1px solid #e9e9e9; padding:8px 10px 13px 10px;} /*--------- Simple Easy Style ----------*/ .simple_easy{ margin:40px 0;} .simple_easy .simple_top{ text-align:center;} .simple_easy .simple_top h3{ font-size:16px; color:#222; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .simple_easy:hover .simple_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /*--------- Carousel Style ----------*/ .carousel3_items { position:relative; } .carousel3_items ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel3_items ul li { float:left; list-style:none; height:auto; margin:0 10px 0 10px; position:relative; min-height:260px; } .carousel3_items_img img{ position:relative;filter:Alpha(Opacity=90);opacity:0.9; border:1px solid #fff; } .carousel3_items_img img:hover{cursor: e-resize;filter:Alpha(Opacity=100);opacity:1;} .carousel3_items_text{ text-align:center; padding-top:7px;} .carousel3_items_text h5{ color:#222;} .carousel3_items_nav { position:absolute; left:0; top:-55px; padding:5px 5px 5px 8px; width:100%;} .carousel3_items_nav a{outline:none;} .carousel3_items_prev { background: url(../images/content/Carousel_next.png) no-repeat center center; padding:12px 15px; position:absolute; right:-50px; top:120px; width:35px; height:50px;} .carousel3_items_next { background: url(../images/content/Carousel_prev.png) no-repeat center center; padding:12px 15px;position:absolute; left:-50px;top:120px;width:35px; height:50px;} /*--------- Carousel Style ----------*/ .carousel3_items02 { position:relative; } .carousel3_items02 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel3_items02 ul li { float:left; list-style:none; height:auto; margin:0 3px 0 6px; position:relative; min-height:420px; } .carousel3_items02_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1; border:1px solid #fff; } .carousel3_items02_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} .carousel3_items02_nav { position:absolute; left:0; top:-75px; padding:5px 5px 5px 8px;} .carousel3_items02_nav a{outline:none;} .carousel3_items02_prev { background: url(../images/content/carouFredSel_next.png) no-repeat center center; margin-left:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; border:1px solid #e9e9e9;} .carousel3_items02_next { background: url(../images/content/carouFredSel_prev.png) no-repeat center center; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;border:1px solid #e9e9e9;} .carousel3_items02_prev:hover {border:1px solid ;} .carousel3_items02_next:hover { border:1px solid ;} .carousel3_items02_text{padding:5px 0 10px 10px;} .carousel3_items02_text h5{ color:#222;} /*--------- carousel3_items Style ----------*/ .carousel6_items { position:relative; text-align:center; margin:10px 0 10px 0;} .carousel6_items ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel6_items ul li { float:left; list-style:none; height:auto; margin:0 5px; position:relative; min-height:45px; } .carousel6_items_img img{ position:relative;filter:Alpha(Opacity=80);opacity:0.8;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .carousel6_items_img img:hover{cursor: e-resize;filter:Alpha(Opacity=100);opacity:1;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .carousel6_items_nav a{outline:none;} .carousel6_items_prev { background: url(../images/content/carouFredSel_next.png) no-repeat center center; position:absolute; right:-10px; top:20px; height:12px; width:10px; } .carousel6_items_next { background: url(../images/content/carouFredSel_prev.png) no-repeat center center; position:absolute; left:-10px;top:20px;height:12px; width:10px;} /*--------- Accordion2 Style ----------*/ .accordion2.ui-accordion .ui-accordion-header { cursor: pointer;margin-top:8px; display: block;min-height: 0;padding:5px 45px 5px 8px;position: relative;} .accordion2 .ui-state-default,.accordion2 .ui-widget-content .ui-state-default,.accordion2 .ui-widget-header .ui-state-default h3{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .accordion2 .ui-state-default,.accordion2 .ui-widget-content .ui-state-default,.accordion2 .ui-widget-header .ui-state-default{ background:#f6f6f6;} .accordion2 .ui-state-active,.accordion2 .ui-widget-content .ui-state-active,.accordion2 .ui-widget-header .ui-state-active h3{ transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .accordion2 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#f6f6f6;} .accordion2 .ui-helper-reset { font-size: 100%;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;} .accordion2 .accordion2_text {padding:17px 3px 5px 3px;} .accordion2 > h3{font-size:15px!important; font-weight:normal;} .accordion2 .ui-accordion .ui-accordion-content {overflow: auto;} .accordion2 .ui-state-active .ui-icon { background: url(../images/content/toggle_icon.png) no-repeat bottom center;} .accordion2 .ui-state-default .ui-icon { background-image:url(../images/content/toggle_icon.png); background-repeat:no-repeat;background-position: top center !importat;} .accordion2 .ui-icon,.accordion2 .ui-widget-content .ui-icon { background: url(../images/content/toggle_icon.png) no-repeat bottom center;} .accordion2 .ui-icon{ height:33px; width:34px; float:right; background:#c2c2c2;position:absolute;right:0;top:0; } .accordion2 .ui-state-active span.ui-icon {} /*--------- Accordion Style ----------*/ .accordion3.ui-accordion .ui-accordion-header{border-top:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;cursor: pointer;margin-top:7px; display: block;min-height: 0;padding:12px 10px;position: relative;line-height:20px;} .accordion3.ui-accordion .ui-state-default,.accordion3.ui-accordion .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: url(../images/content/accordion-buttons.rtl.png) no-repeat 5px -29px; font-weight:normal; color:#555;transition:0;} .accordion3.ui-accordion .ui-state-active, .ui-widget-content .ui-state-active,.accordion3.ui-accordion .ui-widget-header .ui-state-active{ background: url(../images/content/accordion-buttons.rtl.png) no-repeat 5px 13px; font-weight:normal;transition:0;} .accordion3 .ui-helper-reset { font-size: 100%;list-style:none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;} .accordion3 > h3{font-size:15px;} .accordion3.ui-accordion .ui-accordion-content {overflow: auto;padding: 8px 10px 15px 7px; background:#fff;} .accordion3 .accordion3_text p{ padding-top:10px;} /*---------- Project style -------------- */ .project_inner{position:relative;overflow:hidden; text-align:center; } .project_inner img{ position:relative;filter:Alpha(Opacity=80);opacity:0.8; } .project_inner:hover img{cursor: e-resize;filter:Alpha(Opacity=100);opacity:1;} .project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;} .project_inner .project_rollover{position:absolute; right:0;bottom:0;display:block;height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height 0.3s ease-in-out 0s;-moz-transition:height 0.3s ease-in-out 0s;transition:height 0.3s ease-in-out 0s;color:#fff; width:100%;} .project_inner:hover .project_rollover {height:75px;} .project_inner .entry_title{padding:15px;} .project_inner .project_rollover{ background:rgba(200,200,200,0.7); } /*--------- Icon Hover Effects ----------*/ .icon_hover { position:relative; text-align:center; min-height:80px;} .icon_hover .fa_effect{position:relative;top:0;} .icon_hover .fa{display:inline-block;cursor: pointer;margin: 0 auto;width:65px;height:65px;border-radius: 50%;position: relative;z-index: 1; background:#f0f0f0; color:#fff; } .icon_hover .fa:after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .icon_hover .fa:before{speak: none;font-style: normal;font-weight: normal;font-variant: normal; font-size:18px;vertical-align:middle; line-height:68px;text-transform: none;display: block;-webkit-font-smoothing: antialiased;} /* Effect 1 */ .icon_hover .icon_effect_1 .fa{ -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;transition: transform ease-out 0.1s, background 0.2s;color: #fff!important;} .icon_hover .icon_effect_1 .fa:after{top: 0;right: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px;opacity: 0;} .icon_hover:hover .icon_effect_1 .fa{color: #fff;} .icon_hover:hover .icon_effect_1 .fa:after{-webkit-animation: sonarEffect 1s ease-out 95ms;-moz-animation: sonarEffect 1s ease-out 95ms;animation: sonarEffect 1s ease-out 95ms;} @-webkit-keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);}100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.5);opacity: 0;}} @-moz-keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);}100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.5);opacity: 0;}} @keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);}100%{box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px , 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}} /* Effect 2 */ .icon_hover:hover .icon_effect_2 .fa:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} .icon_hover .icon_effect_2 .fa{color: #fff!important;} .icon_hover:hover .icon_effect_2 .fa{color: #fff!important;} .icon_hover:hover .icon_effect_2 .fa:after{ box-shadow: 0 0 0 2px;} .icon_hover .icon_effect_2 .fa:after{top: -4px;right: -4px;padding: 4px;box-shadow: 0 0 0 2px;-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.6s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.6s, opacity 0.6s;transform: scale(.8);opacity: 0;} /* Effect 3 */ .icon_hover .icon_effect_3 .fa{-webkit-transition: color 0.6s;-moz-transition: color 0.6s;transition: color 0.6s;box-shadow: 0 0 0 2px;} .icon_hover .icon_effect_3 .fa:after{top:-2px;right:-2px;z-index: -1;border:2px solid;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .icon_hover .icon_effect_3 .fa{color: #fff!important;} .icon_hover:hover .icon_effect_3 .fa{color: #fff!important;box-shadow: 0 0 0 2px;} .icon_hover:hover .icon_effect_3 .fa:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;} /* Effect 6 */ .icon_effect_4 .fa{ color: #fff!important;-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;} .icon_effect_4 .fa:after{top: -4px;right: -4px;padding: 4px;z-index: -1;opacity: 0;box-shadow: 3px 3px ;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;-moz-transition: opacity 0.2s, -moz-transform 0.2s;transition: opacity 0.2s, transform 0.2s;} .icon_hover:hover .icon_effect_4 .fa:after{opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} /*--------- Iconbox Item style ----------*/ .icon_hover.iconbox_item{position:relative;border:none;text-align:center; margin:0; padding:0; min-height:0;} .icon_hover.iconbox_item .fa_effect{position:absolute; right:2px; top:5px;} .icon_hover.iconbox_item .fa{display:inline-block;cursor: pointer;margin: 0 auto;width:65px;height:65px;border-radius: 50%;position: relative;z-index: 1; background:#f0f0f0; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .icon_hover.iconbox_item:hover .fa{ color:#fff!important; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .icon_hover.iconbox_item .fa:after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .icon_hover.iconbox_item.fa:before{speak: none;font-style: normal;font-weight: normal;font-variant: normal; font-size:24px;vertical-align:middle; line-height:65px;text-transform: none;display: block;-webkit-font-smoothing: antialiased;} .icon_hover.iconbox_item .iconbox_text{ padding-right:82px; text-align:right;} .icon_hover.iconbox_item .iconbox_text h5{ color:#222;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .icon_hover.iconbox_item:hover .iconbox_text h5{ transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .icon_hover.iconbox_item_a .fa{ color:#fff;} .icon_list_services .icon_hover.iconbox_item .fa{color:#555;} .icon_list_services .icon_hover.iconbox_item:hover .fa{ color:#fff;} /*--------- Client Say Style ----------*/ .client_say{ text-align:center; margin:10px 50px 40px 50px;} .client_say span.fa{ font-size:18px; padding-bottom:15px;} .client_say h3 { color:#fff; margin-bottom:20px;} .client_say li{ padding:15px 0;} .client_say li p{ font-size:16px; line-height:1.5em;} .client_say.testimonials_page{ padding:50px 0; text-align:center;} .client_say.testimonials_page span.fa{ font-size:18px; padding-bottom:15px; } /*---------Rising Style---------------*/ .rising_style{ position:relative; padding-top:30px; background:url(../images/content/rising_shadow.png) no-repeat right bottom; text-align:center;} .rising_style h3{ font-size:18px; color:#222;} .rising_style:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .rising_style p{ padding-bottom:40px;} .rising01_position{ text-align:center; z-index:100; position:relative;} .rising02_position{ position:absolute; bottom:0; right:10%; z-index:102; } .rising03_position{ position:absolute; bottom:0; left:18%; z-index:101;} /*---------Creative Style---------------*/ .creative_style{ margin-bottom:20px;} .creative_style .creative_text{ text-align:center; padding-bottom:10px; } .creative_style .creative_text h3{ color:#222; font-size:18px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .creative_style:hover .creative_text h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .creative_style img:hover{filter:Alpha(Opacity=90);opacity:0.9;} /*--------- Top Icon ----------*/ .top_icon .fa{ position:relative; font-size:18px;text-align:center;line-height:70px;height:70px;width:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;background-image:none; -webkit-box-shadow:0 0 0 2px inset;-moz-box-shadow:0 0 0 2px inset;box-shadow: 0 0 0 2px inset; z-index:15; } .top_icon .fa:before{display:block;position:absolute;top:0;right:0;height:0;width:100%;-background--webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;z-index:12; } .top_icon:hover .fa:before{height:100%; color:#fff;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*--------- Home2 Top ----------*/ .home2_top {text-align:center; margin:50px 0 40px 0; border:1px solid #e9e9e9; padding:25px 0;} .home2_top .fa{position:relative; font-size:18px;text-align:center;line-height:70px;height:70px;width:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;background-image:none;-webkit-box-shadow:0 0 0 2px inset;-moz-box-shadow:0 0 0 2px inset;box-shadow: 0 0 0 2px inset;z-index:15; } .home2_top .fa:before{display:block;position:absolute;top:0;right:0;height:0;width:100%;-background--webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;z-index:12; } .home2_top:hover .fa:before{height:100%; color:#fff;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .home2_top:hover{ border-top:1px solid;} .home2_top.home2_top_a .fa{-webkit-box-shadow:0 0 0 2px inset;-moz-box-shadow:0 0 0 2px inset;box-shadow: 0 0 0 2px inset; } .home2_top.home2_top_a .fa:before{} .home2_top.home2_top_a:hover{ border-top:1px solid;} .home2_top.home2_top_b .fa{color:#75c96c!important;-webkit-box-shadow:0 0 0 2px #75c96c inset!important;-moz-box-shadow:0 0 0 2px #75c96c inset!important;box-shadow: 0 0 0 2px #75c96c inset!important; } .home2_top.home2_top_b .fa:before{background-color:#75c96c!important;} .home2_top.home2_top_b:hover{ border-top:1px solid #1adc06!important;} .home2_top.home2_top_c .fa{color:#eb6fec!important;-webkit-box-shadow:0 0 0 2px #eb6fec inset!important;-moz-box-shadow:0 0 0 2px #eb6fec inset!important;box-shadow: 0 0 0 2px #eb6fec inset!important; } .home2_top.home2_top_c .fa:before{background-color:#eb6fec!important;} .home2_top.home2_top_c:hover{ border-top:1px solid #eb6fec!important;} /*--------- State Wrapper Style ----------*/ .state_wrapper img{min-width:240px;} .state_info{width:100%; height: 100%;text-align: right; padding:0; min-height: 35px; position: absolute; bottom: 0; right: 0; z-index: 10; filter: alpha(opacity=0); opacity: 0;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;text-align:center; } .state_info:hover{ filter: alpha(opacity=70); opacity:0.7;} .state_info .state_circle{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);} .state_info:hover .state_circle{transform: scale(1) rotate(180deg);-webkit-transform: scale(1) rotate(180deg);-moz-transform: scale(1) state(180deg);-webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s;transition: all 0.4s ease-in 0s;} .state_circle{position: absolute; top:36%; right: 42%;padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;text-align:center;} .state_circle span.fa{font-size:16px;color:#fff;line-height:60px; width:60px; height:60px; text-align:center; line-height:60px; background:#333;-webkit-border-radius:100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s;transition: all 0.4s ease-in 0s;} .state_circle:hover span.fa{ background:#000;-webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s;transition: all 0.4s ease-in 0s;} /*--------- Easy Customize Style ----------*/ .easy_customize{} .easy_customize img{ padding-top:70px;} .easy_customize h3{ color:#222;} .easy_customize .list-unstyled{ padding-top:3px;} .easy_customize .text_left{ float:right; padding-top:2px;} .easy_customize .text_left span{ width:25px; height:25px; text-align:center; line-height:25px; color:#fff; font-size:17px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding-right:2px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .easy_customize .text_right{ padding-right:33px;} .easy_customize .text_right h5{ color:#222;} .easy_customize .list-unstyled li:hover span{ background:#555!important;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /*--------- Meet Team Style ----------*/ .meet_team{ text-align:center;} .meet_team .row.list-unstyled{ padding-top:20px;} .meet_team h3{ color:#222; font-size:18px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .meet_team:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .meet_team img:hover{filter:Alpha(Opacity=90);opacity:0.9;} .meet_team_text{ text-align:right;} .meet_team_text h4{ color:#555;} .meet_team_text p{ padding-top:10px;} .meet_team_text ul{ padding-top:5px;} .meet_team_text ul li{ float:right; padding-left:10px;} .meet_team_text ul li span{ font-size:20px;} /*--------- Started Now Style ----------*/ .started_now{ padding:5px 0 20px;} .started_now .started_now_left h3{ font-weight:normal;} .started_now .started_now_button{ margin:43px 0 20px 5px; float:left; } .started_now .started_now_button a span{ padding:10px 15px; border:1px solid #fff;} .started_now .started_now_button a:hover span{ background:rgba(255,255,255,0.1)} /*---------Home3 Top Icon Style----------*/ .home3_top{ text-align:center; margin:40px 0 30px 0;} .home3_top .top_icon .fa{ position:relative; font-size:16px;text-align:center;line-height:90px;height:90px;width:90px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;background-image:none; -webkit-box-shadow:0 0 0 1px inset;-moz-box-shadow:0 0 0 1px inset;box-shadow: 0 0 0 1px inset; } .home3_top .top_icon .fa:before{display:block;position:absolute;top:0;right:0;height:0;width:100%;-background--webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;z-index:12; } .home3_top:hover .top_icon .fa:before{height:100%; color:#fff;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home3_top .home3_top_text { padding:5px 12px;} .home3_top .home3_top_text h3{ color:#222;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home3_top:hover .home3_top_text h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home3_top .home3_top_text p{ padding-bottom:18px;} .home3_top .home3_top_text a span{ border:1px solid; padding:6px 10px;} .home3_bottom{ text-align:center;} .home3_bottom span.fa{ font-size:20px; color:#333;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home3_bottom h4{ font-size:20px; color:#333;} .home3_bottom .col-sm-2:hover span.fa{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home3_bottom .col-sm-2{ border-left:1px solid #e9e9e9; margin:40px 0;} /*--------- Figures Style----------*/ .figures_style { margin-bottom:120px;} .figures_style .figures_top{ text-align:center; padding-bottom:50px;} .figures_style .figures_top h3{ color:#222; font-size:16px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .figures_style:hover .figures_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .figures_style .figures_bg{background:url(../images/content/figures_bg.rtl.png) no-repeat center center; min-height:380px; } .figures_style .skin_width{ text-align:center;} .figures_style .skin_width .figures_text h5{ color:#222; } .figures_style .skin_width .figures_content01{ position:relative; top:100px;} .figures_style .skin_width .figures_content02{ position:relative; top:0;} .figures_style .skin_width .figures_content03{ position:relative; top:100px;} .figures_style .skin_width .figures_content04{ position:relative; top:20px;} .figures_style .skin_width .col-sm-3 img{ filter:Alpha(Opacity=90);opacity:0.9;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;text-align:center;} .figures_style .skin_width .col-sm-3:hover img{ filter:Alpha(Opacity=100);opacity:1;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .figures_style .figures_text{ padding:0 2px;} /*--------- Flip Item Style----------*/ .figures_style .flip_item{width: 220px;height: 220px;display: inline-block;margin:0;} .flip_item{width: 100%;height: 100%;border-radius: 50%;position: relative;box-shadow: 0 1px 2px rgba(0,0,0,0.1);cursor: default;} .flip_info_wrap{position: absolute;width: 180px;height: 180px;border-radius: 50%;-webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;-ms-perspective: 800px;perspective: 800px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;top: 20px;right: 20px;box-shadow:0 0 0 20px rgba(255,255,255,0.2),inset 0 0 3px rgba(115,114, 23, 0.8);} .flip_info{position: absolute;width: 180px;height: 180px;border-radius: 50%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;} .flip_info > div{display: block;position: absolute;width: 100%;height: 100%;border-radius: 50%;background-position: center center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} .flip_info .flip_info_back{-webkit-transform: rotate3d(0,1,0,180deg);-moz-transform: rotate3d(0,1,0,180deg);-o-transform: rotate3d(0,1,0,180deg);-ms-transform: rotate3d(0,1,0,180deg);transform: rotate3d(0,1,0,180deg);} .flip_info .flip_info_back a span.fa{ font-size:30px; color:#fff; line-height:180px;} .flip_img_1{background-image: url(../images/content/flip_img_1.jpg);} .flip_img_2{background-image: url(../images/content/flip_img_2.jpg);} .flip_img_3{background-image: url(../images/content/flip_img_3.jpg);} .flip_img_4{background-image: url(../images/content/flip_img_4.jpg);} .flip_info h3{color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;margin: 0 15px;padding: 40px 0 0 0;height: 90px;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3);} .flip_info p{color: #fff;padding: 10px 5px;font-style: italic;margin: 0 30px;font-size: 12px;border-top: 1px solid rgba(255,255,255,0.5);} .flip_info p a{display: block;color: #fff;color: rgba(255,255,255,0.7);font-style: normal;font-weight: 700;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;padding-top: 8px;} .flip_info p a:hover{color: #eee;} .flip_item:hover .flip_info_wrap{box-shadow:0 0 0 0 rgba(255,255,255,0.8),inset 0 0 3px rgba(115,114, 23, 0.8);} .flip_item:hover .flip_info{-webkit-transform: rotate3d(0,1,0,-180deg);-moz-transform: rotate3d(0,1,0,-180deg);-o-transform: rotate3d(0,1,0,-180deg);-ms-transform: rotate3d(0,1,0,-180deg);transform: rotate3d(0,1,0,-180deg);} /*--------- Way Success Style----------*/ .way_success{ margin-top:40px;} .way_success .success_right .success_right_top{ padding-bottom:65px; padding-top:20px;} .way_success .success_right .success_right_top h3{ color:#222; font-size:30px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .way_success .success_right:hover .success_right_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .way_success .success_right .success_right_top p{ font-size:17px;} .way_success .success_right .success_right_text{ margin-left:20px;} .way_success .success_right .success_right_text span.fa{ font-size:35px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .way_success .success_right .success_right_text:hover span.fa{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .way_success .success_right .success_right_text h5{ color:#222;} /*--------- Retina Style----------*/ .retina_style{ margin:50px 0;} .retina_style .retina_left { padding-top:30px;} .retina_style .retina_left h3{ font-size:30px; color:#222; padding-bottom:30px; } .retina_style .retina_left p{ padding-bottom:50px; font-size:15px; line-height:1.5em;} .retina_style .retina_left a{ color:#fff;} .retina_style .retina_left a span{ padding:13px 30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .retina_style .retina_left a:hover span{ background:#555!important;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*--------- Home5 Top Style----------*/ .home5_top{ text-align:center; margin:40px 0 40px 0; } .home5_top h4{ color:#222;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home5_top span{ color:#999;} .home5_top img{ margin:0 30px;} .home5_top p{ padding-bottom:20px;} .home5_top a span{ color:#333; padding:8px 25px; border:1px solid #e9e9e9;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home5_top .col-sm-4.home5_top_a:hover h4{ color:#dc7980;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home5_top .col-sm-4.home5_top_a a:hover span{border-bottom:1px solid #dc7980;color:#dc7980; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .home5_top .col-sm-4.home5_top_b:hover h4{ color:#bbde5b;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home5_top .col-sm-4.home5_top_b a:hover span{border-bottom:1px solid #bbde5b;color:#bbde5b; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .home5_top .col-sm-4.home5_top_c:hover h4{ color:#dcbd71;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .home5_top .col-sm-4.home5_top_c a:hover span{border-bottom:1px solid #dcbd71;color:#dcbd71; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .home5_top .col-sm-4 img{ padding:20px 0;} .home5_top .col-sm-4:hover img{-webkit-animation: pulse ease-in-out 1 normal 1000ms;-moz-animation: pulse ease-in-out 1 normal 1000ms;animation: pulse ease-in-out 1 normal 1000ms ;} /*--------- Awesome howcase Style----------*/ .awesome_showcase{ margin:30px 0 30px 0;} .awesome_showcase .awesome_showcase_top{ text-align:center; padding-bottom:40px;} .awesome_showcase .awesome_showcase_top h3{ color:#222; font-size:30px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .awesome_showcase:hover .awesome_showcase_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .awesome_showcase .showcase_left{ text-align:left;} .awesome_showcase h5{ color:#222; font-size:20px;} /*--------- Best Prices Style----------*/ .prices_table{ text-align:center; margin:20px 0; } .prices_table .prices_table_top{ text-align:center; padding-bottom:30px;} .prices_table .prices_table_top h3{ font-size:30px; color:#222;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .prices_table:hover .prices_table_top h3{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .prices_table .prices_list{ border:1px solid #e9e9e9;} .prices_table .prices_list .prices_title{ padding:30px 15px; border-top:3px solid;} .prices_table .prices_list .prices_title h3{margin:0; color:#222; font-size:23px;} .prices_table .prices_list .prices_title p{margin:0;} .prices_table .prices_list .the_price{ padding:20px 15px; color:#fff; } .prices_table .prices_list .the_price h2{margin:0;color:#fff; font-size:35px;} .prices_table .prices_list .the_price p{margin:0;} .prices_table .prices_list li{ padding:18px 15px;} .prices_table .prices_list .gray_bg{ background:#efefef;} .prices_table .prices_list .sing_up{ padding:32px 15px;} .prices_table .prices_list .sing_up a span{ padding:8px 25px; color:#fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .prices_table .prices_list.prices_list_a .prices_title{border-top:3px solid #bbde5b!important;} .prices_table .prices_list.prices_list_a .the_price{background:#bbde5b!important;} .prices_table .prices_list.prices_list_a .sing_up a span{background:#bbde5b!important;} .prices_table .prices_list.prices_list_b .prices_title{border-top:3px solid #dc7980!important;} .prices_table .prices_list.prices_list_b .the_price{background:#dc7980!important;} .prices_table .prices_list.prices_list_b .sing_up a span{background:#dc7980!important;} .prices_table .prices_list.prices_list_c .prices_title{border-top:3px solid #dcbd71!important;} .prices_table .prices_list.prices_list_c .the_price{background:#dcbd71!important;} .prices_table .prices_list.prices_list_c .sing_up a span{background:#dcbd71!important;} .prices_table .prices_list.prices_list_d .prices_title{border-top:3px solid #71addc!important;} .prices_table .prices_list.prices_list_d .the_price{background:#71addc!important;} .prices_table .prices_list.prices_list_d .sing_up a span{background:#71addc!important;} .prices_table .prices_list .sing_up a:hover span{background:#555!important; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*--------- Sidebar Stats Style----------*/ .sidebar_stats li{ padding:7px 5px; background:#eaeaeb; margin-bottom:5px!important;} .sidebar_stats li p{ margin:0; color:#2f3239; font-size:15px;} .sidebar_stats li span.fa{ background:#2f3239; margin-left:5px; color:#fff; width:26px; height:26px; text-align:center; line-height:26px;} /*--------- Sidebar Find Us Style----------*/ .sidebar_find_us li{margin-bottom:10px!important; background:#faa33d;padding:7px 10px;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .sidebar_find_us .find_us_left{ float:right; } .sidebar_find_us .find_us_left p{ margin:0; color:#fff; font-size:15px; font-weight:bold; line-height:1.5em;} .sidebar_find_us .find_us_right{ float:left; } .sidebar_find_us .find_us_right span.fa{ color:#fff; font-size:35px; padding-top:5px; width:45px; text-align:center;} .sidebar_find_us li.bg_color_b{ background:#5d82d1;} .sidebar_find_us li.bg_color_c{ background:#40bff5;} .sidebar_find_us li.bg_color_d{ background:#c4302b;} /*--------- Highest Points Style----------*/ .highest_points li{ padding-bottom:20px;} .highest_points .left_img img{ float:right; margin-left:10px;} .highest_points .right_text a span{ } /*--------- Sidebar Tag style ----------*/ .sidebar_tag ul { list-style:none; margin:0; padding:0; padding-top:5px;} .sidebar_tag ul li { list-style:none; margin-bottom:13px; padding:6px 0; float:right; } .sidebar_tag ul li a { background:#777; margin:0 4px; padding:7px 10px; text-decoration:none; color:#fff; } .sidebar_tag ul li a:hover{ -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;} /*--------- Sidebar Content style ----------*/ .sidebar_content .sidebar_list li{ padding-bottom:10px;} .sidebar_content .sidebar_list li span.fa{ padding-left:10px;} /*--------- Time style ----------*/ .time_style{ padding-bottom:100px;} .time_border{width:40px;min-height:1200px; overflow:hidden;position:absolute;right:49%;top:100px; } .time_border:before{content: ' '; background:#e9e9e9; position: absolute; top:15px; right: 15px; width: 1px;height:1200px; z-index:0;} .time_border .dot_style { position:absolute; width:10px; height:10px;border-radius:100%; top:155px; right:10px;} .time_border .dot_style:before{ content: ' '; border:3px solid; position: absolute; top:-8px; right:-8px; width:26px;height:26px;border-radius:100%; z-index:100; } .time_border .dot_top_style { position:absolute; width:10px; height:10px;border-radius:100%; background:#e9e9e9; top:5px; right:10px;} .time_border .dot_bottom_style { position:absolute; width:10px; height:10px;border-radius:100%; background:#e9e9e9; bottom:0; right:10px;} .time_border .dot01_style {top:155px;} .time_border .dot02_style {top:435px;} .time_border .dot03_style {top:715px;} .time_border .dot04_style {top:995px;} .time_style ul{ padding-bottom:30px;} .time_style h3{ text-align:center; color:#222; font-size:30px; padding-bottom:50px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .time_style:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .time_style img{filter:Alpha(Opacity=80);opacity:0.8;} .time_style img:hover{filter:Alpha(Opacity=100);opacity:1;} .time_style .time_year{ font-size:20px; font-weight:bold;vertical-align:middle; margin:0 15px;} .time_style .time_year.floatr{ line-height:250px;} .time_style .time_text{ padding:10px 12px; color:#fff;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:50px 15px 0 15px; } .time_style .time_odd .time_text.time_text_odd:after{content:" "; position:absolute;top:55%;right:20px;border-top:solid 10px transparent;border-bottom:solid 10px transparent;border-left:solid 10px;width:0;height:0;} .time_style .time_text h4{ color:#fff; border-bottom:1px solid #e4e4e4; padding-bottom:10px; } .time_style .time_even .time_text.time_text_even:after{content:" "; position:absolute;top:55%;left:20px;border-top:solid 10px transparent;border-bottom:solid 10px transparent;border-right:solid 10px;width:0;height:0;} .time_style .time_even img{ padding-right:30px;} /*--------- Clients List Style ----------*/ .clients_style{ margin:40px 0 10px 0;} .clients_style ul{ padding-bottom:30px;} .clients_list img{ float:right; padding-top:10px;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9); -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;} .clients_list:hover img{ -webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0);} .clients_list .clients_text{ padding-right:80px;} .clients_list .clients_text span{ color:#000; font-weight:bold; } .clients02_style{ padding:30px 0 30px 0; } .clients02_style .clients02_text:after{content:" "; position:absolute;bottom:-8px;left:48%;border-right:solid 5px transparent;border-left:solid 5px transparent;border-top:solid 5px ;width:0;height:0;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .clients02_style .col-sm-4:hover .clients02_text:after{border-top:solid 5px #555;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .clients02_style .col-sm-4:hover .clients02_text {border-bottom:3px solid #555;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .clients02_style .clients02_text { position:relative; border:1px solid #e9e9e9; border-bottom:3px solid ; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .clients02_style .clients02_text p{ padding:10px; line-height:1.7em;} .clients02_style .clients02_text .clients02_name{ padding:10px 15px; background:#e9e9e9; color:#000;} .clients02_style .clients02_img{ padding-top:20px; text-align:center;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);} .clients02_style .col-sm-4:hover .clients02_img{ padding-top:20px; text-align:center; -webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0);} /*--------- 404 page Style ----------*/ .content_404 { text-align:center;padding-bottom:80px;} .content_404 h1{ font-size:150px; color:#edecec; margin-top:-30px;} .content_404 h3{ color:#222; padding-bottom:40px;} .content_404 a span{ padding:8px 80px; color:#fff; font-size:16px; margin-top:40px; border:13px solid #e9e9e9;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } /*--------- About Company Style ----------*/ .about_company { margin-top:40px;} .about_company h3{ color:#222; font-size:30px; padding-bottom:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .about_company:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .about_company p{ line-height:1.8em;} /*--------- Our Skills Style ----------*/ .our_skills{margin-bottom:20px;} .our_skills .our_skills_top{ text-align:center;} .our_skills .our_skills_top p{ padding-bottom:30px;} .our_skills .our_skills_top h3{ color:#222; font-size:30px; padding-bottom:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .our_skills:hover .our_skills_top h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*--------- Skin Around Style ----------*/ .skin_around{text-align: center; position:relative;} .skin_around .around_text span{text-align:center; color:#444; font-size:22px; position:absolute; right:110px; top:70px; font-weight:bold; } .skin_around_text h3{color:#444;font-size:18px;margin-top:10px;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .skin_around .col-sm-3:hover .skin_around_text h3{-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .easy-pie-chart{position:relative;} /*--------- Map Style ----------*/ .map_style{ padding:10px; padding-bottom:5px; border:1px solid #e9e9e9;} /*--------- Say Content Style ----------*/ .say_content h3{ color:#222; font-size:30px; padding-bottom:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .say_content:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .say_content .input_style p{ font-size:15px;} .say_content .input_style input{background:#fff; border:1px solid #e9e9e9;width:100%;margin-top:15px;} .say_content .input_style input[type="text"]{ padding:10px 5px 10px 0;} .say_content .textarea_style p{ font-size:15px;} .say_content .textarea_style textarea{background:#fff; border:1px solid #ededed; width:100%; margin-top:25px;} .say_content .textarea_style textarea[type="text"]{ padding:5px 5px 5px 0; min-height:270px;} .say_content .input_button { margin:25px 0;} .say_content .input_button{ padding:8px 20px; color:#FFF; widows:100%; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .say_content .input_button a{ color:#fff;} .say_content .input_button:hover{ background:#555!important;-webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; } /*--------- About Us Style ----------*/ .about_us_style h3{ color:#222; font-size:30px; padding-bottom:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .about_us_style:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .about_us_style .address_style{ padding-top:10px; padding-bottom:30px;} .about_us_style .address_style span a{ color:#555; } .about_us_style .address_style span a:hover{ } /*--------- Make Easy Style ----------*/ .make_easy { margin:20px 0; } .make_easy h3{ color:#222; font-size:30px; padding-bottom:30px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .make_easy:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .make_easy{ text-align:center;} .make_easy .col-sm-4{ position:relative;} .make_easy .make_easy_arrow{background:url(../images/content/make_easy_arrow.rtl.jpg) no-repeat center center; position:absolute; width:110px; height:30px; top:0; left:-50px; } .make_easy .make_easy_bottom h4{ color:#222;} /*--------- Full Width Style ----------*/ .full_width_style { padding:50px 0 20px 0;} .full_width_style .full_width_color{ padding:15px; border-right:5px solid ; background:#f2f2f2; font-style:italic;} /*---------- Sortable Portfolio Style --------------*/ .pg-img-wrapper{position:relative;overflow:hidden;} .pg-img-wrapper p{padding:10px 5px 0;font-size:13px;} .pg-img-wrapper figure{width:100%;margin:0;} .pg-info{width:100%;height: 100%;text-align: right;padding:0;min-height: 35px;position: absolute;bottom: 0;right: 0;z-index: 10;filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.5s ease;} .pg-info:hover{filter: alpha(opacity=85);opacity:0.85;} .pg-info:hover .pg-details{bottom: 25%;bottom:calc(33% - 10px);} .pg-details{text-align: center;padding: 0;width: 100%;position: absolute;bottom: 10%;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;} .pg-categories{width: 100%;display: block;font-size: 10px;text-transform: uppercase;margin:0;color: rgba(255, 255, 255, 0.77);letter-spacing: 1px;margin-top:-10px;} .icon-circle{width:50px;height:50px;background:#000;position: absolute;top: 10%;right: 40%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: alpha(opacity=70);opacity: 0.7;z-index: 100;background: rgba(0, 0, 0, 0.7);padding: 0;-webkit-transition: all 00.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-info:hover .icon-circle{filter: alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);top: 37%;top: calc(30% - 10px);} .icon-one{width: 22px;height: 20px;background:url(../images/content/px_sprites_w.png) no-repeat -40px 0;display:inline-block;position:relative;top:15px;right:14px;} .icon-two{width: 22px;height: 20px;background:url(../images/content/px_sprites_w.png) no-repeat -285px 0;display:inline-block;position:relative;top:15px;right:14px;} .icon-three{width: 22px;height: 20px;background:url(../images/content/px_sprites_w.png) no-repeat -80px 0;display:inline-block;position:relative;top:15px;right:14px;} .icon-four{width: 22px;height: 20px;background:url(../images/content/px_sprites_w.png) no-repeat -368px 0;display:inline-block;position:relative;top:15px;right:14px;} .icon-five{width: 22px;height: 20px;background:url(../images/content/px_sprites_w.png) no-repeat -408px 0;display:inline-block;position:relative;top:15px;right:14px;} .icon-circle2{width:50px;height:50px;background:#000;position: absolute;top: 30%;right: 45%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: alpha(opacity=70);opacity: 0.7;z-index: 100;background: rgba(0, 0, 0, 0.7);padding: 0;-webkit-transition: all 00.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details2{text-align: center;padding: 0;width: 100%;position: absolute;bottom: 40%;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details2 h2{color:#fff!important;font-size:25px;font-weight: bold;text-align:center;} .pg-categories2{width: 100%;display: block;font-size: 18px;text-transform: uppercase;margin:0;color: rgba(255, 255, 255, 0.77);letter-spacing: 1px;margin-top:-10px;} .project_skills{width:100%;} .icon-circle3{width:50px;height:50px;background:#000;position: absolute;top:30%;right: 42%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: alpha(opacity=70);opacity: 0.7;z-index: 100;background: rgba(0, 0, 0, 0.7);padding: 0;-webkit-transition: all 00.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details3{text-align: center;padding: 0;width: 100%;position: absolute;bottom: 30%;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details3 h2{color:#fff!important;font-size:20px;font-weight: bold;text-align:center;} .pg-categories2{width: 100%;display: block;font-size: 15px;text-transform: uppercase;margin:0;color: rgba(255, 255, 255, 0.77);letter-spacing: 1px;margin-top:-10px;} .pg-info4{width:100%;height: 100%;text-align: right;padding:0;min-height: 35px;position: absolute;bottom: 0;right: 0;z-index: 10;filter: alpha(opacity=0);opacity: 0;} .pg-info4:hover{filter: alpha(opacity=85);opacity:0.85;} .pg-info4:hover .pg-details4{bottom: 25%;bottom: calc(33% - 10px);} .pg-info4:hover .icon-circle4{filter: alpha(opacity=80);opacity: 0.8;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);top: 37%;top: calc(30% - 10px);} .icon-circle4{width:50px;height:50px;background:#000;position: absolute;top:25%;right: 40%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: alpha(opacity=70);opacity: 0.7;z-index: 100;background: rgba(0, 0, 0, 0.7);padding: 0;-webkit-transition: all 00.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details4{text-align: center;padding: 0;width: 100%;position: absolute;bottom: 28%;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details4 h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;} .pg-categories4{width: 100%;display: block;font-size: 14px;text-transform: uppercase;margin:0;color: rgba(255, 255, 255, 0.77);letter-spacing: 1px;margin-top:-10px;} .icon-circle5{width:50px;height:50px;background:#000;position: absolute;top:30%;right: 42%;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: alpha(opacity=70);opacity: 0.7 ;z-index: 100;background: rgba(0, 0, 0, 0.7);padding: 0;-webkit-transition: all 00.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details5{text-align: center;padding: 0;width: 100%;position: absolute;bottom: 30%;color: #ffffff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .pg-details5 h2{color:#fff!important;font-size:17px;font-weight: bold;text-align:center;} .pg-categories5{width: 100%;display: block;font-size: 13px;text-transform: uppercase;margin:0;color: rgba(255, 255, 255, 0.77);letter-spacing: 1px;margin-top:-10px;} /*---------- Project List -------------- */ .project_pic:hover { filter:Alpha(Opacity=60);opacity:0.6; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .project_page{height:auto;overflow:hidden;padding:0;width:100%;} .project_contain{margin:20px 0;float:right;} .project_list h3 { font-size:20px; border-bottom:1px solid #e9e9e9; padding-bottom:10px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .project_list:hover h3 { color:#555!important;transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; } .project_list .categories {margin-bottom:20px;} .project_list .categories a{ color:#999; } .project_list .intro { font-size:12px; margin-bottom:20px; margin-top:20px; } .project_list a.read-more { font-size:14px; height:42px;line-height:42px;display:block;text-align:center; background:#bbb; color:#fff; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;} .project_list a.read-more:hover { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /*--------- Page Number Style ----------*/ .page_number_style{ text-align:center;} .page_number_style .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ border-} /*---------- Gallery Page -------------- */ .gallery_page{height:auto;overflow:hidden; padding:20px;} .gallery_box_outer{ min-height:160px; margin-bottom:5px;width:25%;float:right;padding:1% 1%;} /*--------- Animation----------*/ .animation_style img{ float:right; margin-left:5px;} .animation_style p{ font-size:13px; line-height:1.7em;} .animation_style{ margin:40px 0; border-bottom:1px solid #e9e9e9; padding-bottom:40px;} /*--------- CSS Reset for Tablet ----------*/ @media handheld, only screen and (max-width: 991px){ /*------------------ Footer Touch Style -------------------*/ .footer_touch ul li span{ display:none;} /*------------------ Fancybox Style -------------------*/ .fancybox_style ul li { list-style:none; padding:2px; float:right; } /*---------Rising Style---------------*/ .rising_style h3{ font-size:18px; color:#222;} .rising02_position{ position:absolute; bottom:0; right:1%; z-index:102; } .rising03_position{ position:absolute; bottom:0; left:0; z-index:101;} /*--------- Show Product Style ----------*/ .show_product h3{padding-bottom:20px; font-size:18px;} .show_product:hover h3{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .show_product .img_over h2{ padding:15px 0; margin-top:30px;} .show_product .img_over p{ margin-top:20px;} /*---------Creative Style---------------*/ .creative_style .creative_text h3{font-size:18px;} /*--------- Meet Team Style ----------*/ .meet_team h3{font-size:18px;} .meet_team .col-sm-3{ padding-bottom:50px;} .meet_team .col-sm-3 img{ float:right;} .meet_team .col-sm-3 .view:hover img{-webkit-transform:none; -moz-transform:none; transform:none;} /*--------- Started Now Style ----------*/ .started_now .started_now_left h3{font-size:16px;} /*--------- Recent Posts Style----------*/ .recent_posts .recent_posts_top h3{font-size:18px;} /*--------- Figures Style----------*/ .figures_style { margin-bottom:0;} .figures_style .col-sm-3{ padding-bottom:20px;} .figures_style .figures_top h3{font-size:18px;} .figures_style .figures_bg{background:none; min-height:0; } .figures_style .skin_width .figures_content01{ position:static; top:0;} .figures_style .skin_width .figures_content02{ position:static; top:0;} .figures_style .skin_width .figures_content03{ position:static; top:0;} .figures_style .skin_width .figures_content04{ position:static; top:0;} /*--------- Simple Easy Style ----------*/ .simple_easy .simple_top h3{ font-size:18px;} /*--------- Carousel Style ----------*/ .carousel3_items_prev { display:none; width:0; height:0; padding:0;} .carousel3_items_next {display:none; width:0; height:0;padding:0;} /*--------- Way Success Style----------*/ .way_success .success_right .success_right_top h3{font-size:18px;} .way_success .success_right .success_right_top p{ font-size:14px;} /*--------- Retina Style----------*/ .retina_style .retina_left h3{ font-size:18px; padding-bottom:10px;} /*--------- Best Prices Style----------*/ .prices_table .prices_table_top h3{ font-size:22px;} .prices_table .prices_list .prices_title h3{font-size:17px;} /*--------- About Company Style ----------*/ .about_company h3{font-size:18px;} /*--------- Our Skills Style ----------*/ .our_skills .our_skills_top h3{font-size:18px;} /*--------- Flip Item Style----------*/ .figures_style .flip_item{width:160px;height: 160px;margin:0 5px;} .flip_info_wrap{width:120px;height: 120px;} .flip_info{width: 120px;height: 120px;} .flip_info p{ display:none;} .flip_info .flip_info_back a span.fa{ font-size:30px; color:#fff; line-height:120px;} /*--------- Time style ----------*/ .time_style{ padding-bottom:100px;} .time_border{width:0;} .time_style .time_text{ margin:0; margin-top:15px; } .time_style .time_year.floatr{ line-height:230px;} .time_style img{ max-width:260px;} /*--------- Skin Around Style ----------*/ .skin_around .around_text span{right:70px;} /*--------- Sidebar Find Us Style----------*/ .sidebar_find_us .find_us_left p{font-size:13px; } } /*--------- CSS Reset for Mobile ----------*/ @media handheld, only screen and (max-width: 767px) { /*--------- Contact Style ----------*/ .contact02_style p span{ margin:0 8px 0 5px; color:#fff; } /*---------Rising Style---------------*/ .rising02_position{ display:none;} .rising03_position{ display:none;} /*--------- Togglable Tabs Style ----------*/ .nav-tabs > li{ text-align:center; float:none; width:100%;} /*--------- Best Prices Style----------*/ .prices_table .prices_list .prices_title h3{font-size:30px;} .prices_table .col-sm-3{ margin-bottom:40px;} /*--------- Client Say Style ----------*/ .client_say{ text-align:center; margin:10px 10px 40px 10px;} /*--------- Figures Style----------*/ .figures_style{ padding-right:15px; padding-left:15px;} /*--------- Carousel Style ----------*/ .carousel2_items { position:relative; margin-top:80px; } /*--------- Way Success Style----------*/ .way_success .success_left{ text-align:center;} .way_success .success_right .success_right_top p{ font-size:17px;} .way_success .success_right .success_right_text{margin-bottom:30px;} .retina_style .retina_right{ text-align:center; padding-top:50px;} /*--------- 404 page Style ----------*/ .content_404 h1{ font-size:80px; margin:0;} .content_404 h3{ font-size:16px;} /*--------- Clients List Style ----------*/ .clients02_style .col-sm-4{ margin-bottom:20px;} /*--------- Flip Item Style----------*/ .figures_style .flip_item{width:220px;height: 220px;} .flip_info_wrap{width:180px;height: 180px;} .flip_info{width: 180px;height: 180px;} .flip_info p{ display:block;} .flip_info .flip_info_back a span.fa{ font-size:60px; color:#fff; line-height:180px;} /*--------- Time style ----------*/ .time_style .time_text{ margin-bottom:15px; } .time_style img{ max-width:240px;} .time_style .pull-left{ float:none!important;} .time_style .time_year{ text-align:center; float:none; padding-bottom:40px;} .time_style .time_year.floatr{ line-height:0;} .time_style .col-sm-6 { text-align:center;} /*--------- Skin Around Style ----------*/ .skin_around .around_text span{ right:45%;} /*--------- Started Now Style ----------*/ .started_now{ text-align:center;} .started_now .started_now_button{ float:none; text-align:center; } /*--------- Contact Style ----------*/ .contact_style p span{ margin:0 8px 0 2px; } /*--------- Contact Style ----------*/ .contact02_style p span{ margin:0 8px 0 2px; } /*--------- Make Easy Style ----------*/ .make_easy h3{ font-size:18px;} .make_easy .make_easy_arrow{background:none; } } /*--------- Animation----------*/ .animation.periodic{opacity: 1;} .animated.fadeInLeftBig1{-webkit-animation:fadeInLeftBig 300ms .1s ease both;-moz-animation:fadeInLeftBig 300ms .1s ease both;animation:fadeInLeftBig 300ms .1s ease both;} .animated.fadeInLeftBig2{-webkit-animation:fadeInLeftBig 600ms .1s ease both;-moz-animation:fadeInLeftBig 600ms .1s ease both;animation:fadeInLeftBig 600ms .1s ease both;} .animated.fadeInLeftBig3{-webkit-animation:fadeInLeftBig 900ms .1s ease both;-moz-animation:fadeInLeftBig 900ms .1s ease both;animation:fadeInLeftBig 900ms .1s ease both;} .animated.fadeInLeftBig4{-webkit-animation:fadeInLeftBig 1.2s .1s ease both;-moz-animation:fadeInLeftBig 1.2s .1s ease both;animation:fadeInLeftBig 1.2s .1s ease both;} .animated.fadeInRightBig1{-webkit-animation:fadeInRightBig 300ms .1s ease both;-moz-animation:fadeInRightBig 300ms .1s ease both;animation:fadeInRightBig 300ms .1s ease both;} .animated.fadeInRightBig2{-webkit-animation:fadeInRightBig 600ms .1s ease both;-moz-animation:fadeInRightBig 600ms .1s ease both;animation:fadeInRightBig 600ms .1s ease both;} .animated.fadeInRightBig3{-webkit-animation:fadeInRightBig 900ms .1s ease both;-moz-animation:fadeInRightBig 900ms .1s ease both;animation:fadeInRightBig 900ms .1s ease both;} .animated.fadeInRightBig4{-webkit-animation:fadeInRightBig 1.2s .1s ease both;-moz-animation:fadeInRightBig 1.2s .1s ease both;animation:fadeInRightBig 1.2s .1s ease both;} .animated.periodic1{-webkit-animation: fadeInUp 300ms linear 100ms both;-moz-animation: fadeInUp 300ms linear 100ms both;-ms-animation: fadeInUp 300ms linear 100ms both;-o-animation: fadeInUp 300ms linear 100ms both;animation: fadeInUp 300ms linear 100ms both;} .animated.periodic2{-webkit-animation: fadeInUp 300ms linear 400ms both;-moz-animation: fadeInUp 300ms linear 400ms both;-ms-animation: fadeInUp 300ms linear 400ms both;-o-animation: fadeInUp 300ms linear 400ms both;animation: fadeInUp 300ms linear 400ms both;} .animated.periodic3{-webkit-animation: fadeInUp 300ms linear 800ms both;-moz-animation: fadeInUp 300ms linear 800ms both;-ms-animation: fadeInUp 300ms linear 800ms both;-o-animation: fadeInUp 300ms linear 800ms both;animation: fadeInUp 300ms linear 800ms both;} .animated.periodic4{-webkit-animation: fadeInUp 300ms linear 1200ms both;-moz-animation: fadeInUp 300ms linear 1200ms both;-ms-animation: fadeInUp 300ms linear 1200ms both;-o-animation: fadeInUp 300ms linear 1200ms both;animation: fadeInUp 300ms linear 1200ms both;} .animated.periodic5{-webkit-animation: fadeInUp 300ms linear 1600ms both;-moz-animation: fadeInUp 300ms linear 1600ms both;-ms-animation: fadeInUp 300ms linear 1600ms both;-o-animation: fadeInUp 300ms linear 1600ms both;animation: fadeInUp 300ms linear 1600ms both;} .animated.periodic6{-webkit-animation: fadeInUp 300ms linear 2000ms both;-moz-animation: fadeInUp 300ms linear 2000ms both;-ms-animation: fadeInUp 300ms linear 2000ms both;-o-animation: fadeInUp 300ms linear 2000ms both;animation: fadeInUp 300ms linear 2000ms both;} .animated.periodic7{-webkit-animation: fadeInUp 300ms linear 2400ms both;-moz-animation: fadeInUp 300ms linear 2400ms both;-ms-animation: fadeInUp 300ms linear 2400ms both;-o-animation: fadeInUp 300ms linear 2400ms both;animation: fadeInUp 300ms linear 2400ms both;} .animated.fadeInLeft1{-webkit-animation: fadeInLeft 300ms linear 100ms both;-moz-animation: fadeInLeft 300ms linear 100ms both;-ms-animation: fadeInLeft 300ms linear 100ms both;-o-animation: fadeInLeft 300ms linear 100ms both;animation: fadeInLeft 300ms linear 100ms both;} .animated.fadeInLeft2{-webkit-animation: fadeInLeft 300ms linear 400ms both;-moz-animation: fadeInLeft 300ms linear 400ms both;-ms-animation: fadeInLeft 300ms linear 400ms both;-o-animation: fadeInLeft 300ms linear 400ms both;animation: fadeInLeft 300ms linear 400ms both;} .animated.fadeInLeft3{-webkit-animation: fadeInLeft 300ms linear 800ms both;-moz-animation: fadeInLeft 300ms linear 800ms both;-ms-animation: fadeInLeft 300ms linear 800ms both;-o-animation: fadeInLeft 300ms linear 800ms both;animation: fadeInLeft 300ms linear 800ms both;} .animated.fadeInLeft4{-webkit-animation: fadeInLeft 300ms linear 1200ms both;-moz-animation: fadeInLeft 300ms linear 1200ms both;-ms-animation: fadeInLeft 300ms linear 1200ms both;-o-animation: fadeInLeft 300ms linear 1200ms both;animation: fadeInLeft 300ms linear 1200ms both;} .animated.fadeInRight1{-webkit-animation: fadeInRight 300ms linear 100ms both;-moz-animation: fadeInRight 300ms linear 100ms both;-ms-animation: fadeInRight 300ms linear 100ms both;-o-animation: fadeInRight 300ms linear 100ms both;animation: fadeInRight 300ms linear 100ms both;} .animated.fadeInRight2{-webkit-animation: fadeInRight 300ms linear 400ms both;-moz-animation: fadeInRight 300ms linear 400ms both;-ms-animation: fadeInRight 300ms linear 400ms both;-o-animation: fadeInRight 300ms linear 400ms both;animation: fadeInRight 300ms linear 400ms both;} .animated.fadeInRight3{-webkit-animation: fadeInRight 300ms linear 800ms both;-moz-animation: fadeInRight 300ms linear 800ms both;-ms-animation: fadeInRight 300ms linear 800ms both;-o-animation: fadeInRight 300ms linear 800ms both;animation: fadeInRight 300ms linear 800ms both;} .animated.fadeInRight4{-webkit-animation: fadeInRight 300ms linear 1200ms both;-moz-animation: fadeInRight 300ms linear 1200ms both;-ms-animation: fadeInRight 300ms linear 1200ms both;-o-animation: fadeInRight 300ms linear 1200ms both;animation: fadeInRight 300ms linear 1200ms both;} .animated.scaleUp1{-ms-animation: 800ms linear 100ms both scaleUp;-webkit-animation: 800ms linear 100ms both scaleUp;-moz-animation: 800ms linear 100ms both scaleUp;animation: 800ms linear 100ms both scaleUp;} .animated.scaleUp2{-ms-animation: 800ms linear 700ms both scaleUp;-webkit-animation: 800ms linear 700ms both scaleUp;-moz-animation: 800ms linear 700ms both scaleUp;animation: 800ms linear 700ms both scaleUp;} .animated.scaleUp3{-ms-animation: 800ms linear 1100ms both scaleUp;-webkit-animation: 800ms linear 1100ms both scaleUp;-moz-animation: 800ms linear 1100ms both scaleUp;animation: 800ms linear 1100ms both scaleUp;} .animated.scaleUp4{-ms-animation: 800ms linear 1500ms both scaleUp;-webkit-animation: 800ms linear 1500ms both scaleUp;-moz-animation: 800ms linear 1500ms both scaleUp;animation: 800ms linear 1500ms both scaleUp;} .animated.scaleUp5{-ms-animation: 800ms linear 1900ms both scaleUp;-webkit-animation: 800ms linear 1900ms both scaleUp;-moz-animation: 800ms linear 1900ms both scaleUp;animation: 800ms linear 1900ms both scaleUp;} .animated.scaleUp6{-ms-animation: 800ms linear 2300ms both scaleUp;-webkit-animation: 800ms linear 2300ms both scaleUp;-moz-animation: 800ms linear 2300ms both scaleUp;animation: 800ms linear 2300ms both scaleUp;} .animated.scaleUp7{-ms-animation: 800ms linear 2700ms both scaleUp;-webkit-animation: 800ms linear 2700ms both scaleUp;-moz-animation: 800ms linear 2700ms both scaleUp;animation: 800ms linear 2700ms both scaleUp;} .animated.scaleUp8{-ms-animation: 800ms linear 3100ms both scaleUp;-webkit-animation: 800ms linear 3100ms both scaleUp;-moz-animation: 800ms linear 3100ms both scaleUp;animation: 800ms linear 3100ms both scaleUp;} @keyframes scaleUp{0%{opacity:0;transform:scale(.8);}100%{opacity:1;transform:scale(1);}}@-moz-keyframes scaleUp{0%{opacity:0;-moz-transform:scale(.8);}100%{opacity:1;-moz-transform:scale(1);}}@-webkit-keyframes scaleUp{0%{opacity:0;-webkit-transform:scale(.8);}100%{opacity:1;-webkit-transform:scale(1);}}@-ms-keyframes scaleUp{0%{opacity:0;-ms-transform:scale(.8);}100%{opacity:1;-ms-transform:scale(1);}}@-o-keyframes scaleUp{0%{opacity:0;-o-transform:scale(.8);}100%{opacity:1;-o-transform:scale(1);}}.animated.scaleUp{-webkit-animation-name:scaleUp;-moz-animation-name:scaleUp;-o-animation-name:scaleUp;animation-name:scaleUp;}@keyframes bounceY{0%{transform:translateY(-205px);}40%{transform:translateY(-100px);}65%{transform:translateY(-52px);}82%{transform:translateY(-25px);}92%{transform:translateY(-12px);}55%,75%,87%,97%,100%{transform:translateY(0px);}}@-moz-keyframes bounceY{0%{-moz-transform:translateY(-205px);}40%{-moz-transform:translateY(-100px);}65%{-moz-transform:translateY(-52px);}82%{-moz-transform:translateY(-25px);}92%{-moz-transform:translateY(-12px);}55%,75%,87%,97%,100%{-moz-transform:translateY(0px);}}@-webkit-keyframes bounceY{0%{-webkit-transform:translateY(-205px);}40%{-webkit-transform:translateY(-100px);}65%{-webkit-transform:translateY(-52px);}82%{-webkit-transform:translateY(-25px);}92%{-webkit-transform:translateY(-12px);}55%,75%,87%,97%,100%{-webkit-transform:translateY(0px);}}@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%);}50%{opacity:0;-webkit-transform:translate(-100%);}51%{opacity:1;}}@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%);}50%{opacity:0;-moz-transform:translate(-100%);}51%{opacity:1;}}@keyframes toRightFromLeft{49%{transform:translate(100%);}50%{opacity:0;transform:translate(-100%);}51%{opacity:1;}}@-webkit-keyframes toLeftFromRight{49%{-webkit-transform:translate(-100%);}50%{opacity:0;-webkit-transform:translate(100%);}51%{opacity:1;}}@-moz-keyframes toLeftFromRight{49%{-moz-transform:translate(-100%);}50%{opacity:0;-moz-transform:translate(100%);}51%{opacity:1;}}@keyframes toLeftFromRight{49%{transform:translate(-100%);}50%{opacity:0;transform:translate(100%);}51%{opacity:1;}}@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%);}50%{opacity:0;-webkit-transform:translateY(100%);}51%{opacity:1;}}@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%);}50%{opacity:0;-moz-transform:translateY(100%);}51%{opacity:1;}}@keyframes toTopFromBottom{49%{transform:translateY(-100%);}50%{opacity:0;transform:translateY(100%);}51%{opacity:1;}}@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%);}50%{opacity:0;-webkit-transform:translateY(-100%);}51%{opacity:1;}}@-moz-keyframes toBottomFromTop{49%{-moz-transform:translateY(100%);}50%{opacity:0;-moz-transform:translateY(-100%);}51%{opacity:1;}}@keyframes toBottomFromTop{49%{transform:translateY(100%);}50%{opacity:0;transform:translateY(-100%);}51%{opacity:1;}} /*--------- Social-Links ----------*/ .Social-Links { margin:8px 0 0 0;} .iconFacebook{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 1px;} .iconPinterest{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -25px 0;display:inline-block; padding:0;margin:0 1px;} .iconTwitter{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -50px 0;display:inline-block; padding:0;margin:0 1px;} .iconGoogle{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -75px 0;display:inline-block; padding:0;margin:0 1px;} .iconRss{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -100px 0;display:inline-block; padding:0;margin:0 1px;} .iconVimeo{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -125px 0;display:inline-block; padding:0;margin:0 1px;} .iconEvernote{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -150px 0;display:inline-block; padding:0;margin:0 1px;} .iconDribbble{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -175px 0;display:inline-block; padding:0;margin:0 1px;} .iconTumblr{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -200px 0;display:inline-block; padding:0;margin:0 1px;} .iconBehance{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -225px 0;display:inline-block; padding:0;margin:0 1px;} .iconStumbleUpon{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -250px 0;display:inline-block; padding:0;margin:0 1px;} .iconDropbox{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -275px 0;display:inline-block; padding:0;margin:0 1px;} .iconSoundCloud{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -300px 0;display:inline-block; padding:0;margin:0 1px;} .iconPicasa{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -325px 0;display:inline-block; padding:0;margin:0 1px;} .iconLastfm{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -350px 0;display:inline-block; padding:0;margin:0 1px;} .iconForrst{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -375px 0;display:inline-block; padding:0;margin:0 1px;} .iconFlicr{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -400px 0;display:inline-block; padding:0;margin:0 1px;} .iconDeviantArt{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -425px 0;display:inline-block; padding:0;margin:0 1px;} .iconLinkedIn{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -450px 0;display:inline-block; padding:0;margin:0 1px;} .iconBlogger{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -475px 0;display:inline-block; padding:0;margin:0 1px;} .iconInstagram{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -500px 0;display:inline-block; padding:0;margin:0 1px;} .iconYahoo{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -525px 0;display:inline-block; padding:0;margin:0 1px;} .iconYouTube{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -550px 0;display:inline-block; padding:0;margin:0 1px;} .iconGrooveshark{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -575px 0;display:inline-block; padding:0;margin:0 1px;} .iconDigg{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -600px 0;display:inline-block; padding:0;margin:0 1px;} .iconSkype{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -625px 0;display:inline-block; padding:0;margin:0 1px;} .iconShareThis{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -650px 0;display:inline-block; padding:0;margin:0 1px;} .iconWordPress{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -675px 0;display:inline-block; padding:0;margin:0 1px;} .iconKickstarter{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -700px 0;display:inline-block; padding:0;margin:0 1px;} .iconBebo{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -725px 0;display:inline-block; padding:0;margin:0 1px;} .iconZerply{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -750px 0;display:inline-block; padding:0;margin:0 1px;} .iconAmazon{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -775px 0;display:inline-block; padding:0;margin:0 1px;} .iconMyspace{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -800px 0;display:inline-block; padding:0;margin:0 1px;} .iconWikipedia{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -825px 0;display:inline-block; padding:0;margin:0 1px;} .iconTechnorati{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -850px 0;display:inline-block; padding:0;margin:0 1px;} .iconAddThis{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -875px 0;display:inline-block; padding:0;margin:0 1px;} .iconDelicious{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -900px 0;display:inline-block; padding:0;margin:0 1px;} .iconXing{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -925px 0;display:inline-block; padding:0;margin:0 1px;} .iconQuora{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -950px 0;display:inline-block; padding:0;margin:0 1px;} .iconGitHub{width:25px;height:25px;background:url(../images/content/socialicons.png) no-repeat -975px 0;display:inline-block; padding:0;margin:0 1px;} /*--------- Social-Links Hover ---------*/ a.iconFacebook:hover{ background-color:#5d82d1;background-position: 0 -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconPinterest:hover{ background-color:#e13138;background-position: -25px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconTwitter:hover{ background-color:#40bff5;background-position: -50px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconGoogle:hover{ background-color:#eb5e4c;background-position: -75px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconRss:hover{ background-color:#faa33d;background-position: -100px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconVimeo:hover{ background-color:#35c6ea;background-position: -125px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconEvernote:hover{ background-color:#9acf4f;background-position: -150px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconDribbble:hover{ background-color:#f7659c;background-position: -175px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconTumblr:hover{ background-color:#426d9b;background-position: -200px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconBehance:hover{ background-color:#1879fd;background-position: -225px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconStumbleUpon:hover{ background-color:#ff5c30;background-position: -250px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconDropbox:hover{ background-color:#17a3eb;background-position: -275px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconSoundCloud:hover{ background-color:#ff7e30;background-position: -300px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconPicasa:hover{ background-color:#9eb5b6;background-position: -325px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconLastfm:hover{ background-color:#f34320;background-position: -350px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconForrst:hover{ background-color:#45ad76;background-position: -375px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconFlicr:hover{ background-color:#ff48a3;background-position: -400px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconDeviantArt:hover{ background-color:#6a8a7b;background-position: -425px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconLinkedIn:hover{ background-color:#238cc8;background-position: -450px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconBlogger:hover{ background-color:#ff9233;background-position: -475px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconInstagram:hover{ background-color:#548bb6;background-position: -500px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconYahoo:hover{ background-color:#ab47ac;background-position: -525px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconYouTube:hover{ background-color:#ef4e41;background-position: -550px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconGrooveshark:hover{ background-color:#ffb21d;background-position: -575px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconDigg:hover{ background-color:#75788d;background-position: -600px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconSkype:hover{ background-color:#13c1f3;background-position: -625px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconShareThis:hover{ background-color:#25a774;background-position: -650px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconWordPress:hover{ background-color:#2592c3;background-position: -675px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconKickstarter:hover{ background-color:#8cd049;background-position: -700px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconBebo:hover{ background-color:#ee3849;background-position: -725px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconZerply:hover{ background-color:#9dbc7a;background-position: -750px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconAmazon:hover{ background-color:#ff8e2e;background-position: -775px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconMyspace:hover{ background-color:#008dde;background-position: -800px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconWikipedia:hover{ background-color:#b3b5b8;background-position: -825px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconTechnorati:hover{ background-color:#71d14b;background-position: -850px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconAddThis:hover{ background-color:#ff7850;background-position: -875px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconDelicious:hover{ background-color:#377bda;background-position: -900px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconXing:hover{ background-color:#1a8e8c;background-position: -925px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconQuora:hover{ background-color:#ea3d23;background-position: -950px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} a.iconGitHub:hover{ background-color:#3f91cb;background-position: -975px -24px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} /*--------- Social-Links2 ----------*/ .socialicons2{ padding-top:20px;} .socialicons2 a{margin:5px 0 0 8px;padding:0;} .iconSkype2{width:30px;height:30px;background:url(../images/content/socialicon2.png) no-repeat -10px -10px;display:inline-block;padding:0;margin:0 3px;} .iconLast_fm2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -10px;display:inline-block;padding:0;margin:0 3px;} .iconFacebook2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -10px;display:inline-block;padding:0;margin:0 3px;} .iconWordpress2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -10px;display:inline-block;padding:0;margin:0 3px;} .iconVimeo_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRSS2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRevision2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRdio2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -10px;display:inline-block;padding:0;margin:0 3px;} .iconEvernote2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -43px;display:inline-block;padding:0;margin:0 3px;} .iconEmber2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -43px;display:inline-block;padding:0;margin:0 3px;} .iconDropbox2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -43px;display:inline-block;padding:0;margin:0 3px;} .iconAim2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -43px;display:inline-block;padding:0;margin:0 3px;} .icon500px_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -43px;display:inline-block;padding:0;margin:0 3px;} .icon500px2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -43px;display:inline-block;padding:0;margin:0 3px;} .iconWikipedia2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -43px;display:inline-block;padding:0;margin:0 3px;} .iconVkontakte2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -43px;display:inline-block;padding:0;margin:0 3px;} .iconTechnorati2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -76px;display:inline-block;padding:0;margin:0 3px;} .iconStumbleupon2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSquarespace2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSpotify2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSoundcloud2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSkype_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -76px;display:inline-block;padding:0;margin:0 3px;} .iconPinterest2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -76px;display:inline-block;padding:0;margin:0 3px;} .iconPicasa2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -76px;display:inline-block;padding:0;margin:0 3px;} .iconMail_ru2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -109px;display:inline-block;padding:0;margin:0 3px;} .iconMail2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -109px;display:inline-block;padding:0;margin:0 3px;} .iconLinkedin_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -109px;display:inline-block;padding:0;margin:0 3px;} .iconLinkedin2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGowalla2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle_alt_22{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -109px;display:inline-block;padding:0;margin:0 3px;} .iconFormspring2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -142px;display:inline-block;padding:0;margin:0 3px;} .iconFlickr2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDribbble2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDigg2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDeviantart_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDeviantart2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDesignmoo2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDelicious2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -142px;display:inline-block;padding:0;margin:0 3px;} .iconYoutube2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -175px;display:inline-block;padding:0;margin:0 3px;} .iconYahoo2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -175px;display:inline-block;padding:0;margin:0 3px;} .iconWordpress_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -175px;display:inline-block;padding:0;margin:0 3px;} .iconGrooveshark2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -175px;display:inline-block;padding:0;margin:0 3px;} .iconTumblr2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -175px;display:inline-block;padding:0;margin:0 3px;} .iconMyspace2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -175px;display:inline-block;padding:0;margin:0 3px;} .iconForrst2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -175px;display:inline-block;padding:0;margin:0 3px;} .iconAsk_fm2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -175px;display:inline-block;padding:0;margin:0 3px;} .iconInstagram_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -208px;display:inline-block;padding:0;margin:0 3px;} .iconInstagram2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -208px;display:inline-block;padding:0;margin:0 3px;} .iconVimeo2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -76px -208px;display:inline-block;padding:0;margin:0 3px;} .iconTwitter2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -109px -208px;display:inline-block;padding:0;margin:0 3px;} .iconMyspace_alt2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -142px -208px;display:inline-block;padding:0;margin:0 3px;} .iconPaypal2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -175px -208px;display:inline-block;padding:0;margin:0 3px;} .iconGmail2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -208px -208px;display:inline-block;padding:0;margin:0 3px;} .iconFoursquare2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -241px -208px;display:inline-block;padding:0;margin:0 3px;} .iconBlogger2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -10px -241px;display:inline-block;padding:0;margin:0 3px;} .iconBehance2{width:30px;height:30px;background:url(../images/content/socialicons2.png) no-repeat -43px -241px;display:inline-block;padding:0;margin:0 3px;} /*--------- Social-Links3 ----------*/ .socialicons3 { padding-top:10px;} .socialicons3 a{margin:0;padding:5px 0 0 8px;} .iconFacebook3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -4px;display:inline-block; padding:0;margin:0;} .iconPinterest3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -4px;display:inline-block; padding:0;margin:0;} .iconTwitter3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -4px;display:inline-block; padding:0;margin:0;} .iconGoogle3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -4px;display:inline-block; padding:0;margin:0;} .iconRss3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -4px;display:inline-block; padding:0;margin:0;} .iconVimeo3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -45px;display:inline-block;padding:0;margin:0;} .iconEvernote3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -45px;display:inline-block;padding:0;margin:0;} .iconDribbble3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -45px;display:inline-block;padding:0;margin:0;} .iconTumblr3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -45px;display:inline-block;padding:0;margin:0;} .iconBehance3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -45px;display:inline-block;padding:0;margin:0;} .iconStumbleUpon3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -86px;display:inline-block;padding:0;margin:0;} .iconDropbox3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -86px;display:inline-block;padding:0;margin:0;} .iconSoundCloud3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -86px;display:inline-block;padding:0;margin:0;} .iconPicasa3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -86px;display:inline-block;padding:0;margin:0;} .iconLastfm3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -86px;display:inline-block;padding:0;margin:0;} .iconForrst3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -128px;display:inline-block; padding:0;margin:0;} .iconFlicr3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -128px;display:inline-block; padding:0;margin:0;} .iconDeviantArt3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -128px;display:inline-block; padding:0;margin:0;} .iconLinkedIn3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -128px;display:inline-block; padding:0;margin:0;} .iconBlogger3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -128px;display:inline-block; padding:0;margin:0;} .iconInstagram3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -169px;display:inline-block;padding:0;margin:0;} .iconYahoo3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -169px;display:inline-block;padding:0;margin:0;} .iconYouTube3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -169px;display:inline-block;padding:0;margin:0;} .iconGrooveshark3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -169px;display:inline-block;padding:0;margin:0;} .iconDigg3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -169px;display:inline-block;padding:0;margin:0;} .iconSkype3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -211px;display:inline-block;padding:0;margin:0;} .iconShareThis3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -211px;display:inline-block;padding:0;margin:0;} .iconWordPress3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -211px;display:inline-block;padding:0;margin:0;} .iconKickstarter3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -211px;display:inline-block;padding:0;margin:0;} .iconBebo3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -211px;display:inline-block;padding:0;margin:0;} .iconZerply3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -252px;display:inline-block; padding:0;margin:0;} .iconAmazon3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -252px;display:inline-block; padding:0;margin:0;} .iconMyspace3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -252px;display:inline-block; padding:0;margin:0;} .iconWikipedia3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -252px;display:inline-block; padding:0;margin:0;} .iconTechnorati3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -252px;display:inline-block; padding:0;margin:0;} .iconAddThis3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -5px -293px;display:inline-block;padding:0;margin:0;} .iconDelicious3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -46px -293px;display:inline-block;padding:0;margin:0;} .iconXing3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -87px -293px;display:inline-block;padding:0;margin:0;} .iconQuora3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -128px -293px;display:inline-block;padding:0;margin:0;} .iconGitHub3{width:28px;height:29px;background:url(../images/content/socialicons3.png) no-repeat -169px -293px;display:inline-block;padding:0;margin:0;}