/* * CSS For DotNetNuke Skin by bestdnnskins.com * Copyright 2014 By BESTDNNSKINS.COM */ /*-------- Design style --------*/ .floatl{ float:left;} .floatr{ float:right;} .pc_display { display:block;} .mobile_display{ display:none;} .mobile_nav { display:none;} #skin_wrapper {width:100%; position:inherit!important;z-index:1; background:none; margin:0 auto;} .skin_width { width:100%;max-width:1140px;min-width:767px;margin:0 auto; position:relative;} #header_pull_down{ display:none; position:fixed; background:#333; width:100%; z-index:102;} #scroll_icon{ display:none; position:fixed;right:0;cursor:pointer;border-top:38px solid #333; border-left:48px solid transparent; border-right:none; border-bottom:38px solid transparent;z-index:104;} #scroll_icon .toggle_button {background:url(../images/toggle_button.png) no-repeat -6px top ; width:17px; height:17px; position:absolute; top:-33px; right:4px;} #scroll_icon .toggle_button2 {background:url(../images/toggle_button.png) no-repeat -59px top; top:-33px;} .user_bar{ min-height:36px; padding:5px 0;} .language_position {float:right; padding:5px 15px 6px 4px;clear:right;} .user_style { float:right; list-style:none; padding:10px 7px; margin:0; } .social-links{float:left; margin:5px 0 0 20px;} .social-links a.iconGoogle{background-color:#eb5e4c;} .social-links a.iconFacebook{background-color:#0B2E79;} .contact-info{float:right;margin-right:10px;} .contact-info h5{margin-top:0;} .skin_box{ display:table; width:100%; -webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);} .skin_left{ display:table-cell; position:fixed; vertical-align:top; width:260px; max-width:260px; background:#333; background:rgba(45,45,45,0.9); height:100%; z-index:100;} .skin_right{ display:table-cell; vertical-align:top; padding-left:259px;} .menu_box { position:relative;} .socialpane_style{ text-align:center; padding:10px 15px;} .logo_style{ line-height:100px; padding:5px; background:rgba(0,0,0,0.1); } .site_logo { text-align:center;} .skin_right_bg {background:#fff;} .skin_top_content { padding:20px;} .skin_main_padding{ padding:0 20px;} .skin_banner{ background:#fff;} .skin_main { min-height:650px; width:100%;} .content_whitebg{ background:#fff;} .content_darkgraybg{ background:#3b3e40;} .content_colorbg{ background:#0B2E79;} .content_topcolorbg{ background:#0B2E79;} .img_bg{ background: center center repeat url(../images/img_bg.jpg) fixed; } .footer_top{ border-top:1px solid #dbdbdb; background:#fdfdfd;} .footer_bg{ background:#0B2E79;} .footer_left{ float:left;margin-left:10px;} .footer_right{ float:right; margin-right:10px;} .footer_bg .copyright_bar{color:#fff; line-height:65px;} /*page name*/ .page_name { background:#0B2E79; position:relative; min-height:60px; border-bottom:1px solid #e3e3e3;} .pagename_style h1{ float:left; padding:0; padding:10px 20px; line-height:40px; color:#fff; font-size:22px; font-weight:normal; margin:0; } .breadcrumb_style {float:right; color:#fff; padding:10px 20px;line-height:40px;} .page_name_title{ color:#fff; padding:0 15px 5px 15px; } .setHover { position:absolute; left:0; bottom:0; background:#0B2E79; background:rgba(255,255,255,.1)!important; width:0; height:100%; transition: width 0.4s ease 0s; -webkit-transition: width 0.4s ease 0s; -moz-transition: width 0.4s ease 0s; z-index:1;} /*--------- StandardMenu style ----------*/ #standardMenu { position:relative; padding-bottom:30px;} #standardMenu ul { list-style:none; margin:0; padding:0; list-style:none;} #standardMenu li{ position:relative; display:block; float:none; width:100%; margin:0; list-style:none; } #standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; } #standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;} #standardMenu .rootMenu >li a span { display:block; padding:0 15px 0 25px; height:50px; line-height:50px; color:#fff; white-space:nowrap; font-size:13px; font-weight:600;text-transform:none; border-bottom:1px solid #333;border-bottom:1px solid rgba(52,52,52,.9);} #standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span { background:#0B2E79;} #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { background:none;} #standardMenu .rootMenu li:hover .setHover { width:100%;} #standardMenu .rootMenu > li.selected:hover > a span, #standardMenu .rootMenu > li.breadcrumb:hover > a span { background:#0B2E79; } /*-- submenu --*/ #standardMenu .subMenu {display:none; position:absolute; left:100%; top:0; width:200px; z-index:1210; } #standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#FFF; background:rgba(250,250,250,0.9); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); border-bottom:none; } #standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;} #standardMenu .subMenu li.item a{ border-bottom:1px solid #333;border-bottom:1px solid rgba(0,0,0,.1); padding:0; background:none; } #standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#333; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;} #standardMenu .subMenu li.selected a:hover span, #standardMenu .subMenu li.breadcrumb a:hover span { background:none; } #standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span { color:#0B2E79; cursor:pointer;} #standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;} #standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat;} #standardMenu ul li ul li ul{ display:none; width:200px; margin:0; border-left:#333;border-left:1px solid rgba(252,252,252,.05);} #standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:-1px;} #standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:-1px;} #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:-1px;} #standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:198px;top:-1px;} #standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;} #standardMenu img.rootIcon {max-height:40px; margin-right:12px; margin-left:-3px; vertical-align: middle;} /*--------- megaMenu style ----------*/ #megaMenu {position:relative; padding-bottom:30px;} #megaMenu ul { list-style:none; margin:0; padding:0;} #megaMenu li{ position:relative; display:block; float:none; margin:0; list-style:none; } #megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;} #megaMenu .root li.selected a:hover span, #megaMenu .root li.breadcrumb a:hover span { background:none; } #megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;} #megaMenu .root >li a span { display:block; padding:0 15px 0 25px; height:50px; line-height:50px; color:#fff; white-space:nowrap; font-size:13px; font-weight:600;text-transform:none; border-bottom:1px solid #333;border-bottom:1px solid rgba(52,52,52,.9); } #megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span { background:#0B2E79;} #megaMenu .root li.selected a:hover span, #megaMenu .root li.breadcrumb a:hover span { background:#0B2E79; } #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { background:none;} #megaMenu .root li:hover .setHover { width:100%;} #megaMenu .root > li.selected:hover > a span, #megaMenu .root > li.breadcrumb:hover > a span { background:#0B2E79; } /*-- category --*/ #megaMenu .category{ position:absolute;left:100%;top:0;z-index:1210;width:400px; display:none; padding:0; border:none;} #megaMenu .category > ul{ margin:0; position:relative; z-index:1200; padding:5px 9px 20px; background:#FFF; background:rgba(250,250,250,0.9); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); } #megaMenu .category li{ background:none; margin:0; width:190px; padding:0 10px; float:left;} #megaMenu .category li.item a{ border:none; border-bottom:1px solid #eee; border-bottom:1px solid rgba(0,0,0,.1); background:none;} #megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#333; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:11px 0 8px 2px; margin:0; text-transform:none; border:none; } #megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#0B2E79; cursor:pointer; } #megaMenu .leaf li{ clear:both; float:none; width:185px; margin:0 0 0 5px; padding:0; } #megaMenu .leaf li.item a{ padding:0 0 0 8px; background:url(../images/right.gif) left 15px no-repeat; border:none;} #megaMenu .leaf li.item a span{ padding:8px 0; } #megaMenu .leaf li li{ clear:both;float:none; width:180px; } #megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;} #megaMenu img.rootIcon {max-height:40px; margin-right:12px; margin-left:-3px; vertical-align: middle;} /*--------- Pane Style ----------*/ .DNNEmptyPane{ display:none!important;} .dnnpane > [class*="col-sm"],.dnnpane > [class^="col-sm"] { padding: 10px 15px; } .pulldowngrid4l{} .pulldowngrid8r{} .pulldowngrid{} .socialpane{} .topcolorpane{ margin:0; padding:20px 0} .content_grid12{} .topgrid6a{} .topgrid6b{} .topgrid4a{} .topgrid4b{} .topgrid4c{} .topgrid3a{} .topgrid3b{} .topgrid3c{} .topgrid3d{} .topgrid8l{} .topgrid4r{} .topgrid4l{} .topgrid8r{} .topgrid12{} .fullwidthpane{} .darkgraygrid4a{margin:40px 0;} .darkgraygrid4b{margin:40px 0;} .darkgraygrid4c{margin:40px 0;} .darkgraygrid12{margin:40px 0;padding-bottom:0!important; margin-bottom:0;} .middlegrid4a{margin:40px 0;} .middlegrid4b{margin:40px 0;} .middlegrid4c{margin:40px 0;} .middlegrid6a{margin:40px 0;} .middlegrid6b{margin:40px 0;} .middlegrid12{margin:40px 0;} .colorgrid4a{margin:20px 0;} .colorgrid4b{margin:20px 0;} .colorgrid4c{margin:20px 0;} .colorgrid12{} .imgbg4a{margin:20px 0;} .imgbg4b{margin:20px 0;} .imgbg4c{margin:20px 0;} .imgbg{margin:20px 0;} .bottomgrid4a{margin:40px 0;} .bottomgrid4b{margin:40px 0;} .bottomgrid4c{margin:40px 0;} .bottomgrid6a{margin:40px 0 20px 0;} .bottomgrid6b{margin:40px 0 20px 0;} .bottomgrid12{margin:20px 0 40px 0;} .footer_grid4a { margin:40px 0 40px 0;} .footer_grid4b { margin:40px 0 40px 0;} .footer_grid4c { margin:40px 0 40px 0;} .footerpane { margin:40px 0 40px 0;} .i_content_grid12 { } .i_one_grid6 {} .i_one_grid6 {} .i_two_grid4a {} .i_two_grid4b {} .i_two_grid4c {} .i_three_grid3a {} .i_three_grid3b {} .i_three_grid3c {} .i_three_grid3d {} .i_four_grid12 {} .i_five_grid4 {} .i_five_grid8 {} .i_six_grid8 {} .i_six_grid4 {} .i_seven_grid3 {} .i_seven_grid9 {} .i_eight_grid9{} .i_eight_grid3{} .i_nine_grid3a{} .i_nine_grid3b{} .i_nine_grid3c{} .i_nine_grid3d{} .i_ten_grid4a{} .i_ten_grid4b{} .i_ten_grid4c{} .i_eleven_grid12{} /*--------- Register and Login Style ----------*/ #Login{ float:right;padding-right:0;height:33px; border:1px solid #e1e1e1; border:1px solid rgba(0,0,0,.07); margin-top:5px; } #Login ul {margin:0; padding:0;} #Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } #Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} #Login .registerGroup li{ float:left; height:32px;border:none;} #Login .registerGroup li:hover, #Login .loginGroup:hover{} #Login .registerGroup .buttonGroup{margin-right:0;} #Login .registerGroup a { border-right:1px solid #e1e1e1; border-right:1px solid rgba(0,0,0,0.1); position:relative; display:block; padding:0 8px; min-width:15px; height:32px; font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:32px; font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333;} #Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#0B2E79;text-decoration:none;} #Login .registerGroup a:active,#Login .loginGroup a:active{color:#0B2E79;} #Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:12px;vertical-align:baseline;overflow:hidden;text-indent:9999px;} .registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px 12px;} .registerGroup .userNotifications strong{ background-position:-92px 10px;} .registerGroup .userMessages strong:hover{background-position:9px -39px;} .registerGroup .userNotifications strong:hover{ background-position:-92px -41px;} .registerGroup .userMessages strong:active{background-position:9px -90px;} .registerGroup .userNotifications strong:active{ background-position:-92px -91px;} #Login .registerGroup a span{ right:5px; top:-7px; display:inline-block; padding:2px 4px; min-width:7px; line-height:16px; text-align:center; margin-right:3px; background:rgb(31,152,241); font-size:9px; color:#fff; text-shadow: 0px 1px 0px #333333;} #Login .registerGroup .userProfileImg a{ padding:0; background:none; } #Login .registerGroup a img{ border:none; height:32px; width:32px; } /*--------- Language Style ----------*/ .language-object{display:block; margin:6px 0;} .language-object .Language {margin:0 2px;} .language-object span img{height:15px; width:22px;filter:Alpha(Opacity=90);opacity:0.9; margin:0; border:2px solid transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .language-object span:hover img{filter:Alpha(Opacity=100);opacity:1;} .language-object .Language.selected img{ filter:Alpha(Opacity=100);opacity:1; border-color:#555; border-color:rgba(0,0,0,.2); -webkit-border-radius: 2px;border-radius: 2px;} /*--------- Search Style ----------*/ #Search{ position:relative; float:left; padding:10px 10px 10px 20px;} .searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#d1d1d1; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:34px; text-indent:-99999px; overflow:hidden; } .searchSite { text-indent:-99999px;} a.searchcss:hover{ color:#fff; text-decoration:none; font-weight:normal; font-size:12px;} #Search input[type="text"] { border:none; font-size:12px; color: #c1c1c1; width: 240px; padding: 6px 30px 6px 10px; z-index:1999; border:1px solid #e5e5e5;} #Search input[type="text"]:active, #Search input[type="text"]:focus { outline:none; color:#777;} #Search a{ display: block; right:10px; top:7px;height:34px; width:30px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 6px 10px ; z-index:1;cursor:pointer;} #Search .searchInputContainer a.dnnSearchBoxClearText{ margin-right:18px; margin-top:0; z-index:201;} /*--------- Custom Wrapper Style ----------*/ #custom_wrapper{display:block;position: fixed;top: 80px;left:-155px;width: 150px;padding: 15px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);} #custom-button {display:block;position: fixed;top: 110px;left:0;cursor:pointer;z-index: 9999; background-color:#fff; background-color:rgba(255,255,255,.9); border:1px solid #999; border:1px solid rgba(0,0,0,.1); padding:7px; -webkit-box-shadow:0 0 2px #e1e1e1;-moz-box-shadow:0 0 2px #e1e1e1;box-shadow:0 0 2px #e1e1e1;} .custom-button {-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} #custom-button:hover .custom-button {-webkit-animation: none; -moz-animation: none; -o-animation: none;animation: none;} @-moz-keyframes spin {0% { -moz-transform: rotate(0deg); }100% { -moz-transform: rotate(359deg); }} @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(359deg); }} @-o-keyframes spin {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(359deg); }} @-ms-keyframes spin {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(359deg); }} @keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(359deg); }} #custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555!important;} #custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;} #custom_wrapper .custom_inner{width: 84%;margin:auto;} .colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;} #custom_wrapper .use-form-styles select{width: 110px;} .color-box, .pattern-box, .pattern-box2, .bg-box { width:27px;height:27px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;} .pattern-box, .pattern-box2 { background:#ccc center center;} #colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);} #colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;} #custom_wrapper #bg_pattern { margin-top:10px; margin-bottom:12px;} .optional_width { position:relative; padding:5px 0 0 0;} #boxed_button { background:#777; float:left; margin-top:2px; padding:5px 7px; color:#FFFFFF;} #stretched_button { background:#777; float:right; margin-top:2px; padding:5px 7px; color:#FFFFFF;} #boxed_button:hover, #stretched_button:hover { text-decoration:none;} #custom_wrapper #custom-reset{ float:left; padding:5px 11px; margin:0; background:#444444; color:#fff; text-decoration:none;} #custom_wrapper .getcss_btn{ float:right; padding:5px 10px; margin:0; background:#444444; color:#fff; text-decoration:none;} #getCSSModal .modal-dialog { width:660px; } #getCSSModal h4#cssModalLabel { margin:0; } textarea.get-css { height: 325px; width: 597px; resize: none; cursor: text;} ul.mega_option { list-style:none; margin:0; padding:0; margin-bottom:12px;} ul.mega_option li { list-style:none; margin:0; padding:0; float:left; margin-right:4px;} ul.mega_option li:last-child {margin-right:0;} ul.mega_option li a {background:#eee; float:left; margin-top:5px; padding:4px 5px; border:1px solid #cacaca; color:#000;} .search_option { margin:0 0 15px 0; line-height:24px; } .search_option span a { float:right; background:#eee;padding:0 3px; border:1px solid #cacaca; color:#000;} /*--------- Scroll Top Style ----------*/ #top-link{ bottom:20px; right:25px; text-align:center; display:block; height:45px; padding:0; width:45px; background:#333; background:rgba(45,45,45,0.7); position: fixed; text-decoration: none; z-index: 903; outline:none; color:#FFF; color:rgba(255,255,255,.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #top-link .glyphicon{ text-align:center; line-height:42px; font-size:20px;} #top-link:hover{ background:#0B2E79;filter:Alpha(Opacity=90);opacity:0.9;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*--------- Dark Color Area Font Color ----------*/ .img_bg *, .content_colorbg *,.content_darkgraybg *,#header_pull_down *,.main_top_pane *,.content_topcolorbg *{ color:#fff;} /*************************************************/ /* Content Pages Style */ /*************************************************/ /*--------- Our Products Style ----------*/ .our_products{ text-align:center; padding-bottom:10px;} .our_products h3{ padding-bottom:6px; text-align:left; } .our_products a img:hover{filter:Alpha(Opacity=90);opacity:0.9;} .our_products p{ padding-top:10px;} /*--------- Carousel Style ----------*/ .carousel { position:relative;} .carousel ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel ul li { float:left; list-style:none; height:180px; margin:0 5px; position:relative;height:180px; } .carousel.carousel_spacing ul li { float:none; list-style:none; height:180px; margin:0 10px; position:relative; } .carousel_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1;} .carousel_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} .carousel_nav { position:absolute; right:0; top:-55px; padding:5px 8px 5px 5px;} .carousel_nav a{outline:none;} .caroul_prev { background: url(../images/crousel_l.png) no-repeat center center #0B2E79; margin-right:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .caroul_next { background: url(../images/crousel_r.png) no-repeat center center #0B2E79; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .caroul_prev:hover { background: url(../images/crousel_l.png) no-repeat center center #555!important; } .caroul_next:hover { background: url(../images/crousel_r.png) no-repeat center center #555!important; } .carousel_text h3{ color:#555;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .carousel_text p a span{ color:#0B2E79;} .carousel ul li:hover .carousel_text h3{ color:#0B2E79;transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;} /*--------- Carousel Style ----------*/ .carousel2 { position:relative; } .carousel2 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel2 ul li { float:left; list-style:none; height:auto; margin:0 6px 0 3px; position:relative; min-height:250px; } .carousel2_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1; } .carousel2_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} .carousel2_nav { position:absolute; right:0; top:-55px; padding:5px 8px 5px 5px;} .carousel2_nav a{outline:none;} .carousel2_prev { background: url(../images/crousel_l.png) no-repeat center center #0B2E79; margin-right:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .carousel2_next { background: url(../images/crousel_r.png) no-repeat center center #0B2E79; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .carousel2_prev:hover { background: url(../images/crousel_l.png) no-repeat center center #555!important; } .carousel2_next:hover { background: url(../images/crousel_r.png) no-repeat center center #555!important; } .carousel2_text{ border:1px solid #e5e5e5; padding:10px 10px 5px 10px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} .carousel2_text p{ color:#0B2E79; padding-top:3px;} .carousel2.carousel2_a{ border-bottom:1px solid #e5e5e5; padding-bottom:30px;} .carousel2.carousel2_a span{ font-size:15px; font-weight:bold;} .carousel2.carousel2_a ul li { float:left; list-style:none; height:auto; margin:0 6px 0 3px; position:relative; min-height:300px; } .carousel2.carousel2_a .carousel2_text p{ color:#555; padding-top:3px;} /*--------- carousel3 Style ----------*/ .carousel3 { position:relative; text-align:center; margin:10px 0 10px 0; } .carousel3 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel3 ul li { float:left; list-style:none; height:auto; margin:0 5px; position:relative; min-height:45px; } .carousel3_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;} .carousel3_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;} .carousel3_nav a{outline:none;} .carousel3_prev { background: url(../images/carouFredSel_prev.png) no-repeat center center; position:absolute; left:-10px; top:20px; height:12px; width:10px; } .carousel3_next { background: url(../images/carouFredSel_next.png) no-repeat center center; position:absolute; right:-10px;top:20px;height:12px; width:10px;} /*--------- Carousel Style ----------*/ .carousel4 { position:relative; } .carousel4 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel4 ul li { float:left; list-style:none; height:auto; margin:0; position:relative; min-height:200px; } .carousel4_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1; } .carousel4_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} /*--------- Carousel Style ----------*/ .carousel5 { position:relative; } .carousel5 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel5 ul li { float:left; list-style:none; height:auto; margin:0 12px; position:relative; min-height:250px; } .carousel5_img img{ position:relative;filter:Alpha(Opacity=100);opacity:1; } .carousel5_img img:hover{cursor: e-resize;filter:Alpha(Opacity=90);opacity:0.9;} .carousel5_nav { position:absolute; left:0; bottom:10px; padding:5px 8px 5px 5px;} .carousel5_nav a{outline:none;} .carousel5_prev { background: url(../images/crousel_l.png) no-repeat center center #0B2E79; margin-right:5px; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .carousel5_next { background: url(../images/crousel_r.png) no-repeat center center #0B2E79; padding:4px 12px; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .carousel5_prev:hover { background: url(../images/crousel_l.png) no-repeat center center #555!important; } .carousel5_next:hover { background: url(../images/crousel_r.png) no-repeat center center #555!important; } .carousel5_text{ text-align:center; border:1px solid #e5e5e5; padding:10px 10px 5px 10px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;} .carousel5_text p{ color:#999; padding-top:3px;} .recent_works_carousel{ position:relative;} /*--------- Carousel Style ----------*/ .carousel6 { position:relative; } .carousel6 ul { list-style:none; margin:0; padding:0; width:auto;cursor: e-resize; } .carousel6 ul li { float:left; list-style:none; height:auto; margin:0; position:relative; min-height:250px; } /*-----------Vertical Tabs Style--------------*/ .vertical_tab .nav { margin-bottom: 0; } .vertical_tab .nav-tabs2 { float:left; border:none; min-height:230px; width:280px;border-right:solid 1px #e5e5e5;} .vertical_tab .nav-tabs2 > li { margin-bottom: 0;border-bottom:1px solid #e5e5e5; float: none;} .vertical_tab .nav-tabs2 > li > a {border-radius:0; margin:0;line-height:45px;background:none; color:#888; height:45px; border:none;padding:0 20px 0 0; text-align:left;} .vertical_tab .nav-tabs2 > li > a:hover { color:#0B2E79;background:none;} .vertical_tab .nav-tabs > li.active > a, .vertical_tab .nav-tabs > li.active > a:hover, .vertical_tab .nav-tabs > li.active > a:focus{ border:none;background:none;color:#0B2E79;} .vertical_tab .tab-content2 { border:none; padding:0 10px 5px 55px;margin-left:260px;} /*------------------ 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:8px; float:left;border:1px solid #e3e3e3;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:5px; } .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; } .fancybox_style .img-overlay { position: absolute; left:0; top:0;background:url(../images/fancy_zoom.png) no-repeat center center,url(../images/transparent_img.png) no-repeat center center #0B2E79 ; width:100%; height: 100%; opacity: 0; filter:Alpha(Opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .fancybox_style .img-overlay:hover { opacity: 0.8; filter:Alpha(Opacity=80); } /*--------- Accordion Style ----------*/ .accordion2.ui-accordion .ui-accordion-header{border:solid 1px #e5e5e5;cursor: pointer;margin-top:7px; display: block;min-height: 0;padding:7px 10px;position: relative;line-height:20px;} .accordion2.ui-accordion .ui-state-default,.accordion3.ui-accordion .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: url(../images/accordion-buttons.png) no-repeat 98% 6px;font-weight:normal;color:#555;-moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;-webkit-transition: background-color 0.4s ease 0s;} .accordion2.ui-accordion .ui-state-active, .ui-widget-content .ui-state-active,.accordion3.ui-accordion .ui-widget-header .ui-state-active{ background: url(../images/accordion-buttons.png) no-repeat 98% -84px #0B2E79; font-weight:normal;color:#fff;-moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;-webkit-transition: background-color 0.4s ease 0s;} .accordion2 .ui-helper-reset { font-size: 100%;list-style: no+ne outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;} .accordion2 > h3{font-size:15px;} .accordion2.ui-accordion .ui-accordion-content {overflow: auto;padding: 8px 7px 15px 18px;background:#fff;border:solid 1px #e5e5e5;border-top:none;} /*--------- Accordion Style ----------*/ .accordion3.ui-accordion .ui-accordion-header{border:solid 1px #e5e5e5;cursor: pointer;margin-top:7px; display: block;min-height: 0;padding:10px;position: relative;line-height:26px;} .accordion3.ui-accordion .ui-state-default,.accordion3.ui-accordion .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: url(../images/toggle_icon.png) no-repeat right 10px;font-weight:normal;color:#555;-moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;-webkit-transition: background-color 0.4s ease 0s;} .accordion3.ui-accordion .ui-state-active, .ui-widget-content .ui-state-active,.accordion3.ui-accordion .ui-widget-header .ui-state-active{ background: url(../images/toggle_icon.png) no-repeat right -22px; font-weight:normal;color:#555;-moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;-webkit-transition: background-color 0.4s ease 0s;} .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:14px!important;} .accordion3 >h3 span{ margin-right:7px; font-size:14px; position:relative; top:2px; color:#0B2E79;} .accordion3.ui-accordion .ui-accordion-content {overflow: auto;padding: 30px 10px 30px 10px;background:#fff;border:solid 1px #e5e5e5;border-top:none;} .accordion3 .home2_progress span{ float:right; color:#0B2E79; } .accordion3 .list-unstyled .col-sm-4{ padding:0 5px; margin:0;} .faq_accordion3.accordion3.ui-accordion .ui-accordion-content{padding:10px 8px;} /*---------- Project style -------------- */ .project_inner{position:relative;overflow:hidden; text-align:center; } .project_inner figure{width:100%;height:0;padding:0 0 100%;margin:0;} .project_inner .project_rollover{position:absolute; left:0;bottom:0;display:block;height:21%;-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;-ms-transition:height 0.3s ease-in-out 0s;-o-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:100%;} .project_inner .entry-content p{display:block;float:left;padding-left:16px;} .project_inner .entry-title{padding:20px 0;} .project_inner .entry-title a {color:#fff!important;font-size:16px; padding:20px 0;} .project_inner a{color:#fff!important;} .project_inner .project_item1, .project_inner .project_item5{ background:#0B2E79; } .project_inner .project_item2, .project_inner .project_item6{ background:#fabe09; } .project_inner .project_item3, .project_inner .project_item7{ background:#f97a14; } .project_inner .project_item4, .project_inner .project_item8{ background:#33bee5; } /*--------- Footer Contact Us Style ----------*/ .footer_contact { padding-top:5px;} .footer_contact table{border-collapse:collapse;} .footer_contact table, td, th{ border:1px solid #e3e3e3; } .footer_contact input{ border:none; background:none; width:120px; padding:9px 5px; outline:none;} .footer_contact textarea{ border:none; background:none;width:250px; padding:9px 5px;outline:none;} .footer_contact .send_button{ text-align:center; padding:9px 5px;} .footer_contact .send_button a{color:#0B2E79; font-size:14px;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .footer_contact .send_button a:hover{ color:#555!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .footer_contact .send_button a span{ color:#0B2E79; font-size:14px;} /*--------- Sidebar Tag style ----------*/ .footer_tag ul { list-style:none; margin:0; padding:0; padding-top:5px;} .footer_tag ul li { list-style:none; margin-bottom:13px; padding:6px 0; float:left; } .footer_tag ul li a { border:1px solid #e3e3e3; margin:0 4px; padding:7px 14px; text-decoration:none; color:#666;border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px;} .footer_tag ul li a:hover{ border-color:#0B2E79;-webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;} /*--------- 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:left; } .sidebar_tag ul li a { border:1px solid #e3e3e3; margin:0 4px; padding:7px 14px; text-decoration:none; color:#666;border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px;} .sidebar_tag ul li a:hover{ border-color:#0B2E79;-webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;} /*--------- Top Box Style ----------*/ .top_box{ text-align:center;margin:30px 0; padding:40px 10px; padding-top:0; border:1px solid #ececec;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .top_box:hover{border:1px solid #0B2E79;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .top_box .glyphicon{ font-size:28px; color:#ececec; top:-15px; background:#fff; width:50px;} .top_box h3{ color:#444;} .top_box:hover h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .top_box a span{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .top_box a:hover span{ color:#555!important;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} .top_box:hover .glyphicon{ color:#0B2E79; background:#fff;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*--------- Template Descript Style ----------*/ .template_descript .descript_top{ text-align:center; padding-bottom:40px;} .template_descript .descript_content .col-sm-6{ text-align:center;} .template_descript .descript_content span{ font-size:14px; color:#0B2E79; margin:5px; border:1px solid #0B2E79; width:26px; height:26px; text-align:center; line-height:24px;border-radius:26px; -webkit-border-radius:26px; -moz-border-radius:26px;} .template_descript .descript_content li{ padding:2px 0} .template_descript .descript_content .descript_content_left li{ float:right!important;} .template_descript img{ margin-bottom:-25px;} /*--------- Services Package Style ----------*/ .services_package h4{ padding-bottom:40px; text-align:center; color:#555;} .services_package .services_package_top{ text-align:center; padding-bottom:40px; } .services_package .services_package_top h3{ color:#555;} .services_package .services_list{ border:1px solid #e5e5e5; text-align:center; position:relative;} .services_package .services_list .services_title{ border-bottom:1px solid #e5e5e5;margin:0; padding:8px; font-weight:normal;color:#555;} .services_package .services_list .services_price{ border-bottom:1px solid #e5e5e5; padding:10px 0;} .services_package .services_list .services_price h3{ margin:0; color:#555; font-size:30px;} .services_package .services_list .services_price span{ font-size:20px; position:relative; top:-15px} .services_package .services_list .services_price span a{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .services_package .services_list .services_price span a:hover{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .services_package .services_list .services_describe{ padding: 10px 8px; font-size:12px;} .services_package .services_list .register{ background:#f3f3f3;padding:15px 0; } .services_package .services_list .register span a{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .services_package .services_list .register span a:hover{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .services_package .services_list .most_popular01{ color:#fff; font-size:12px; width:60px; height:60px; position:absolute; top:-30px; right:-20px; padding:5px; background:#0B2E79;border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);} .services_package .services_list .most_popular02{ color:#fff; font-size:12px; width:60px; height:60px; position:absolute; top:-30px; right:-20px; padding:5px; background:#e2480c;border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);} .services_package .services_list .most_popular span{ font-size:12px;} /*--------- Client Say Style ----------*/ .client_say{ text-align:center; background:url(../images/quotes_img.png) no-repeat 30px 40px ; margin:10px 100px 40px 100px;} .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 Style ----------*/ .client_say.testimonials_page{ text-align:center; background:url(../images/quotes_img.png) no-repeat 30px 40px ; margin:10px 40px 40px 40px;} .client_say.testimonials_page img{ padding-left:42%; padding-bottom:15px;} /*--------- News Updated Style ----------*/ .news_updated_border{ background:#e5e5e5; height:1px; width:100%; position:relative; top:-35px;} .news_updated{ margin-bottom:40px; } .news_updated .news_updated_top{ text-align:center; padding-bottom:25px;} .news_updated .news_updated_top h3{ color:#555;} .news_updated .updated_list li{ display: inline-block; padding:5px 9px;} /*--------- Client Say Style ----------*/ .img_over {width: 100%; height: 100%; float: left;overflow: hidden; position: relative; text-align: center; cursor: default;} .img_over .mask{ width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;background:#0B2E79; -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px);transform: translateX(-300px); filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding:0 5px;} .img_over img { display: block;position: relative;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .img_over h4 {text-transform: uppercase; color: #fff;text-align: center; position: relative;font-size: 15px; padding: 2px;} .img_over p {font-family: Georgia, serif; font-style: italic;font-size: 12px; position: relative; padding:0; text-align: center;filter: alpha(opacity=0); opacity: 0;color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .img_over a.info{display:inline-block;text-decoration:none;padding:4px 8px;background:#fff;color:#0B2E79;text-transform:uppercase;-webkit-box-shadow:0 0 1px #FFF;-moz-box-shadow:0 0 1px #FFF;box-shadow:0 0 1px #FFF;} .img_over a.info:hover{-webkit-box-shadow:0 0 3px #fff;-moz-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;} .img_over_effect:hover .mask { -webkit-transform: translateX(0px); -moz-transform: translateX(0px);transform: translateX(0px);} .img_over_effect:hover img { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); transform: translateX(300px);} .img_over_effect:hover p { filter: alpha(opacity=100);opacity: 1;} /*--------- Scale Back Style ----------*/ .scale_effect{width: 100%;height: 100%;overflow: hidden;position: relative;text-align: center;} .scale_back{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;background:#0B2E79;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;filter: alpha(opacity=0);opacity: 0;} .scale_effect:hover .scale_back{filter: alpha(opacity=100);opacity: 1;} .scale_effect img{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;} .scale_effect:hover img{-webkit-transform: scale(10);-moz-transform: scale(10);transform: scale(10);filter: alpha(opacity=0);opacity: 0;} .scale_effect a{display: inline-block;padding: 7px 14px;background: #fff;} .scale_effect a, .scale_effect a:link, .scale_effect a:active, .scale_effect a:visited{color: #333;} .scale_effect a:hover{color: #0B2E79;} .scale_effect h3{padding:10px 8% 0;font-size:20px;color: #fff;} .scale_effect p{color: #fff;padding:4% 12% 4%;} .scale_effect h3, .scale_effect p, .scale_effect a{-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;filter: alpha(opacity=0);opacity: 0;} .scale_effect:hover h3,.scale_effect:hover p,.scale_effect:hover a{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);filter: alpha(opacity=100);opacity: 1;} /*--------- Icon Hover Effects ----------*/ .icon_hover { position:relative; text-align:center; min-height:80px;} .icon_hover .glyphicon_effect{position:relative;top:0;} .icon_hover .glyphicon{display:inline-block;cursor: pointer;margin: 0 auto;width:65px;height:65px;border-radius: 50%;position: relative;z-index: 1; background:#0B2E79; color:#fff; } .icon_hover .glyphicon: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 .glyphicon:before{speak: none;font-style: normal;font-weight: normal;font-variant: normal; font-size:28px;vertical-align:middle; line-height:65px;text-transform: none;display: block;-webkit-font-smoothing: antialiased;} /* Effect 1 */ .icon_hover .icon_effect_1 .glyphicon{ background:#0B2E79;-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;} .icon_hover .icon_effect_1 .glyphicon:after{top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px #0B2E79;opacity: 0;} .icon_hover:hover .icon_effect_1 .glyphicon{background:#0B2E79;color: #fff;} .icon_hover:hover .icon_effect_1 .glyphicon: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 #0B2E79, 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 #0B2E79, 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 #0B2E79, 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 #0B2E79, 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 #0B2E79, 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 #0B2E79, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}} .icon_hover .icon_effect_1.icon_effect_1a .glyphicon{ background:#45b39c;} .icon_hover .icon_effect_1.icon_effect_1a .glyphicon:after{box-shadow: 0 0 0 2px #45b39c;} .icon_hover:hover .icon_effect_1.icon_effect_1a .glyphicon{background:#45b39c;} /* Effect 2 */ .icon_hover:hover .icon_effect_2 .glyphicon:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} .icon_hover .icon_effect_2 .glyphicon{background:#0B2E79;color: #fff;} .icon_hover:hover .icon_effect_2 .glyphicon{background:#0B2E79;color: #fff!important;} .icon_hover:hover .icon_effect_2 .glyphicon:after{ box-shadow: 0 0 0 2px #0B2E79;} .icon_hover .icon_effect_2 .glyphicon:after{top: -4px;left: -4px;padding: 4px;box-shadow: 0 0 0 2px #0B2E79;-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;} .icon_hover .icon_effect_2.icon_effect_2a .glyphicon{background:#e74c3c;} .icon_hover:hover .icon_effect_2.icon_effect_2a .glyphicon{background:#e74c3c;} .icon_hover:hover .icon_effect_2.icon_effect_2a .glyphicon:after{ box-shadow: 0 0 0 2px #e74c3c;} .icon_hover .icon_effect_2.icon_effect_2a .glyphicon:after{box-shadow: 0 0 0 2px #e74c3c;} /* Effect 3 */ .icon_hover .icon_effect_3 .glyphicon{-webkit-transition: color 0.6s;-moz-transition: color 0.6s;transition: color 0.6s;box-shadow: 0 0 0 2px #0B2E79;} .icon_hover .icon_effect_3 .glyphicon:after{top:-2px;left:-2px;z-index: -1;border:2px solid #0B2E79;-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 .glyphicon{color: #0B2E79;} .icon_hover:hover .icon_effect_3 .glyphicon{color: #666!important;box-shadow: 0 0 0 2px #666!important;} .icon_hover:hover .icon_effect_3 .glyphicon:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;} /* Effect 4 */ .icon_hover .icon_effect_4 .glyphicon{border:2px solid #0B2E79; color:#0B2E79; } .icon_hover:hover .icon_effect_4 .glyphicon{-webkit-animation: spinAround 2s linear infinite;-moz-animation: spinAround 2s linear infinite;animation: spinAround 2s linear infinite; border:2px solid #666!important; color:#666!important; -webkit-transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; transition: all 0.4s ease-in 0s; } .icon_effect_4 .icon-sort:hover:before{-webkit-animation: spinAround 2s linear infinite;-moz-animation: spinAround 2s linear infinite;animation: spinAround 2s linear infinite;} @-webkit-keyframes spinAround{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg);}} @-moz-keyframes spinAround{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg);}} @keyframes spinAround{from{transform: rotate(0deg)}to{transform: rotate(360deg);}} /* Effect 5*/ .icon_hover .icon_effect_5 .glyphicon{border:2px solid #0B2E79;color: #0B2E79;} .icon_hover:hover .icon_effect_5 .glyphicon{border:2px solid #666!important; color:#666!important;} .icon_hover:hover .icon_effect_5 .glyphicon:before{-webkit-animation: toTopFromBottom 0.3s forwards;-moz-animation: toTopFromBottom 0.3s forwards;animation: toTopFromBottom 0.3s forwards;} @-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;}} /* Effect 6 */ .icon_effect_6 .glyphicon{ background:#0B2E79;color: #fff;-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_6 .glyphicon:after{top: -4px;left: -4px;padding: 4px;z-index: -1;opacity: 0;box-shadow: 3px 3px #0B2E79;-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_6 .glyphicon:after{opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} .icon_effect_6.icon_effect_6a .glyphicon{ background:#334d5c;} .icon_effect_6.icon_effect_6a .glyphicon:after{transition: opacity 0.2s, transform 0.2s;box-shadow: 3px 3px #334d5c;} /*--------- 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 .glyphicon_effect{position:absolute; left:2px; top:5px;} .icon_hover.iconbox_item .glyphicon{display:inline-block;cursor: pointer;margin: 0 auto;width:65px;height:65px;border-radius: 50%;position: relative;z-index: 1; } .icon_hover.iconbox_item .glyphicon: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.glyphicon: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-left:82px; text-align:left;} .icon_hover.iconbox_item .iconbox_text h5{ color:#555;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{ color:#0B2E79;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 .glyphicon_effect{position:absolute; left:20px; top:30px;} .icon_hover.iconbox_item_b .glyphicon_effect{position:absolute; left:2px; top:10px;} .icon_hover.iconbox_item_a .iconbox_text{ padding-left:88px; text-align:left;} .icon_hover.iconbox_item_b .iconbox_text{ padding-left:82px; text-align:left;} .icon_hover.iconbox_item_b:hover .iconbox_text h5{ color:#0B2E79;} .icon_hover.iconbox_item_c:hover .iconbox_text h5{ color:#45b39c;} .icon_hover.iconbox_item_d:hover .iconbox_text h5{ color:#e74c3c;} .icon_hover.iconbox_item_e:hover .iconbox_text h5{ color:#334d5c;} /*----------Home1 Digital Style -----------*/ .home1_digital .digital_layout { margin-top:3px; display: inline-block;} .home1_digital .digital_wrapper{display: inline-block; padding:5px 0; padding-right:6px;} .home1_digital .digital_content{ background:#0B2E79; padding:10px;} .home1_digital .digital_count>.digital_show{position: relative; float: left; overflow: hidden; width:26px; height: 35px;color:#fff; margin:12px 0;} .home1_digital .digital_count>.digital_show>ul{position: absolute; margin: 0; padding: 0; list-style: none; text-align:center;} .home1_digital .digital_count{color: #fff; font-size:35px; line-height:1;} .home1_digital .digital_content p{color:#fff; text-align:center; margin-left:-15px;} /*----------Rotate Image Style -----------*/ .rotate_image .icon { -moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#0B2E79; height: 65px;text-align: center; width: 65px;} .rotate_image .icon span { -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;cursor: pointer;display: inline-block; font-size:25px; color:#FFF; line-height:65px;} .rotate_image:hover {-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; } .rotate_image:hover span { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);} .rotate_image:hover .icon {border-radius: 50% 50% 50% 50%;} /*----------Home2 Top Style -----------*/ .home2_top{text-align:center; margin:20px 0; } .home2_top h5 { color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color1:hover h5 { color:#e05924!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color2:hover h5 { color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color3:hover h5 { color:#77b816!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color1 .rotate_image .icon { -moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#e05924!important; height: 65px; margin: auto;text-align: center; width: 65px;} .home2_color2 .rotate_image .icon{ -moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#0B2E79; height: 65px; margin: auto;text-align: center; width: 65px;} .home2_color3 .rotate_image .icon { -moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; background:#77b816!important; height: 65px; margin: auto;text-align: center; width: 65px;} .home2_top .rotate_image .icon span { -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;cursor: pointer;display: inline-block; font-size:25px; color:#FFF; line-height:65px;} .home2_top:hover .rotate_image {-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; } .home2_top:hover .rotate_image span { -moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);} .home2_top:hover .rotate_image .icon {border-radius: 50% 50% 50% 50%;} .home2_top a.more_icon{ color:#555;} .home2_color1 a.more_icon:hover{ color:#e05924!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color2 a.more_icon:hover{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home2_color3 a.more_icon:hover{ color:#77b816!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*--------- Readmore Style ----------*/ .more_icon { background: url(../images/more_arrow.png) no-repeat right 4px; display: inline-block; padding: 0 16px 2px 0; font-weight:normal;font-size:12px; line-height:1.5em; transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s; text-decoration: none;} .more_icon:hover { background-position: left 3px; padding: 0 0 2px 16px; text-decoration: none;} /*--------- Function Introduce Style ----------*/ .function_introduce{ margin:10px 0 30px 0; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; padding-top:30px;} .introduce_right h3{ color:#555;} .introduce_right p{ padding:5px 0;} .introduce_right ul.list-unstyled li{ padding:5px 0;} .introduce_right ul.list-unstyled li span{ margin-right:10px; color:#0B2E79;} /*--------- Carousel Up Style ----------*/ .introduce_right .carousel_up_style{ display: inline-block;} .carousel_up_style { position:relative; padding:0 ; margin:0; border:none;} .carousel_up_style ul { list-style:none; margin:0 2px; padding:0; width:auto;background:#0B2E79; top:5px; } .carousel_up_style li h3{ line-height:25px; position:relative; bottom:20px; text-align:center; color:#FFF; padding:1px 5px; } /*--------- Home3 Icon Style ----------*/ .home3_icon { width:90px; height:90px; line-height:90px; margin:0 auto; border:2px solid #e5e5e5; border-radius:100%; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; color:#0B2E79; font-size:30px; text-align:center;} .home3_icon:after { background-color: #E5E5E5;border-radius: 50% 50% 50% 50%;content: "";display: block;height: 4px;margin: -3px auto 0;position: relative;top: 0;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; width: 57px;} .home3_icon:hover { border-color: #0B2E79;background:url(../images/light.png) #0B2E79;color: #FFFFFF;-webkit-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); transform: translate(0px, -10px);} .home3_icon:hover:after {height: 2px;-webkit-transform: translate(0px, 12px);width: 53px; -moz-transform: translate(0px, 12px);width: 53px; transform: translate(0px, 12px);width: 53px;} /*--------- Home3 Top Style ----------*/ .home3_top { text-align:center; padding:30px 0 20px 0;} .home3_icon { width:90px; height:90px; line-height:90px; margin:0 auto; border:2px solid #e5e5e5; border-radius:100%; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; color:#0B2E79; font-size:30px;} .home3_icon:after { background-color: #E5E5E5;border-radius: 50% 50% 50% 50%;content: "";display: block;height: 4px;margin: -3px auto 0;position: relative;top: 0;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; width: 57px;} .home3_top:hover .home3_icon { border-color: #0B2E79;background:url(../images/light.png) #0B2E79;color: #FFFFFF;-webkit-transform: translate(0px, -10px); -moz-transform: translate(0px, -10px); transform: translate(0px, -10px);} .home3_top:hover .home3_icon:after {height: 2px;-webkit-transform: translate(0px, 12px);width: 53px; -moz-transform: translate(0px, 12px);width: 53px; transform: translate(0px, 12px);width: 53px;} .home3_top h3 { color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home3_top:hover h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*---------Options Scaling Style ----------*/ .scaling_title{ text-align:center;} .scaling_title h3{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .scaling_title:hover h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .scaling_title .scaling_border{ background:#e3e3e3; height:1px; width:30%; margin:0 auto;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .scaling_title:hover .scaling_border{ background:#0B2E79; width:60%;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .scaling_title .scaling_dot{ background:#0B2E79; height:6px; width:6px; margin:0 auto; position:relative; top:-3px;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .scaling_title:hover .scaling_dot{ background:#000; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*---------Options Scaling Style ----------*/ .options2_style:hover .scaling_title h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .options2_style:hover .scaling_title .scaling_border{ background:#0B2E79; width:60%;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .options2_style:hover .scaling_title .scaling_dot{ background:#000; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*---------About Company Style ----------*/ .about_company .first_letter {color: #FFF; background:#0B2E79; float: left;font-size: 33px; line-height: 1;margin-right: 8px; padding:0 5px;} .about_company:hover .scaling_title h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .about_company:hover .scaling_title .scaling_border{ background:#0B2E79; width:60%;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .about_company:hover .scaling_title .scaling_dot{ background:#000; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .about_company li{ padding:3px 0; } .about_company li span{ color:#0B2E79; margin-right:5px;} /*---------Testimonials Style ----------*/ .testimonials_style .customer_said{ background:url(../images/customer_said_img01.jpg) no-repeat left 0 #fafafa; padding:10px;} .testimonials_style .clientele_information img{ float:left; margin-right:10px; } .testimonials_style .clientele_information { padding-top:40px;} .testimonials_style .clientele_information .clientele_right{ padding-left:75px; } .testimonials_style .clientele_information .clientele_right span{ color:#999;} .testimonials_style .clientele_information .clientele_right span.glyphicon{ color:#ffde21;} .testimonials_style:hover .scaling_title h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .testimonials_style:hover .scaling_title .scaling_border{ background:#0B2E79; width:60%;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .testimonials_style:hover .scaling_title .scaling_dot{ background:#000; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*---------Enjoy Features Style ----------*/ .enjoy_features .purchase_now_bottom a{ color:#fff;} .enjoy_features .purchase_now_bottom{ background:#0B2E79; background:rgba(255,255,255,.1); color:#fff;border:#fff solid 1px; font-size:15px; padding:12px 15px;border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px; margin-top:40px; float:right;} .enjoy_features .purchase_now_bottom:hover{ background:rgba(255,255,255,.2)!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .enjoy_features_left{ padding:10px 0 30px 0;} /*------------------Dynamic Bar Style -------------------*/ .dynamic_bar .progress{ height:20px; padding:0; margin:0; background:#d8d8d8;} .dynamic_bar p{ padding-top:7px;} .dynamic_bar .progress-bar-success{ background:#0B2E79;} .dynamic_bar .progress .progress-bar span.sr-only{ position:relative; z-index:-1; } .dynamic_bar .progress-bar{ text-align:left; padding-left:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} /*------------------ Our Skills Style -------------------*/ .our_skills_left .dynamic_bar .progress{ height:20px; padding:0; margin:0; background:#d8d8d8;} .our_skills_left .dynamic_bar p{ padding-top:7px;} .our_skills_left .dynamic_bar .progress-bar-success{ background:#0B2E79;} .our_skills_left .dynamic_bar .progress .progress-bar span.sr-only{ position:relative; z-index:-1; } .our_skills_left .dynamic_bar .progress-bar{ text-align:left; padding-left:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .our_skills_right{ text-align:center; padding-top:20px;} .our_skills:hover .scaling_title h3{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .our_skills:hover .scaling_title .scaling_border{ background:#0B2E79; width:60%;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .our_skills:hover .scaling_title .scaling_dot{ background:#000; transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} /*------------------ Home2 Progress Style -------------------*/ .home2_progress p{ padding-top:10px;} .home2_progress .progress{ height:20px; padding:0; margin:0; background:#d8d8d8;} /*------------------ Home4 Top Style -------------------*/ .support_list .row{margin-bottom:25px;} .support_list .glyphicon{float:left;font-size:32px;display:block;padding-top:12px;color:#0B2E79;-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;} .support_list .top_content{margin-left:50px;color:#555;} .support_list .top_content h3{margin:0 0 5px 0;color:#555; font-size:16px;} .support_list .col-sm-4:hover h3{-moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;color:#0B2E79;} .support_list .col-sm-4:hover .glyphicon-edit, .support_list .col-sm-4:hover .glyphicon-phone-alt{-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;} .support_list .col-sm-4:hover .glyphicon-envelope, .support_list .col-sm-4:hover .glyphicon-paperclip{-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;} .support_list .col-sm-4:hover .glyphicon-heart, .support_list .col-sm-4:hover .glyphicon-leaf{-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;} /*------------------ support list FAQ Style -------------------*/ .faq_page.support_list .row{ background:#f1f1f1;} .faq_page.support_list .col-sm-4{ border:5px solid #fff; padding:10px;} /*------------------ Passion Love Style -------------------*/ .design_features .carousel_up_style{ display: inline-block;} .design_features{ background:#f9f9f9; padding:10px 0;} .design_features h3{ text-align:center; color:#555; padding-bottom:20px;} .design_features .design_features_right img{ text-align:center;} .design_features .carousel_up_style ul{ background:none!important;} .design_features .carousel_up_style li h3{ line-height:20px; bottom:20px; padding:1px 5px; color:#0B2E79;} /*------------------ Recent Work Style -------------------*/ .recent_work img:hover{filter:alpha(opacity=90);opacity:0.9;} /*--------- Skin Around Style ----------*/ .skin_around{text-align: center;} .skin_around .glyphicon{font-size:25px;position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-25px 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;} .skin_around .around_text01{ position:absolute; top:60px; left:42%; color:#69b263;} .skin_around .around_text02{ position:absolute; top:60px; left:42%; color:#ff9700;} .skin_around .around_text03{ position:absolute; top:60px; left:42%; color:#0088c9;} .skin_around .around_text04{ position:absolute; top:60px; left:42%; color:#ff675c;} .skin_around_text h3{color:#555;font-size:17px;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{color:#0B2E79;-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;} /*Skin Around Hover Effect*/ .skin_around .col-sm-3:hover .glyphicon-ok{color:#69b263;} .skin_around .col-sm-3:hover .glyphicon-star{color:#ff9700;} .skin_around .col-sm-3:hover .glyphicon-camera{color:#0088c9;} .skin_around .col-sm-3:hover .glyphicon-tag{color:#ff675c;} .skin_around_text h3{color:#555;font-size:17px;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_text h3{color:#555;font-size:17px;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_text h3{color:#555;font-size:17px;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_text h3{color:#555;font-size:17px;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.skin_around_text01 h3{color:#69b263!important;} .skin_around .col-sm-3:hover .skin_around_text.skin_around_text02 h3{color:#ff9700!important;} .skin_around .col-sm-3:hover .skin_around_text.skin_around_text03 h3{color:#0088c9!important;} .skin_around .col-sm-3:hover .skin_around_text.skin_around_text04 h3{color:#ff675c!important;} .skin_around .col-sm-3 .skin_around_text.skin_around_text01 span a{color:#69b263;} .skin_around .col-sm-3 .skin_around_text.skin_around_text02 span a{color:#ff9700;} .skin_around .col-sm-3 .skin_around_text.skin_around_text03 span a{color:#0088c9;} .skin_around .col-sm-3 .skin_around_text.skin_around_text04 span a{color:#ff675c;} /*---------Enjoy Features Style ----------*/ .relevant_important{ border:1px solid #e5e5e5; padding:15px; position:relative; background:#f5f5f5;} .relevant_important .purchase_now_bottom2 a{ color:#fff;} .relevant_important .purchase_now_bottom2{ background:#0B2E79; color:#fff;border:#fff solid 1px; font-size:15px; padding:12px 15px;border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px; margin-top:20px; float:right;} .relevant_important .purchase_now_bottom2:hover{ background:#555!important;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .relevant_important .relevant_important_left h4{ color:#555!important;} .relevant_important .relevant_important_left span{ color:#0B2E79;} .shadow_line{ position:absolute;background:url(../images/content_shadow.png) no-repeat center top;bottom:-30px; left: 0; width: 100%;height:100%; max-height:30px; z-index:0;} /*---------home5 Top Style ----------*/ .home5_top{ text-align:center;} .home5_top h4{ color:#555;} /*---------home5 Icon Style ----------*/ .home5_icon{ margin:50px 0;} .home5_icon .iconbox_text{ text-align:center;} .home5_icon .iconbox_text h5{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home5_icon .col-sm-4:hover .iconbox_text h5{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .home5_icon .col-sm-4:hover .glyphicon{-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 ;} /*---------Time Line Style ----------*/ .time_line{ margin:40px 0;} .time_line .time_line_left{ text-align:right; padding-top:50px;} .time_line .time_line_left h5{ color:#555;} .time_line .time_line_left p{ text-align:justify;} .time_line .col-sm-1{ border-right:1px solid #eeeeee; min-height:200px; } .time_line .time_line_center{ padding-top:50px;} .time_line .time_line_center span.left{ background:#0B2E79; color:#fff; margin:0; padding:5px 10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;} .time_line .time_line_center span.right{ background:#b5b5b5; width:12px; height:12px; border:3px solid #ededed; margin-top:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:relative; right:-21px;} .time_line .time_line_right{ padding-top:50px; padding-left:15px;} .time_line .time_line_right .time_left{ float:left; margin:15px 10px 0 0; border:1px solid #0B2E79; text-align:center; padding:12px 5px; color:#0B2E79;width:100%;border-radius:4px;} .time_line .time_line_right .time_left p{ font-size:17px; font-weight:bold;} .time_line .time_line_right .time_describe{ padding-left:85px;} .time_line .time_line_right .time_describe h5{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .time_line .time_line_right:hover h5{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .time_line .time_line_right .time_describe span a{ color:#0B2E79;} /*---------Home5 Contact Style ----------*/ .home5_bottom .contact_top{ text-align:center;} .home5_bottom .contact_top h3{ font-size:25px;} .home5_bottom .contact_content{ padding-top:20px;} .home5_bottom .iconbox_text{ background:#fff; background:rgba(255,255,255,0.8); color:#555; padding:35px 0 20px 0; position:relative; top:-32px;} .home5_bottom .iconbox_text h5{ color:#555;} .home5_bottom .iconbox_text p{ color:#555; padding:0 10px;} /*---------About Us Top Style ----------*/ .our_team_style{ text-align:center; padding:15px 0 40px 0;} .our_team_style p{ padding-top:10px;} .our_team_style h4{ color:#555;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .our_team_style:hover h4{ color:#0B2E79;transition: all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;} .our_team_style .our_team_bottom{ padding-top:20px;} .our_team_style .our_team_bottom .col-sm-4:hover img{filter:Alpha(Opacity=80);opacity:0.8;} .our_team_style .our_team_bottom p{ padding:15px 10px 0 10px;} /*---------404 Style ----------*/ .content_404{ text-align:center; padding-top:70px;} .content_404 h1{ font-size:80px; color:#3a3a3a;} .search_style { padding-top:25px;} .search_style input[type="text"] { background:url(../images/search_404.png) no-repeat right center ; border: 1px solid #C7C7C7; font-size:13px; color: #333333; width: 400px; padding: 7px 30px 7px 8px;outline: none; } /*---------Our Service Style ----------*/ .our_service { padding:40px 0; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;} .our_service .service_left{ padding-top:50px;} .our_service ul li{ padding-bottom:10px;} .our_service.faq_page{ padding:0; border:none;} /*------------------ FAQ Page -------------------*/ .categories_style li{ border-bottom:1px solid #ececec; line-height:3em; } .categories_style li a{ color:#555;} .categories_style li a:hover{ color:#0B2E79;} .categories_style li span{ float:right; padding-right:20px; font-weight:bold;color:#999;} /*---------Recent Posts Style ----------*/ .recent_posts .recent_posts_left{ width:60px; border-left:5px solid #0B2E79; text-align:center; float:left; } .recent_posts .recent_posts_left h5{ background:#f3f3f3; padding:5px 0; font-size:17px;margin:0; color:#555;} .recent_posts .recent_posts_left p{ background:#e5e5e5; padding:5px 0; margin:0;font-weight:normal;} .recent_posts .recent_posts_right{ padding-left:70px;} .recent_posts .recent_posts_right{ padding-bottom:30px; padding-top:10px;} .recent_posts h6{ color:#555; font-size:12px; padding-top:15px;} /*---------Footer Post style ----------*/ .latest_posts ul li{ margin-bottom:17px!important;} .latest_posts img{ float:left; margin:0; padding-top:5px;cursor:pointer} .post_right{ padding-left:70px;} .post_right span{ font-style:italic; color:#999;} /*--------- Sidebar Content Style ----------*/ .sidebar_content p{ padding:8px 0;} .sidebar_content ul{ font-style:italic;} .sidebar_content ul span{ font-weight:bold; color:#000;} .sidebar_content .dynamic_bar{ padding-bottom:20px;} /*------------------ Contact Input Style -------------------*/ .contact_input_style p:first-child{ padding:8px 0 15px 0;} .contact_input_box{background:#fff; border:1px solid #d1d1d1;width:98%;margin-bottom:13px;} .contact_input_box[type="text"]{ padding:10px 0 10px 5px; outline:none;} .contact_textarea_box{background:#fff; border:1px solid #d1d1d1; width:98%; margin-bottom:13px;} .contact_textarea_box[type="text"]{ padding:5px 0 5px 5px; min-height:100px; outline:none;} .contact_input_style span{ color:#0B2E79;} .contact_input_style .btn-primary{ background:#0B2E79;border-radius:0; webkit-border-radius:0; -moz-border-radius:0; border:none; padding:8px 12px; margin-top:18px; outline:none; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .contact_input_style .btn-primary:hover{ background:#555!important;transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} /*------------------Contact Info Style-------------------*/ .contact_info{ padding-top:10px;} .contact_info p:first-child{ padding-bottom:10px;} .contact_info span a{ color:#555; } .contact_info span a:hover{ color:#0B2E79; } /*------------------Full Width Style-------------------*/ .full_width_style p{ padding-bottom:10px;} .full_width_style h3{ color:#555;} .tilt_text{ padding:13px; background:#f5f5f5; border-left:5px solid #289DCC; color:#222; font-style:italic; font-weight:200; margin:10px 10px 20px 10px;} /*------------------Client Say02 Style-------------------*/ .client_say02{ margin:40px 0px;} .client_say02 .client_say02_top p{ padding:25px; background:#272727; margin:0; color:#fff; } .client_say02 .client_say02_top img{ margin:0; padding-left:20px; margin-top:-5px;} .client_say02 .client_say02_bottom{ padding:15px 0 0 15px;} .client_say02 .client_say02_bottom img{ float:left;} .client_say02 .client_say02_bottom .client_say02_text{ padding-left:70px;} .client_say02 .client_say02_bottom .client_say02_text span{ color:#999;} /*------------------Client Say03 Style-------------------*/ .client_say03 p{ padding:25px 15px 15px 15px;-moz-box-shadow: 0 0 5px #C0C0C0 inset;-webkit-box-shadow: 0 0 5px #C0C0C0 inset;box-shadow: 0 0 5px #C0C0C0 inset; margin:0; color:#999;background:url(../images/client_say03_quotes.png) no-repeat 15px 10px;} .client_say03 img{ margin:0; padding-left:20px; margin-top:-15px;} .client_say03 h5{ color:#555; padding-left:10px} .client_say03 h5 span{ color:#999;} /*------------------Team Bottom Style-------------------*/ .office_style{ text-align:center; margin:20px 0; background:#333; color:#fff; padding:20px 0;} .office_style h4{ color:#fff;} .team_bottom p span{ color:#0B2E79;} .team_bottom div.row{ text-align:center;} .team_bottom div.row .col-sm-6 img{filter:Alpha(Opacity=80);opacity:0.8;} .team_bottom div.row .col-sm-6:hover img{filter:Alpha(Opacity=100);opacity:1;} .team_bottom .updated_list li{ display: inline-block; margin:5px 0;} /*---------- 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: left;padding:0;min-height: 35px;position: absolute;bottom: 0;left: 0;z-index: 10;background:#0B2E79;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: 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: left;padding:0;min-height: 35px;position: absolute;bottom: 0;left: 0;z-index: 10;background:#0B2E79;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_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:left;} .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 { background:#0B2E79;-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{ background:#0B2E79;border-color:#0B2E79;} /*---------- Gallery Page -------------- */ .gallery_page{height:auto;overflow:hidden;padding:20px;} .gallery_box_outer{ min-height:160px; margin-bottom:5px;width:33%;float:left;padding:1% 1%;} /*--------- Animation----------*/ .animation_style img{ float:left;} .animation_style p{ font-size:13px; line-height:1.7em;} .animation_style{ margin:40px 0; border-bottom:1px solid #e5e5e5; padding-bottom:40px;} /*--------- 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.fadeInLeft5{ -webkit-animation: fadeInLeft 300ms linear 1600ms both; -moz-animation: fadeInLeft 300ms linear 1600ms both; -ms-animation: fadeInLeft 300ms linear 1600ms both; -o-animation: fadeInLeft 300ms linear 1600ms both; animation: fadeInLeft 300ms linear 1600ms 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; } }