@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } @import "http://fonts.googleapis.com/css?family=G oudy+Bookletter+1911&text=&"; @font-face { font-family: 'star'; src: url(fonts/star.eot); src: url(fonts/star.eot?#iefix) format("embedded-opentype"), url(fonts/star.woff) format("woff"), url(fonts/star.ttf) format("truetype"), url(fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal } html { overflow-x: hidden; overflow-y: auto } body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 22px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #2f2f2f; } h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa, .h1 .fa, .h2 .fa, .h3 .fa, .h4 .fa, .h5 .fa, .h6 .fa { margin-right: 5px; } h1, .h1 { font-size: 30px; margin-bottom: .75em; } h2, .h2 { font-size: 24px; color: #000; } h3, .h3 { font-size: 18px; color: #000; } h4, .h4 { font-size: 16px; color: #000; } h5, .h5 { font-size: 15px; color: #000; } h6, .h6 { font-size: 12px; color: #000; } p { margin: 0 0 .5em 0; text-align: justify; color: #000; } /*mani css start*/ /*blog css starts*/ .blog-new{ background-color: #f7f7f7; margin:10px 0; } .blog-new img{ width:100%; height:auto; padding:15px 0 15px 0; margin:0; } @media ( max-width:768px){ .blog-new img{ display:none; } } .blog-new h3{ color:#000; font-size:18px; padding-top:5px; } .blog-new h3 a{ text-decoration:none; color:#000; font-size:18px; padding-top:5px; } .blog-new p{ color:#000; font-size:12px; line-height:22px; word-break:break-all; } .blg-inr img{ margin:10px 0; } /*blog css ends */ /*pagination css */ .pager .active a{ background-color : #337AB7; color: #FFF; border: 0px; } /*pagintion css ends */ .list { overflow: hidden; } .list ul { padding-left: 0; list-style: none; margin-bottom: 1.5em; } .list ul li { position: relative; padding: 0 0 8px 20px; text-align: justify; } .list ul li:before { position: absolute; top: 0; left: 0; display: block; content: "\f0da"; font-family: 'FontAwesome'; font-size: 14px; color: #1abd9e; margin-right: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list.list__lg { font-size: 14px; } .list.list__lg ul li { padding: 4px 0 25px 50px; } .list.list__lg ul li:before { width: 28px; height: 28px; border: 1px solid #dc2a0b; border-radius: 2px; text-align: center; line-height: 26px; content: "\f00c"; } .list ol { padding-left: 0; list-style: none; margin-bottom: 1.5em; counter-reset: counter; } .list ol li { position: relative; padding: 0 0 8px 20px; } .list ol li:before { display: inline-block; /* block would also work */ position: absolute; /* move this out of the way of the text*/ left: 0; /* move the counter labe into the space from the padding */ content: counter(counter) ". "; counter-increment: counter; font-weight: bold; width: 20px; color: #DB8C61; } /*start to circle_part*/ .second-page-header{padding-top:0 !important; padding-bottom:0 !important;} .icon_strip { background: #e1e1de; width: 100%; } .icon_strip ul { list-style: none; margin: 0 !important; } .icon_strip ul li { float: left;/* background: url("../images/strip_img.png") no-repeat scroll 41px 17px; width: 152px;*/ } .icon_strip ul li:last-child { float: left; background: none !important; width: 0 !important; } .circle_part { display: block; color: #fff; text-align: center; border-radius: 0%; margin: 0 0 2px 0; width: 81px; } .circle_part i { color: #eaeaea; font-size: 14px; } .title01 { text-align: center; font-size:12px; margin:auto !important; color: #fff; } .servicess { background: #3c5a9a none repeat scroll 0 0; border-radius: 5px; margin: 6px 5px 0 15px; padding: 0 8px; text-align: center !important; width: 122px; } .insta_center { padding:0 13%; } .mrg_r09 { margin: 0 0 0 -9px !important; } .mrg_r08 { margin: 0 0 0 -8px !important; } .strip_img { display: block; float: left; margin: 14px 0 0; } .pdt12 { padding-top:12px !important; } .pdt14 { padding-top:12px !important; } /*end to circle_part*/ /*5/9/2016*/ /* 15-9-16*/ .check_list { overflow: hidden; } /* 15-9-16*/ .check_list ul { padding-left: 0; list-style: none; margin-bottom: 1.5em; } .check_list ul li { position: relative; padding: 0 0 8px 20px; } .check_list ul li:before { position: absolute; top: 0; left: 0; display: block; content: "\f0da"; font-family: 'FontAwesome'; font-size: 14px; color: #1abd9e; margin-right: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bg { background-attachment: scroll; background-clip: border-box; background-color: #f5f5f5; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; } .strip_add { width:100%; height:53px; background-color:#32b2a2; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding-top:15px; font-weight:bold; } .strip_txt { font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#666; text-align:center; padding-top:15px; font-weight:bold; } .strip_shade { width:100%; height:21px; margin:0 auto; } .sky_col { background:#1abd9e !important; color:#fff; } .thnks_bg { border: 15px solid #50b2ac; background-color: #f1f7f8; margin: 30px 0; } .thnks_bg h1 { text-align: center; font-family: "Arial Black", Gadget, sans-serif; color: #000; font-size: 36px; text-transform: uppercase; } .thnks_bg p { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 14px; line-height: 22px; text-align: center; text-transform: uppercase; padding: 0 20px; } .top_header { color: rgb(255, 255, 255); height: 29px; width: 100%; background: #05494b none repeat scroll 0px 0px; border-bottom: 1px solid #50b2ac; line-height: 29px; font-size: 14px; float:right; margin-bottom:30px; } .top_header ul { list-style: outside none none; float:right; } @media (max-width:768px) { .top_header ul { list-style: outside none none; float:none; text-align:center; } } @media (max-width:768px) { .top_header { text-align:center; } } /*end of 15-9-16*/ .top_header li { padding:0; margin:0; } .top_header li a { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; font-size:14px; float:left; display:inline; } .top_header li a:hover { text-decoration:none; } /* Full-width input fields */ input[type=text], input[type=password] { width: 100%; padding: 5px 20px; margin-top: 0; margin-bottom: 15px; margin-left: 0; margin-right: 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } /* Set a style for all buttons */ button { background-color: #1abd9e; color: white; padding: 5px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius:5px; } /* Extra styles for the cancel button */ .cancelbtn { width: auto; padding: 10px 18px; background-color: #f44336; } /* Center the image and position the close button */ .imgcontainer { text-align: center; margin: 0px 0 12px 0; position: relative; } img.avatar { width: 40%; border-radius: 50%; } /*.container { padding: 16px; }*/ span.psw { float: right; padding-top: 16px; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ padding-top: 60px; } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 0% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 50%; /* Could be more or less, depending on screen size */ } @media (max-width: 767px) { .modal-content { width: 100%; } .modal { padding-top: 30px; } } /* The Close Button (x) */ .close { position: absolute; right: 25px; top: 0; color: #000; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: red; cursor: pointer; } /* Add Zoom Animation */ .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) { span.psw { display: block; float: none; } .cancelbtn { width: 100%; } } /* shoutouts*/ .shortouts { width: 100%; height: auto; border: 2px solid #000; margin: 20px 0; background-color: #eef2fd; } .shortouts img { width: 150px; height: 146px; margin: 0 55px; } .newtext { text-align: center; font-size: 14px; } .newtext a { font-family: Verdana, Geneva, sans-serif; color: #333; font-size: 12px; text-align: center; padding: 10px 0; } .newtext a:hover { color: #006; } .newdark { ont-family: Verdana, Geneva, sans-serif; color: #000; font-weight: 700; font-size: 12px; text-align: center; padding: 10px 0; } .newbutton { text-align: center; margin: 20px 0 20px 0; } .newbold { ont-family: Verdana, Geneva, sans-serif; color: #000; font-weight: 700; font-size: 15px; text-align: center; padding: 10px 0; } .newbutton a { width: 100%; height: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 14px; background-color: #1f336e; padding: 10px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } .newbutton a:hover { background-color: #333; text-transform: uppercase; text-decoration: none; } .newDrop { margin: 0 20px; } .newform { width: 100%; height: auto; border: 8px double #999; border-radius: 5px; padding: 10px; margin: 0 0 20px 0; } .newheading { font-family: Verdana, Geneva, sans-serif; color: #333; font-size: 14px; font-weight: 700; padding: 10px 0 0 0; } .newheading span { color: #900; } .form-control45 { background-color: #FFF; border: 1px solid #DCDCDC; border-radius: 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left: 18px; padding-right: 18px; } .form-control45 { display: block; width: 100%; height: 36px; padding: 8px 14px; font-size: 14px; margin: 0 0 30px 0; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 6px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-control23 { background-color: #FFF; border: 1px solid #DCDCDC; border-radius: 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left: 18px; padding-right: 18px; } .form-control23 { display: block; width: 100%; height: 66px; padding: 8px 14px; font-size: 14px; margin: 0; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 6px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .cat { font-size: 20px; font-weight: bold; text-align: center; color: #974A4C; } .pdrt { padding-right: 52px !important; } .ell2 option { padding: 10px 0 10px 10px; } .wth80 { width: 100% !important; } .text_colr { color: #1abd9e !important; } .bg_colr { background: #1abd9e !important; } /*start package css*/ /*mani dropdown...................*/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: -103%; margin-top: -6px; margin-left: -1px; width:220px; box-shadow:none; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*mani dropdown...................*/ #el11 option { padding: 10px; } [selected] { color: #f00; font-weight: bold; } .selectpart1 { background: #000 none repeat scroll 0 0; border: 1px solid #fff; border-radius: 65px; color: #fff; padding: 0 10px; width: 50%; margin-top: 8px; } .pdrt { padding-right: 52px !important; } #ell2 option { padding: 6px 0 6px 10px; } .wth80 { width: 100% !important; } .text_colr { color: #1abd9e !important; } .bg_colr { background: #1abd9e !important; } /*start package css*/ /*reverb*/ .bg_reverb { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_reverb.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .reverb_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #4f4f4f; } .reverb_123 { width: 100%; height: auto; background-color: #4f4f4f; padding: 15px 20px 15px 20px; } /*reverb*/ .bg_motion { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_motion.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .motion_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #023d56; } .motion_123 { width: 100%; height: auto; background-color: #023d56; padding: 15px 20px 15px 20px; } /*link*/ .bg_link { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_link.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .link_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #023d56; } .link_123 { width: 100%; height: auto; background-color: #023d56; padding: 15px 20px 15px 20px; } /*pinterst*/ .bg_pin { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_pin.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .pin_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #6f030f; } .pin_123 { width: 100%; height: auto; background-color: #6f030f; padding: 15px 20px 15px 20px; } /*twitch*/ .bg_tw { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_twitch.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .tw_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #6341a7; } .tw_123 { width: 100%; height: auto; background-color: #6341a7; padding: 15px 20px 15px 20px; } /**/ /*audiomack*/ .bg_am { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_am.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .am_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #3e3e3f; } .am_123 { width: 100%; height: auto; background-color: #3e3e3f; padding: 15px 20px 15px 20px; } /**/ /*audiomack*/ .bg_wo { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_world.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .wo_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #3e3e3f; } .wo_123 { width: 100%; height: auto; background-color: #3e3e3f; padding: 15px 20px 15px 20px; } /**/ /*sprinrilla*/ .bg_sp { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_spinrilla.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .sp_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #51385F; } .sp_123 { width: 100%; height: auto; background-color: #51385F; padding: 15px 20px 15px 20px; } /**/ /*spotify*/ .bg_tf { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_Spotify.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .tf_hr { margin: 10px auto; height: 5px; width: 200px; background-color: 39571a; } .tf_123 { width: 100%; height: auto; background-color: #39571a; padding: 15px 20px 15px 20px; } /**/ /*spotify*/ .bg_c2c { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_c2c.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .c2c_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #487134; } .c2c_123 { width: 100%; height: auto; background-color: #487134; padding: 15px 20px 15px 20px; } /**/ /*spotify*/ .bg_mix { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_mixcloud.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .mix_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #141c25; } .mix_123 { width: 100%; height: auto; background-color: #141c25; padding: 15px 20px 15px 20px; } /**/ .comn h1 { padding: 0; margin: 0 0 10px 0; } /*mani css end*/ .spacer { padding-top: 10px; padding-bottom: 10px; } .spacer-md { padding-top: 20px; padding-bottom: 20px; } .spacer-lg { padding-top: 40px; padding-bottom: 40px; } #wrapper { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; } .main { overflow: hidden; position: relative } .header { top: 0; } #logo { margin: 0; padding: 0; width: 262px; height: 64px; float: left; } .dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover { color: #fff; text-decoration: none; background-color: #009a7b } .navbar-inner { padding-left: 20px; padding-right: 20px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333, #222); background-image: -ms-linear-gradient(top, #333, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222)); background-image: -webkit-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: linear-gradient(top, #333, #222); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1) } .navbar .container { width: auto } .nav-collapse.collapse { height: auto } .navbar { color: #999 } .navbar .brand:hover { text-decoration: none } .navbar .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; font-size: 20px; font-weight: 200; line-height: 1; color: #fff } .navbar .navbar-text { margin-bottom: 0; line-height: 40px } .navbar .btn, .navbar .btn-group { margin-top: 5px } .navbar .btn-group .btn { margin-top: 0 } .navbar-form { margin-bottom: 0; *zoom: 1 } .navbar-form:before, .navbar-form:after { display: table; content: "" } .navbar-form:after { clear: both } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px } .navbar-form input, .navbar-form select { display: inline-block; margin-bottom: 0 } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0 } .navbar-search { position: relative; float: left; margin-top: 6px; margin-bottom: 0 } .navbar-search .search-query:-moz-placeholder { color: #ccc } .navbar-search .search-query::-webkit-input-placeholder { color: #ccc } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0 } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 2030; margin-bottom: 0 } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .navbar-fixed-top { top: 0; padding: 20px 0 20px 0; } .navbar-fixed-bottom { bottom: 0 } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0 } .navbar .nav.pull-right { float: right } .navbar .nav>li { display: block; float: left } .navbar .nav>li>a { float: none; padding: 10px 10px 11px; line-height: 19px; color: #999; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) } .navbar .nav>li>a:hover { background-color: transparent; color: #fff; text-decoration: none } .navbar .nav .active>a, .navbar .nav .active>a:hover { color: #fff; text-decoration: none; background-color: #222 } .navbar .divider-vertical { height: 40px; width: 1px; margin: 0 9px; overflow: hidden; background-color: #222; border-right: 1px solid #333 } .navbar .nav.pull-right { margin-left: 10px; margin-right: 0 } .navbar .dropdown-menu { margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .navbar .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px } .navbar .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 10px } .navbar-fixed-bottom .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto } .navbar-fixed-bottom .dropdown-menu:after { border-top: 6px solid #fff; border-bottom: 0; bottom: -6px; top: auto } .navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret { border-top-color: #fff; border-bottom-color: #fff } .navbar .nav .active .caret { opacity: 1; filter: alpha(opacity=100) } .navbar .nav .open>.dropdown-toggle, .navbar .nav .active>.dropdown-toggle, .navbar .nav .open.active>.dropdown-toggle { background-color: transparent } .navbar .nav .active>.dropdown-toggle:hover { color: #fff } .navbar .nav.pull-right .dropdown-menu, .navbar .nav .dropdown-menu.pull-right { left: auto; right: 0 } .navbar .nav.pull-right .dropdown-menu:before, .navbar .nav .dropdown-menu.pull-right:before { left: auto; right: 12px } .navbar .nav.pull-right .dropdown-menu:after, .navbar .nav .dropdown-menu.pull-right:after { left: auto; right: 13px } @media(max-width:480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0) } .page-header h1 small { display: block; line-height: 18px } } @media(max-width:767px) { .navbar-fixed-top { margin-left: -20px; margin-right: -20px } .row-fluid { width: 100% } .row { margin-left: 0 } .row>[class*="span"], .row-fluid>[class*="span"] { float:none; display:block; width:auto; margin:0 } .thumbnails [class*="span"] { width: auto } } @media(min-width:768px) and (max-width:979px) { } @media(max-width:979px) { body { padding-top: 0 } .navbar-fixed-top { position: static; margin-bottom: 0 } .navbar-fixed-top .navbar-inner { padding: 5px } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px } .navbar .nav-collapse { clear: left } .navbar .nav { float: none; margin: 0 0 9px } .navbar .nav>li { float: none } .navbar .nav>li>a { margin-bottom: 2px } .navbar .nav>.divider-vertical { display: none } .navbar .nav .nav-header { color: #999; text-shadow: none } .navbar .nav>li>a, .navbar .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .navbar .dropdown-menu li+li a { margin-bottom: 2px } .navbar .nav>li>a:hover, .navbar .dropdown-menu a:hover { background-color: #222 } .navbar .dropdown-menu { position: static; top: auto; left: auto; float: none; display: block; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .navbar .dropdown-menu:before, .navbar .dropdown-menu:after { display: none } .navbar .dropdown-menu .divider { display: none } .navbar .nav.pull-right { float: none; margin-left: 0 } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px } } @media only screen and (min-width: 760px) and (max-width: 980px) { .nav { float: left!important } .nav li { float: left!important } .nav .dropdown .dropdown-menu li { float: none!important } } @media only screen and (max-width: 779px) { .navbar .navbar-inner .container a { display: block; clear: both; margin-left: 20px } .navbar .navbar-inner .container ul { margin-left: 20px } } @media only screen and (min-width: 480px) and (max-width: 767px) { .navbar .navbar-inner .container a { display: block; clear: both; margin-left: 20px } .navbar .navbar-inner .container ul { margin-left: 20px } } @media(max-width:980px) { .navbar-fixed-top .brand { float: left; margin-left: 0; padding-left: 10px; padding-right: 10px } } @media(min-width:1210px) { .subnav-fixed .nav { width: 1168px } } body { margin-top: -22px } code { color: #015787 } .modal { border-radius: 0 } .navbar { background-color: #222!important } .navbar .nav { margin-left: 20px } .navbar-inner { background-color: #222!important } .navbar .navbar-inner .container { margin: 10px auto; background-color: #222!important } .bg_banner { height: auto; background-image: url(../images/banner.jpg); background-position: center; } /*.banner{ padding:4px 0 30px 0 }*/ @media( max-width:678px) { .bg_banner { height: auto; } .banner { padding: 25px 0 30px 0; margin: 0; } .shadow { display: none; } } .shadow { margin: 0 auto; padding: 0; width: 1022px; height: 33px; padding-bottom: 30px; } .banner { width: 100%; } .green-media { background: url(../images/bg1.png) repeat; margin: 0; padding: 15px 0; border-bottom: 5px solid #e9e9e9; border-top: 4px solid #3f6769; } .green-media h2 { color: #FFF; font-size: 28px; font-family: 'Josefin Sans', cursive; text-align: center; /*text-transform: uppercase;*/ font-weight: 600 } .green-media p { color: #FFF; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-align: center; /*text-transform: uppercase;*/ } .green-media-inner { background-color: #1abd9e; /* margin: 76px 0 0 0; */ padding: 15px 0; } @media ( max-width:768px) { .green-media { display: none; } } .green-media-inner h2 { color: #FFF; font-size: 28px; font-family: 'Josefin Sans', cursive; text-align: center; text-transform: uppercase; font-weight: 600 } .green-media-inner p { color: #FFF; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; } .up_down { padding-top: 30px; padding-bottom: 60px; background-color: #f5f5f5; } hr { border: 0; border-top: 3px double #eee; } /* ============================================================ Sweep To Right Effect ============================================================*/ .kode_pet_lnk_1 { padding: 15px 25px; margin: 0 0 20px 0; display: inline-block; background-color: #fff; box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); border-radius: 50px; padding: 20px 25px; text-transform: uppercase; line-height: normal; font-weight: bold; overflow: hidden; } .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; overflow: hidden; box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; border-radius: 30px; background-color: #000; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; text-decoration: none; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ============================================================== Pet Services Wrap Style ============================================================== */ .kode_pet_caption a:hover, .kode_pet_lnk_1, { blockquote:before, blockquote:after, #koderespond form input[type="text"], #koderespond form p textarea, #koderespond form p input[type="button"]:hover, #koderespond form p input[type="submit"]:hover, .kode_pet_navigation ul.nav li:hover a, .kode_pet_navigation ul.nav li.active a, } .kode_pet_service_lst { float: left; width: 100%; position: relative; border: 1px solid #eeeeee; padding: 10px; text-align: center; background-color: #bcb9b9; } .kode_pet_service_lst figure { border: 1px solid #eeeeee; } .kode_gallery_img figure:after, .kode_pet_gallery figure:before, .kode_pet_service_lst figure:before { background: #000; } .kode_pet_service_lst figure img { width: 100%; height: auto; } .kode_pet_service_lst figure:before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; } .kode_pet_service_lst:hover figure:before { height: 100%; opacity: 0.7; } .kode_pet_service_caption { float: left; width: 100%; /* padding:15px 0px; */ margin-bottom: 0px; position: absolute; bottom: 0px; } .kode_pet_service_caption h5 { text-transform: uppercase; font-weight: bold; color: #fff; font-family: 'Josefin Sans', sans-serif; font-size: 20px; } .kode_pet_service_hover { float: left; width: 100%; text-align: center; position: absolute; top: 20%; padding: 0px 25px; margin: 0 0px 0px; opacity: 0; } .kode_pet_service_hover p { line-height: 24px; color: #fff; font-weight: bold; margin: 0px 0px 20px; word-break: break-all; font-family: 'arial', sans-serif; } .kode_pet_service_hover a { color: #fff; text-transform: uppercase; position: relative; font-weight: bold; } .kode_pet_service_hover a:before { content: ""; position: absolute; bottom: -8px; width: 50px; left: 50%; height: 2px; background-color: #fff; margin-left: -25px; } .kode_pet_service_hover a:after { content: ""; position: absolute; bottom: -15px; width: 30px; left: 50%; height: 2px; background-color: #fff; margin-left: -14px } .kode_pet_service_hover a:hover { color: #fff; } .kode_pet_service_hover a:hover:before, .kode_pet_service_hover a:hover:after { background-color: #fff; } .kode_pet_service_lst:hover .kode_pet_service_caption { top:50px; background: none; padding: 0px; } .kode_pet_service_lst:hover .kode_pet_service_hover { top: 30%; opacity: 1; } /* ============================================================== Pet Find Best Companion Wrap Style ============================================================== */ #our-pets { padding-bottom: 25px; } .kode_moq_piler a { float: left; width: 100%; margin: 0px 0px 28px; position: relative; text-align: center; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.18); background: #000; } .kode_moq_piler figure { border-bottom: 3px solid; } .kode_moq_piler figure img { width: 100%; height: auto; } .kode_moq_piler_logo { position: absolute; width: 100%; text-align: center; bottom: 0px; background-color: #fff; border-top: 3px solid; padding: 10px 0px 0px; } .kode_moq_piler_logo i { width: 60px; height: 60px; font-size: 35px; border-radius: 100%; color: #fff; line-height: 58px; border: 3px solid; position: absolute; top: -34px; margin: auto 0px auto -30px; } .kode_moq_piler_logo h5 { color: #0b0b0b; text-transform: uppercase; font-weight: bold; position: relative; padding: 15px 0px 5px; } .kode_moq_piler_logo h5:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; /*border-bottom:1px solid;*/ width: 15%; height: 100%; } .kode_moq_piler:hover .kode_moq_piler_logo { background: none; border: 0px; } .kode_moq_piler:hover figure { opacity: 0.4; } .kode_moq_piler:hover .kode_moq_piler_logo h5 { color: #fff; } .kode_moq_piler:hover .kode_moq_piler_logo h5:before { border-color: #fff; } .kode_moq_piler:hover .kode_moq_piler_logo { bottom: 88px; } .kode_moq_piler:hover .kode_moq_piler_logo i { background-color: #05494b; } .kode_moq_piler:hover { box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.18); } /* *============ Media 1024Px Start ============ */ @media (max-width:1024px) { .kode_pet_service_lst:hover .kode_pet_service_caption { top:38px; } .kode_moq_piler:hover .kode_moq_piler_logo { bottom:63px; } .kode_test_des { margin:-68px 0 0; } .kode_test_des p::after { bottom:22px; } } /* Pet Heading Wrap Style */ /*Heading 1 Style*/ .kode_pet_heading_1, .kode_pet_heading_2, .kode_pet_heading_3 { float: left; width: 100%; position: relative; text-align: center; margin-bottom: 30px; font-family: 'Josefin Sans', cursive; } .kode_pet_heading_1 h3, .kode_pet_heading_2 h3, .kode_pet_heading_3 h3 { font-weight: bold; text-transform: uppercase; margin: 0px 0px 16px; line-height: 25px; font-family: 'Josefin Sans', cursive; } .kode_pet_heading_1 span, .kode_pet_heading_2 span, .kode_pet_heading_3 span { float: left; width: 100%; position: relative; } .kode_pet_heading_1 span { margin-bottom: 7px; } .kode_pet_heading_1 span:before, .kode_pet_heading_3 span:before { content: ""; position: absolute; top: 12px; left: 0px; right: 0px; margin: auto; width: 120px; height: 1px; background-color: #666666; } .kode_pet_heading_1 i { display: inline-block; font-size: 20px; color: #000000; position: relative; z-index: 1000; padding: 0px 8px; background-color: #fff; } .kode_pet_heading_1 p { word-break: break-all; padding: 0px 20px; text-align: center; margin: 0px; font-family: Arial, Helvetica, sans-serif; } /* ============================================================== Pet Our Blog Wrap Style ============================================================== */ .kode_latest_blog_outer { padding-bottom: 0px; } .kode_latest_blog { margin-top: 15px; float: left; width: 100%; } .kode_pet_blog { float: left; width: 100%; border: 2px solid #ededed; border-radius: 3px; position: relative; padding: 30px; } .our-blogs .kode_pet_blog { margin-bottom: 50px; } .kode_pet_blog h3 { position: absolute; top: -10px; left: 50%; width: 350px; color: #000; background-color: #fff; text-transform: uppercase; font-weight: bold; margin: 0px 0px 0px -160px; padding: 0 20px; text-align: center; font-family: 'Josefin Sans', san-sarif; } .kode_pet_blog figure { margin: 0px 0px 30px; } .kode_pet_blog figure img { width: 100%; height: auto; } .kode_pet_blog_des { float: left; width: 100%; text-align: center; } .kode_pet_blog_des h5 { text-transform: uppercase; font-weight: 600; margin: 0px 0px 22px; line-height: 20px; color: #333; font-size: 20px; } .kode_pet_blog_des ul { float: left; width: 100%; margin: 0px 0px 15px; } .kode_pet_blog_des ul li { display: inline-block; position: relative; border-left: 1px solid #2c2c2c; text-transform: capitalize; padding: 0px 8px; line-height: 16px; } .kode_pet_blog_des ul > li > a { display: block; color: #333; } .kode_pet_blog_des ul li a b, .kode_pet_blog_des ul li a strong { font-weight: 400; } .kode_pet_blog_des ul li i { margin: 0px 5px 0px; } .kode_pet_blog_des ul li:first-child { border: 0px; } .kode_pet_blog_des p { word-break: break-all; margin: 0px 0px 24px; line-height: 24px; } .kode_pet_blog_des > a { display: inline-block; font-size: 16px; text-transform: uppercase; border: 2px solid #999999; border-radius: 30px; line-height: 18px; padding: 15px 25px; color: #333; font-family: 'Josefin Sans', sans-serif; } figure { float: left; overflow-x: hidden; overflow-y: hidden; position: relative; width: 100%; } /* ============================================================== footer ============================================================== */ .footer_upper { width: 100; height: auto; padding: 30px; background-image: url(../images/bg_footer.jpg); background-repeat: repeat; font-weight: normal; } .footer_upper h2 { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 30px; text-align: center; } .footer_upper hr { font-size: 20px; color: #000000; z-index: 9999; margin: 10px 20px 30px; } .footer_upper h3 { font-family: Arial, Helvetica, sans-serif; color: #009b73; font-size: 20px; text-align: center; /*text-transform: uppercase;*/ } .footer_upper p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; text-align: center; line-height: 22px; font-weight: normal } .copyright { background-color: #000; /* border-bottom:#009b73 4px solid; */ padding: 10px 0; } .copytext p { text-align: left; color: #FFF; font-size: 14px; font-style: italic; padding: 20px 0 0 0; } /* ============================================================== Pet Footer Copy Right Wrap Widgets ============================================================== */ .kode_pet_copyright { float: left; width: 100%; background-color: #3b3b3b; position: relative; padding: 20px 0px; overflow: hidden; } .kode_footr_copy { float: left; } .kode_footr_copy p { margin: 0px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; padding-top: 8px; } .kode_pet_foo_scl { float: right; } .kode_pet_foo_scl ul { float: left; width: 100%; } .kode_pet_foo_scl ul li { float: left; position: relative; margin: 20px 0px 0px 12px; } .kode_pet_foo_scl ul li a { display: block; border-radius: 100%; width: 35px; height: 35px; border: 2px solid #fff; font-size: 16px; text-align: center; line-height: 32px; color: #fff; position: relative; z-index: 99999; } .kode_pet_foo_scl ul li a:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 0px; height: 0px; margin: auto; z-index: -1; border-radius: 100%; } .kode_pet_foo_scl ul li:hover a:before { width: 100%; height: 100%; } .kode_pet_foo_scl ul li:first-child { margin-left: 0px; } /*snapchat*/ .bg_we { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_we.png); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .snap_h2 { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; text-align: center; font-weight: 700; padding: 5px 0; line-height: 22px; } .snap_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #FF0; } .snap_p { color: #FFF; font-size: 14px; font-family: Verdana, Geneva, sans-serif; text-align: center; } .snap_i { color: #FFF; font-size: 30px; font-family: Verdana, Geneva, sans-serif; text-align: center; margin: 10px 0 10px 0; } .snap_123 { width: 100%; height: auto; background-color: #FC0; padding: 15px 20px 15px 20px; } .icon_snap { width: 79px; height: 79px; border-radius: 50%; border: 2px #666600 solid; margin: 10px auto; } .field-style { padding: 0 15px 0 15px; margin: 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; } .select-style { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/snap_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style select:focus { outline: none; } .snap-btn { width: 155px; margin: 20px auto; } input[type=submit] { background-image: url(../images/button_snap.png); background-color: transparent; border: 0; display: block; height: _the_image_height; width: _the_image_width; font-size: 0; width: 100%; height: 50px; background-repeat: no-repeat; background-position:center 0; } /*facebook*/ .bg_fb { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_fb.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .fb_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #395899; } .fb_123 { width: 100%; height: auto; background-color: #395899; padding: 15px 20px 15px 20px; } .select-style-fb { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/fb_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-fb .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-fb select:focus { outline: none; } /*insta*/ .bg_insta { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_insta.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .insta_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #a57d60; } .insta_123 { width: 100%; height: auto; background-color: #a57d60; padding: 15px 20px 15px 20px; } .select-style-insta { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/insta_arrow1.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-insta .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-insta select:focus { outline: none; } /*youtube*/ .bg_yt { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_yt.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .yt_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #d02221; } .yt_123 { width: 100%; height: auto; background-color: #d02221; padding: 15px 20px 15px 20px; } .select-style-yt { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/insta_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-yt .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-yt select:focus { outline: none; } /*vine*/ .bg_vine { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_vine.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .vine_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #00bf8f; } .vine_123 { width: 100%; height: auto; background-color: #00bf8f; padding: 15px 20px 15px 20px; } .select-style-vine { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/insta_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-vine .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-vine select:focus { outline: none; } /*twitter*/ .bg_twitter { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_twitter.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .twitter_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #6faedc; } .twitter_123 { width: 100%; height: auto; background-color: #6faedc; padding: 15px 20px 15px 20px; } .select-style-twitter { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/insta_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-twitter .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-twitter select:focus { outline: none; } /*vk*/ .bg_vk { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_vk.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .vk_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #20528b; } .vk_123 { width: 100%; height: auto; background-color: #20528b; padding: 15px 20px 15px 20px; } .select-style-vk { padding: 0; margin: 0 0 20px 0; border: 1px solid #000; width: 100%; border-radius: 2px; overflow: hidden; background-color: #fff; background: #fff url(../images/insta_arrow.jpg) no-repeat 100% 50%;/* background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/ } .select-style-twitter .select { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .select-style-twitter select:focus { outline: none; } /*vevo*/ .bg_vevo { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_vevo.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .vevo_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #760515; } .vevo_123 { width: 100%; height: auto; background-color: #760515; padding: 15px 20px 15px 20px; } /*peris*/ .bg_peris { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_peris.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .peris_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #2e96b1; } .peris_123 { width: 100%; height: auto; background-color: #2e96b1; padding: 15px 20px 15px 20px; } /*tele*/ .bg_tele { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_tele.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .tele_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #22637f; } .tele_123 { width: 100%; height: auto; background-color: #22637f; padding: 15px 20px 15px 20px; } /*live*/ .bg_live { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_live.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .live_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #004885; } .live_123 { width: 100%; height: auto; background-color: #004885; padding: 15px 20px 15px 20px; } /*g-plus*/ .bg_gplus { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_gplus.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .gplus_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #771f15; } .gplus_123 { width: 100%; height: auto; background-color: #771f15; padding: 15px 20px 15px 20px; } /*datpiff*/ .bg_datpiff { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_dat.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .datpiff_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #000000; } .datpiff_123 { width: 100%; height: auto; background-color: #000000; padding: 15px 20px 15px 20px; } /*reverb*/ .bg_reverb { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_reverb.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .reverb_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #4f4f4f; } .reverb_123 { width: 100%; height: auto; background-color: #4f4f4f; padding: 15px 20px 15px 20px; } /*reverb*/ .bg_motion { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_motion.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .motion_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #023d56; } .motion_123 { width: 100%; height: auto; background-color: #023d56; padding: 15px 20px 15px 20px; } /*link*/ .bg_link { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_link.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .link_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #023d56; } .link_123 { width: 100%; height: auto; background-color: #023d56; padding: 15px 20px 15px 20px; } /*pinterst*/ .bg_pin { padding: 5px 0; margin-bottom: 20px; background-image: url(../images/bg_pin.jpg); background-repeat: repeat; -webkit-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); -moz-box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); box-shadow: -1px 0px 5px 5px rgba(0, 0, 0, 0.31); } .pin_hr { margin: 10px auto; height: 5px; width: 200px; background-color: #6f030f; } .pin_123 { width: 100%; height: auto; background-color: #6f030f; padding: 15px 20px 15px 20px; } .mob_view { display: none; } @media (max-width:767px) { .mob_view { display: inline; } .desktop_view { } @media (max-width:767px) { .desktop_view { display:none; } } /* // #Accordion // -------------------------------------------------- */ .panel-group { margin-bottom: 0; } .panel-group .panel { border-radius: 0; border-color: #fff; } .panel-group .panel + .panel { margin-top: 2px; } .panel-group .panel:first-child { border-radius: 4px 4px 0 0; } .panel-group .panel:last-child { border-radius: 0 0 4px 4px; } .panel-group .panel-heading { border-bottom: 0; padding: 0; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-title { font-size: 13px; font-family: 'Muli', sans-serif; line-height: 1.5em; text-transform: none; padding: 0; } .panel-group .panel-title > a { display: block; padding: 5px 20px 5px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #FC7C00; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title > a:before { display: block; display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 12px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title > a:hover { text-decoration: none; } /*FACEBOOK*/ .panel-group .panel-title_f { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_f > a { display: block; padding: 5px 20px 5px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #448cd1; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title_f > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_f > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_f > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_f > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_f > a:hover { text-decoration: none; } /**/ /*insta*/ .panel-group .panel-title_i { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_i > a { display: block; padding: 5px 20px 5px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #7F3826; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title_i > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_i > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_i > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_i > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_i > a:hover { text-decoration: none; } /**/ /*vine*/ .panel-group .panel-title_v { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_v > a { display: block; padding: 5px 20px 5px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #5AC7D9; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title_v > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_v > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_v > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_v > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_v > a:hover { text-decoration: none; } /**/ /*twitter*/ .panel-group .panel-title_t { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_t > a { display: block; padding: 5px 20px 5px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #49C8F5; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 10px; } .panel-group .panel-title_t > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 14px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_t > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_t > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_t > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_t > a:hover { text-decoration: none; } /**/ /*livemix*/ .panel-group .panel-title_l { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_l > a { display: block; padding: 8px 20px 8px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #FC7C00; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title_l > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 12px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_l > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_l > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_l > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_l > a:hover { text-decoration: none; } /**/ /*DATPIFF*/ .panel-group .panel-title_d { font-size: 13px; font-family: 'Muli', sans-serif; text-transform: none; padding: 0; margin: 0; } .panel-group .panel-title_d > a { display: block; padding: 8px 20px 8px 40px; color: #fff; text-decoration: none; font-weight: bold; background-color: #FC7C00; -webkit-transition: 0.2s; transition: 0.2s; position: relative; border-radius: 0px; } .panel-group .panel-title_d > a:before { display: block; position: absolute; left: 17px; top: 10px; content: "\f068"; font-family: 'FontAwesome'; font-size: 12px; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .panel-group .panel-title_d > a.collapsed { color: #fff; font-weight: bold; } .panel-group .panel-title_d > a.collapsed:before { color: #fff; font-weight: bold; content: "\f067"; } .panel-group .panel-title_d > a.collapsed:hover { text-decoration: none; } .panel-group .panel-title_d > a:hover { text-decoration: none; } /**/ .panel-group .panel-body { padding: 20px 28px; background: #f7f7f7; } s .panel-group__clean .panel-title > a { background: #efefef; color: #dc2a0b; } .panel-group__clean .panel-title > a:before { color: #dc2a0b; } .panel-group__clean .panel-body { background: #fff; } /* // #Call to Action // -------------------------------------------------- */ /* -------------------------------------------------- */ .list { overflow: hidden; } .list ul { padding-left: 0; list-style: none; margin-bottom: 1.5em; } .list ul li { position: relative; border-bottom: 1px solid #CCC; padding: 10px 0 10px 20px; } .list ul li a { padding: 5px 0 8px 5px; font-size: 15px; font-weight: bold; } .list ul li a:before { position: absolute; top: 10px; left: 0; display: block; content: "\f0da"; font-family: 'FontAwesome'; font-size: 14px; color: #dc2a0b; margin-right: 5px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nav-list{ text-decoration:none; border:1px solid #07fecf; background-color:#1abd9e; margin-right:20px; } .nav-list ul{ text-decoration:none; margin:0; padding:0; } .nav-list li{ text-decoration:none; display:block; padding:0; } .nav-list li a{ font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:14px; padding:0 0 5px 0; font-weight:bold; } .nav-list li a:hover{ color:#666; } .nav-list li a .fa{ color:#fff; font-size:16px; background-color:#05494b; padding:6px 10px; margin:10px 10px 0 10px; }