/* Theme Name: Store Theme URI: https://rohitink.com/2015/05/21/store-woocommerce-theme/ Author: Rohit Tripathi Author URI: http://rohitink.com Description: Store is the Last eCommerce WordPress theme you will Ever need. It is loaded with tons of Features including Multiple Layouts, Featured Product Showcase Areas, Fully Configurable Sidebar width, Advanced Menu and Navigation system, Featured Images, Slider with 3D Effects, Google Fonts, High Quality Animation throughout the theme without compromising on the Professionalism. Store is Built using Bootstrap 3 and Font Awesome. And yes, this theme is 100% Responsive and will work on all your devices from Mobiles, Tablets to Desktops. Store theme is now also available in Mutliple Skins and Color Combinations. Demo Here: http://demo.rohitink.com/store/ Version: 1.0.0.2 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: store Tags: white, light, custom-background, two-columns, one-column, custom-colors, flexible-header, theme-options, right-sidebar, responsive-layout, custom-menu, theme-options, threaded-comments, translation-ready, featured-images, photoblogging, full-width-template, blue, yellow This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. store is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Reset 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Infinite scroll 12.0 Media 12.1 Captions 12.2 Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ /* GOOGLE FONTS */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic); @import url(http://fonts.googleapis.com/css?family=Open+Sans:700); /* Global properties ======================================================== */ a[href^="tel:"] { color: inherit; text-decoration: none;} ::selection{ background:#888888!important; color:#fff} ::-moz-selection{ background:#888888!important; color:#fff} a{ color:#000; text-decoration: underline; outline:none} a:hover{ color:#000; text-decoration: none; outline:none} body{ background:url(images/bg1.jpg) #fff; background-repeat:repeat-x; border:0; font: 13px Arial, Helvetica, sans-serif; color:#575757 ; line-height:18px; min-width:330px;} .main{ background:url(images/bg1.jpg) #fff; background-repeat:repeat-x; border:0; font: 13px Arial, Helvetica, sans-serif; color:#575757 ; line-height:18px; min-width:330px;} #main1{ background:url(images/bg1.jpg) #fff; background-repeat:repeat-x; border:0; font: 13px Arial, Helvetica, sans-serif; color:#575757 ; line-height:18px; min-width:330px;} #main{margin: 0 auto; position: relative; overflow: hidden;} #inner{max-width: 970px; margin: 0 auto; position: relative;} h1.entry-title { display: none; } .wc-tabs-wrapper, .woocommerce-tabs {display:none !important} /* ============================= slider3 ====================== */ #slider3{position: relative; padding-bottom: 10px;} .prev3{display: block; width: 27px; height: 27px; border-bottom: 2px solid #fff; background: url(images/prev3.png) 0 0 no-repeat #ababab; position: absolute; right: 31px; top: -54px; z-index: 100; } .prev3:hover{background-color: #ff7b4e;} .next3{display: block; width: 27px; height: 27px; border-bottom: 2px solid #fff; background: url(images/next3.png) 0 0 no-repeat #ababab; position: absolute; right: 0px; top: -54px; z-index: 100; } .next3:hover{background-color: #ff7b4e;} .carousel-box{position: relative;} .carousel-box .inner{position: relative; overflow: hidden;} .carousel.main{position: relative; overflow: hidden; width: 640px; margin: 0; padding: 0;} .caroufredsel_wrapper{padding: 0; margin: 0;} .caroufredsel_wrapper ul{padding: 0; margin: 0;} .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px } /* ============================= header ====================== */ .top1{min-height: 40px; background: #170b23; margin-bottom: 20px;} header{position: relative; z-index: 1; float: left;} .top2{padding-top: 12px; padding-bottom: 20px; background-image:url(images/bg_header.png); background-repeat:repeat-x; width: 89%; margin: auto;} .top3{float: right;} .listen_live_wrapper{float: left;} .listen_live{display: block;width: 170px; height: 64px; background: url(images/listen_live_bg.png) left top no-repeat; text-decoration: none;} .listen_live:hover{background-position: bottom;} .social_wrapper{float: left; padding-right: 0px;} .social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap;} .social li{display: inline-block; margin: 0 10px 0 0; float: left;} .social li a{display: block;width: 64px; height: 64px; text-decoration: none; background: url(images/social_bg.png) left top no-repeat;} .social li a:hover{background-position: bottom;} .summary entry-summary container{width:770px !important; float:right;} /* ============================= content ====================== */ #content { border-top: 1px solid #DFDFDF; background: #ECECEC url("images/content_bg.jpg") repeat-y scroll -315px 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 15px !important; z-index:9; position:relative; } .page_gallery #content{background: #ececec;} .page_one_column #content{background: #ececec;} .box1{padding-top: 10px; padding-bottom: 30px;} .box2{padding:10px; padding-left: 15px; background-color:#25a5cf; height: 330px;margin-top: 12px; box-shadow: 0px 0px 10px #000;} .box3{padding:10px; background-color:#bebcbc; border-radius:5px; margin-top:15px;} .box4{ background-color:#bebcbc; padding: 15px; margin-top:15px;} /* ============================= footer ====================== */ .bot1{ padding-top: 10px; padding-bottom: 3px; background:#fff;} .bot1_block{padding-left: 20px; padding-right: 20px;} .bot1_title{font-family: 'Open Sans'; font-weight: 700; font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px;} .ul0{ padding: 0; margin: 0; list-style: none;} .ul0 > li { padding:5px 0px 5px 0px; margin: 0px 0px 0px 0px; font-family: 'Open Sans'; font-size: 12px; font-weight: 400; line-height: 20px; color: #ff9d7c; border-bottom: 1px solid #603752;} .ul0 > li a{color:#ff9d7c; text-decoration: none; display: block; background: url(images/li_st0.png) right center no-repeat;} .ul0 > li a:hover{color:#fff; text-decoration: none; background-image:url(images/li_st0_over.png); } footer{position: relative; z-index: 1; margin-left:-62px;} .footer_inner{position: relative; z-index: 1; background: #00435C; padding: 15px;} .copyright{line-height: 20px; color: #fff; float: left;margin-left: 30px;} .copyright2{line-height: 20px; color: #fff; float: right;margin-right: 30px;} .copyright2 a{color: #9E9E9E; text-decoration: underline; } .copyright2 a:hover{color: #fff; text-decoration: none;} /* ============================= main menu ====================== */ .menu_wrapper{height: 54px; background: url(images/menu_bg.jpg) left bottom repeat-x; box-shadow: 2px 4px 13px #282828;} .navbar_ { margin: 0; padding: 0; background:none; position: relative;z-index: 30;} .navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; filter:none; } .navbar_ .btn-navbar {display:none; background: #7d777f; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 16px; margin-bottom: 7px;} .navbar_ .btn-navbar:hover{background: #6a646c;} .navbar_ .btn-navbar .icon-bar{background-image: none;} .nav-collapse_.collapse{ position:relative; display:block; text-align: center;} .navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: -15px;} .navbar_ .nav > li{position: relative; display: block; width: 132px; height: 54px; float: left; padding-left: -1px; white-space: nowrap; background: url(images/marker0.png) left bottom no-repeat;/* padding-left: 15px; */} .navbar_ .nav > li:first-child{padding-left: 0; /* background: none; */} .navbar_ .nav > li > a{display: block; height: 54px; text-decoration: none; background: none; font-family: 'Open Sans'; font-size: 16px; line-height: 54px; color: #fff; text-shadow:0px 1px 0px rgba(255, 255, 255, 0.3); padding: 0px 35px; border: none; margin: 0; overflow: hidden; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; } .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #231f23; text-decoration: none; background-image:url(images/menu_active_hover.jpg); background-repeat:repeat-x; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #000; text-decoration: none; background-image:url(images/menu_active_hover.jpg); background-repeat:repeat-x; text-shadow: none; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; line-height: 54px;} .sub-menu ul { position: absolute; display: none; left: 0px; top: 54px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:0px; background: #25a5cf; text-align: left; min-width:100%; width:200px;} .sub-menu li { margin: 0; position: relative; zoom: 1; display: block; border-top: 1px solid #fefdfe; border-bottom: 1px solid #d0ced1;} .sub-menu li:first-child{border-top: none;} .sub-menu li:last-child{border-bottom: none;} .sub-menu li a{display: block; position: relative; font-family:'Open Sans'; font-size: 14px; line-height: 20px; color: #fff; text-decoration: none; padding: 10px 40px 10px 20px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .sub-menu li a:hover{ text-decoration: none; color: #fff; background: #00455d;} .sub-menu li a em{display: inline-block; width: 5px; height: 7px; background: url(images/marker1.png) left top no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -3px;} .sub-menu li a:hover em{background-position: bottom;} .sub-menu-1 > ul{} .sub-menu-2 > ul{left: 100%; top: 0px; margin-left: 0px;} /* ============================= menu top ====================== */ .menu_top { display:block; float: right; position: relative; z-index:10; text-align:left; white-space:nowrap; padding-top: 10px; padding-right: 10px; } #menu_top { list-style: none; display:block; white-space:nowrap; padding: 0; margin: 0;} #menu_top > li { list-style: none; display: inline-block; height:20px; line-height: 20px; padding-left: 1px; background: url(images/menu_top.png) left center no-repeat; position:relative; float:left; white-space:nowrap;} #menu_top > li:first-child{ background: none;} #menu_top > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-size: 12px; color: #7f7284; padding: 0 12px;} #menu_top > li.active > a, #menu_top > li > a:hover, #menu_top > li > a:focus{color: #cec0d4; text-decoration: underline;} /* ============================= search-form ====================== */ .search-form-wrapper{float: left;margin-top: 14px;margin-left: 55px;} .navbar-form { float: left; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; } .navbar-form input { width: 137px;height: 20px; font-size: 12px; line-height: 20px; color: #7E7C7F; background: #fff; border: none; border: 1px solid #2d203a; margin: 0; padding: 7px 50px 7px 10px; -moz-box-shadow: inset none; -webkit-box-shadow: none; box-shadow: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .navbar-form input:focus {color: #7F7D7D; -moz-box-shadow: inset none; -webkit-box-shadow: none; box-shadow: none; border-color: #cec0d4;} .navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 40px; height: 28px; background: url(images/search.png) left top no-repeat; position:absolute; right:0; top: 6px; float: right;} .navbar-form a:hover { background-position: right;} /* ============================= toTop ====================== */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(images/totop.gif) no-repeat left top; } #toTopHover { background:url(images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* ============================= main layout ====================== */ h1{ border-bottom: 1px solid #b2b2b2;margin-top:17px !important} h2{ font-family:'Open Sans'; font-size:20px; color:#fff; text-transform: uppercase; letter-spacing: -1px;padding-left: 15px;} h2 .over1{display: inline-block; position: relative; height: 44px; vertical-align: top; line-height: 1px; margin: 0; padding: 0;} h2 .txt1{background: #aaaaaa; line-height: 20px; padding: 12px 24px;} h2 .corner1{width: 8px; height: 8px; background: url(images/h2_corner1.png) 0 0 no-repeat; position: absolute; left: 0px; bottom: -10px;} h2 .corner2{width: 5px; height: 44px; background: url(images/h2_corner2.png) 0 0 no-repeat; position: absolute; right: -5px; top: 0px;} h2.c1{border-bottom-color: #ff7b4e; } h2.c1 .txt1{background: #ff7b4e;} h2.c2{border-bottom-color: #363480; } h2.c2 .txt1{background: #363480;} h2.c3{border-bottom-color: #4b183a; } h2.c3 .txt1{background: #4b183a;} h2.c4{border-bottom-color: #894481; } h2.c4 .txt1{background: #894481;} h2.c5{border-bottom-color: #802841; } h2.c5 .txt1{background: #802841;} h2.c6{border-bottom-color: #b43b39; } h2.c6 .txt1{background: #b43b39;} h3{ font-family:'Open Sans'; font-weight:700; font-size:14px; color:#575757; text-transform: uppercase; line-height:20px; padding:0px 0 10px 0; margin: 0; letter-spacing: -1px;} h3 a{text-decoration: none;color:#575757;} h3 a:hover{text-decoration: none;color:#000;} h3.c1 {color:#ff7b4e;} h3.c1 a{color:#ff7b4e;} h3.c1 a:hover{color:#feb49b;} h3.c2 {color:#363480; font-family:"Open Sans"; letter-spacing:1px;margin-bottom: -9px;} h3.c2 a{color: #027398;} h3.c2 a:hover{color:#000;} h3.c3 {color:#561a3f;} h3.c3 a{color:#561a3f;} h3.c3 a:hover{color:#694c77;} h3.c4 {color:#894481;} h3.c4 a{color:#894481;} h3.c4 a:hover{color:#ac63a4;} h4{ font-family:'Open Sans'; font-weight:700; font-size:20px; color:#575757; text-transform: uppercase; line-height:20px; padding:10px 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #cac9cb; letter-spacing: -1px;} h4.c4 {color:#894481;} h5{ font-family:'Open Sans'; font-weight:700; font-size:20px; color:#575757; text-transform: uppercase; line-height:20px; padding:0px 0 10px 0; margin: 0 0 0px 0; letter-spacing: -1px;} h6{ font-family:'Open Sans'; font-weight:700; font-size:20px; color:#575757; text-transform: uppercase; line-height:20px; padding:0px 0 10px 0; margin: 0 0 0px 0; letter-spacing: -1px;} .upper { text-transform:uppercase;} .color1{ color:#fff;} .line0 { height:3px; background:#c4c4c4; margin-top: 15px;} .line1 { height:1px; background:#c4c4c4; margin:15px 0;} .radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .pad_bot1{padding-bottom: 20px;} /* === */ .button0{text-decoration: underline; color: #000;} .button0:hover{text-decoration: none; color: #000;} .button0.c2{color: #0393C1;} .button0.c2:hover{color: #363480;} .button0.c4{color: #bc75b4;} .button0.c4:hover{color: #894481;} .button1{display: inline-block; text-decoration: none; color: #fff; font-family: 'Open Sans'; font-weight: 700; font-size: 12px; text-transform: uppercase; line-height: 20px; padding: 5px 15px; background: #c4c4c4; margin-bottom: 10px;} .button1:hover{text-decoration: none; color: #fff; background: #000;} .button1.c1:hover{background: #ff7b4e;} .button1.c2:hover{background: #363480;} .button1.c3:hover{background: #694c77;} .button1.c5:hover{background: #802841;} .date1{ margin-bottom: 9px; } .date1 .txt1{float: left; margin-right: 20px;width: 60px; background: #9694d2; color: #fff; font-family: 'Open Sans'; font-size: 30px; line-height: 16px; text-align: center; font-weight: 700; text-transform: uppercase; padding: 10px 0;} .date1 .txt1 span{font-size: 16px; line-height: 16px;} .date1 .txt2{display: table;} .small_facebook, .small_mail{display: inline-block; text-decoration: none; margin-right: 5px;} .small_facebook img, .small_mail img{opacity: 0.5; filter: alpha(opacity=50);} .small_facebook:hover img, .small_mail:hover img{opacity: 1; filter: alpha(opacity=100);} .style1{color: #aaaaaa;} .testimonial1{margin-bottom: 15px;} .testimonial1 .txt1{ padding: 0 0 15px 45px; background: url(images/testimonial1.png) 10px 10px no-repeat; font-style: italic;} .testimonial1 .txt2{ background: url(images/testimonial2.png) 0px 0px no-repeat; line-height: 20px; font-weight: bold; min-height: 16px; padding-top: 1px; padding-left: 20px; margin-left: 45px;} .google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 4px; background: #c4c4c4;border: none; line-height: 1px;} .google_map iframe{position: relative; width: 100%; height: 300px; border: none;} @media only screen and (max-width: 500px) { .top2{padding-top: 20px !important;padding-bottom: 20px; background-image:url(images/bg_header.png); background-repeat:repeat-x; width: 89%; margin: auto;} #frnenq{width:70% !important;} } h3{border-bottom: 1px dotted #e6e6e6!important;} #frnenq{width:100% !important;} /* ============================= thumbnail ====================== */ .img-polaroid{position: relative; padding: 4px; background: #c4c4c4; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .img-polaroid.w1{padding: 10px;} .thumbnail .caption{padding: 0; color: #4b3e33} .thumb1 {margin-bottom: 0px;} .thumb1.last {margin-bottom: 0px;} .thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;} .thumb1 figure img{width: 100%;} .thumb1 .caption{} .thumb2 {margin-bottom: 0px;} .thumb2.last {margin-bottom: 0px;} .thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .thumb2 figure{margin: 0; float: left; margin:0px 20px 0px 0px;padding: 4px; background: #c4c4c4;} .thumb2 figure img{width: auto;} .thumb2 .caption{display: table;} .thumb3 {margin-bottom: 20px;} .thumb3.last {margin-bottom: 0px;} .thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .thumb3 figure{margin: 0; float: left; margin:0px 20px 20px 0px;} .thumb3 figure img{width: auto;} .thumb3 .caption{} .thumb4 {margin-bottom: 20px;} .thumb4.last {margin-bottom: 0px;} .thumb4 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; background: #fff;} .thumb4 figure{margin: 0; float: left; margin:0px 0px 0px 0px;} .thumb4 figure img{width: auto;} .thumb4 .caption{display: table; padding: 0 15px;} .thumb4 .caption .txt1{font-family: 'Open Sans'; font-weight: 700; font-size: 24px; line-height: 24px; color: #c04a35; letter-spacing: -1px; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px;} .thumb4 .caption .txt2{text-transform: uppercase; font-weight: bold; padding-bottom: 5px; line-height: 18px;} .thumb4 .caption .txt3{padding-bottom: 5px; border-bottom: 1px solid #bfbfbf; margin-bottom: 5px;} .thumb5 {margin-bottom: 20px;} .thumb5.last {margin-bottom: 0px;} .thumb5 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .thumb5 figure{margin: 0; float: none; margin:0px 0px 20px 0px;} .thumb5 figure img{width: 100%;} .thumb5 .caption{} .thumb6 {margin-bottom: 0px;} .thumb6.last {margin-bottom: 0px;} .thumb6 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .thumb6 figure{margin: 0; float: left; margin:0px 20px 0px 0px;padding: 4px; background: #c4c4c4;} .thumb6 figure img{width: auto;} .thumb6 .caption{display: table;} .thumb-carousel {} .thumb-carousel .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; position: relative;} .thumb-carousel .thumbnail a{position: relative; display: block; text-decoration: none; overflow: hidden;} .thumb-carousel .thumbnail a figure{position: relative; z-index: 1; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0px; background: none; border: none; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-carousel .thumbnail a figure img{width: 100%;} .thumb-carousel .thumbnail a .caption{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;} .thumb-carousel .thumbnail a .caption .over1{position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50px; background: #000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-carousel .thumbnail a:hover .caption .over1{opacity: 1; filter: alpha(opacity=100);} .thumb-carousel .thumbnail a .caption .over2{position: absolute; right: 16px; bottom: 18px; z-index: 2; width: 10px; height: 13px; background: url(images/carousel_st1.png); opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-carousel .thumbnail a:hover .caption .over2{opacity: 1; filter: alpha(opacity=100);} .thumb-carousel .thumbnail a .caption .txt1{font-family: 'Open Sans'; font-size: 14px; line-height: 20px; padding: 15px 0 15px 20px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; color: #fff;} .thumb-carousel .thumbnail a .caption .txt2{font-family: 'Open Sans'; font-size: 14px; font-weight: 700; line-height: 20px; padding: 5px 10px; position: absolute; left: 0; bottom: 50px; z-index: 3; color: #797979; background: url(images/carousel_bg1.png);} .thumb-isotope {} .thumb-isotope .thumbnail{padding: 0px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; } .thumb-isotope figure{position: relative; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0; background: none; border: none; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-isotope .thumbnail a{position: relative; display: block; text-decoration: none; padding: 0px; background: #fff; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-isotope .thumbnail a:hover{background: #502241;} .thumb-isotope .thumbnail a:hover figure{} .thumb-isotope .thumbnail a img{width: 100%; } .thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(images/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);} .thumb-isotope .thumbnail .caption{ padding: 15px 20px; line-height: 22px; color: #575757;} .thumb-isotope .thumbnail a .caption{ text-decoration: none; color: #575757; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb-isotope .thumbnail a:hover .caption{color: #fff;} /* ============================= accordion ====================== */ .accordion{ margin-bottom: 20px;} .accordion-group{ margin-bottom: 10px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .accordion-heading{border-bottom: 0;} .accordion-heading .accordion-toggle{text-decoration: none; display: block; padding: 7px 12px 7px 40px;cursor: pointer; font-size: 14px; line-height: 20px; font-family: 'Open Sans'; font-weight: 700; color: #fff; background: url(images/accordion1.png) 10px 6px no-repeat #363480; text-transform: uppercase;} .accordion-heading .accordion-toggle:hover{ text-decoration: none; color: #fff; background: url(images/accordion1_over.png) 10px 6px no-repeat #b43b39;} .accordion-inner{ background: #ececec; border-top: none; padding: 10px 15px;} /*================= Contacts =========================*/ #note{ } .notification_error{ color:#f00; padding-bottom:10px; } .notification_ok{ text-align: left; padding-bottom:10px; } #ajax-contact-form .control-group{margin-bottom: 10px;} #ajax-contact-form .control-label{display: none;} #ajax-contact-form .controls{margin-left: 0;} #ajax-contact-form input, #ajax-contact-form textarea{background: #fff; border: 1px solid #c4c4c4; color: #575757; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset 0px 3px 20px 3px #ececec; -webkit-box-shadow: inset 0px 3px 20px 3px #ececec; box-shadow: inset 0px 3px 20px 3px #ececec;} #ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#575757; } #ajax-contact-form textarea{height: 124px;} #ajax-contact-form .control-group.capthca{margin-bottom: 0px;} #ajax-contact-form .capthca input{width: 156px; float: left; margin-right: 30px;margin-bottom: 10px;} #ajax-contact-form img{float:left; width:170px; height:42px;margin-bottom: 10px;} #ajax-contact-form .submit{border: 0; margin: 0; display: inline-block;line-height:20px; text-decoration: none;font-size:12px; font-family:'Open Sans'; font-weight: 700; color:#fff; text-transform:uppercase; white-space:nowrap; letter-spacing:0px; background:#ff7b4e; padding:8px 30px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } #ajax-contact-form .submit:hover{ color:#ff7b4e; background: #fff;} /*================= 404 =========================*/ .page-404{text-align: center;} .page-404 .txt1{font-family:'Open Sans'; font-weight:700; font-size:220px; color:#894481; line-height:220px; } .page-404 .txt2{font-family:'Open Sans'; font-weight:400; font-size:70px; color:#894481; line-height:70px; } /*----- media queries ------*/ /* Large desktop */ @media (min-width: 1200px) { #inner{max-width: 1200px; } #content{ background-position: -155px 0px;margin-top: 15px;} .navbar_ .nav > li{width: 172px;} #slider3 .carousel.main{width: 790px;} } /* Default landscape and desktop to large desktop */ @media (max-width: 1199px) { } @media (min-width: 980px) and (max-width: 1199px) { } /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { } @media (min-width: 768px) and (max-width: 979px) { #inner{max-width: 754px; } .nav-collapse_.collapse{height: auto!important; overflow: visible!important;} .navbar_ .btn-navbar{display: none;} #content{ background-position: -459px 0px;} .navbar_ .nav > li{width: 101px;} #slider3 .carousel.main{width: 496px;} .thumb4 figure{float: none; margin:0px 0px 0px 0px;} .thumb4 figure img{width: 100%;} .thumb4 .caption{display: table; padding: 10px 15px;} .socialwrapper{ width: 204px !important; height: 25px; position: absolute; margin: auto; } .top2 { padding-top: 12px; padding-bottom: 20px; background-image: url(images/bg_header.png); background-repeat: repeat-x; width: 100%; margin: auto; } #top-cart { position: relative; top: 12px !important; float: right; margin-right: 0px !important; } footer { position: relative; z-index: 1; margin-left: 0px !important; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body{padding-left: 0; padding-right: 0;} .container{width: 440px;} #content .container{width: 470px;} #inner{max-width: 470px; } #content{ background: none;} .box1{padding-left: 15px; padding-right: 15px; background: #fff; padding-bottom: 2px;} .box2{padding-left: 15px; padding-right: 15px; background: #027ba2;} .search-form-wrapper{float: none;} #search-form input { width: 229px;} .menu_top{float: none; padding-top: 20px; padding-bottom: 20px;} header{float: none;} .top3{float: none; padding-top: 20px;} .top2{padding-bottom: 0;} .navbar_ .nav{display: block; background: #05B4ED;} .navbar_ .nav > li{float: none; padding-left: 0; background: none; border-bottom: 1px solid #fff; width: auto; height: auto;} .navbar_ .nav > li > a{ text-align: left; height: 40px; line-height: 40px!important;} .sub-menu ul{position: relative; left: 0; top: 0; margin: 0; border: none;} .sub-menu li a{padding-left: 25px;} .sub-menu li li a{padding-left: 35px;} #slider3 .carousel.main{width: 460px;} } @media (min-width: 481px) and (max-width: 767px) { } /* Landscape phones and down */ @media (max-width: 480px) { .container{width: 300px;} #content .container{width: 330px;} #inner{max-width: 330px; } #search-form input { width: 136px;} #menu_top > li > a{padding: 0 10px;} .listen_live_wrapper{float: none; padding-top: 20px;} .social_wrapper{float: none;} #slider3 .carousel.main{width: 320px;} .thumb3 figure{float: left; margin-right: 0;} .thumb3 figure img{width: 100%;} .google_map iframe{height: 240px;} .page-404 .txt1{font-size: 150px; line-height: 150px;} .page-404 .txt2{font-size: 50px; line-height: 50px;} .menu_simple1 ul { margin: 0; padding: 0; width: 96%; list-style-type: none; margin-left: 0px !important; } #s-pra{padding: 18px !important;position: relative;left: -10px !important;} #ultxt{position:relative !important; margin-left:20px !important} #txtp{margin-top:0px;} #txtp1{margin-top:-200px !important;} .menu_vete {width:265px !important;} .menu_vete:hover {width:265px !important;} .menu_vete { text-decoration: none; color: #fff !important; font-weight:bold !important; width:303px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0% !important; display: block !important; } .menu_vete:hover { text-decoration: none; color: #fff !important; font-weight:bold !important; width:303px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: #0D8FBE !important; display: block !important; } } /* CSSTerm.com Simple CSS menu */ .menu_simple ul { margin: 0; padding: 0; width: 90%; list-style-type: none; margin-left: 15px; } #txtp{margin-top:200px !important;} #ultxt{position:relative; margin-left:20px;} #s-pra{padding: 0px;position: relative;left: 0px;} .menu_simple ul li a { text-decoration: none; color: #fff; margin: 7px 0px; font-size: 14px; box-shadow:0px 0px 5px #000; /* border-radius:5px; */ padding: 10.5px 11px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d8fbe+0,0a4661+100 */ background: #0d8fbe;/* Old browsers */ background:-moz-linear-gradient(top, #0d8fbe 0%, #0a4661 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d8fbe), color-stop(100%,#0a4661));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #0d8fbe 0%,#0a4661 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #0d8fbe 0%,#0a4661 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #0d8fbe 0%,#0a4661 100%);/* IE10+ */ background: linear-gradient(to bottom, #0d8fbe 0%,#0a4661 100%);/* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d8fbe', endColorstr='#0a4661',GradientType=0 );/* IE6-9 */ display:block; } .menu_simple ul li a:visited { color: #fff; } .menu_simple ul li a:hover, .menu_simple ul li .current { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a4661+0,0d8fbe+100 */ background: #0a4661; /* Old browsers */ background: -moz-linear-gradient(top, #0a4661 0%, #0d8fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4661), color-stop(100%,#0d8fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #0a4661 0%,#0d8fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4661', endColorstr='#0d8fbe',GradientType=0 ); /* IE6-9 */ } /* for pages menu */ .menu_simple1 ul { margin: 0; padding: 0; width: 96%; list-style-type: none; margin-left: 15px; } .menu_simple1 ul li a { text-decoration: none; color: #FFF; margin: 1px 0px; font-size: 13px; box-shadow: 0px 0px 5px #000; padding: 2.5px 11px; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0%; display: block; } .dental { text-decoration: none; color: #000 !important; font-weight:bold !important; width:287px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0% !important; display: block !important; } .dental:hover { text-decoration: none; color: #fff !important; font-weight:bold !important; width:287px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #2C94C3 0%, RGBA(196, 234, 255, 0.9) 100%) repeat scroll 0% 0% !important; display: block !important; } .menu_surgical2 { text-decoration: none; color: #fff !important; font-weight:bold !important; width:297px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0% !important; display: block !important; } .menu_surgical2:hover { text-decoration: none; color: #fff !important; font-weight:bold !important; width:297px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: #0D8FBE !important; display: block !important; } .menu_vete { text-decoration: none; color: #fff !important; font-weight:bold !important; width:303px; font-height:16px !important; margin: 1px 0px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0% !important; display: block !important; } .menu_vete:hover { text-decoration: none; color: #fff !important; font-weight:bold !important; width:303px; font-height:16px !important; margin: 1px 0px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: #0D8FBE !important; display: block !important; } .menu_beauty2 { text-decoration: none; color: #fff!important; font-weight:bold !important; width:288px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0% !important; display: block !important; } .menu_beauty2:hover { text-decoration: none; color: #fff !important; font-weight:bold !important; width:288px !important; font-height:16px !important; margin: 1px 0px !important; font-size: 13px !important; box-shadow: 0px 0px 5px #000 !important; padding: 11.5px 11px !important; background: #0D8FBE !important; display: block !important; } .menu_simple1 ul li a:visited { color: #fff; } .menu_simple1 ul li a:hover, .menu_simple ul li .current { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a4661+0,0d8fbe+100 */ background: #0a4661; /* Old browsers */ background: -moz-linear-gradient(top, #0a4661 0%, #0d8fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4661), color-stop(100%,#0d8fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #0a4661 0%,#0d8fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4661', endColorstr='#0d8fbe',GradientType=0 ); /* IE6-9 */ } /* end pages menu */ /* for login menu */ .menu_simple2 ul { margin: 0; padding: 0; width: 90%; list-style-type: none; margin-left: 15px; margin-top:-10px; } .menu_simple2 ul li a { text-decoration: none; color: #FFF; margin: 1px 0px; font-size: 13px; box-shadow: 0px 0px 5px #000; padding: 2.5px 11px; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0%; display: block; } .menu_simple2 ul li a:visited { color: #fff; } .menu_simple2 ul li a:hover, .menu_simple ul li .current { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a4661+0,0d8fbe+100 */ background: #0a4661; /* Old browsers */ background: -moz-linear-gradient(top, #0a4661 0%, #0d8fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4661), color-stop(100%,#0d8fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #0a4661 0%,#0d8fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4661', endColorstr='#0d8fbe',GradientType=0 ); /* IE6-9 */ } /* end login menu */ /*user detials */ .menu_simple3 ul { margin: 9px 0px 0px 16px; padding: 0px; width: auto; list-style-type: none; float: right; } .menu_simple3 ul li a { text-decoration: none; color: #FFF; margin: 1px 0px; font-size: 13px; box-shadow: 0px 0px 5px #000; padding: 2.5px 11px; background: transparent linear-gradient(to bottom, #0D8FBE 0%, #0A4661 100%) repeat scroll 0% 0%; display: block; } .menu_simple3 ul li a:visited { color: #fff; } .menu_simple3 ul li a:hover, .menu_simple ul li .current { color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a4661+0,0d8fbe+100 */ background: #0a4661; /* Old browsers */ background: -moz-linear-gradient(top, #0a4661 0%, #0d8fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4661), color-stop(100%,#0d8fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0a4661 0%,#0d8fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #0a4661 0%,#0d8fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4661', endColorstr='#0d8fbe',GradientType=0 ); /* IE6-9 */ } /* end user details */ .banner_inner{width:auto; background-color:#057798; border:3px solid #017297; text-decoration:none; padding:5px;margin: 7px 0;} .banner_inner:hover{background-color:#0a435d; border:3px solid #017297; } .banner_inner a{text-decoration:none;} .text1{font-family:"Open Sans"; font-size:16px; font-weight:bold; color:#fff; text-transform:uppercase; text-align:center; padding:5px 0;} .text2{font-family:"Open Sans"; font-size:12px; color:#FFF; text-align:center; text-decoration:none;} .myButton { -moz-box-shadow: 1px 3px 4px 1px #afb2b3; -webkit-box-shadow: 1px 3px 4px 1px #afb2b3; box-shadow: 1px 3px 4px 1px #afb2b3; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0c8dbc), color-stop(1, #024a67)); background:-moz-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-webkit-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-o-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-ms-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:linear-gradient(to bottom, #0c8dbc 5%, #024a67 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c8dbc', endColorstr='#024a67',GradientType=0); background-color:#0c8dbc; border:1px solid #2b95b8; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; padding: 5px 11px; text-decoration:none; text-shadow:0px 1px 0px #000000; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #024a67), color-stop(1, #0c8dbc)); background:-moz-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-webkit-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-o-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-ms-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:linear-gradient(to bottom, #024a67 5%, #0c8dbc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024a67', endColorstr='#0c8dbc',GradientType=0); background-color:#024a67; } .myButton:active { position:relative; top:1px; } .wpcf7-form-control wpcf7-submit myButton1 { -moz-box-shadow: 1px 3px 4px 1px #6b858e; -webkit-box-shadow: 1px 3px 4px 1px #6b858e; box-shadow: 1px 3px 4px 1px #6b858e; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0c8dbc), color-stop(1, #024a67)); background:-moz-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-webkit-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-o-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:-ms-linear-gradient(top, #0c8dbc 5%, #024a67 100%); background:linear-gradient(to bottom, #0c8dbc 5%, #024a67 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c8dbc', endColorstr='#024a67',GradientType=0); background-color:#0c8dbc; border:1px solid #2b95b8; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; padding: 5px 11px; text-decoration:none; text-shadow:0px 1px 0px #000000; } .wpcf7-form-control wpcf7-submit myButton1:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #024a67), color-stop(1, #0c8dbc)); background:-moz-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-webkit-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-o-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:-ms-linear-gradient(top, #024a67 5%, #0c8dbc 100%); background:linear-gradient(to bottom, #024a67 5%, #0c8dbc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024a67', endColorstr='#0c8dbc',GradientType=0); background-color:#024a67; } .wpcf7-form-control wpcf7-submit myButton1:active { position:relative; top:1px; } .news_black{color:#000;} .box-social{ background-color:#d7d7d7; height: 35px;padding:5px; text-align:center; margin-top:15px;} .form{width: 90%;margin-top:10px;margin-left: auto;margin-right: auto;/* text-align: center; */} .field{width:100%;} .field-input{width:95%; border:1px solid #ddd;} .field-textarea{width:95%; height:50px; border: 1px solid #545252;} .add_title{font-family:"Open Sans"; font-size:16px; line-height: 13px;font-weight:bold; color:#000;padding-bottom: 10px;} .add_blue{color:#07607d} .add_blue a{color:#07607d; text-decoration:underline;} .add_blue a:hover{color:#000;}