/* * CSS For DotNetNuke Skin by bestdnnskins.com * Copyright 2014 By BESTDNNSKINS.COM */ /*********************************************/ /* All Content Styles */ /*********************************************/ /*--------- Togglable Tabs Style ----------*/ .nav { margin-bottom: 0;} .nav-tabs { border-bottom: 1px solid #CECECE;padding:0;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border-color: #CECECE #CECECE transparent;} .nav-tabs > li > a { background:#f6f6f6;border:solid 1px #cecece;} .nav-tabs > li > a:hover { color:#333333;border:solid 1px #cecece;} .tab-content { border:1px solid #CECECE; border-top:none; padding:12px 10px 5px 0;} .tab-content p { line-height:2em ;padding-left:10px;} /*--------- carousel 2 items ----------*/ .carousel2{position:relative;} #carousel_2item{list-style:none; margin:0;} #carousel_2item > li{float:left;margin:0 10px 0 0;overflow:hidden;min-height:300px; list-style:none;} a.carousel_prev2{display:inline-block;width:24px;height:24px;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:34px;top:-35px; font-size:18px; text-align:center; line-height:24px; color:#fff!important;} a.carousel_next2{display:inline-block;width:24px;height:24px;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:7px;top:-35px;font-size:18px; text-align:center; line-height:24px; color:#fff!important;} a.carousel_prev2:hover {background:#535353;color:#fff;} a.carousel_next2:hover {background:#535353;color:#fff;} /*--------- carousel 3 items ----------*/ .carousel3 {position:relative;} .carousel3 ul {list-style:none; margin:0;} .carousel3 ul>li {float:left;margin:0 10px 0 0;overflow:hidden;min-height:350px;} a.carousel_prev3{display:inline-block;width:28px;height:26px;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:35px;top:-30px;color:#fff!important; text-align:center; line-height:26px; font-size:16px;} a.carousel_next3{display:inline-block;width:28px;height:26px;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:5px;top:-30px;color:#fff!important; text-align:center; line-height:26px;font-size:16px;} a.carousel_prev3:hover {background:#535353!important;} a.carousel_next3:hover {background:#535353!important;} .carousel3 .flexslider2 .flex-next {-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;background-position: -150px -75px;right:-20px;} .carousel3 .flexslider2 .flex-prev {-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;background-position: 0 -75px;left:-20px;} .carousel3 h3{margin:10px 0 5px;color:#555;font-size:16px;} .carousel3 p{line-height:1.7em;} /*--------- carousel 4 items ----------*/ .carousel4 { position:relative; } .carousel4 ul { list-style:none; margin:0; width:auto;} .carousel4 ul li { filter:Alpha(Opacity=100);opacity:1;float:left; list-style:none; height:auto; position:relative; padding:0 15px;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;min-height:260px;} .carousel4 ul li:hover img {filter:Alpha(Opacitycarousel_up=80);opacity:0.8;} .carousel4_border{padding:5px 5px 0!important; border:solid 1px #bdbdbd;margin:0 5px;} a.carousel_prev4{display:inline-block;width:21px;height:21px;background:#535353;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:45px;top:-45px;color:#fff!important; text-align:center; line-height:21px;} a.carousel_next4{display:inline-block;width:21px;height:21px;background:#535353;-webkit-transition:background-color 0.3s ease-in-out 0s;-moz-transition:background-color 0.3s ease-in-out 0s;transition:background-color 0.3s ease-in-out 0s;border:none;position:absolute;right:15px;top:-45px;color:#fff!important; text-align:center; line-height:21px;} .carousel .carou_text{ font-size:14px;color:#8d8d8d;padding:10px 0;line-height:24px} /*--------- carousel 5 items ----------*/ .carousel5 { position:relative;text-align:center;} .carousel5 h3{font-size:30px;} .carousel5 p{padding:10px 15% 30px;line-height:1.6em;} .carousel5 ul { list-style:none; margin:0;width:auto;padding:0 10px;} .carousel5 ul li { float:left; list-style:none; height:auto; position:relative;min-height:50px;} .carousel5 ul li img{filter: alpha(opacity=100); opacity:1;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .carousel5 ul li:hover img{filter: alpha(opacity=80); opacity:0.8;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .carousel5 .fa{ font-size:25px;color:#fff;} a.carousel_prev5{width:21px;height:21px;position:absolute;left:-15px;bottom:12px;z-index:9;color:#fff!important; text-align:center; line-height:21px;} a.carousel_next5{width:21px;height:21px;position:absolute;right:-15px;bottom:12px;z-index:9;color:#fff!important; text-align:center; line-height:21px;} /*---------Footer Fancybox Style ----------*/ .fancybox_style { margin:0; padding:0;} .fancybox_style ul { list-style:none; margin:0; padding:0;} .fancybox_style ul li { list-style:none; margin:4px 3px; float:left; position:relative; } .fancybox_style ul li img {filter:Alpha(Opacity=80);opacity:0.8; } .fancybox_style ul li a { position:relative; display:block;} .fancybox_style ul li img:hover{ filter:Alpha(Opacity=100);opacity:1;} /*--------- Site Footer Area ----------*/ /* Footer About */ .footer_about p{color:#d2d2d2;font-size:13px;line-height:1.7em;} .footer_about .Social-Links a{margin:0 7px 0 0;} /* Footer Contact */ .footer_contact{background:url(../images/footer_bg.png) no-repeat top center;} .footer_contact span.fa{ color:#d2d2d2;padding:12px 10px 0 0;} .footer_contact a, .footer_contact a:visited, .footer_contact a:link, .footer_contact a:active{color:#d2d2d2;} .footer_contact .contact_input input{width:90%; height:28px;padding:0 10px 0 10px;background:#434955;border:solid 1px #d2d2d2;margin:0 0 20px 0;outline:none; font-size:13px;color:#a8a8a8;} .footer_contact .contact_submit a{cursor:pointer;padding:7px 15px;color:#fff!important;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0ss} .footer_contact .contact_submit a:hover{background:#333!important;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /* Footer Tag */ .footer_tag a, .footer_tag a:link, .footer_tag a:active, .footer_tag a:visited{display:block;padding:5px 10px;border:solid 1px #d2d2d2;float:left;margin:0 6px 10px 0;color:#d2d2d2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .footer_tag a:hover{border:solid 1px;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /*--------- Main Top Hover Effect ----------*/ .main_top .col-sm-3:hover .fa-phone{-webkit-animation: swing ease-in-out 1 normal 1000ms;-moz-animation: swing ease-in-out 1 normal 1000ms;-ms-animation: swing ease-in-out 1 normal 1000ms;animation: swing ease-in-out 1 normal 1000ms;color:#f76816;} .main_top .col-sm-3:hover .fa-pencil{-webkit-animation: tada ease-in-out 1 normal 1000ms;-moz-animation: tada ease-in-out 1 normal 1000ms;-ms-animation: tada ease-in-out 1 normal 1000ms;animation: tada ease-in-out 1 normal 1000ms;color:#39b6d6;} .main_top .col-sm-3:hover .fa-map-marker{-webkit-animation: shake ease-in-out 1 normal 1000ms;-moz-animation: shake ease-in-out 1 normal 1000ms;-ms-animation: shake ease-in-out 1 normal 1000ms;animation: shake ease-in-out 1 normal 1000ms;color:#d35a51;} .main_top .col-sm-3:hover .fa-mail-reply-all {-webkit-animation: bounce ease-in-out 1 normal 1000ms;-moz-animation: bounce ease-in-out 1 normal 1000ms;-ms-animation: bounce ease-in-out 1 normal 1000ms;animation: bounce ease-in-out 1 normal 1000ms;color:#61c998;} .main_top .col-sm-3:hover .main_title01{color:#f76816;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .main_top .col-sm-3:hover .main_title02{color:#39b6d6;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .main_top .col-sm-3:hover .main_title03{color:#d35a51;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .main_top .col-sm-3:hover .main_title04{color:#61c998;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /*Img Magnify Style*/ .img_magnify{position:relative;overflow:hidden;} .img_magnify img{-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;} .img_magnify:hover img{-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} .img_overlay{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 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; } .img_overlay:hover{ filter: alpha(opacity=80);opacity:0.8;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;} .img_overlay .fa{font-size:35px;color:#fff;padding-top:27%;} /*--------- Rotate Design Style----------*/ .rotate-wrapper{position:relative;overflow:hidden;} .rotate-wrapper img{min-width:260px;} .rotate-info{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 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; } .rotate-info:hover{ filter: alpha(opacity=80); opacity:0.80;} .rotate-info:hover .rotate-circle{transform: scale(1.6) rotate(180deg);-webkit-transform: scale(1.6) rotate(180deg);-o-transform: scale(1.6) rotate(180deg); -moz-transform: scale(1.6) rotate(180deg);-ms-transform: scale(1.6) rotate(180deg); -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s;transition: all 0.4s ease-in 0s;} .rotate-circle{width:40px;height:40px;background:#000;position: absolute; top:35%; left: 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 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;text-align:center;} .rotate-circle .fa{font-size:13px;color:#fff;line-height:40px;} /*--------- Home Top Box ----------*/ .box_wrapper{border:solid 1px #ededed;border-left:none; position:relative;} .box_inner{border-left:solid 5px;padding:15px 30px; position:relative;} .box_inner:before{border-top:4px solid transparent;border-left: 6px solid;border-bottom:4px solid transparent;content: "";position:absolute;top:45%;left:0;width: 0;height: 0;} .box_text{font-size:14px;float:left;width:83%;line-height:1.6em;padding:5px 2% 0 0;} .box_text a, .box_text a:link, .box_text a:active, .box_text a:visited{color:#333;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;display:inline-block;margin:0 0 0 5px;} .box_text a:hover{-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .box_button{float:right;text-align:center;} .box_button a{padding:10px 30px;color:#fff!important;font-size:18px;display:block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .box_button a:hover{background:#333!important;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} /*--------- Main Top Style ----------*/ .main_top{text-align: center;} .easy-pie-chart{position:relative;} .main_top .fa{font-size:30px;position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-20px 0px 0px -50px; overflow:hidden;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .main_top h3{color:#333;font-size:17px;padding-bottom:10px;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .main_top a, .main_top a:link, .main_top a:active, .main_top a:visited{color:#333;} .main_top a:hover{-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /*---------- Skin Design Style-------------- */ .skin_design h3{float:left;width:50%;color:#555;padding-bottom:10px; font-size:25px;} .skin_design:hover h3{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;transition: all 0.3s ease;} .skin_design .design_catalog{float:right;width:50%;} .skin_design #options ul{margin:0;paddin:0;text-align:right;} .skin_design #options ul li a:hover{color:#fff;} .skin_design ul li img{padding:0;margin:0;} .design_content ul{margin:0;} .design_content .four_columns{ min-height:180px;} /*---------- Home Bottom Testimonials ----------*/ .cust_style{text-align:center;border-top:1px solid #d8d8d8;padding-top:30px;} .cust_wrapper{ width: 100%;margin: 0px 0px 30px; border-bottom:1px solid #d8d8d8;position:relative;} .cust_wrapper:before{ position:absolute;top:10px;left:5%; background:url(../images/content/quovolve_box_img.png) no-repeat;content:'';height:49px;width:61px;} .cust_wrapper:after{ position:absolute;bottom:10px;right:5%; background:url(../images/content/quovolve_box_img2.png) no-repeat;content:'';height:49px;width:61px;} .cust_wrapper h2{color:#555;} .cust_wrapper .cust_text{text-align:center;padding:20px 0;height:auto;} .cust_wrapper .cust_text p{padding:10px 15% 10px;} .cust_wrapper .cust_text h3{font-size:15px;} #cust_list{display:inline-block;margin:19px auto 0;} #cust_list li{float:left;margin-right:50px;cursor:pointer; list-style:none;} #cust_list li.selected{position:relative;} #cust_list li.selected:after, #cust_list li.selected:before{content:'';position:absolute;top:-50px;border:solid transparent;height:0;width:0;pointer-events:none;} #cust_list li.selected:after{border-color:transparent;border-top-color:#fff;border-width:23px;left:50%;margin-left:-28px;} #cust_list li.selected:before{border-color:transparent;border-top-color:#b5b5b5;border-width:24px;left:50%;margin-left:-29px;} /*--------- Accordion Style ----------*/ .ui-accordion .ui-accordion-header{border:solid 1px #ccc;cursor: pointer;margin-top:7px; display: block;min-height: 0;padding:12px 10px 10px 10px;position: relative;line-height:20px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: url(../images/accordion-buttons.png) no-repeat 94% 10px #f4f4f4;font-weight:normal;color:#333;-moz-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s;-webkit-transition: background-color 0.3s ease 0s;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background: url(../images/accordion-buttons.png) no-repeat 94% -80px; font-weight:normal;color:#fff;-moz-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s;-webkit-transition: background-color 0.3s ease 0s;} .ui-helper-reset { font-size: 100%;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;} .accordion2 > h3{font-size:15px;} .ui-accordion .ui-accordion-content {overflow: auto;padding: 5px 7px 5px 18px;background:#fff;border:solid 1px #ccc;border-top:none;} /**** Example Options ****/ #options ul li{padding:0!important;} #options ul li a{padding:8px 20px!important;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} #options ul li a:hover{background:#333;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /*---------- Skin Skills Style-------------- */ .skin_skills .progress{height:38px;margin:0 0 15px;} .skin_skills .progress .progress-bar{padding:0;line-height:38px;padding:0 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .skills_name{float:left;} .skills_per{float:right;} /*------------------ About Us Page -------------------*/ .vision_text p{line-height:1.7em;} /*Our Skills Style*/ .our_skills .progress{height:37px;margin-bottom:10px;} .our_skills .progress .progress-bar{padding:0;line-height:37px;padding:0 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} /*Our Workspace Style*/ .faq_style .ui-accordion .ui-accordion-header {padding:11px 10px 10px 60px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;} .faq_style .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url(../images/accordion-buttons2.png) no-repeat 15px 7px #fff;} .faq_style .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(../images/accordion-buttons2.png) no-repeat 15px -70px #fff!important;} .faq_style .accordion2 > h3{color:#333;} .faq_style .ui-accordion .ui-accordion-content{background:#fff;border-radius:0 0 5px 5px;margin-top:-3px;padding:12px 13px 8px;} /*Our Team Style*/ .our_team .team_title{text-align:center;} .our_team .team_title h3{font-size:20px;color:#414141;margin-bottom:0;} .our_team .team_title span{font-size:15px;color:#888;display:block;padding:10px 0 15px 0;} .our_team .img_overlay .fa{font-size:35px;color:#fff;padding-top:40%;} .our_team p{padding:20px 0;border-bottom:solid 1px #dedede;line-height:1.8em;} .our_team .socialicons3 a{margin-right:8px;} .our_product .carousel5 .fa{color:#333!important;} /*--------- Our Services Flip ----------*/ .flip_wrap{ position:relative; -webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px; cursor:pointer; display:block;} .flip_wrap:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; } .flip_hover{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out; } .flip_back{position:absolute;width:100%;height:100%;text-align:center;color:#fff;opacity: 0\9;filter:Alpha(Opacity=0)\9;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transition: rotateY(180deg); -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-ms-transition: all 0.5s;transition: all 0.5s;} .flip_face {opacity: 1\9;filter:Alpha(Opacity=100)\9;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .flip_wrap:hover .flip_hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-ms-transform: rotateY(0deg);} .flip_wrap:hover .flip_back {opacity: 1\9;filter:Alpha(Opacity=100)\9;-ms-transition: all 0.5s;transition: all 0.5s;} .flip_wrap:hover .flip_face {opacity: 0\9;filter:Alpha(Opacity=0)\9;-ms-transition: all 0.5s;transition: all 0.5s;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .flip_back{opacity: 0;filter:Alpha(Opacity=0);} .flip_face {opacity: 1;filter:Alpha(Opacity=100);} .flip_wrap:hover .flip_back {opacity: 1;filter:Alpha(Opacity=100);-ms-transition: all 0.5s;transition: all 0.5s;} .flip_wrap:hover .flip_face {opacity: 0;filter:Alpha(Opacity=0);-ms-transition: all 0.5s;transition: all 0.5s;} } /*Thumb list*/ .projects_content{padding:10px 20px 10px;} .projects_content h3{font-size:17px;padding:4% 20px;color:#fff;} .hover_thumb_wrap{overflow:hidden;max-height:100px;padding:10% 10% 0;} .hover_thumb_wrap li{display: inline-block;*display: inline;display: inline\9;margin:0 0 3px;} .hover_thumb_wrap li img{width:50px;height:50px;border:2px solid #fff;} /*More Services */ .services_lists .fa{font-size:25px;color:#555;float:left;padding-top:5px;} .services_lists h3{margin:0 0 0 40px;color:#555;} .services_lists p{color:#555;line-height:1.8em;padding:15px 0 8px 0;} .services_lists .col-sm-3:hover .fa-map-marker, .services_lists .col-sm-3:hover .fa-file{-webkit-animation: tada ease-in-out 1 normal 1000ms;-moz-animation: tada ease-in-out 1 normal 1000ms;-ms-animation: tada ease-in-out 1 normal 1000ms;animation: tada ease-in-out 1 normal 1000ms;} .services_lists .col-sm-3:hover .fa-wrench, .services_lists .col-sm-3:hover .fa-glass{-webkit-animation: shake ease-in-out 1 normal 1000ms;-moz-animation: shake ease-in-out 1 normal 1000ms;-ms-animation: shake ease-in-out 1 normal 1000ms;animation: shake ease-in-out 1 normal 1000ms;} .services_lists .col-sm-3:hover .fa-cog, .services_lists .col-sm-3:hover .fa-globe{-webkit-animation: bounce ease-in-out 1 normal 1000ms;-moz-animation: bounce ease-in-out 1 normal 1000ms;-ms-animation: bounce ease-in-out 1 normal 1000ms;animation: bounce ease-in-out 1 normal 1000ms;} .services_lists .col-sm-3:hover .fa-flash, .services_lists .col-sm-3:hover .fa-search{-webkit-animation: swing ease-in-out 1 normal 1000ms;-moz-animation: swing ease-in-out 1 normal 1000ms;-ms-animation: swing ease-in-out 1 normal 1000ms;animation: swing ease-in-out 1 normal 1000ms;} /*------------------ Side Bar Content -------------------*/ .side_category p{padding:0 0 10px 0;border-bottom:solid 1px #eaeaea;} .side_category a, .side_category a:link, .side_category a:active, .side_category a:visited{color:#333;} /*Recent Post*/ .side_post{padding:0 0 10px 0;position:relative;} .side_post img{float:left;-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;} .side_post:hover img{ filter: alpha(opacity=80); opacity:0.80; } .side_post p{margin:0 0 3px 85px;} .side_numb{position:absolute;top:36px;left:56px;width:14px;height:24px;z-index:9;text-align:center;line-height:24px;color:#fff;} /*Popular Tag*/ .side_tag a, .side_tag a:link, .side_tag a:active, .side_tag a:visited{display:block;padding:5px 10px;border:solid 1px #e2e2e2;float:left;margin:0 6px 10px 0;color:#717171;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .side_tag a:hover{border:solid 1px;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} /*Side List*/ .side_list p{padding:0 0 10px 0;border-bottom:solid 1px #eaeaea;} .side_list a, .side_list a:link, .side_list a:active, .side_list a:visited{color:#333;} /*------------------ Page 404 Page -------------------*/ .page_404{text-align:center;} .page_404 h3{font-size:30px;} .page_404 a, .page_404 a:link, .page_404 a:active, .page_404 a:visited{padding:15px 50px;color:#fff;font-size:20px;} .page_404 .fa{color:#fff;font-size:20px;padding:5px 0 0 15px;} .page_404 a:hover{background:#555!important;-moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s; } .page_404 h4{font-size:200px; letter-spacing:20px; position:relative;} .page_404 .font-rotate{-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg); transform: rotate(120deg);transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;display:inline-block; position:absolute;right:22%;top:30%;} /*------------------ Contact Us Page -------------------*/ .contact_social p{min-height:30px;line-height:25px;} .contact_social a{float:left;margin-right:10px;} .contact_text p{color:#333;line-height:1.7em;} /*Contact Input*/ .input_style{padding:10px 0 ;} .input_style input{background:#fff; border:solid 1px #bfbfbf; width:90%;} .input_style input[type="text"]{ padding:5px 0 5px 5px;} .contact_left span{color:#a1a1a1;font-size:13px;padding-left:5px;} .contact_left p{color:#000;} .textarea_style textarea{background:#fff; width:98%;border:solid 1px #bfbfbf;} .textarea_style textarea[type="text"]{ padding:5px 0 5px 5px; min-height:150px;} .input_button { min-width:80px; margin-top:30px; } .input_button a, .input_button a:link, .input_button a:active, .input_button a:visited{ padding:5px 25px; text-decoration:none; color:#fff; font-size:15px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;} .input_button a:hover{transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;background:#333!important;} /*------------------ Testimonial Page -------------------*/ .testimonial_list{float:left;width:46%;margin:0 2% 5% 0;border:solid 1px #e5e5e5;border-bottom:solid 3px;padding:20px;position:relative;} .testimonial_list:before{content:" ";width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom:5px solid;position:absolute;bottom:0;left:48%;} .testimonial_list img{float:left;padding-right:20px;} .testimonial_text{margin-left:110px;background:url(../images/content/quovolve_box_img.png) no-repeat left top;} .testimonial_text h3{font-size:16px;} /*------------------ Sidebar Content -------------------*/ .sidebar_content p{ line-height:1.9em;color:#333;} .sidebar_text{border-left:solid 3px;background:#f4f4f4;} .sidebar_text p{font-size:16px;padding:20px;line-height:1.7em; font-style:italic;}. /*------------------ Price Table Page -------------------*/ .price-table{text-align:center;margin-bottom:0px; padding:0 12px;} .price-table li:before{content: '';width:auto;} .price-table [class^="icon-"]{font-size:16px;} .price-table ul, .price-table ul li{ list-style:none; margin:0; } .five-col .col{width:20%;} .four-col .col{width:25%;} .three-col .col{width:33.33333%;} .two-col .col{width:50%;} .col{float:left;margin:0;background:#f6f6f6;position:relative;margin-bottom:15px;} .col.high{z-index:10;top:-30px;margin:0 -5px;-webkit-box-shadow: 0px 2px 18px rgba(0,0,0,0.3);box-shadow: 0px 2px 18px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 18px rgba(0,0,0,0.3); } .col.low{background:#f6f6f6;z-index:5;} .col .wrap-inner{border-left:5px solid white;text-align:center;} .price-table .head_top{background:#ccc;padding:10px 0 0;min-height:30px;} .price-table .head_top h3{margin:0;text-transform:uppercase;font-size:18px;font-weight:bold;color:#333;padding:15px 10px;} .price-table .head{min-height:35px;} .price-table .head h3{margin:0;text-transform:uppercase;font-size:18px;font-weight:bold;color:#fff;padding:15px 10px;} .price-table .another_color{background:rgba(255,255,255,0.4);min-height:52px;padding:41px 0 39px;} .price-table .another_color h4{color:#333;} .price-table ul li{font-size:17px;} .price-table .head span{color:#fff;} .price-table .price{background:#bbb;min-height:52px;padding:20px 0 30px;} .price-table .high .price{background:#bbbbbb;} .price-table .price h4{margin-bottom:0;color:#373737;font-weight:bold; font-size:18px;} .price-table .price span{margin-top:5px;text-transform:uppercase;display:block;color:#373737;font-size:11px;} .price-table .foot{padding:10px;background:#ddd;overflow:hidden;min-height:30px;} .price-table .high .foot{padding:25px 0;} .price-table .row-titles{text-align:center;} .price-table .row-titles .head{display:block;} .price-table .row-titles li{padding-left:20px;} .col ul{padding:0;} .col:first-child .wrap-inner,.col.high .wrap-inner{border:none;} .price-table li{padding:10px 10px;min-height:20px;} .price-table li:last-child{border:none;} .price-table li:nth-child(even),.price-table li.even{background:#efefef;} .price-table .col.low li:nth-child(even),.price-table .col.low li.even{background:#efefef;} .foot a{ color:#fff!important;} .price_bottom{ padding:6px 12px; background:#373737; vertical-align: middle;display: inline-block;} .price_bottom:hover{-webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s;} .price_bottom_success{ padding:6px 12px;vertical-align: middle;display: inline-block;} .price_bottom_success:hover{ background:#373737;-webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s;} /*---------- Sortable Portfolio Style -------------- */ .pg-img-wrapper{position:relative;overflow:hidden;margin:10px 15px;} .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: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 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%; left: 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/px_sprites_w.png) no-repeat -40px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-two{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -285px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-three{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -80px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-four{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -368px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-five{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -408px 0;display:inline-block; position:relative;top:15px;left:14px; } .icon-circle2{width:50px;height:50px;background:#000;position: absolute; top: 30%; left: 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%; left: 42%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; filter: alpha(opacity=70); opacity: 0.7;z-index: 00;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: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 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%; left: 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%; left: 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_page{height:auto;overflow:hidden;padding:0;width:100%;} .project_contain{margin:20px 0;float:left;} .project_pic{display:block;float:left;width:60%;-webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .project_pic:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .project_list { padding:0 0 0 15px!important;float:left;width:35%;} .project_page h3{font-size:25px;-webkit-transition: all 0.8s ease-in 0s;-moz-transition: all 0.8s ease-in 0s;transition: all 0.8s ease-in 0s;color:#000;} .project_page h3:hover{color:#d35a50;} .project_list .categories {margin-bottom:20px;} .project_list .categories a{ color:#999;} .project_list .intro { font-size:12px; margin-bottom:20px; margin-top:35px; } .project_list a.read-more { font-size:13px; height:30px;line-height:30px;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;} /*----------Garllery-------------- */ .sidebar_flickr .title { font-size:23px; color:#3d3d3d; } .sidebar_flickr { padding-left:35px; margin-bottom:300px; padding-top:5px; } .sidebar_flickr ul { list-style:none; margin:0; } .sidebar_flickr ul li { list-style:none; margin:5px 15px 5px 0; float:left; position:relative;border:1px solid #eee; padding:3px; } .sidebar_flickr ul li a { position:relative; display:block;overflow:hidden;} .sidebar_flickr ul li a img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;z-index: 0; filter:Alpha(Opacity=60);opacity:0.7; } .sidebar_flickr ul li a img:hover { transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);filter:Alpha(Opacity=100);opacity:1; } /*------------------ Gallery Page -------------------*/ .gallery_page{width:100%;} .gallery_box_outer{min-height:160px; margin-bottom:5px;width:24%;float:left;padding:1% 1%;} .gallery_page .pg-img-wrapper{position:relative;overflow:hidden;margin:10px 0;} /*------------------Bootstrap Reset -------------------*/ .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{color:#fff!important;} /*--------- Animation----------*/ .animation_style img{ float:left;margin-right:20px;} .animation_style p{ font-size:13px; line-height:1.7em;} .animation_style{ margin:40px 0; border-bottom:1px solid #e5e5e5; padding-bottom:40px; overflow:hidden;} /*--------- Animation----------*/ .visible {opacity: 1;} .animated.scaleUp1{-webkit-animation:scaleUp 1s .1s ease both;-moz-animation:scaleUp 1s .1s ease both;animation:scaleUp 1s .1s ease both;} .animated.scaleUp2{-webkit-animation:scaleUp 1s 400ms ease both;-moz-animation:scaleUp 1s 400ms ease both;animation:scaleUp 1s 400ms ease both;} .animated.scaleUp3{-webkit-animation:scaleUp 1s 700ms ease both;-moz-animation:scaleUp 1s 700ms ease both;animation:scaleUp 1s 700ms ease both;} .animated.scaleUp4{-webkit-animation:scaleUp 1s 1s ease both;-moz-animation:scaleUp 1s 700ms ease both;animation:scaleUp 1s 700ms ease both;} @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;} .animated.fadeInLeft1{-webkit-animation:fadeInLeftBig 500ms .1s ease both;-moz-animation:fadeInLeftBig 500ms .1s ease both;animation:fadeInLeftBig 400ms .1s ease both;} .animated.fadeInLeft2{-webkit-animation:fadeInLeftBig 650ms .1s ease both;-moz-animation:fadeInLeftBig 650ms .1s ease both;animation:fadeInLeftBig 650ms .1s ease both;} .animated.fadeInLeft3{-webkit-animation:fadeInLeftBig 1.2s .1s ease both;-moz-animation:fadeInLeftBig 1.2s .1s ease both;animation:fadeInLeftBig 1.2s .1s ease both;} .animated.fadeInLeft4{-webkit-animation:fadeInLeftBig 1.5s .1s ease both;-moz-animation:fadeInLeftBig 1.5s .1s ease both;animation:fadeInLeftBig 1.5s .1s ease both;} .animated.fadeInLeft5{-webkit-animation:fadeInLeftBig 2s .1s ease both;-moz-animation:fadeInLeftBig 2s .1s ease both;animation:fadeInLeftBig 2s .1s ease both;} .animated.fadeInLeft6{-webkit-animation:fadeInLeftBig 2.3s .1s ease both;-moz-animation:fadeInLeftBig 2.3s .1s ease both;animation:fadeInLeftBig 2.3s .1s ease both;} .animated.fadeInLeft7{-webkit-animation:fadeInLeftBig 2.6s .1s ease both;-moz-animation:fadeInLeftBig 2.6s .1s ease both;animation:fadeInLeftBig 2.6s .1s ease both;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-1000px)} 100%{opacity:1;-webkit-transform:translateX(0)}} @-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-1000px)} 100%{opacity:1;-moz-transform:translateX(0)}} .animation.bounceIn1, .animation.bounceIn2, .animation.bounceIn3, .animation.bounceIn4, .animation.bounceIn5, .animation.bounceIn6 {opacity: 1;} .animated.bounceIn1{-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;animation:bounceIn 1s .2s ease both;} .animated.bounceIn2{-webkit-animation:bounceIn 1.2s .4s ease both;-moz-animation:bounceIn 1.2s .4s ease both;animation:bounceIn 1.2s .4s ease both;} .animated.bounceIn3{-webkit-animation:bounceIn 1.4s .6s ease both;-moz-animation:bounceIn 1.4s .6s ease both;animation:bounceIn 1.4s .6s ease both;} .animated.bounceIn4{-webkit-animation:bounceIn 1.6s .8s ease both;-moz-animation:bounceIn 1.6s .8s ease both;animation:bounceIn 1.6s .8s ease both;} .animated.bounceIn5{-webkit-animation:bounceIn 1.8s .9s ease both;-moz-animation:bounceIn 1.8s .9s ease both;animation:bounceIn 1.8s .9s ease both;} .animated.bounceIn6{-webkit-animation:bounceIn 2.1s .9s ease both;-moz-animation:bounceIn 2.1s .9s ease both;animation:bounceIn 2.1s .9s ease both;} @-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)} 50%{opacity:1;-webkit-transform:scale(1.05)} 70%{-webkit-transform:scale(.9)} 100%{-webkit-transform:scale(1)}} @-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)} 50%{opacity:1;-moz-transform:scale(1.05)} 70%{-moz-transform:scale(.9)} 100%{-moz-transform:scale(1)}} /*--------- Social Icon Group 1 ----------*/ .socialicons { margin:10px 0 ;} .iconFacebook{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 1px;} .iconPinterest{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -29px 0;display:inline-block; padding:0;margin:0 1px;} .iconTwitter{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -58px 0;display:inline-block; padding:0;margin:0 1px;} .iconGoogle{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -87px 0;display:inline-block; padding:0;margin:0 1px;} .iconRSS{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -116px 0;display:inline-block; padding:0;margin:0 1px;} .iconVimeo{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -145px 0;display:inline-block; padding:0;margin:0 1px;} .iconEvernote{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -174px 0;display:inline-block; padding:0;margin:0 1px;} .iconDribbble{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -203px 0;display:inline-block; padding:0;margin:0 1px;} .iconTumblr{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -232px 0;display:inline-block; padding:0;margin:0 1px;} .iconBehance{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -261px 0;display:inline-block; padding:0;margin:0 1px;} .iconStumbleUpon{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -290px 0;display:inline-block; padding:0;margin:0 1px;} .iconDropbox{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -319px 0;display:inline-block; padding:0;margin:0 1px;} .iconSoundCloud{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -348px 0;display:inline-block; padding:0;margin:0 1px;} .iconPicasa{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -377px 0;display:inline-block; padding:0;margin:0 1px;} .iconLastfm{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -406px 0;display:inline-block; padding:0;margin:0 1px;} .iconForrst{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -435px 0;display:inline-block; padding:0;margin:0 1px;} .iconFlicr{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -464px 0;display:inline-block; padding:0;margin:0 1px;} .iconDeviantArt{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -493px 0;display:inline-block; padding:0;margin:0 1px;} .iconLinkedIn{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -522px 0;display:inline-block; padding:0;margin:0 1px;} .iconBlogger{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -551px 0;display:inline-block; padding:0;margin:0 1px;} .iconInstagram{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -580px 0;display:inline-block; padding:0;margin:0 1px;} .iconYahoo{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -609px 0;display:inline-block; padding:0;margin:0 1px;} .iconYouTube{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -638px 0;display:inline-block; padding:0;margin:0 1px;} .iconGrooveshark{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -667px 0;display:inline-block; padding:0;margin:0 1px;} .iconDigg{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -696px 0;display:inline-block; padding:0;margin:0 1px;} .iconSkype{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -725px 0;display:inline-block; padding:0;margin:0 1px;} .iconShareThis{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -754px 0;display:inline-block; padding:0;margin:0 1px;} .iconWordPress{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -783px 0;display:inline-block; padding:0;margin:0 1px;} .iconKickstarter{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -812px 0;display:inline-block; padding:0;margin:0 1px;} .iconBebo{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -841px 0;display:inline-block; padding:0;margin:0 1px;} .iconZerply{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -870px 0;display:inline-block; padding:0;margin:0 1px;} .iconAmazon{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -899px 0;display:inline-block; padding:0;margin:0 1px;} .iconMyspace{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -928px 0;display:inline-block; padding:0;margin:0 1px;} .iconWikipedia{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -957px 0;display:inline-block; padding:0;margin:0 1px;} .iconTechnorati{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -986px 0;display:inline-block; padding:0;margin:0 1px;} .iconAddThis{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -1015px 0;display:inline-block; padding:0;margin:0 1px;} .iconDelicious{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -1044px 0;display:inline-block; padding:0;margin:0 1px;} .iconXing{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -1073px 0;display:inline-block; padding:0;margin:0 1px;} .iconQuora{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -1102px 0;display:inline-block; padding:0;margin:0 1px;} .iconGitHub{width:28px;height:28px;background:url(../images/socialicons.png) no-repeat -1131px 0;display:inline-block; padding:0;margin:0 1px;} /*--------- Social Icon Group 1 Hover ---------*/ a.iconFacebook:hover{ background-color:#5d82d1;background-position: 0 -28px;-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: -29px -28px;-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: -58px -28px;-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: -87px -28px;-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: -116px -28px;-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: -145px -28px;-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:-174px -28px;-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:-203px -28px;-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:-232px -28px;-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:-261px -28px;-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: -290px -28px;-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: -319px -28px;-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:-348px -28px;-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: -377px -28px;-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: -406px -28px;-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: -435px -28px;-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: -464px -28px;-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:-493px -28px;-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: -522px -28px;-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:-551px -28px;-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:-580px -28px;-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: -609px -28px;-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:-638px -28px;-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:-667px -28px;-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: -696px -28px;-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: -725px -28px;-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:-754px -28px;-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:-783px -28px;-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:-812px -28px;-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: -841px -28px;-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:#ff5c30;background-position: -870px -28px;-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:#ff5c30;background-position: -899px -28px;-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:#ff5c30;background-position:-928px -28px;-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:#ff5c30;background-position:-957px -28px;-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:#ff5c30;background-position:-986px -28px;-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:#ff5c30;background-position:-1015px -28px;-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:#ff5c30;background-position: -1044px -28px;-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:#ff5c30;background-position: -1073px -28px;-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:#ff5c30;background-position: -1102px -28px;-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:#ff5c30;background-position:-1131px -28px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} /*--------- Social Icon Group 2 ----------*/ .socialicons2{ padding-top:20px;} .socialicons2 a{margin:5px 8px 0 0;padding:0;} .iconSkype2{width:30px;height:30px;background:url(../images/socialicon2.png) no-repeat -10px -10px;display:inline-block;padding:0;margin:0 3px;} .iconLast_fm2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -10px;display:inline-block;padding:0;margin:0 3px;} .iconFacebook2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -10px;display:inline-block;padding:0;margin:0 3px;} .iconWordpress2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -10px;display:inline-block;padding:0;margin:0 3px;} .iconVimeo_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRSS2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRevision2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -10px;display:inline-block;padding:0;margin:0 3px;} .iconRdio2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -10px;display:inline-block;padding:0;margin:0 3px;} .iconEvernote2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -43px;display:inline-block;padding:0;margin:0 3px;} .iconEmber2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -43px;display:inline-block;padding:0;margin:0 3px;} .iconDropbox2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -43px;display:inline-block;padding:0;margin:0 3px;} .iconAim2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -43px;display:inline-block;padding:0;margin:0 3px;} .icon500px_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -43px;display:inline-block;padding:0;margin:0 3px;} .icon500px2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -43px;display:inline-block;padding:0;margin:0 3px;} .iconWikipedia2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -43px;display:inline-block;padding:0;margin:0 3px;} .iconVkontakte2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -43px;display:inline-block;padding:0;margin:0 3px;} .iconTechnorati2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -76px;display:inline-block;padding:0;margin:0 3px;} .iconStumbleupon2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSquarespace2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSpotify2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSoundcloud2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -76px;display:inline-block;padding:0;margin:0 3px;} .iconSkype_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -76px;display:inline-block;padding:0;margin:0 3px;} .iconPinterest2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -76px;display:inline-block;padding:0;margin:0 3px;} .iconPicasa2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -76px;display:inline-block;padding:0;margin:0 3px;} .iconMail_ru2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -109px;display:inline-block;padding:0;margin:0 3px;} .iconMail2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -109px;display:inline-block;padding:0;margin:0 3px;} .iconLinkedin_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -109px;display:inline-block;padding:0;margin:0 3px;} .iconLinkedin2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGowalla2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle_alt_22{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -109px;display:inline-block;padding:0;margin:0 3px;} .iconGoogle2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -109px;display:inline-block;padding:0;margin:0 3px;} .iconFormspring2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -142px;display:inline-block;padding:0;margin:0 3px;} .iconFlickr2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDribbble2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDigg2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDeviantart_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDeviantart2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDesignmoo2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -142px;display:inline-block;padding:0;margin:0 3px;} .iconDelicious2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -142px;display:inline-block;padding:0;margin:0 3px;} .iconYoutube2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -175px;display:inline-block;padding:0;margin:0 3px;} .iconYahoo2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -175px;display:inline-block;padding:0;margin:0 3px;} .iconWordpress_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -175px;display:inline-block;padding:0;margin:0 3px;} .iconGrooveshark2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -175px;display:inline-block;padding:0;margin:0 3px;} .iconTumblr2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -175px;display:inline-block;padding:0;margin:0 3px;} .iconMyspace2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -175px;display:inline-block;padding:0;margin:0 3px;} .iconForrst2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -175px;display:inline-block;padding:0;margin:0 3px;} .iconAsk_fm2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -175px;display:inline-block;padding:0;margin:0 3px;} .iconInstagram_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -208px;display:inline-block;padding:0;margin:0 3px;} .iconInstagram2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -208px;display:inline-block;padding:0;margin:0 3px;} .iconVimeo2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -76px -208px;display:inline-block;padding:0;margin:0 3px;} .iconTwitter2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -109px -208px;display:inline-block;padding:0;margin:0 3px;} .iconMyspace_alt2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -142px -208px;display:inline-block;padding:0;margin:0 3px;} .iconPaypal2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -175px -208px;display:inline-block;padding:0;margin:0 3px;} .iconGmail2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -208px -208px;display:inline-block;padding:0;margin:0 3px;} .iconFoursquare2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -241px -208px;display:inline-block;padding:0;margin:0 3px;} .iconBlogger2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -10px -241px;display:inline-block;padding:0;margin:0 3px;} .iconBehance2{width:30px;height:30px;background:url(../images/socialicons2.png) no-repeat -43px -241px;display:inline-block;padding:0;margin:0 3px;} /*--------- Social Icon Group 3 ----------*/ .socialicons3 { padding-top:15px;} .socialicons3 a{margin:0;padding:5px 8px 0 0;} .iconFacebook3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -4px;display:inline-block; padding:0;margin:0;} .iconPinterest3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -4px;display:inline-block; padding:0;margin:0;} .iconTwitter3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -4px;display:inline-block; padding:0;margin:0;} .iconGoogle3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -4px;display:inline-block; padding:0;margin:0;} .iconRss3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -4px;display:inline-block; padding:0;margin:0;} .iconVimeo3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -45px;display:inline-block;padding:0;margin:0;} .iconEvernote3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -45px;display:inline-block;padding:0;margin:0;} .iconDribbble3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -45px;display:inline-block;padding:0;margin:0;} .iconTumblr3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -45px;display:inline-block;padding:0;margin:0;} .iconBehance3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -45px;display:inline-block;padding:0;margin:0;} .iconStumbleUpon3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -86px;display:inline-block;padding:0;margin:0;} .iconDropbox3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -86px;display:inline-block;padding:0;margin:0;} .iconSoundCloud3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -86px;display:inline-block;padding:0;margin:0;} .iconPicasa3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -86px;display:inline-block;padding:0;margin:0;} .iconLastfm3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -86px;display:inline-block;padding:0;margin:0;} .iconForrst3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -128px;display:inline-block; padding:0;margin:0;} .iconFlicr3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -128px;display:inline-block; padding:0;margin:0;} .iconDeviantArt3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -128px;display:inline-block; padding:0;margin:0;} .iconLinkedIn3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -128px;display:inline-block; padding:0;margin:0;} .iconBlogger3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -128px;display:inline-block; padding:0;margin:0;} .iconInstagram3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -169px;display:inline-block;padding:0;margin:0;} .iconYahoo3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -169px;display:inline-block;padding:0;margin:0;} .iconYouTube3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -169px;display:inline-block;padding:0;margin:0;} .iconGrooveshark3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -169px;display:inline-block;padding:0;margin:0;} .iconDigg3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -169px;display:inline-block;padding:0;margin:0;} .iconSkype3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -211px;display:inline-block;padding:0;margin:0;} .iconShareThis3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -211px;display:inline-block;padding:0;margin:0;} .iconWordPress3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -211px;display:inline-block;padding:0;margin:0;} .iconKickstarter3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -211px;display:inline-block;padding:0;margin:0;} .iconBebo3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -211px;display:inline-block;padding:0;margin:0;} .iconZerply3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -252px;display:inline-block; padding:0;margin:0;} .iconAmazon3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -252px;display:inline-block; padding:0;margin:0;} .iconMyspace3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -252px;display:inline-block; padding:0;margin:0;} .iconWikipedia3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -252px;display:inline-block; padding:0;margin:0;} .iconTechnorati3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -252px;display:inline-block; padding:0;margin:0;} .iconAddThis3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -5px -293px;display:inline-block;padding:0;margin:0;} .iconDelicious3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -46px -293px;display:inline-block;padding:0;margin:0;} .iconXing3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -87px -293px;display:inline-block;padding:0;margin:0;} .iconQuora3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -128px -293px;display:inline-block;padding:0;margin:0;} .iconGitHub3{width:28px;height:29px;background:url(../images/socialicons3.png) no-repeat -169px -293px;display:inline-block;padding:0;margin:0;} /*--------- Social-Links4 ----------*/ .socialicons4 {padding-top:10px;} .socialicons4 a{margin:0;padding:5px 0 0 0;} .iconFacebook4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;} .iconFacebook5{width:22px;height:22px;background:url(../images/facebook.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;} .iconFacebook6{width:22px;height:22px;background:url(../images/faceboo2.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;} .iconFacebook7{width:22px;height:22px;background:url(../images/facebook3.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;} .iconTwitter4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -32px 0;display:inline-block;padding:0;margin:0 3px;} .iconForrst4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -65px 0;display:inline-block;padding:0;margin:0 3px;} .iconDribbble4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -97px 0;display:inline-block;padding:0;margin:0 3px;} .iconDeviantart4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -127px 0;display:inline-block;padding:0;margin:0 3px;} .iconYoutube4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -162px 0;display:inline-block;padding:0;margin:0 3px;} .iconTumblr4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -196px 0;display:inline-block;padding:0;margin:0 3px;} .iconPicasa4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -228px 0;display:inline-block;padding:0;margin:0 3px;} .iconRSS4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -260px 0;display:inline-block;padding:0;margin:0 3px;} .iconBehance4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -291px 0;display:inline-block;padding:0;margin:0 3px;} .iconSkype4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -323px 0;display:inline-block;padding:0;margin:0 3px;} .iconGithub4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -356px 0;display:inline-block;padding:0;margin:0 3px;} .iconLinkedIn4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -389px 0;display:inline-block;padding:0;margin:0 3px;} .iconGoogle4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -421px 0;display:inline-block;padding:0;margin:0 3px;} .iconPinterest4{width:22px;height:22px;background:url(../images/socialicons4.png) no-repeat -451px 0;display:inline-block;padding:0;margin:0 3px;} /*--------- Social-Links4 Hover ---------*/ a.iconFacebook4:hover{ background-color:#0F60B9;background-position: 0 -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconTwitter4:hover{ background-color:#47D1F1;background-position: -32px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconForrst4:hover{ background-color:#2D8500;background-position: -65px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconDribbble4:hover{ background-color:#F96F9C;background-position: -97px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconDeviantart4:hover{ background-color:#BBC71C;background-position: -127px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconYoutube4:hover{ background-color:#D94545;background-position: -162px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconTumblr4:hover{ background-color:#006392;background-position: -196px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconPicasa4:hover{ background-color:#3E3E3E;background-position: -228px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconRSS4:hover{ background-color:#EB9A20;background-position: -260px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconBehance4:hover{ background-color:#2B2B2B;background-position: -291px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconSkype4:hover{ background-color:#068182;background-position: -323px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconGithub4:hover{ background-color:#878787;background-position: -356px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconLinkedIn4:hover{ background-color:#0276B9;background-position: -389px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconGoogle4:hover{ background-color:#e35644;background-position: -421px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} a.iconPinterest4:hover{ background-color:#e13138;background-position: -451px -28px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .visible{opacity:1;} /*--------- CSS Reset for Tablet ----------*/ @media handheld, only screen and (max-width: 1140px){ /*-------- Banner Container --------*/ .banner_container{margin-bottom:-35px!important;} .bannerpane {margin-bottom:34px;} /*--------- Togglable Tabs ----------*/ .nav-tabs > li {float: none!important;} /*---------- Skin Design Style-------------- */ .skin_design h3{float:none;width:100%;text-align:center;padding:0;} .skin_design .design_catalog{float:none ;width:100%;} .skin_design #options ul{margin:0;text-align:center;padding:0 0 10px 0;} /*--------- Accordion Style ----------*/ .accordion2 > h3{color:#333;font-size:13px;} .ui-accordion .ui-accordion-content {padding: 5px 3px 5px 10px;background:#fff;border:solid 1px #ccc;border-top:none;} /*---------- Project List -------------- */ .project_list h3{margin:10px 0 0 0;} .project_list { padding:0;float:left;width:100%;} .project_list .intro { font-size:12px; margin:10px 0;} .project_pic{width:100%;} /*--------- Flex Banner Style ----------*/ .mobile_hidden{display:none;} /*--------- Home Top Box Style ----------*/ .box_text{font-sizes:13px;width:80%;} /*---------- Skin Skills Style-------------- */ .skills_name{float:left;text-align:left;} /*---------Footer Fancybox Style ----------*/ .fancybox_style ul li { margin:3px 1px; } /*--------- Site Footer Area ----------*/ .footer_about .Social-Links a{margin:0 0 0 0;} /*---------- Skin Bottom Style-------------- */ #cust_list{display:inline-block;margin:19px auto 0;} #cust_list li{float:left;margin-right:20px;cursor:pointer;} /*------------------ About Us Page -------------------*/ .our_team .team_title h3{font-size:16px} .our_team .team_title span{font-size:13px;} .our_team .socialicons3 a{margin:0;} /*--------- Our Services Flip ----------*/ .projects_content{padding:0;} .projects_content h3{font-size:15px;padding:2% 10px;} .hover_thumb_wrap{overflow:hidden;max-height:73px;padding:10% 10% 0;} .services_lists h3{font-size:16px;} /*------------------ Page 404 Page -------------------*/ .page_404 .font-rotate{-moz-transform: rotate(0); /* FF3.5+ */-webkit-transform: rotate(0); transform: rotate(0); position:relative;right:0;top:0;} /*---------- Sortable Portfolio Style -------------- */ .pg-img-wrapper{margin:10px;} .pg-details h2{font-size:15px;} .pg-info:hover .pg-details{ bottom: calc(30% - 20px);} /*---------- carousel3 -------------- */ .carousel3 h3{font-size:14px;} /*---------- Gallery Page -------------- */ .gallery_page .icon-circle{display:none;} } /*--------- CSS Reset for Mobile ----------*/ @media handheld, only screen and (max-width: 767px) { /*-------- Banner Container --------*/ .banner_container{margin-bottom:0!important;} /*-------- Banner Style --------*/ .banner_none{display:none!important;} /*--------- Togglable Tabs Style ----------*/ .nav-tabs li { float:none; width:100%;} .nav-tabs li a { border:1px solid #CECECE; margin-right:0;} .nav-tabs li a:hover { border:1px solid #CECECE;} .nav-tabs3{padding:0;} /*--------- carousel Style ----------*/ .carousel{padding:0;} .icon-circle{display:none;} .carousel_nav{padding-right:5px;} /*--------- Home Top Box ----------*/ .box_text{float:none;width:100%;padding:10px 0;text-align:center;} .box_button{float:none;margin:0 auto;width:150px;} /*---------- Home Bottom Testimonials ----------*/ #cust_list{display:inline-block;margin:25px auto 0;} .cust_wrapper .cust_text p{padding:10px 10px 10px;} #cust_list li.selected:before{display:none;} #cust_list li.selected:after{display:none;} /*---------- About Us Page ----------*/ .our_team .col-sm-3{width:50%;float:left;} /*--------- Our Services Flip ----------*/ .projects_content h3{font-size:13px;padding:1% 10px;} .hover_thumb_wrap{max-height:40px;padding:5% 10% 0;overflow:hidden;} .hover_thumb_wrap li img{width:25px;height:25px;border:1px solid #fff;} /*------- Sortable Portfolio Style -------- */ .pg-details h2{line-height:18px;} .carousel ul li { padding:0 3px;} .pg-categories{line-height:12px;margin:0;} .pg-info:hover .pg-details{bottom: calc(50% - 20px);} .icon-circle2{top: 25%; left: 40%; } .pg-details2{ bottom: 30%; color: #ffffff; } .pg-details2 h2{font-size:18px;} .pg-categories2{ font-size: 15px;} .icon-circle3{top: 25%; left: 40%; } .pg-details3{ bottom: 30%; color: #ffffff; } .pg-details3 h2{font-size:17px;} .pg-categories3{ font-size: 14px;} .pg-info4{width:88.5%;} .icon-circle6{ top:30%; left: 35%; } /*---------- Gallery Page -------------- */ .gallery_page .pg-info{ display:none;} .gallery_box_outer{ min-height:50px;} /*--------- Price Table Page ----------*/ .four-col .col{width:46%;margin:2% 2%;} .three-col .col{width:33.33333%;} .col.high{z-index:10;top:0; margin:0 0;} .col .wrap-inner{border-left:none;} .price-table .head_top h3, .price-table .head h3{font-size:15px;} /*--------- Page 404 Page ----------*/ .page_404 h3{font-size:20px;} .page_404 h4{font-size:130px; letter-spacing:10px;} /*--------- Testimonial Page ----------*/ .testimonial_list{float:left;width:96%;margin:0 2% 5%;} } @media handheld, only screen and (max-width:380px) { /*------------------ About Us Page -------------------*/ /*Our Team Style*/ .our_team .col-sm-3{width:100%;float:left;} /*---------- Home Bottom Testimonials ----------*/ #cust_list{display:inline-block;margin:30px auto 0;} } /* slovo i*/ div.table-title { display: block; margin: auto; max-width: 600px; padding:5px; width: 100%; font-family:libre baskerville; } .table-title h3 { color: #fafafa; font-size: 30px; font-weight: 400; font-style:normal; font-family: "Roboto", helvetica, arial, sans-serif; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); text-transform:uppercase; } /*** Table Styles **/ .table-fill { background: white; border-radius:3px; border-collapse: collapse; height: 320px; margin: auto; max-width: 600px; padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; } .table-fill th { color: #ffffff; background: #3a345a; border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45; font-size:28px; font-weight: 100; padding:24px; text-align:left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle; font-family: libre baskervile; } .table-fill th:first-child { border-top-left-radius:3px; } .table-fill th:last-child { border-top-right-radius:3px; border-right:none; } .table-fill tr { border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1; color:#ffffff; font-size:16px; font-weight:normal; font-family: libre baskervile; } .table-fill tr:first-child { border-top:none; } .table-fill tr:last-child { border-bottom:none; } .table-fill tr:nth-child(odd) td { background:#3a345a; } .table-fill tr:nth-child(even) td { background:#3a345a; } .table-fill tr:last-child td:first-child { border-bottom-left-radius:3px; } .table-fill tr:last-child td:last-child { border-bottom-right-radius:3px; } .table-fill td { background:#FFFFFF; padding:20px; text-align:left; vertical-align:middle; font-weight:300; font-size:16px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); border-right: 1px solid #C1C3D1; } .table-fill td:last-child { border-right: 0px; } .table-fill th.text-left { text-align: left; } .table-fill th.text-center { text-align: center; } .table-fill th.text-right { text-align: right; } .table-fill td.text-left { text-align: left; } .table-fill td.text-center { text-align: center; } .table-fill td.text-right { text-align: right; } .table-fill tr td:last-child { background: #efefef; color:#464648; }