/* Theme Name: riley Theme URI: http://entiri.com Description: Wordpress responsive website template Author: entiri.com Author URI: http://entiri.com Version: 1.0 Tags: white, translation-ready, rtl-language-support, editor-style License: License URI: */ /* -------------------------------------------------------- */ /* Base */ /* -------------------------------------------------------- */ html { overflow-y:scroll; overflow-x:hidden; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 23px; color:#91979f; background:#f7fcff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { font-family:'Open Sans', sans-serif; font-weight:500; line-height:1.4em; padding:0px; margin:0px; margin-bottom:15px; clear:both; } h1 { font-size:36px; font-weight:300; } h2 { font-size:31px; color:#0fa2d5; } h3 { font-size:24px; font-weight:300; text-transform:uppercase; color:#0fa2d5; } h4 { font-size:24px } h5 { font-size:20px; font-weight:400; } h6 { font-size:16px; } hr { background:#91979f; height:1px; border:0px; margin:20px 0px; opacity: 0.2; } p { margin:0px 0px 15px 0px; } a { color:#0fa1d5; text-decoration:none; } .home{ color:black!important; text-decoration:underline; } .home:hover text-decoration:underline; } a:hover { color:#3c4451; text-decoration:none; } blockquote { font-size:15px; font-style:italic; color:#566174; padding:20px; margin:0px; border-left:5px solid #ff4b64; background:url(img/back-strip.png); } blockquote h4{ color:#3c4451; } .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .wp-caption { max-width: 100%; } .gallery-caption { font-style: italic; } .bold, .strong { font-weight:bold; } .normal { font-weight:normal; } img { max-width:100%; height: auto; } .cleaner { display: block; clear: both; } /* -------------------------------------------------------- */ /* Spaces */ /* -------------------------------------------------------- */ .space5 { height:5px; clear:both; } .space10 { height:10px; clear:both; } .space15 { height:15px; clear:both; } .space20 { height:20px; clear:both; } .space25 { height:25px; clear:both; } .space30 { height:30px; clear:both; } .space35 { height:35px; clear:both; } .space40 { height:40px; clear:both; } .space45 { height:45px; clear:both; } .space50 { height:5px; clear:both; } .space55 { height:55px; clear:both; } .space60 { height:60px; clear:both; } .space65 { height:65px; clear:both; } .space70 { height:70px; clear:both; } .space75 { height:75px; clear:both; } .space80 { height:80px; clear:both; } .space85 { height:85px; clear:both; } .space90 { height:90px; clear:both; } .space95 { height:95px; clear:both; } .space100 { height:5px; clear:both; } .space110 { height:110px; clear:both; } .space120 { height:120px; clear:both; } .space150 { height:150px; clear:both; } /* -------------------------------------------------------- */ /* Header */ /* -------------------------------------------------------- */ header { } /* Top Bar */ .top-bar { height:40px; border-bottom:1px solid #e7e7e7; background-color: #424242; color: #FFFFFF; text-transform:uppercase; } .top-bar p { margin:0px; line-height:38px; text-align:left; } .top-bar p i { padding:0px 5px 0px 10px; } .top-bar ul { list-style:none; float:right; padding-left: 0; } .top-bar ul li { float:left; height:2px; top:5px; line-height:5px; padding:10px 10px; border-right:1px solid white; margin:1px; } .top-bar ul li:last-child { border-right:1px solid #e7e7e7; } @media (max-width: 768px) { .top-bar { display:none; } } .top-bar.dark { color:#eaf0f4; background:#2e343e; border:0px; } .top-bar.dark ul li a { color:#eaf0f4; } .top-bar.dark ul li a:hover { color:#D94C31!important; } .top-bar.dark ul li { border-color:#424853; } #menu-item-5858{ border-right: 1px solid #424242; } /* Top Container */ .top-container { display:block; margin:40px 0px 15px 0px; overflow:hidden; } .top-container.t-bar { margin:30px 0px 20px 0px; } .logo { width:auto; float:left; } .top-items { float:right; list-style:none; padding:0px; } .top-items li { float:left; padding-left:22px; padding-right:20px; } .top-items li:last-child { padding-right:0px; } .top-items li.red i, .top-items li.red a { color:#ff4862; } .top-items li.red:hover i, .top-items li.red:hover a { color:#00a1d7; } @media screen and (max-width: 991px) { .top-container { margin:15px 0px 5px 0px; } .top-items { clear:both; float:left; padding-top:10px; } } /* -------------------------------------------------------- */ /* Breadcrumb */ /* -------------------------------------------------------- */ .breadcrumb-container { padding:30px 0px 10px 0px; } .breadcrumb-container h1 { float:left; margin:0px; } .breadcrumb, .woocommerce-breadcrumb { background:transparent; text-align:right; margin:8px 0px; } .breadcrumb > .active { color:#ff4b64; } .breadcrumb > li + li:before { color:#0fa1d5; } /* -------------------------------------------------------- */ /* Navigation */ /* -------------------------------------------------------- */ .navbar { width:100%; min-height:40px; border:0px; padding:0px; margin:0px; z-index:99999; background:white; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .navbar .nav { position:relative; display:block; right:0px; float:left; padding:0px; margin:0px; } .select-menu { display:none; } .navbar .nav > li { display:block; float:left; } .navbar .nav > li > a, #mega_main_menu.primary.primary_style-buttons > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link { display:inline-block; font-family:'Open Sans', serif; font-size:14px!important; line-height:40px!important; color:#7a828f; background:#EAECE6; padding:0px 20px!important; margin:0px; margin-right:1px; border:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .logo_link, #mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle, #mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.nav_search_box, #mega_main_menu.primary.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i, #mega_main_menu.primary.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i, #mega_main_menu.primary.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > .link_content, #mega_main_menu.primary.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.nav_buddypress > .item_link > i.ci-icon-buddypress-user, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { height: 40px; } #mega_main_menu.primary > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link * { color:black; } #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown > li .post_details { background: #EAECE6; } #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .post_details > .post_icon > i, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown .item_link *, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown a, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown a *, #mega_main_menu.primary ul li.default_dropdown .mega_dropdown > li > .item_link *, #mega_main_menu.primary ul li.multicolumn_dropdown .mega_dropdown > li > .item_link *#mega_main_menu.primary ul li.grid_dropdown .mega_dropdown > li > .item_link *, #mega_main_menu.primary ul li li .post_details a { color: black; } #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown .item_link:hover, #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown .item_link:focus, #mega_main_menu.primary ul li.default_dropdown .mega_dropdown > li:hover > .item_link, #mega_main_menu.primary ul li.default_dropdown .mega_dropdown > li.current-menu-item > .item_link, #mega_main_menu.primary ul li.multicolumn_dropdown .mega_dropdown > li > .item_link:hover, #mega_main_menu.primary ul li.multicolumn_dropdown .mega_dropdown > li.current-menu-item > .item_link, #mega_main_menu.primary ul li.post_type_dropdown .mega_dropdown > li:hover > .item_link, #mega_main_menu.primary ul li.post_type_dropdown .mega_dropdown > li > .item_link:hover, #mega_main_menu.primary ul li.post_type_dropdown .mega_dropdown > li.current-menu-item > .item_link, #mega_main_menu.primary ul li.grid_dropdown .mega_dropdown > li:hover > .processed_image, #mega_main_menu.primary ul li.grid_dropdown .mega_dropdown > li:hover > .item_link, #mega_main_menu.primary ul li.grid_dropdown .mega_dropdown > li > .item_link:hover, #mega_main_menu.primary ul li.grid_dropdown .mega_dropdown > li.current-menu-item > .item_link, #mega_main_menu.primary ul li.post_type_dropdown .mega_dropdown > li > .processed_image:hover { background:#D94C31; color: white!important; } #mega_main_menu.primary > .menu_holder > .menu_inner > ul > li .mega_dropdown span.item_link:hover { color: #7a828f; } #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown > li > .item_link { padding: 10px 20px; } #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown > li > .item_link { border-bottom: 1px solid white; } #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown > li > .item_link:hover { } .link_content .link_text:hover{ color:white; } .navbar .nav > li:hover > a { color:#fff; background:#ff4b64; } .navbar .nav > li.current-menu-item > a { color:#fff; } .navbar .nav > li.current-menu-item > a:hover { color:#fff; } .navbar .nav > li.current-menu-item:hover > a { color:#fff; } .navbar .dark, .social-6 .dark i { background:#2e343e; } .navbar .dark .nav > li > a { background:#232933; } .navbar .dark .nav > li.current-menu-item > a { background:#0fa1d5; } #mega_main_menu.primary > .menu_holder > .mmm_fullwidth_container { background: transparent; } #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:after { content: none; } /* -------------------------------------------------------- */ /* Dropdown */ /* -------------------------------------------------------- */ .navbar .nav > li > ul { display:none; z-index:-1; padding:0px; -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); } .navbar .nav > li:hover > ul { display:block; position:absolute; left:0px; list-style:none; background:#2e343e; } .navbar .nav > li > ul > li { position:relative; background:#2e343e; border-bottom:1px solid #3f4755; } .navbar .nav > li > ul > li:last-child { border-bottom:0px; } .navbar .nav > li > ul > li > a { display:block; min-width:220px; height:auto; line-height:40px; color:#7a828f; padding:0px 20px; } .navbar .nav > li > ul > li > a:hover { color:#fff; } .navbar .nav > li > ul > li:hover > a { color:#fff; } .navbar .nav > li > ul > li.current-menu-item > a { color:#fff; border-left:5px solid #ff4b64; padding-left:25px; padding-right:5px; } /* -------------------------------------------------------- */ /* Dropdown 2nd */ /* -------------------------------------------------------- */ .navbar .nav > li > ul > li > ul { display:none; list-style:none; padding:0px; -webkit-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); box-shadow: 3px 6px 30px 0px rgba(0,0,0,0.3); } .navbar .nav > li > ul > li:hover > ul { display:block; position:absolute; top:0px; left:220px; } .navbar .nav > li > ul > li > ul > li { background:#2e343e; border-bottom:1px solid #3f4755; } .navbar .nav > li > ul > li > ul > li:last-child { border-bottom:0px; } .navbar .nav > li > ul > li > ul > li > a { display:block; min-width:220px; height:40px; line-height:40px; color:#7a828f; padding:0px 20px; } .navbar .nav > li > ul > li > ul > li > a:hover { color:#fff; } .navbar .nav > li > ul > li > ul > li.current-menu-item > a { color:#fff; border-left:5px solid #ff4b64; padding-left:30px; } /* -------------------------------------------------------- */ /* Mobile Menu */ /* -------------------------------------------------------- */ /* Styles For Desktop */ .tinynav { display: none } /* Styles For Mobile */ @media screen and (max-width: 991px) { .navbar { padding-top:10px; padding-bottom:10px; } /* Select Navigation */ .tinynav { display:block; float:left; width:100%; min-width:120px; height:30px; font-family: 'Open Sans', sans-serif; font-size:13px; line-height: 30px; color:#464646; background:#fdfdfd; border: 1px solid #f4f4f4; margin-top:0px; } #nav { display: none } .js .tinynav { display: block } .js #nav { display: none } .tinynav option[selected=selected] { color: #343434; background: #f4f4f4; } } /* -------------------------------------------------------- */ /* Contact Data */ /* -------------------------------------------------------- */ .contact-data { line-height:28px; } /* -------------------------------------------------------- */ /* Buttons */ /* -------------------------------------------------------- */ .btn-default{ color:white!important; border: white!important; } .btn, #submit { color:#0fa1d5; background:transparent; padding:12px 21px; border:1px solid #0fa1d5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #submit { margin-top: 20px; } .btn:hover{ color:#D14D36!important; background:white; border:1px solid white; } .btn i{ margin-right:10px; } .btn-primary, .btn-primary:focus{ color:#fff!important; background:#0fa1d5; border:0px; } .btn-primary:hover{ color:#fff; background:#0b7297; } .btn-info, .btn-info:focus{ color:#0fa2d5; background:rgba(11, 114, 151, 0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .btn-info:hover{ color:#0fa2d5; background:rgba(11, 114, 151, 0.15); border:1px dashed rgba(11, 114, 151, 0.9); } .btn-lg{ padding:15px 25px; } .btn-sm{ padding:9px 18px; } .btn-xs{ padding:4px 12px; } .btn.rounded{ border-radius:5px; } .buttons-page .btn { margin-bottom:15px; } /* -------------------------------------------------------- */ /* Buttons Color 2 */ /* -------------------------------------------------------- */ .btn-default{ color:white; border:white; } .btn.color-2{ color:white; border:white; } .btn.color-2:hover{ color:#D14D36; background:white; border:white; } .btn-primary.color-2, .btn-primary.color-2:focus{ color:#fff; background:#ff4b64; border:0px; } .btn-primary.color-2:hover{ background:#c2394c; } .btn-info.color-2, .btn-info.color-2:focus{ color:#c2394c; background:rgba(194, 57, 76, 0.05); border:1px dashed rgba(194, 57, 76, 0.6); } .btn-info.color-2:hover{ color:#c2394c; background:rgba(194, 57, 76, 0.15); border:1px dashed rgba(194, 57, 76, 0.9); } /* -------------------------------------------------------- */ /* Buttons Color 3 */ /* -------------------------------------------------------- */ .btn.color-3{ color:#7786a1; border-color:#7786a1; } .btn.color-3:hover{ color:#fff; background:#7786a1; border-color:#7786a1; } .btn-primary.color-3, .btn-primary.color-3:focus{ color:#fff; background:#7786a1; border:0px; } .btn-primary.color-3:hover{ background:#566174; } .btn-info.color-3, .btn-info.color-3:focus{ color:#566174; background:rgba(86, 97, 116, 0.05); border:1px dashed rgba(86, 97, 116, 0.6); } .btn-info.color-3:hover{ color:#566174; background:rgba(86, 97, 116, 0.15); border:1px dashed rgba(86, 97, 116, 0.9); } /* -------------------------------------------------------- */ /* Buttons White */ /* -------------------------------------------------------- */ .btn.btn-white{ color:rgba(255,255,255,0.65)!important; border:1px solid rgba(255,255,255,0.65)!important; background:transparent; } .btn.btn-white:hover{ color:rgba(255,255,255,1)!important; border:1px solid rgba(255,255,255,1)!important; } /* -------------------------------------------------------- */ /* Pagination */ /* -------------------------------------------------------- */ .pagination li a{ border-radius:0px; border:1px solid #d7dfe4; color:#7786a1; } .pagination li a:hover{ color:#0fa1d5; background:#e6edf2; } .pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus { z-index:2; color:#fff; background-color:#0fa1d5; border-color:#d7dfe4; cursor:default; } /* -------------------------------------------------------- */ /* Tags */ /* -------------------------------------------------------- */ .tags a, .tagcloud a { height:28px; font-size:13px!important; line-height:28px; color:#90979f; background:#e6edf2; padding:0px 12px; margin-right:8px; margin-bottom:8px; float:left; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tagcloud a:hover { color: #fff; } .tags a:hover { color:#fff; background:#0fa1d5; } /* -------------------------------------------------------- */ /* Tags 2 */ /* -------------------------------------------------------- */ .tags-2 a { color:#fff; background:#566174; } /* -------------------------------------------------------- */ /* Promo Box */ /* -------------------------------------------------------- */ .promo-box{ padding:70px 0px; } .promo-box .promo-text{ font-size:24px; line-height:30px; color:#fff; text-align:left; } .promo-box .author{ font-size:14px; padding:50px 0px; margin:0px; } .promo-box .btn{ margin:7px 0px 0px 0px; float:right; } /* -------------------------------------------------------- */ /* Promo Box 2 */ /* -------------------------------------------------------- */ .promo-box-2 { background:#ff4b64; } /* -------------------------------------------------------- */ /* Promo Box 3 */ /* -------------------------------------------------------- */ .promo-box-3 { background:#3c4451!important; } /* -------------------------------------------------------- */ /* Table */ /* -------------------------------------------------------- */ table { width:100%; border-collapse:collapse; border:0px; } table, th, td { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } th, td { padding:15px 20px !important; } th { color:#ffffff; background:#0b7297; font-weight:normal; border:1px solid #0b7297 !important; } td { color:#8c9aaa; background:#ffffff; border:1px solid #e6edf2 !important; padding:15px 20px; } table a:hover{ text-decoration:none; } /* -------------------------------------------------------- */ /* Table 2 */ /* -------------------------------------------------------- */ .table-2 th { background:#0fa1d5; border:1px solid #0fa1d5 !important; } /* -------------------------------------------------------- */ /* Badges */ /* -------------------------------------------------------- */ .badges .list-group-item{ border-radius:0px; border:1px solid #abb3ba !important; background:transparent; } .badges .badge{ position:relative; background:#3c4451; top:8px; } /* -------------------------------------------------------- */ /* Client Says */ /* -------------------------------------------------------- */ .client-says .client-text { position:relative; font-style:italic; color:#fff; background:#2d333d; padding:30px 25px; } .client-says .client-text:after { content: ''; position: absolute; width: 0; height: 0; left: 25px; bottom: -26px; border: 13px solid; border-color: #2d333d transparent transparent transparent; } .client-says .client-name { float:right; padding-top:14px; padding-right:10px; } .client-says .client-name i { font-size:16px; padding-right:10px; } /* -------------------------------------------------------- */ /* Client Says 2 */ /* -------------------------------------------------------- */ .client-says-2 .client-text { position:relative; font-style:italic; color:#0fa1d5; background:#e6edf2; padding:30px 25px; } .client-says-2 .client-text:after { content: ''; position: absolute; width: 0; height: 0; left: 25px; bottom: -26px; border: 13px solid; border-color: #e6edf2 transparent transparent transparent; } .client-says-2 .client-name { float:left; padding-top:10px; padding-left:55px; font-size:14px; } /* -------------------------------------------------------- */ /* Happy Client Says */ /* -------------------------------------------------------- */ .happy-client-container { padding:100px 0px 80px 0px; } .happy-client-container h4{ font-size:26px; font-weight:500; margin-bottom:20px; text-align:center; text-transform:none; } .happy-client-container h5{ font-size:15px; font-weight:700; text-align:center; text-transform:none; } .happy-client-container p{ font-size:15px; line-height:30px; font-weight:500; color:#fff; text-align:center; text-transform:none; } /* -------------------------------------------------------- */ /* Progress Bar */ /* -------------------------------------------------------- */ .progress-bar-shortcode .progress { height:38px; background:#e6edf2; margin-bottom: 10px!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0 inset; moz-box-shadow: rgba(0, 0, 0, 0) 0 0px 0px inset; box-shadow:rgba(0, 0, 0, 0) 0 0px 0px inset; } .progress-bar-shortcode .progress-bar { float:left; width:0; height:100%; color: #fff; background:#2d333d; font-size:14px; line-height:35px; padding-left:20px; border:0px; text-align:left; text-shadow: 0 0 0 rgba(0,0,0,0); -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped{ height:30px; } /* -------------------------------------------------------- */ /* Alerts */ /* -------------------------------------------------------- */ .alert { margin-bottom:9px; padding:20px; color:#789ab9; background:#e6edf2; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border:0px !important; text-shadow:none !important; } .alert-error { color:#93545d; background:#ff92a1; } .alert-info { color:#7f7e00; background:#eae9b9; } .alert-success { color:#598157; background:#99de95; } /* -------------------------------------------------------- */ /* Icons */ /* -------------------------------------------------------- */ .icons i{ color:#8c9aaa; width:24px; font-size:24px; margin-right:30px; margin-bottom:30px; float:left; } /* -------------------------------------------------------- */ /* Entypo Icons */ /* -------------------------------------------------------- */ .entypo-icons i{ color:#8c9aaa; text-align:center; width:36px; height:36px; font-size:56px; line-height:8px; margin-right:30px; margin-bottom:30px; float:left; } /* -------------------------------------------------------- */ /* Typicons */ /* -------------------------------------------------------- */ .typicons .typcn { color:#8c9aaa; text-align:center; width:40px; height:40px; font-size:34px; line-height:34px; margin-right:30px; margin-bottom:30px; float:left; } /* -------------------------------------------------------- */ /* Social Icons */ /* -------------------------------------------------------- */ .social-top { margin-top: -50px; position: relative; z-index: 9999; } .social i, .social-2 i, .social-3 i, .social-4 i, .social-5 i, .social-6 i{ color:#abb3ba; background:transparent; font-size:24px; line-height:36px; width:36px; height:36px; margin:0px 4px 8px 4px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .social-4 i { margin-bottom: 10px; } .social-2 i{ color:#abb3ba; font-size:20px; line-height:20px; width:20px; height:20px; } .social-2 i:hover{ color:#0fa1d5; } .social-3 i{ color:#ffffff; background:#0fa1d5; } .social-3 i:hover{ color:#ffffff; background:#0b7297; } .social-4 i{ color:#ffffff; background:#abb3ba; } .social-4 i:hover{ color:#ffffff; background:#353648; } .social-5 i{ color:#fff; background:#566174; font-size:16px; line-height:40px; width:40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .social-5 i:hover{ color:#fff; background:#0fa2d5; } .social-6 i{ color:#7a828f; background:#EAECE6; font-size:16px; line-height:40px; width:40px; height:40px; margin:0px; margin-left:1px; float:right; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .social-6 i:hover{ color:#fff; } @media (max-width: 991px) { .social-top.social-6 i{ display:none; } } .social .fa-adn:hover{color:#c0bdbb;} .social .fa-android:hover{color:#98cb02;} .social .fa-apple:hover{color:#86878b;} .social .fa-bitbucket:hover{color:#0a4372;} .social .fa-bitbucket-square:hover{color:#0a4372;} .social .fa-bitcoin:hover{color:#f8a038;} .social .fa-css3:hover{color:#1571b4;} .social .fa-dribbble:hover{color:#cb2027;} .social .fa-dropbox:hover{color:#79bbee;} .social .fa-facebook:hover{color:#3b5a9b;} .social .fa-facebook-square:hover{color:#3b5a9b;} .social .fa-flickr:hover{color:#ef5999;} .social .fa-foursquare:hover{color:#63215f;} .social .fa-github:hover{color:#000000;} .social .fa-github-alt:hover{color:#000000;} .social .fa-github-square:hover{color:#000000;} .social .fa-gittip:hover{color:#643614;} .social .fa-google-plus:hover{color:#c53c2c;} .social .fa-google-plus-square:hover{color:#c53c2c;} .social .fa-html5:hover{color:#eb4d24;} .social .fa-instagram:hover{color:#ad856a;} .social .fa-linkedin:hover{color:#1d84b1;} .social .fa-linkedin-square:hover{color:#1d84b1;} .social .fa-maxcdn:hover{color:#f5ad34;} .social .fa-pagelines:hover{color:#0196f0;} .social .fa-pinterest:hover{color:#ca2128;} .social .fa-pinterest-square:hover{color:#ca2128;} .social .fa-renren:hover{color:#005aab;} .social .fa-skype:hover{color:#0ebbe3;} .social .fa-stack-exchange:hover{color:#054f96;} .social .fa-stack-overflow:hover{color:#054f96;} .social .fa-trello:hover{color:#1c5f89;} .social .fa-tumblr:hover{color:#2a445e;} .social .fa-tumblr-square:hover{color:#2a445e;} .social .fa-twitter:hover{color:#00aced;} .social .fa-twitter-square:hover{color:#00aced;} .social .fa-vimeo-square:hover{color:#1bb6ec;} .social .fa-vk:hover{color:#4e739f;} .social .fa-weibo:hover{color:#d52b2b;} .social .fa-windows:hover{color:#07b0eb;} .social .fa-xing:hover{color:#005a5d;} .social .fa-xing-square:hover{color:#005a5d;} .social .fa-youtube:hover{color:#bc2a2d;} .social .fa-youtube-play:hover{color:#bc2a2d;} .social .fa-youtube-square:hover{color:#bc2a2d;} .social-6 .fa-adn:hover{background:#c0bdbb;} .social-6 .fa-android:hover{background:#98cb02;} .social-6 .fa-apple:hover{background:#86878b;} .social-6 .fa-bitbucket:hover{background:#0a4372;} .social-6 .fa-bitbucket-square:hover{background:#0a4372;} .social-6 .fa-bitcoin:hover{background:#f8a038;} .social-6 .fa-css3:hover{background:#1571b4;} .social-6 .fa-dribbble:hover{background:#cb2027;} .social-6 .fa-dropbox:hover{background:#79bbee;} .social-6 .fa-facebook:hover{background:#3b5a9b;} .social-6 .fa-facebook-square:hover{background:#3b5a9b;} .social-6 .fa-flickr:hover{background:#ef5999;} .social-6 .fa-foursquare:hover{background:#63215f;} .social-6 .fa-github:hover{background:#000000;} .social-6 .fa-github-alt:hover{background:#000000;} .social-6 .fa-github-square:hover{background:#000000;} .social-6 .fa-gittip:hover{background:#643614;} .social-6 .fa-google-plus:hover{background:#c53c2c;} .social-6 .fa-google-plus-square:hover{background:#c53c2c;} .social-6 .fa-html5:hover{background:#eb4d24;} .social-6 .fa-instagram:hover{background:#ad856a;} .social-6 .fa-linkedin:hover{background:#1d84b1;} .social-6 .fa-linkedin-square:hover{background:#1d84b1;} .social-6 .fa-maxcdn:hover{background:#f5ad34;} .social-6 .fa-pagelines:hover{background:#0196f0;} .social-6 .fa-pinterest:hover{background:#ca2128;} .social-6 .fa-pinterest-square:hover{background:#ca2128;} .social-6 .fa-renren:hover{background:#005aab;} .social-6 .fa-skype:hover{background:#0ebbe3;} .social-6 .fa-stack-exchange:hover{background:#054f96;} .social-6 .fa-stack-overflow:hover{background:#054f96;} .social-6 .fa-trello:hover{background:#1c5f89;} .social-6 .fa-tumblr:hover{background:#2a445e;} .social-6 .fa-tumblr-square:hover{background:#2a445e;} .social-6 .fa-twitter:hover{background:#00aced;} .social-6 .fa-twitter-square:hover{background:#00aced;} .social-6 .fa-vimeo-square:hover{background:#1bb6ec;} .social-6 .fa-vk:hover{background:#4e739f;} .social-6 .fa-weibo:hover{background:#d52b2b;} .social-6 .fa-windows:hover{background:#07b0eb;} .social-6 .fa-xing:hover{background:#005a5d;} .social-6 .fa-xing-square:hover{background:#005a5d;} .social-6 .fa-youtube:hover{background:#bc2a2d;} .social-6 .fa-youtube-play:hover{background:#bc2a2d;} .social-6 .fa-youtube-square:hover{background:#bc2a2d;} .f-left i{ float:left; } .f-right i{ float:right; } /* -------------------------------------------------------- */ /* Counter */ /* -------------------------------------------------------- */ .counter-container { display:block; color:#0fa2d5; text-align:center; padding:200px 0px; overflow:hidden; } .counter-box { display:block; font-family: 'Oswald', sans-serif; margin-bottom:35px; clear:both; } .counter-item { display:inline-block; text-align:center; width:110px; height:110px; font-size:54px; line-height:110px; text-align:center; color:#fff; margin:4px; background:#0fa2d5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .counter-container h1 { display:inline-block; color:#fff; font-weight:500; padding:15px 30px; background:rgba(46,52,62,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .circle .counter-item { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .rounded .counter-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .red .counter-item { background:#ff4862; } .item-day, .red .item-day { background:#2e343e; } /* -------------------------------------------------------- */ /* Oslotron */ /* -------------------------------------------------------- */ .oslotron{ border:1px solid #abb3ba; border-radius:10px; padding:30px 40px; } .oslotron h2{ color: #0fa1d5; } .oslotron p { margin-bottom:25px; } /* -------------------------------------------------------- */ /* Modern Box */ /* -------------------------------------------------------- */ .modern-box h2{ padding-top:80px; padding-bottom:25px; line-height:45px; } /* -------------------------------------------------------- */ /* Item Box */ /* -------------------------------------------------------- */ .item-box { display:block; padding-bottom:15px; background:url(img/divider.png) bottom left repeat-x; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .item-box:hover { -webkit-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11); -moz-box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11); box-shadow: 0px 0px 12px 0px rgba(77,77,77,0.11); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .item-box .media-container { position:relative; } .item-box .info-container { padding:0px 15px; } .item-box .info-container h3 { color:#0fa2d5; font-size:18px; font-weight:600; margin-top:20px; margin-bottom:6px; margin-top: 10px; } .item-box .info-container h3 a { font-size: 18px; } .item-box .info-container h4 { color:#3c4451; font-size:13px; line-height: 15px!important; font-weight:600; margin:0px; margin-bottom:5px; } .item-box .info-container p { color:#abb3ba; } .item-box .media-container .icon-left, .item-box .media-container .icon-right, .item-box .media-container .icon-center { position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-160px; width:50px; height:50px; line-height:50px; font-size:22px; text-align:center; color:#fff; background:rgba(50,50,50,0.7); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .item-box .media-container .icon-right { margin-left:110px; } .item-box:hover .media-container .icon-left, .item-box:hover .media-container .icon-right { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .item-box:hover .media-container .icon-left { margin-left:-60px; } .item-box:hover .media-container .icon-center { margin-left: 0px; } .item-box:hover .media-container .icon-right { margin-left:10px; } .item-box .media-container .icon-left:hover, .item-box .media-container .icon-right:hover { background:#0fa2d5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } /* -------------------------------------------------------- */ /* Item Box 2 */ /* -------------------------------------------------------- */ .item-box-2 { display:block; padding-bottom:15px; background:url(img/divider.png) bottom left repeat-x rgba(230,237,242,0.4); -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .item-box-2:hover { background:url(img/divider.png) bottom left repeat-x rgba(230,237,242,1); } .item-box-2 .media-container { position:relative; background:#3c4451; } .item-box-2 .media-container img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .item-box-2:hover .media-container img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); } .item-box-2 .info-container { padding:35px; padding-bottom:25px; } .item-box-2 .info-container h3 { color:#0fa2d5; font-size:21px; font-weight:600; margin:0px; } .item-box-2 .info-container h4 { color:#3c4451; font-size:13px; font-weight:600; margin:3px 0 25px 0; } .item-box-2 .info-container p { color:#abb3ba; } .item-box-2 .info-container .social-container { margin:20px 0px 0px 0px; } .item-box-2 .media-container .icon-left, .item-box-2 .media-container .icon-right, .item-box-2 .media-container .icon-center { position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-160px; width:50px; height:50px; line-height:50px; font-size:22px; text-align:center; color:#fff; background:rgba(15,161,213,0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .item-box-2 .media-container .icon-right { margin-left:110px; } .item-box-2:hover .media-container .icon-left, .item-box-2:hover .media-container .icon-right, .item-box-2:hover .media-container .icon-center { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .item-box-2:hover .media-container .icon-left { margin-left:-60px; } .item-box-2:hover .media-container .icon-right { margin-left:10px; } .item-box-2:hover .media-container .icon-center { margin-left: -19px; } .item-box-2 .media-container .icon-left:hover, .item-box-2 .media-container .icon-right:hover { background:#0fa1d5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } /* -------------------------------------------------------- */ /* Map */ /* -------------------------------------------------------- */ #map { position:relative; width:100%; height:380px; padding:0px; border:1px solid #e3e7eb; margin-bottom:-8px; } /* -------------------------------------------------------- */ /* Lists */ /* -------------------------------------------------------- */ ul { padding-left:20px; } ul li { position:relative; color:#566174; line-height:34px; } ul li i { position:absolute; top:10px; left:0px; color:#566174; text-decoration:none; font-size:16px; } ul li .icon_list_icon i { color: inherit; font-size: inherit; position: inherit; top: 1px; } ul li a { color:white; text-decoration:none; } ul li a:hover, ul li a:hover i { color:#0fa1d5; text-decoration:none; } /* List 2 */ .list-2 { padding:0px; margin:0px; } .list-2 li { list-style:none; padding-left:25px; } /* List 3 */ .list-3 { padding:0px; margin:0px; } .list-3 li { list-style:none; padding-left:35px; } .list-3 li i { margin-top:-6px; color:#fff; background:#566174; font-size:14px; width:26px; height:26px; line-height:26px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .list-3 li a:hover i { color:#fff; background:#0fa1d5; } /* List 4 */ .list-4 { padding:0px; margin:0px; } .list-4 li { list-style:none; padding-left:35px; } .list-4 li i { margin-top:-6px; color:#fff; background:#566174; font-size:14px; width:26px; height:26px; line-height:26px; text-align:center; } .list-4 li a:hover i { color:#fff; background:#0fa1d5; } /* List 5 */ .list-5 { padding:0px; margin:0px; } .list-5 li { list-style:none; padding-left:25px; border-bottom:1px dotted #7786a1; } /* -------------------------------------------------------- */ /* Tabs */ /* -------------------------------------------------------- */ .nav-tabs { border:0px; margin:0px; } .tab-content h3 { color:#0fa2d5; padding-top:15px; } .nav-tabs li a { color:#fff; background:#3c4451; padding:15px 20px; margin-right:0px; border:0px; border-right:1px solid #d7dfe4; text-transform:uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .nav-tabs li a:hover { color:#fff!important; background:#0fa1d5; } .nav-tabs li.active a:hover { color: inherit!important; } .nav-tabs li:last-child a { border-right:0px; } .nav-tabs li a i { position:relative; top:0px; left:0px; color:#fff; padding-right:10px; } .nav-tabs li a:hover i { color:#fff; } .tab-pane { color:#566174; background:#e6edf2; border:0px; padding: 15px 30px; } .tab-pane p { padding-right:30px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border:0px; color:#3c4451; background-color:#e6edf2; } .nav-tabs > li.active > a i { color:#3c4451; } /* -------------------------------------------------------- */ /* Content Block */ /* -------------------------------------------------------- */ .content-block h3{ font-size:22px; } .content-block i{ font-size:22px; padding-right:10px; } /* -------------------------------------------------------- */ /* Service */ /* -------------------------------------------------------- */ .service { position:relative; padding-left:80px; padding-bottom:20px; background:url(img/divider.png) bottom left repeat-x; } .osx .service .entypo { padding-top: 17px; } .service .fa { position:absolute; top:0px; left:0px; width:64px; height:64px; line-height:64px; background-color: white; color:#424242; font-size:30px; text-align:center; border:2px solid #424242; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service:hover .fa { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); } .service h4 { color:#7786a1; font-size:24px; font-weight:500; padding-top:14px; } .service:hover h4 { color:#0fa1d5; } .service .typcn { position:absolute; top:0px; left:0px; width:64px; height:64px; line-height:50px; font-size:40px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service:hover .typcn { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); } .service .entypo { position:absolute; top:0px; left:0px; width:64px; height:64px; font-size:64px; line-height:26px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service:hover .entypo { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); } /* -------------------------------------------------------- */ /* Service 2 */ /* -------------------------------------------------------- */ .service-2 { position:relative; text-align:center; } .service-2 .fa { width:64px; height:64px; line-height:64px; color:#fff; background:#424242; font-size:30px; text-align:center; border:0px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-2:hover .fa { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } .service-2 h4 { color:#7786a1; font-size:24px; font-weight:500; padding-top:14px; } .service-2:hover h4 { color:#0fa1d5; } .service-2 .typcn { display:inline-block; width:64px; height:64px; line-height:50px; font-size:40px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-2:hover .typcn { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } .service-2 .entypo { display:inline-block; width:64px; height:64px; font-size:64px; line-height:26px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-2:hover .entypo { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } /* -------------------------------------------------------- */ /* Service 3 */ /* -------------------------------------------------------- */ .service-3 { position:relative; text-align:center; padding-bottom:20px; } .service-3 .fa { width:64px; height:64px; line-height:64px; color:#0fa1d5; font-size:30px; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-3:hover .fa { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); } .service-3 h4 { color:#7786a1; font-size:24px; font-weight:500; padding-top:15px; } .service-3:hover h4 { color:#0fa1d5; } .service-3 .typcn { display:inline-block; width:64px; height:64px; line-height:50px; font-size:40px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-3:hover .typcn { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); } .service-3 .entypo { display:inline-block; width:64px; height:64px; font-size:64px; line-height:26px; color:#0fa1d5; text-align:center; border:2px solid #d7dfe4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .service-3:hover .entypo { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); } /* -------------------------------------------------------- */ /* Content Box */ /* -------------------------------------------------------- */ .content-box h4{ color:#fff; background:#0fa1d5; padding:15px 20px; margin:0px; } .content-box p{ padding:20px 20px; border:1px solid #0fa1d5; } /* -------------------------------------------------------- */ /* Accordion */ /* -------------------------------------------------------- */ .accordion-group { border-radius:0px; border:0px; border-left:5px solid #0fa1d5; margin-bottom:1px; } .accordion-heading { height:60px; background:#e6edf2; font-size:16px; text-transform:uppercase; padding:20px; } .accordion-heading a { color:#2d333d; } .accordion-heading a:hover { color:#566174; } .accordion-inner { color:#7786a1; background:transparent; padding:20px; } /* -------------------------------------------------------- */ /* Testimonials */ /* -------------------------------------------------------- */ .testimonial { background:#eff5f9; border:1px solid #e6edf2; padding:25px; } .testimonial .function { padding-left:10px; } /* -------------------------------------------------------- */ /* Testimonials 2 */ /* -------------------------------------------------------- */ .testimonial-2 h5 { font-size:15px; text-align:center; padding-top:10px; margin-bottom:0px; } .testimonial-2 img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .testimonial-2 .function { color: #0fa1d5; text-align:center; font-style:italic; } @media (max-width: 991px) { .testimonial-2 { text-align:center; } .testimonial-2 img { width:50%; display:inline-block; } } /* -------------------------------------------------------- */ /* Pricing Tables */ /* -------------------------------------------------------- */ .pricing-tables table { width:100%; background:transparent; border:1px solid #e3e6e8 !important; margin-bottom:30px; } .pricing-tables th { font-size:16px; font-weight:bold; border:1px solid #e3e6e8 !important; background:#3c4451; text-align:center; padding: 30px !important; } .pricing-tables td { padding:8px 0px; color:#7c7e7e; background:#fff; border:1px solid #e3e6e8 !important; border-bottom:1px solid #e3e6e8 !important; text-align:center; } .pricing-tables .plan-title { font-family: 'Titillium Web', sans-serif; font-weight:bold; font-size:24px; line-height:30px; color: #fff; } .price { font-size:36px !important; padding-top:36px; line-height:30px; } .price2 { position:relative; top:-7px; font-size:14px; color: #fff; } .pricing-tables .table-footer { font-size:16px; color:#fff !important; background:#3c4451 !important; padding:44px 0px !important; border:0px !important; } .pricing-tables .active th, .pricing-tables .active .table-footer { color:#fff; font-weight:bold; border:1px solid #e3e6e8 !important; background:#0fa2d5 !important; } .pricing-tables .active td { color:#0fa2d5; } .pricing-tables .active .table-footer { border:0px; background:#0fa2d5 !important; font-weight:bold; } /* -------------------------------------------------------- */ /* Image Overlay */ /* -------------------------------------------------------- */ .img-overlay img { max-width:100%; height:auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity:0.6; opacity:0.6; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .img-overlay:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -khtml-opacity: 1; -moz-opacity:1; opacity:1; } /* -------------------------------------------------------- */ /* Partners */ /* -------------------------------------------------------- */ .partners-4{ display:table; list-style:none; border-collapse:collapse; } .partners-4 li{ display:table-cell; width:25%; border:1px solid #e6edf2; text-align: center; } .partners-5{ display:table; list-style:none; border-collapse:collapse; } .partners-5 li{ display:table-cell; width:20%; border:1px solid #e6edf2; text-align: center; } .partners-6{ display:table; list-style:none; border-collapse:collapse; } .partners-6 li{ display:table-cell; width:16.666666666666%; border:1px solid #e6edf2; text-align: center; } .partners-7{ display:table; list-style:none; border-collapse:collapse; } .partners-7 li{ display:table-cell; width:14.2857142857142857%; border:1px solid #e6edf2; text-align: center; } /* -------------------------------------------------------- */ /* Gallery Overlay */ /* -------------------------------------------------------- */ .img-container { position:relative; overflow:hidden; background:#0fa1d5; } .img-container img { max-width:100%; height:auto; -webkit-transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); transform: scale(1.4,1.4); -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .img-container:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity:0.4; opacity:0.4; -webkit-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0); transform: scale(1.0,1.0); } .img-container i { position: absolute; top: 50%; left: 50%; width:10px; height:10px; font-size:10px; line-height:10px; text-align:center; color:#ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -khtml-opacity: 0; -moz-opacity:0; opacity:0; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .img-container:hover i { top: 50%; left: 50%; width:60px; height:60px; font-size:34px; line-height:62px; margin-top:-30px; margin-left:-30px; text-align:center; background:rgba(45,45,45,0.8); -webkit-border-radius: 10%; -moz-border-radius: 10%; -o-border-radius: 10%; border-radius: 10%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity:0.9; opacity:0.9; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); } /* -------------------------------------------------------- */ /* Boxed Project */ /* -------------------------------------------------------- */ .boxed-project .title{ position:relative: display:block; background:#eff5f9; margin-bottom:30px; } .boxed-project h4{ font-size:16px; font-weight:600; padding-top:20px; margin-bottom:5px; text-align:center; color: #566174; } .boxed-project h6{ color:#91979f; font-size:13px; text-transform:uppercase; padding-bottom:20px; text-align:center; } .boxed-project .img-container{ margin:0px !important; } /* -------------------------------------------------------- */ /* Video Content */ /* -------------------------------------------------------- */ .video-content { max-width: 100%; padding: 0px; margin: 0px; margin-bottom: -5px; border: none; } /* -------------------------------------------------------- */ /* Parallax */ /* -------------------------------------------------------- */ .parallax { width: 100%; padding: 0; margin: 0; background-attachment: fixed; background-repeat: no-repeat; color: #ffffff; text-transform:uppercase; } .parallax-mobile { background-position: 50% 0px !important; background-attachment: scroll !important; } .parallax .parallax-text-container { display: table; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; text-align:center; } .parallax .parallax-text-item { display: table-cell; vertical-align: middle; } .parallax-text-item { font-weight:700; font-size:36px; color:#ffffff; line-height:1em; } .parallax h2, .parallax h3{ font-family: 'Open Sans', sans-serif; color:#ffffff; background: transparent; } .parallax h2{ font-size:36px; } .parallax h3{ font-size:20px; } /* -------------------------------------------------------- */ /* Dividers */ /* -------------------------------------------------------- */ .divider { height:9px; background:url(img/divider.png) top left repeat-x; } .divider-2 { height:1px; background:#dce2e7; } /* -------------------------------------------------------- */ /* Footer */ /* -------------------------------------------------------- */ .footer{ color:white; background:#E9EBE5; } .footer .footer-promo { padding:60px 0px 50px 0px; } .footer .footer-promo h2, .footer .footer-promo h4{ text-align:center; } .footer img{ width:auto; } .footer h6{ color:#e5edf2; text-transform:uppercase; } .footer .footer-info{ padding:60px 0px 30px 0px; } .footer .list-5{ margin-top:-6px; } .footer .list-5 li{ border-bottom:1px solid #3f454f; padding-left:15px; } .footer li a{ color:#7e848c; } .footer .item-icon{ position:relative; padding-left:26px; } .footer .item-icon i{ position:absolute; top:4px; left:0px; font-size:16px; } .footer .flickr img{ width:30%; margin-right:2%; margin-bottom:2%; } .footer .tweet{ position:relative; padding-left:50px; } .footer .tweet i{ position:absolute; top:5px; left:0px; color:#fff; background:transparent; border:1px solid #3c3e48; font-size:16px; width:34px; height:34px; line-height:34px; text-align:center; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .footer .white { color:#fff; } .footer .copyright{ background:#404040; padding:5px 0px 26px; height:5px!important; } .footer .copyright-info{ padding-top:2px; text-align:right; } .footer a, .footer a:visited { color:#8c9aaa; } .footer a:hover{ color:#0fa1d5; } .footer .form-control { border-color:#3f454f; } @media (max-width: 768px) { .footer .logo-footer, .copyright-info { text-align:center; margin-bottom:20px; display:inline-block; } .navbar:after { content: ''!important; display: block!important; clear: both!important; } #mega_main_menu > .menu_holder { margin-top: -10px; } #mega_main_menu_ul li a,#mega_main_menu_ul li .item_link { width: 100%!important; } .navbar-inner .container:after { content: ''; display: block; clear: both; } } } /* -------------------------------------------------------- */ /* Back To Top Button */ /* -------------------------------------------------------- */ .back-to-top { position: fixed; right:20px; bottom:10px; width:38px; height:38px; line-height:38px; font-size:22px; margin-right: 0px; display: block; text-align: center; text-decoration: none; color:#fff; background:#2e343e; font-family:FontAwesome; font-weight:normal; font-style:normal; text-align:center; z-index:99999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .back-to-top:hover { color:#fff; background:#0fa1d5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); } .back-to-top:after { content:"\f106"; } /* -------------------------------------------------------- */ /* Gallery */ /* -------------------------------------------------------- */ .gallery { display:block; } .portfolio { margin:0px; padding:0px; list-style-type:none; } .project { margin-right:-1px; } #portfolio-items [class*="col-"], .projects-slider [class*="col-"] { padding:0px; } .boxed .project { padding:10px !important; } .boxed .project .container-image { padding:15px !important; background:#e4e9ec; } .boxed .project .container-image:hover { background:rgba(15,162,213,1); } /* -------------------------------------------------------- */ /* Gallery Filter */ /* -------------------------------------------------------- */ #portfolio-filter { margin-bottom:25px; padding:0px; display:inline-block; } #portfolio-filter li { list-style:none; float:left; margin-right:0px; margin-bottom:5px; padding:0px; line-height:45px; font-size:13px; } #portfolio-filter li a { display:inline-block; font-size:14px; font-weight:400; padding:0px 15px; border-bottom:1px solid transparent; } #portfolio-filter li:hover a { border-bottom:1px solid #0fa2d5; text-decoration:none; } #portfolio-filter li.act a { color:#0fa2d5; border-bottom:1px solid transparent; } /* Portfolio - Isotype (filtering tags) */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------------------------------------- */ /* Image Overlay */ /* -------------------------------------------------------- */ .container-image { position:relative; overflow: hidden; background:#0fa2d5; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .container-image img { max-width:100%; height:auto; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .container-image:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; -webkit-transform: scale(1.4,1.4); -ms-transform: scale(1.4,1.4); transform: scale(1.4,1.4); } .container-image i { position: absolute; font-size:180px; line-height:180px; width: 180px; width: 180px; top: 50%; left: 50%; margin-top:-90px; margin-left:-90px; text-align:center; color:#ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .container-image:hover i { font-size:40px; line-height:40px; width: 40px; width: 40px; top: 50%; left: 50%; margin-top:-20px; margin-left:-20px; color:#ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .container-image:hover a:hover i { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } /* -------------------------------------------------------- */ /* Form */ /* -------------------------------------------------------- */ .form-control { display: block; width: 100%; height: 34px; font-size: 13px; line-height: 1.428571429; text-indent:0px; color: #7a7a7a; vertical-align: middle; background-color: transparent; padding: 6px 12px; border: 1px solid #d7dfe4; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group-btn > .btn { position: relative; width: 34px; height: 34px; line-height: 34px; text-align: right; padding: 0px; } .no-border-right { border-right:0px solid !important; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left:0px; } textarea { min-height:120px; resize:vertical; } /* -------------------------------------------------------- */ /* Contact Form */ /* -------------------------------------------------------- */ .error { margin:6px 6px; display: none; color: #ff4b64; } #ajaxsuccess { font-size: 15px; width: 100%; display: none; clear: both; color: #0fa2d5; margin:0px; } .contact-form .btn { float:left; margin-top:10px; } /* -------------------------------------------------------- */ /* Blog */ /* -------------------------------------------------------- */ .blog-container { border-top:1px solid #d7dfe4; border-bottom:1px solid #d7dfe4; } .blog-container h2 { font-size:24px; font-weight:600; } .blog-container .blog-content{ border-right:1px solid #d7dfe4; padding-right:30px; } .blog-container .blog-content.left-border { border-right: none; border-left: 1px solid #d7dfe4; padding-right: 15px; padding-left: 30px; } .blog-container-pagging { margin-bottom: 40px; } .blog-container-pagging .blog-container-pagging-next { float: right; } .blog-container-pagging-prev { float: left; } .post-info-container { border-top:1px solid #d7dfe4; border-bottom:1px solid #d7dfe4; padding:12px 0px; } .post-info-container .post-info .post-data { margin-right:10px; } .post-info-container .post-info .tags a { color:#0fa1d5; background:transparent; float:none; margin:0px; padding:0px; } .post-info-container .post-info .tags a:hover { color:#3c4451; } .post-info-container .post-info i { margin-right:5px; } .post-info-container i { margin:4px; } .blog-right-sidebar { border-left:1px solid #d7dfe4; padding-left:30px; margin-left:-1px; } #secondary { padding-top: 25px; } #secondary .widget { margin-bottom: 40px; } #secondary .widget ul { list-style-type: none; padding-left: 0; } #secondary .widget h3.widget-title { font-family: 'Open Sans', sans-serif; font-weight: 500; line-height: 1.4em; padding: 0px; margin: 0px; margin-bottom: 15px; clear: both; color: #91979F; text-transform: none; } /* -------------------------------------------------------- */ /* Comments */ /* -------------------------------------------------------- */ .blog-comment { position:relative; } .blog-comment .blog-comment { margin-left: 80px; } .blog-comment h4{ color:#2c333d; font-size:20px; padding-bottom:5px; } .blog-comment .user-image { position:absolute; top:0px; left:0px; border:1px solid #dadcdd; background:#fff; width:60px; height:60px; } .blog-comment .user-image i { color:#dadcdd; width:60px; height:60px; line-height:60px; font-size:30px; text-align:center; } .blog-comment .comment-data { padding-left:80px; margin-bottom: 30px; } .blog-comment .reply-link { padding-left:12px; font-size:14px; } .blog-comment .divider, .blog-comment .divider-2 { margin:10px 0px; } .comment-form .form-control { margin-bottom: 15px; } ul.menu-panel { list-style-type: none; padding-left: 0; } ul.menu-panel li { padding-left: 30px; } /* -------------------------------------------------------- */ /* Shop */ /* -------------------------------------------------------- */ .shop-container { border-top:1px solid #d7dfe4; border-bottom:1px solid #d7dfe4; } .shop-right-sidebar { border-left:1px solid #d7dfe4; padding-left:30px; margin-left:-1px; } .shop-sidebar li { padding-left:16px; line-height:22px; } .shop-sidebar li i { font-size:12px; top:6px; } .shop-sidebar h6 { color:#566174; margin-bottom:10px; font-size:15px; font-weight:600; } #calc_shipping_country { margin-bottom: 15px; } /* -------------------------------------------------------- */ /* Product */ /* -------------------------------------------------------- */ .product-2{ border:1px solid #e6edf2; margin-bottom:50px; } .product-2 .image-container{ position:relative; background:#d7dfe4; } .product-2 img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; } .product-2:hover img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; -khtml-opacity: 0.15; -moz-opacity: 0.15; opacity: 0.15; filter: alpha(opacity=15); } .product-2 .info{ display:block; padding:25px 10px; overflow:hidden; } .product-2 h3{ color:#0fa2d5; font-size:17px!important; font-weight:400; text-align:center; padding-bottom:5px; } .product-2 h3 a { font-size:17px!important; } .product-2 .rating{ color:#d7dfe4; font-size:15px; text-align:center; } .product-2 .price{ color:#7786a1; font-size:22px; text-align:center; padding-top:6px; } .product-2 .image-container .icon-left, .product-2 .image-container .icon-right { position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-55px; width:50px; height:50px; line-height:50px; font-size:25px; text-align:center; color:#fff; background:rgba(50,50,50,0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .product-2 .image-container .icon-right { margin-left:5px; } .product-2:hover .image-container .icon-left, .product-2:hover .image-container .icon-right { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .product-2 .image-container .icon-left:hover, .product-2 .image-container .icon-right:hover { background:#0fa2d5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } /* -------------------------------------------------------- */ /* Product List Item */ /* -------------------------------------------------------- */ .product-list-item { padding:20px; border:1px solid #d7dfe4; margin-bottom:20px; overflow:hidden; } .product-list-item img { width:33%; float:left; } .product-list-item .product-list-data { width:67%; float:right; padding-left:20px; } .product-list-data-inner { overflow:hidden; } .product-list-data-inner .cart-item-price { float:left; padding-top:6px; } .product-list-data-inner .cart-item-stars { float:right; } .product-list-data-inner .old-price{ text-decoration:line-through; } .product-list-data-inner .new-price{ color:#ff4b64; padding-left:15px; font-size:22px; } /* -------------------------------------------------------- */ /* Product Detail */ /* -------------------------------------------------------- */ .product-data .old-price{ text-decoration:line-through; } .product-data .new-price{ color:#ff4b64; font-size:22px; } .product-data .size { color:#566174; background:#f7fcff; border:1px solid #d7dfe4; height:38px; line-height:38px; padding:0px 12px; margin-right:10px; clear:both; } .product-data .size i { font-size:14px; margin:10px 0px; padding-left:10px; border-left:1px solid #d7dfe4; float:right; } .product-data .qty { padding: 6px 12px; width: 126px; border: 1px solid #d7dfe4; background: transparent; line-height: 1.42; } .product-data .minus, .product-data .plus { padding: 8px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; } .product-data .minus { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: none; } .product-data .plus { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: none; } .rating-shop-item{unicode-bidi:bidi-override;direction:rtl;font-size:22px;text-align: left; margin-bottom:15px; padding-top:6px;} .rating-shop-item span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block;} .rating-shop-item span.star:hover{cursor:pointer;} .rating-shop-item span.star:before{content:"\f006";padding-right:5px;color:#A0ACBA;} .rating-shop-item span.star:hover:before,.rating-shop-item span.star:hover~span.star:before{content:"\f005";color:#e3cf7a;} /* -------------------------------------------------------- */ /* Shopping Cart */ /* -------------------------------------------------------- */ .shopping-cart .column-img { width:12%; } .shopping-cart .column-quantity { width:10%; } .shopping-cart .column-price { width:14%; } .shopping-cart .column-subtotal { width:14%; } .shopping-cart .column-action { width:8%; } .shopping-cart i { font-size:25px; } .shopping-cart table tr td { text-align:center; vertical-align:middle; } .shopping-cart table td:nth-child(2) { text-align:left; } .shopping-cart .cart-buttons { text-align:right; } .cart-box { background:#e6edf2; padding:20px 25px; } .cart-box input[type="text"] { background:#fff; } .cart-box h2 { font-weight: 300; text-transform: uppercase; } .cart-item-container { display:block; clear:both; } .cart-item-container .cart-item-left { float:left; } .cart-item-container .cart-item-right { float:right; } .woocommerce-checkout-payment { display: none; } .cart_totals h3 { margin-bottom: 14px; } .cart_totals .wc-proceed-to-checkout { display: none; } .cart_totals tr:first-child { display: none; } /* -------------------------------------------------------- */ /* Product Filter */ /* -------------------------------------------------------- */ .product-filter { background:#e6edf2; border:1px solid #d7dfe4; padding:15px; } .product-filter .filter-item { float:left; color:#566174; background:#f7fcff; border:1px solid #d7dfe4; height:38px; line-height:38px; padding:0px 12px; margin-right:10px; } .product-filter .filter-item i { font-size:14px; margin-left:10px; padding-left:10px; border-left:1px solid #d7dfe4; } .product-filter .filter-item-right { float:right; color:#566174; background:#f7fcff; border:1px solid #d7dfe4; height:38px; line-height:38px; padding:0px 12px; margin-left:10px; } .product-filter .filter-item-right i { font-size:14px; margin-left:10px; } .product-filter .btn { height:38px; width:38px; color:#566174; background:#f7fcff; border:1px solid #d7dfe4; padding:0px; } .product-filter .btn i { font-size:11px; height:38px; width:35px; line-height:38px; } .product-filter .btn:hover { color:#fff; background:#0fa2d5; } .form-row { display: block; } .form-row label { float: left; width: 200px; clear: left } .form-row input[type="text"] { float: left; width: 354px; max-width: 100%; } .form-row:after { display: block; content: ''; clear: both; } .form-row textarea { width: 97%; box-sizing: border-box; } #billing_address_2 { margin-left: 200px; } #ship-to-different-address { position: relative; } #ship-to-different-address .checkbox { margin-top: 0; padding-left: 26px; font-weight: 300; } #ship-to-different-address .input-checkbox { position: absolute; top: 7px; left: 0; } .payment_methods { padding-left: 0; list-style-type: none; } /* -------------------------------------------------------- */ /* Error 404 */ /* -------------------------------------------------------- */ .error-icon { display:block; text-align:center; } .error-icon .typcn { display:inline-block; color:#e6edf2; width:220px; height:220px; font-size:220px; line-height:180px; } /* -------------------------------------------------------- */ /* Refine Slider */ /* -------------------------------------------------------- */ ul.rs-slider { margin: 0 0 0px 0px; padding:0px; } ul.rs-slider img { position:relative; } .rs-thumb-wrap { margin: 21px 0 0 0; } .rs-thumb-wrap > a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity:0.5; opacity:0.5; padding: 0px; *padding: 0; -moz-transition: opacity .7s ease-in-out; -webkit-transition: opacity .7s ease-in-out; -o-transition: opacity .7s ease-in-out; -ms-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; } .rs-thumb-wrap > a:hover, .rs-thumb-wrap > a.active { opacity: 1 } .rs-thumb-wrap > a:first-child { margin-left: 0!important; } .rs-arrows { position:absolute; z-index:799; width:100%; top:50%; right:0px; } .rs-arrows .rs-prev, .rs-arrows .rs-next { width: 50px; height: 50px; display: block; position:absolute; right:30px; margin-top:-25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border:0px; background:#2d333d !important; opacity: 0.5 !important; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .rs-arrows .rs-prev { left:30px; } .rs-arrows .rs-next { right:30px; } .rs-arrows .rs-prev:hover, .rs-arrows .rs-next:hover { background:#2d333d !important; border:0px; opacity: 1 !important; } .rs-arrows .rs-prev i, .rs-arrows .rs-next i { text-indent: 0px; color:#ffffff; font-size: 20px; width: 47px; height: 50px; position: absolute; line-height: 49px; text-align: center; font-weight:400; } .rs-arrows .rs-next i { text-indent: 3px; } .rs-caption { padding: 20px; color: #ffffff; background: #000000; background: rgba(0, 0, 0, .6); } .rs-caption p { color: #ffffff; margin-bottom: 0; } /* -------------------------------------------------------- */ /* Flexlider */ /* -------------------------------------------------------- */ .flex-1 { margin: 0px 0px 25px 0px; background: transparent; border: 0px solid #ffffff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px #000000; -webkit-box-shadow: 0 0px 0px #000000; -moz-box-shadow: 0 0px 0px #000000; -o-box-shadow: 0 0px 0px #000000; zoom: 1; } .flex-1 .flex-control-nav { width: 100%; height:40px; position: relative; text-align: center; background: transparent; border: 0px solid #000000; margin-top:-50px; margin-bottom:0px; } .flex-1 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; padding-top:15px; } .flex-1 .flex-control-paging li a { width: 14px; height: 14px; display: block; border:1px solid #7786a1; cursor: pointer; font-size:0px; text-indent: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: inset 0 0 0px #000000; background: #f7fcff !important; } .flex-1 .flex-control-paging li a:hover { background: #0fa2d5 !important; } .flex-1 .flex-control-paging li a.flex-active { position:relative; cursor: default; background:#2d333d !important; } .flex-1 .flex-direction-nav { display:none; } .flex-1 .flex-viewport { max-height: 3500px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; border: 0px solid #000000; width:100%; } /* -------------------------------------------------------- */ /* Layer Slider */ /* -------------------------------------------------------- */ .ls-layer, .ls-layer * { font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; white-space: nowrap; } .l3s1, .l3s2, .l3s3 { text-shadow: 0px 0px 10px white; color: white; } .l3s1 { font-size: 30px; } .l3s2 { font-size: 60px; } .l3s3 { font-size: 20px; font-style: italic; } .l4s1, .l4s2, .l4s3, .l4s4 { box-shadow: 0px 3px 10px -3px #002c4b; background: #02cef7; background: -moz-linear-gradient(top, #02cef7 0%, #009bba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02cef7), color-stop(100%,#009bba)); background: -webkit-linear-gradient(top, #02cef7 0%,#009bba 100%); background: -o-linear-gradient(top, #02cef7 0%,#009bba 100%); background: -ms-linear-gradient(top, #02cef7 0%,#009bba 100%); background: linear-gradient(to bottom, #02cef7 0%,#009bba 100%); text-shadow: 0px -1px 1px #00819c; padding: 10px 15px 10px 15px; border-top: 4px solid white; font-size: 20px; color: white; border-radius: 7px; } /* -------------------------------------------------------- */ /* Master Slider */ /* -------------------------------------------------------- */ .ms-caption{ color:#fff; font-size:40px; padding-top:80px; } ul li .icon_list_icon i { position: relative; } /* .hexagon li .icon_list_icon i { left: 25px; top: 6px; } .hexagon li .icon_list_icon i.Defaults-tint { left: 30px; } */ /* -------------------------------------------------------- */ /* O que é a Depressão(Jovens) */ /* -------------------------------------------------------- */ .vc_toggle_title h4{ color:#FFFFFF; } .vc_toggle_title{ background-color: #D14D36; } .vc_toggle_active .vc_toggle_title{ background-color: #94BE18; } .vc_toggle_active{ background-color: #F7F8F5; } #post-5712 a{ color: #000 !important; text-decoration: none !important; } #post-5712 a:hover{ color: #D94C31 !important; }