* { font-family: 'Open Sans', Arial, sans-serif; } body { background: #1E75BC; } b { font-weight: bold; } .margin-b-40 { margin-bottom: 40px; } .margin-tb-20 { margin-top: 20px; margin-bottom: 20px; } .margin-tb-10 { margin-top: 10px; margin-bottom: 10px; } .link { float: left; text-decoration: none; font-size: 13px; } .left { float: left; } .right { float: right; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #CECECF; margin: 10px 0; padding: 0; width: 100%; } .clear { clear: both; } .color { color: #1e75bc!important; } .background-color, .bgcolor { background-color: #1e75bc!important; } .background-color-trans { background-color: rgba(0,170,170,0.8) !important; zoom: 1; } .background-color-darker { background-color: #0a3b63!important; } .border-color { border-color: #1e75bc!important; } .border-left-color { border-left-color: #1e75bc!important; } .border-top-color { border-top-color: #1e75bc!important; } .border-color-darker { border-color: #0a3b63!important; } .font-15 { font-size: 15px!important; } ::selection { background: #1e75bc; color: #FFFFFF; } .portfolio_isotope_height { height: 50px; } /* METRO ICONS */ .home-icon { background-image: url("icons/home.png"); background-repeat: no-repeat; } .aboutus-icon { background-image: url("icons/aboutus.png"); background-repeat: no-repeat; } .services-icon { background-image: url("icons/services.png"); background-repeat: no-repeat; } .portfolio-icon { background-image: url("icons/portfolio.png"); background-repeat: no-repeat; } .blog-icon { background-image: url("icons/blog.png"); background-repeat: no-repeat; } .contact-icon { background-image: url("icons/contact.png"); background-repeat: no-repeat; } .announce-icon { background-image: url("icons/announce.png"); background-repeat: no-repeat; } .info-icon { background-image: url("icons/info-icon.png"); background-repeat: no-repeat; } .to-left-icon { background-image: url("icons/to-left-arrow.png"); background-repeat: no-repeat; } .to-left-icon-b { background-image: url("icons/to-left-icon-black.png"); background-repeat: no-repeat; } .to-right-icon { background-image: url("icons/to-right-arrow.png"); background-repeat: no-repeat; } .pencil-icon { background-image: url("icons/pencil.png"); background-repeat: no-repeat; } .android-icon { background-image: url("icons/android.png"); background-repeat: no-repeat; } .connection-icon { background-image: url("icons/connection.png"); background-repeat: no-repeat; } .twitter-icon { background-image: url("icons/twitter.png"); background-repeat: no-repeat; } .clients-icon { background-image: url("icons/clients.png"); background-repeat: no-repeat; } .welcome-icon { background-image: url("icons/welcome.png"); background-repeat: no-repeat; } .calendar-icon { background-image: url("icons/calendar.png"); background-repeat: no-repeat; } .phone-icon { background-image: url("icons/phone.png"); background-repeat: no-repeat; } .mail-icon { background-image: url("icons/mail.png"); background-repeat: no-repeat; } .mail-icon-b { background-image: url("icons/mail-b.png"); background-repeat: no-repeat; } .info-icon-b { background-image: url("icons/info-icon-b.png"); background-repeat: no-repeat; } .star-icon-b { background-image: url("icons/star-icon-b.png"); background-repeat: no-repeat; } .drupal-icon { background-image: url("icons/drupal.png"); background-repeat: no-repeat; } .doc-list-icon { background-image: url("icons/doc-list.png"); background-repeat: no-repeat; } .connection-w { background-image: url("icons/connection-w.png"); background-repeat: no-repeat; } .grid { background-image: url("icons/grid.png"); background-repeat: no-repeat; } .tag-cloud { background-image: url("icons/tag-cloud.png"); background-repeat: no-repeat; } .faq { background-image: url("icons/faq.png"); background-repeat: no-repeat; } .title-icon { background-image: url("icons/title.png"); background-repeat: no-repeat; } .magnifier { background-image: url("icons/magnifier.png"); background-repeat: no-repeat; } .icon-facebook { background-image: url("icons/facebook.png"); background-repeat: no-repeat; } .to-left-icon-db { background-image: url("icons/to-left-arrow-double.png"); background-repeat: no-repeat; } .to-right-icon-db { background-image: url("icons/to-right-arrow-double.png"); background-repeat: no-repeat; } /* OTHER ICONS */ .twitter-white-icon { background-image: url("icons/twitter-white-icon.png"); background-repeat: no-repeat; } .plus { background-image: url("img/plus.png")!important; } /* SOCIAL ICONS */ .social-facebook { background-image: url("icons/social-facebook.png"); } .social-twitter { background-image: url("icons/social-twitter.png"); } .social-youtube { background-image: url("icons/social-youtube.png"); } .social-whale { background-image: url("icons/social-whale.png"); } .black-icon-android { background-image: url("icons/black/android.png"); background-repeat: no-repeat; } .black-icon-announce { background-image: url("icons/black/announce.png"); background-repeat: no-repeat; } .black-icon-calendar { background-image: url("icons/black/calendar.png"); background-repeat: no-repeat; } .black-icon-clients { background-image: url("icons/black/clients.png"); background-repeat: no-repeat; } .black-icon-cloud { background-image: url("icons/black/cloud.png"); background-repeat: no-repeat } .black-icon-connection { background-image: url("icons/black/connection.png"); background-repeat: no-repeat; } .black-icon-document { background-image: url("icons/black/document.png"); background-repeat: no-repeat; } .black-icon-drupal { background-image: url("icons/black/drupal.png"); background-repeat: no-repeat; } .black-icon-faq { background-image: url("icons/black/faq.png"); background-repeat: no-repeat; } .black-icon-grid { background-image: url("icons/black/grid.png"); background-repeat: no-repeat; } .black-icon-info { background-image: url("icons/black/info.png"); background-repeat: no-repeat; } .black-icon-left { background-image: url("icons/black/left.png"); background-repeat: no-repeat; } .black-icon-magnifier { background-image: url("icons/black/magnifier.png"); background-repeat: no-repeat; } .black-icon-mail { background-image: url("icons/black/mail.png"); background-repeat: no-repeat; } .black-icon-pencil { background-image: url("icons/black/pencil.png"); background-repeat: no-repeat; } .black-icon-star { background-image: url("icons/black/star.png"); background-repeat: no-repeat; } .black-icon-title { background-image: url("icons/black/title.png"); background-repeat: no-repeat; } .black-icon-twitter { background-image: url("icons/black/twitter.png"); background-repeat: no-repeat; } .black-icon-customer { background-image: url("icons/black/customer.png"); background-repeat: no-repeat; } .white-social-face { background-image: url("one_icons/social_facebook.png"); background-repeat: no-repeat; } .white-social-twit { background-image: url("one_icons/social_twitter.png"); background-repeat: no-repeat; } .white-social-goog { background-image: url("one_icons/social_google_plus.png"); background-repeat: no-repeat; } .white-social-yout { background-image: url("one_icons/social_youtube.png"); background-repeat: no-repeat; } .bgcolor-3 { background-color: #1C2224; } #page_wrap { width: 100%; float: left; background: #1E75BC; position: relative; overflow: hidden; } /** * LEFT SIDE/MENU COLUMN STARTS * * **/ header { width: 320px; background: #1E75BC; float: left; } #logo { display : block; padding : 48px 20px 0 20px; } nav { width: 100%; } #menu { float: left; width: 100%; } #menu ul { margin-left: 0; } #menu li { display: block; float: left; position: relative; width: 100%; line-height: 100%;} #menu li.active { background: #1468AC; } .menu-specs { position: relative; float: left; z-index: 1; background-position: 20px center; padding: 5px 0 5px 10px; } .menu-specs div { width: 30px; height: 30px; position: absolute; left: 20px; top: 26px; } #menu li a, #menu li span { z-index: 2; } .menu-abs-bg { position: absolute; height: 100%; width: 0; right: 0; top: 0; z-index: 1; -webkit-transition: width ease 0.5s; -moz-transition: width ease 0.5s; -ms-transition: width ease 0.5s; -o-transition: width ease 0.5s; transition: width ease 0.5s; } #menu li:hover .menu-abs-bg { width: 100%; } #menu li .menu-specs a { display: block; font-size: 20px; line-height: 20px; text-decoration: none; color: #FFFFFF; } #menu li .menu-specs span { display: block; font-size: 13px; color: #6C6C6C; } #menu li:hover .menu-specs span { color: #000000; } #menu li.active-menu-item .menu-specs span { color: #000000; } #menu > li > ul { display: none; float: left; width: 100%; z-index: 100; position: absolute; background-color: #1468AC; left: 220px; top: 0px;} #menu > li > ul > li { display: block; float: left; padding: 5px 10px; position: relative; width: 170px; margin-top: 5px;} /*#menu > li > ul > li .sub-menu-bg { position: absolute; width: 100%; height: 100%; -webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; opacity: 0; z-index: 1; left: 0; top: 0; }*/ #menu > li > ul > li:hover .sub-menu-bg { opacity: 1; } #menu > li > ul > li:first-child { border-top: none; } #menu > li > ul > li:last-child { border-radius: 0 0 5px 5px; border-bottom: none; } #menu > li > ul > li > a { font-size: 12px; text-decoration: none; color: #FFFFFF; z-index: 2; position: relative; } #subLevel { border-left-width: 5px; border-left-style: solid; position: absolute; z-index: 9999; left: 250px; top: 0; width: 0; height: 100%; -webkit-transition: width ease 0.5s; -moz-transition: width ease 0.5s; -ms-transition: width ease 0.5s; -o-transition: width ease 0.5s; } #subLevel ul { list-style: none; } #opener { display: block; width:0; height:0; border-right:20px solid transparent; border-top-width:20px; border-left-width:20px; border-top-style: solid; border-left-style: solid; border-bottom:20px solid transparent; position: absolute; right: -35px; top: 0; } .opener-plus { width: 30px; height: 30px; background: url('img/plus.png') center center no-repeat; margin: -22px 0 0 -23px; } .opener-minus { width: 30px; height: 30px; background: url('img/minus.png') center center no-repeat; margin: -22px 0 0 -23px; } .active-sub-level { width: 200px!important; } #subLevel ul li a { text-decoration: none; display: block; color: #FFFFFF; font-size: 15px; border-bottom-width: 1px; border-bottom-style: solid; padding: 0 5px; line-height: 37px; } #subLevel ul li:last-child a { border-bottom: none; } #subLevel ul { display: none; } .music-and-email { color:white; padding: 0px 0px; clear: both; } .music { text-align: center; } #mc_embed_signup { margin:10px 0; float:left; } #mc_embed_signup a.signup { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; float: left; font-family: arial; font-size: 14px; font-weight: bold; margin: 0 0 10px 10px; padding: 5px 10px; text-decoration: none; } #mc_embed_signup span { color:white; display: block; padding: 2px 0; } #mc_embed_signup .email { border:none; background:#FFF; color:#222; line-height: 24px; height:24px; } #mc_embed_signup .button { background: url("img/GUI/signup-button-small.png") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; float: left; font-size: 0; height: 24px; overflow: hidden; text-indent: 200%; width: 50px; } .search-and-misc { float: left; margin-bottom: 26px; margin-left: 20px; width: 210px; } .search-form { width: 210px; height: 30px; background: url('img/search-box.png'); } .search-text { float: left; display: block !important; width: 155px; height: 10px; border: 0 !important; background: none; font-size: 12px; line-height: 30px; padding: 8px; } input.search-submit { float: left; display: block; width: 35px; height: 30px; background: none; border: none; cursor: pointer; margin-left: 8px;} .search-and-misc .text { width: 100%; line-height: 30px; color: #FFF; } .side-social { float: right; width: 30px; height: 30px; margin: 0 1px 0 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .facebook { background: url("img/facebook.png") } .twitter { background: url("img/twitter.png") } .vimeo { background: url("img/vimeo.png") } .side-social:hover { background-position: 0 -30px; } /** * LEFT SIDE/MENU COLUMN ENDS * * **/ /** * HORIZONTAL MENU STARTS * * **/ .horizontal-menu nav { float: right; width: auto; } .horizontal-menu #menu { width: auto; margin-bottom: 0; padding-right: 30px; } .horizontal-menu #menu > li { display: block; float: left; position: relative; padding: 15px 30px; width: auto; } .horizontal-menu .menu-abs-bg { position: absolute; height: 100%; width: 100%; right: 0; top: 0; z-index: 1; opacity: 0; -webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; } .horizontal-menu .menu-specs { padding-left: 0; } .horizontal-menu #menu li .menu-specs a { display: block; font-size: 14px; line-height: 15px; text-decoration: none; color: #FFFFFF; } .horizontal-menu #menu li .menu-specs span { display: block; font-size: 11px; line-height: 11px; color: #6C6C6C; } .horizontal-menu #menu > li > ul { display: block; float: left; width: 100%; position: absolute; top: 100%; left: 0; border-radius: 0 0 5px 5px; z-index: 9; box-shadow: 0 0 5px #000; visibility: hidden; opacity: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .horizontal-menu #menu > li:hover > ul { visibility: visible; opacity: 1; } .horizontal-menu #menu > li > ul > li { display: block; background: #222; border-top: 1px solid #333; border-bottom: 1px solid #444; position: relative; padding: 5px; float: none; width: auto; } .horizontal-menu #menu > li > ul > li:first-child { border-top: none; } .horizontal-menu #menu li:hover .menu-abs-bg { opacity: 0.2; } .horizontal-menu #logo { padding: 0; margin-top: 38px; padding-left: 30px; } .horizontal-menu .responsive-nav-row { display: none; } .responsive-nav { background-image: url(img/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; display: block; width: 100%; -webkit-appearance: none; background-color: #F8F8F8; border: 1px solid #E8E8E8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #8F8F8F; font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; padding: 5px 10px; border-radius: 0; } /** * HORIZONTAL MENU ENDS * * **/ /** * * CONTENT SIDE STARTS * * **/ .rightSide { background: #FFFFFF; padding: 0 30px 0; min-height: 975px; position: relative; margin-left: 320px; } .rightSide.fullLayout { margin: 0; float: left; width: 97%; padding: 0 1.5% 45px; } .announce { float: left; padding-left: 40px; font-size: 19px; color: #151719; line-height: 30px; } /** * * SLIDER STYLE STARTS * * **/ .slider { float: left; width: 100%; } .slider > img { width: 100%; float: left; } .slider-bottom { width: 100%; float: left; height: 40px; } .icon-side { float: left; width: 40px; height: 40px; margin-right: 20px; background-color: rgba(21,23,25,0.2); background-position: 16px 13px; } .slider-bottom a { float: left; display: block; line-height: 40px; color: #FFFFFF; text-decoration: none; font-size: 14px; } .controls { float: right; width: 40px; height: 40px; background-position: center center; } .deactive { background-color: rgba(21,23,25,0.2); zoom: 1; } /** * * SLIDER STYLE ENDS * * **/ /** * * CAROUSEL STYLE STARTS * * **/ .carousel-controls { float: left; line-height: 40px; color: #FFFFFF; font-size: 14px; width: 225px; background: #4C5050; padding-left: 20px; } .lines { float: left; margin-left: 10px; height: 40px; background: url('img/line-pattern.png'); position: relative; } .lines:after { content: ' '; display: block; position: absolute; width: 10px; height: 40px; background: #4C5050; right: -19px; top: 0; } .carousel { float: left; width: 100%; } .carousel .item { float: left; width: 19.8%; margin: 0 0.2% 0.2% 0; position: relative; overflow: hidden; } .carousel .item img { float: left; width: 100%; height: 100%; max-height: 188px; display: block; position: relative; z-index: 1; top: 0; left: 0; opacity: 1; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .carousel .item .item-background { float: left; position: absolute; width: 100%; height: 100%; z-index: 2; opacity: 0; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -ms-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; top:0; left:0; } .carousel .item .itemtitle { position: relative; display: block; z-index: 3; text-decoration: none; font-size: 12px; color: #1E75BC; line-height: 14px; -webkit-transition: all ease 0.9s; -moz-transition: all ease 0.9s; -ms-transition: all ease 0.9s; -o-transition: all ease 0.9s; transition: all ease 0.9s; opacity: 1; padding: 0 0; float:left; } .carousel .item .itemsubtitle { position: absolute; display: block; z-index: 3; text-decoration: none; top: 150%; left: 0; font-size: 18px; color: #FFFFFF; line-height: 18px; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; opacity: 0; padding: 0 10px; } .carousel .item:hover img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); transform: scale(2); -ms-transform: scale(2); filter: 'progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2)'; opacity: 0; } .carousel .item:hover .item-background { opacity: 1; } .carousel .item:hover .itemtitle { opacity: 1; top: 40%; } .carousel .item:hover .itemsubtitle { opacity: 1; top: 50%; } /** * * CAROUSEL STYLE ENDS * * **/ /** * * TESTIMONIALS & TWITTER FEED SIDE STARTS * * **/ .testimonials { display: none; float: left; width: 100%; color: #5B6A6F; font-size: 13px; } .latest-tweets-icon + div { margin-left: 80px; } .twits { } .testimonials .customer-image { float: left; width: 60px; height: 50px; border: 5px solid #E5E5E5; margin-right: 20px; } .latest-tweets-icon { float: left; width: 60px; height: 60px; margin-right: 20px; background-position: center center; } /** * * TESTIMONIALS & TWITTER FEED SIDE STARTS * * **/ /** * * GRAY BOXES STARTS * * **/ .gray-box { float: left; padding: 20px; background-color: #F3F5F5; } .gray-box-title { display: block; float: left; margin-right: 10px; line-height: 40px; } .gray-box-input { float: left; padding: 0 10px; height: 36px; line-height: 40px; } .gray-box-input::-webkit-input-placeholder, .gray-box-input:-moz-placeholder, .gray-box-input::-moz-placeholder, .gray-box-input:-ms-input-placeholder { color: #5B6A6F; font-size: 10px; } .gray-box-submit { float: left; padding: 0 19px; height: 40px; color: #FFFFFF; display: block; margin-left: 5px; border: none; cursor: pointer; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .gray-box-submit:hover { background-color: #151719!important; } .social-icons { display: block; float: left; margin: 0 6px; padding-left: 40px; line-height: 40px; text-decoration: none; color: #151719; font-size: 11px; background-repeat: no-repeat; background-position: left center; } /** * * GRAY BOXES ENDS * * **/ /** * * PARTNERS CAROUSEL STARTS * * **/ .partners-carousel-title { color: #FFFFFF; float: left; font-size: 17px; font-weight: bold; height: 100px; line-height: 100px; padding: 0; text-transform: uppercase; width: 165px; } .partners-carousel-images { float: left; /*width: 77%!important; width: -moz-calc(77% - 50px)!important; width: -webkit-calc(77% - 50px)!important; width: -o-calc(77% - 50px)!important; width: calc(77% - 50px)!important;*/ width: 100%; height: 100px; overflow-y: hidden; } .partners-carousel-images .an-item { display: table-cell; float: none; height: 100px; text-align: center; width: 16%; } .partners-carousel-images .an-item img { height: auto; width: 80%; } .partners-carousel-controls { float: left; width: 50px; height: 100px; display: none; } .partners-carousel-control { float: left; width: 50px; height: 50px; background-position: center center; background-size: 32px 31px; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -ms-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; cursor: pointer; } .partners-carousel-control:hover { background-color: #151719!important; } /** * * PARTNERS CAROUSEL ENDS * * **/ /** * * FOOTER STARTS * * **/ .footer { height: auto; border-bottom: 5px solid #1E75BC; bottom: 0; position: relative; z-index: 9; left: 0; width: calc(100% + 5px); margin:0 0 0 320px; float:left; width:auto; } .footer .caroufredsel_wrapper, .footer .partners-carousel-images { width:80% !important; } .footer .columns { margin-top: 0; } .footer-menu { float: left; margin-top: 6px; } .footer-menu a { display: block; text-decoration: none; color: #FFFFFF; margin-bottom: 10px; padding: 0 15px 0 0; font-size: 12px; -webkit-transition: background-color ease 0.7s; -moz-transition: background-color ease 0.7s; -ms-transition: background-color ease 0.7s; -o-transition: background-color ease 0.7s; transition: background-color ease 0.7s; } .footer-menu a:hover { background-color: #1E75BC; } /** * * FOOTER ENDS * * **/ /** * * ACCORDION STARTS * * **/ .accordion { float: left; width: 100%; margin: 10px 0; } .accordion-item { float: left; width: 100%; margin: 10px 0; } .accordion-head { float: left; width: 100%; margin-bottom: 10px; cursor: pointer; } .accordion-toggler { float: left; background-image: url("img/plus.png"); background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; margin-right: 10px; -webkit-transition: background-color ease 0.7s; -moz-transition: background-color ease 0.7s; -ms-transition: background-color ease 0.7s; -o-transition: background-color ease 0.7s; transition: background-color ease 0.7s; } .accordion-head:hover .accordion-toggler { background-color: #1E75BC!important; } .accordion-toggler.active-item { background-image: url("img/minus.png"); } .accordion-title { float: left; font-size: 15px; line-height: 30px; } .accordion-text { float: left; width: 100%; font-size: 13px; display: none; } /** * * ACCORDION ENDS * * **/ /** * * PROGRESS BARS START * * **/ .progress-bars { float: left; width: 100%; margin-top: 10px; } .progress-bar { float: left; width: 100%; position: relative; height: 50px; background: #F3F5F5; margin-bottom: 5px; } .progress-bg { position: absolute; height: 50px; z-index: 1; } .progress-text { position: absolute; z-index: 2; color: #FFFFFF; font-size: 13px; height: 50px; line-height: 50px; width: 92%; padding: 0 4%; } /** * * PROGRESS BARS ENDS * * **/ /** * * LATEST NEWS STARTS * * **/ .latest-news { float: left; width: 100%; padding-bottom: 10px; margin: 20px 0 0 0; border-bottom: 1px solid #CECECF; } .latest-news-title { font-size: 15px; line-height: 15px; } .latest-news-datetime { font-size: 11px; font-style: italic; color: #5B6A6F; line-height: 13px; } /** * * LATEST NEWS ENDS * * **/ /** * * OUR TEAM STARTS * * **/ .team-box { float: left; width: 100%; } .team-member-img { float: left; width: 100%; } .team-member-specs { float: left; width: 95%; padding-left: 5%; height: 40px; line-height: 40px; color: #FFFFFF; } .team-member-icons { float: right; width: 30px; height: 30px; background-position: center center; margin-top: 5px; margin-right: 5px; } /** * * OUR TEAM ENDS * * **/ /** * * SIDEWAY TABS START * * **/ .sideway-tabs { float: left; width: 100%; } .sideway-controls { float: left; width: 245px; position: relative; list-style-type: none; } .sideway-controls-shadow { position: absolute; width: 8px; height: 100%; background: url("img/sideway-bg.png") repeat-y; right: -8px; top: 0; } .sideway-controls li { float: left; line-height: 40px; height: 40px; border-bottom: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; padding-left: 20px; color: #5B696F; background: url('img/to-right-arrow.png') 10px center no-repeat; width: 225px; font-size: 13px; cursor: pointer; } .sideway-controls li.active-sideway-item { background-color: #F3F5F5; border-right: none; } .sideway-controls li:last-child { border-bottom: none; } .sideway-description { float: left; margin-left: 15px; } .sideway-description-content { float: left; width: 100%; display: none; } .sideway-description-content.active-sideway-content { display: block; } /** * * SIDEWAY TABS ENDS * * **/ /** * * BLOG STYLES START * * **/ .random-blog-item { float: left; padding: 10px 3%;width: 94%; background-color: #F3F5F5; color: #151719; border-bottom: 1px solid #FFF; position: relative; } .random-blog-item-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 1; -webkit-transition: opacity ease 0.5s; -moz-transition: opacity ease 0.5s; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; } .random-blog-item:hover .random-blog-item-bg { opacity: 1; } .random-blog-img { position: relative; display: block; float: left; width: 50px; height: 50px; margin-right: 10px; z-index: 2; } .random-blog-title { position: relative; /*float: left;*/ font-size: 12px; line-height: 20px; display: block; text-decoration: none; color: #151719; z-index: 2; } .random-blog-descr { position: relative; float: left; font-size: 12px; color: #5B6A6F; z-index: 2; } .random-blog-item:hover .random-blog-title, .random-blog-item:hover .random-blog-descr, .background-color .random-blog-title, .background-color .random-blog-descr { color: #FFFFFF; } .blog-post-title { float: left; width: 100%; min-height: 40px; color: white; font-size: 16px; line-height: 24px; padding: 6px; text-transform: uppercase;} .blog-post-link { float: left; display: block; text-decoration: none; line-height: 40px; color: #FFFFFF; margin-left: 20px; } .blog-post-date { float: right; line-height: 40px; color: #FFFFFF; margin: 0 10px; font-size: 10px; } .blog-post-img { width: 100%; } .blog-post-comments { float: left; width: 100%; margin: 20px 0; background: #F3F5F5; border-bottom: 4px solid #4C5050; overflow: hidden; } .comments-nav { float: left; width: 100%; min-height: 40px; background: #4C5050; } .comment-title { float: left; line-height: 40px; padding: 0 20px; color: #FFFFFF; font-size: 12px; } .blog-comments-toggler { float: right; width: 40px; height: 40px; background-image: url("img/minus.png"); background-position: center center; background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; } .comments { float: left; padding: 20px 0 20px 0; } .no-comments { margin-left: 20px; } .comment { float: left; width: 100%; margin: 10px 0; padding-left: 20px; } .pingback, .trackback { float: left; width: 100%; margin: 10px 0; padding-left: 20px; } .comment > ul { margin-left: 20px; } .comment > p { margin-top: 10px; } .comment-poster-pic { display: block; float: left; width: 38px; height: 38px; border: 1px solid #CACACA; margin-right: 10px; } .name-and-message { float: left; } .comment-poster, .comment div.comment-meta { float: left; width: 100%; font-size: 12px; color: #151719; line-height: 12px; margin-bottom: 5px; } .comment span.comment-meta { font-size: 12px; color: #151719; } .comment span.comment-meta a { color: #0AA0AA; } .comment .comment-author { font-size: 14px; height: 40px; } .comment .reply a { color: #0AA0AA; } h3#reply-title { background: #0AA; text-align: right; margin: 0; } h3#reply-title small a { margin-right: 10px; } #cancel-comment-reply-link { text-align: right; font-size: 18px; color: #FFF; line-height: 10px; } .comment.odd { background: #EFEFEF; } .comment.depth-2, .comment.depth-3, .comment.depth-4 { border-left: 5px solid #5B6A6F; } .comment.depth-2 { margin-left: 20px; } .comment.depth-3 { margin-left: 25px; } .comment.depth-4 { margin-left: 25px; } .comment-message { float: left; width: 100%; color: #5B6A6F; font-size: 11px; line-height: 14px; } .comment-logged-admin { padding: 10px; color: #FFF; margin-bottom: 10px; } .comment-logged-admin a { color: #FFF; } .comment-form-full .comment-text { width: 27.6%; } .comment-form-full .comment-textarea { } .comment-form { display: none; float: left; width: 100%; } .comment-text, input#author, input#email, input#url { width: 41.5%; margin: 5px 0 5px 2%; float: left; padding: 0 10px; height: 36px; line-height: 40px; } .comment-text::-webkit-input-placeholder, .comment-text:-moz-placeholder, .comment-text::-moz-placeholder, .comment-text:-ms-input-placeholder { color: #5B6A6F; font-size: 10px; } .comment-textarea, textarea#comment { float: left; width: 90%; margin-left: 2%; height: 150px; font-size: 13px; padding: 10px; background: #FFFFFF; border: 1px solid #CACACA; resize: none; margin-top: 5px; } .form-allowed-tags { float: left; display: block; padding: 10px; width: 90%; font-size: 12px; margin-left: 2%; } .comment-sender, #commentform input#submit { margin: 10px 13px 10px 2%; float: left; } .blog-categories { float: left; width: 100%; margin: 10px 0; } .blog-categories li { float: left; width: 100%; display: block; position: relative; } .blog-categories li a { float: left; display: block; text-decoration: none; width: 100%; line-height: 40px; height: 40px; background: url('img/to-right-arrow.png') 95% center no-repeat; border-bottom: 1px solid #E6E6E6; color: #151719; z-index: 2; position: relative; } .blog-cat-anim { position: absolute; width: 100%; height: 0; left: 0; bottom: 0; -webkit-transition: height ease 0.5s; -moz-transition: height ease 0.5s; -ms-transition: height ease 0.5s; -o-transition: height ease 0.5s; transition: height ease 0.5s; z-index: 1; } .blog-categories li:hover a { color: #FFFFFF; background-image: url("img/to-left-icon-white.png"); background-position: 95% center; } .blog-categories li:hover .blog-cat-anim { height: 100%; } .blog-posts-tab { float: left; width: 100%; position: relative; -webkit-transition: height ease-in-out 0.5s; -moz-transition: height ease-in-out 0.5s; -ms-transition: height ease-in-out 0.5s; -o-transition: height ease-in-out 0.5s; transition: height ease-in-out 0.5s; } .popular-blogs { position: absolute; z-index: 1; float: left; width: 100%; left: 0; top: 50px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; opacity: 1; } .recent-blogs { position: absolute; z-index: 1; float: left; width: 100%; left: 100%; top: 50px; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; opacity: 0; } .popular-blogs-passive { left: -100%; opacity: 0; } .recent-blogs-active { left: 0; opacity: 1; } .tag-list { float: left; width: 100%; } .tag-list a { text-decoration: none; color: #000; } .tag-normal { font-size: 12px; } .tag-medium { font-size: 13px; } .tag-bigger { font-size: 14px; } .tag-biggest { font-size: 17px; } .tag-bold { font-weight: bold; } .blog-paging { float: left; margin: 20px 0; } .blog-paging a { float: left; padding: 10px 12.9px; font-size: 11px; margin: 2.5px; color: #FFFFFF; text-decoration: none; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .blog-paging a:hover { background-color: #1D1C1C!important; } /** * * BLOG STYLES ENDS * * **/ /** * * CONTACT STYLES START * * **/ .google-map { float: left; width: 100%; border-bottom-style: solid; border-bottom-width: 5px; } .contact-info { width: 80px; display: inline-block; margin: 5px 0; } .openable { width: 0; padding-left: 35px; overflow: hidden; -webkit-transition: width ease 0.5s; -moz-transition: width ease 0.5s; -ms-transition: width ease 0.5s; -o-transition: width ease 0.5s; transition: width ease 0.5s; } .openable:hover { width: 39px; } .contact-form { float: left; width: 100%; margin-left: -18px; } .contact-long { width: 92%; margin: 5px 0 5px 2%; float: left; padding: 0 10px; height: 36px; line-height: 40px; } .contact-short { float: left; padding: 0 10px; height: 36px; line-height: 40px; margin: 5px 0 5px 2%; width: 44%; } .contact-textarea { margin-top: 5px; width: 92.3%; } .ajax-loader { display: none; float: left; position: absolute; left: 48%; top: 42%; } .contact-thank-you { display: none; float: left; font-size: 18px; width: 100%; text-align: center; } /** * * CONTACT STYLES ENDS * * **/ /*-->TABBED CONTENT START<--*/ .contents { float: left; } .tabs { margin-top: 31px; margin-bottom: 31px; } .tabs .tab-links a { height: 20px; float: left; background: #DBDDDD; color: #151719; font-size: 13px; text-align: center; padding: 5px 15px; margin-right: 2px; text-decoration: none; } .tabs .contents .article { float: left; background: #F3F5F5; color: #151719; font-size: 13px; top: 40px; left: 10px; padding: 15px; display: none; } .tabs .contents .article > p { margin: 10px 0; } .tabs .contents .article:first-child { display: block; } .tabs a.active { background: #F3F5F5; } /*-->TABBED CONTENT END<--*/ /** * * Notice Boxes STARTS * * **/ .message-box { float: left; min-height: 60px; margin: 10px 0; } .bg-with-icon { float: left; margin-right: 20px; width: 60px; height: 60px; background-position: center center; } .message-text { line-height: 60px; float: left; font-size: 14px; } .warning-bg { background-color: #FEEAEB; border-right: 5px solid #F02932 } .success-bg { background-color: #F3F5EB; border-right: 5px solid #809533 } .processing-bg { background-color: #EEF5F7; border-right: 5px solid #5694B1 } .notice-bg { background-color: #FBF8E9; border-right: 5px solid #D9B31F } .warning-icon-bg { background-color: #F02932 } .success-icon-bg { background-color: #809533 } .processing-icon-bg { background-color: #5694B1 } .notice-icon-bg { background-color: #D9B31F } /** * * Notice Boxes ENDS * * **/ /** * * Portfolio Styles STARTS * * **/ .portfolio-image { float: left; width: 100%; position: relative; overflow: hidden; } .portfolio-img { float: left; position: relative; z-index: 1; width: 100%; } .portfolio-bg { width: 100%; height: 100%; position: absolute; z-index: 2; top: -100%; left: -100%; opacity: 0; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .portfolio-title { color: #FFFFFF; position: absolute; left: -100%; top: 20px; font-size: 18px; z-index: 3; text-decoration: none; opacity: 0; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .portfolio-subtitle { color: #0A0C0C; position: absolute; left: 100%; top: 40px; font-size: 11px; z-index: 3; text-decoration: none; opacity: 0; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .portfolio-link { position: absolute; left: 20px; bottom: -57px; z-index: 3; width: 27px; height: 27px; background: url('icons/link.png'); opacity: 0; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .portfolio-image:hover .portfolio-bg { left: 0; top: 0; opacity: 1; } .portfolio-image:hover .portfolio-title { left: 20px; opacity: 1; } .portfolio-image:hover .portfolio-subtitle { left: 20px; opacity: 1; } .portfolio-image:hover .portfolio-link { bottom: 20px; opacity: 1; } .full-gallery-wrap { margin: 0 -30px!important; } .full-gallery .span3 { padding: 0; margin: 0; width: 25%!important; float: left; } .full-gallery + .footer { margin-top: 0; } .portfolio-outer-title { width: 100%; float: left; margin: 10px 0 0 0; font-size: 20px; text-decoration: none; color: #151719; } .portfolio-outer-subtitle { width: 100%; float: left; margin: 0 0 10px 0; font-size: 14px; } .portfolio-outer-subtext { width: 100%; float: left; margin: 10px 0; font-size: 12px; } .portfolio-list-style-2 .span3 { width: 22.9%; margin-left: 1%!important; margin-right: 1%!important; } .portfolio-list-style-1 .span4 { width: 31%; margin-left: 1%!important; margin-right: 1%!important; } /********************************* * PORTFOLIO ISOTOPE STYLES END * ********************************/ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } #filters, .portfolio_filters { float: left; width: 100%; } #filters li a { font-size: 11px; padding: 5px 10px; text-decoration: none; display: block; width: 100%; margin: 5px; color: #000000; } .active-isotope { color: #FFFFFF!important; } .portfolio-full-width { width: 100% } .icon-with-small-text { padding-left: 40px; background-position: left center; line-height: 40px; font-size: 11px; color: #5B6A6F; margin-right: 30px; float: left; display: block; text-decoration: none; } #mad_mimi_signup_form input[type=text] { width: 260px; } #mad_mimi_signup_form input[type=checkbox] { float: left; margin: 5px 10px 0 0; } #mad_mimi_signup_form input.submit { background: none repeat scroll 0 0 #1E75BC; border: medium none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; float: left; font-weight: bold; height: auto; margin: 10px 0 0; overflow: hidden; padding: 7px 15px; width: auto; } .newsletter-widget p.header { color: #000000; font-size: 16px; font-weight: bold; } #mad_mimi_signup_form p.mimi_prompt { font-size: 14px; font-weight: bold; margin: 15px 0; } /********************************* * PORTFOLIO ISOTOPE STYLES END * ********************************/ /** * * METRO SLIDER STARTS * * **/ .metro-slider { float: left; width: 100%; height: 455px; overflow: hidden; } .metro-row { float: left; height: 215px; } .metro-item { float: left; position: relative; z-index: 1; margin-right: 5px; margin-bottom: 5px; overflow: hidden; height: 210px; } .full { width: 660px; } .half { width: 327.5px; } .metro-image { display: block; float: left; width: 100%; height: 210px; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; } .metro-image img { -webkit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; transition: all ease-in-out 1s; } .metro-description { position: absolute; width: 100%; height: 210px; top: 150px; left: 0; z-index: 3; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .metro-description.metro-hidden { top: 100%; } .metro-icon { float: left; position: relative; margin-top: 15px; margin-left: 15px; margin-right: 10px; background-position: center center; } .metro-icon:before { content: ''; position: absolute; left: -15px; top: -15px; width: 60px; height: 60px; background-color: rgba(21,23,25,0.2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33151719,endColorstr=#33151719)"; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#33151719, endColorstr=#33151719)'; zoom: 1; } .metro-misc { margin-left: 71px; } .metro-date { float: left; width: 100%; font-size: 13px; color: #1D1C1C; line-height: 11px; font-style: italic; margin-top: 20px; } .metro-title { float: left; width: 100%; text-decoration: none; font-size: 13px; line-height: 14px; color: #FFFFFF; } .metro-text { float: left; width: 96%; font-size: 13px; line-height: 17px; color: #FFFFFF; margin-top: 30px; height: 120px; overflow: hidden; } .metro-item:hover > .metro-image > img { -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); transform: scale(2); -ms-transform: scale(2); filter: 'progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2)'; } .metro-item:hover .metro-description { top: 0; } /** * * METRO SLIDER ENDS * * **/ /** * * jScrollPane STARTS * * **/ #scrollbar1 { width: 100%; height: 455px; clear: both; margin: 20px 0 10px; position: relative; } #scrollbar1 .viewport { width: 100%; height: 455px; overflow: hidden; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; } #scrollbar1 .thumb .end, #scrollbar1 .thumb { } #scrollbar1 .scrollbar { position: absolute; float: right; width: 15px; bottom: 0; z-index: 2; } #scrollbar1 .track { background-color: #131718; height: 20px; width:13px; position: relative; padding: 0 1px; } #scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; } #scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; } #scrollbar1 .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /** * * jScrollPane ENDS * * **/ /** * * Portfolio Styles ENDS * * **/ .title { line-height: 30px; padding-left: 40px; color: #151719; font-size: 20px; font-weight: bold; position: relative; } .title div { position: absolute; left: 0; top: 0; } .text { width: 100%; font-size: 13px; line-height: 20px; color: #5B6A6F; text-align: left; } .text p { margin: 10px 0; } .plus-with-hard-text { float: left; } .plus-sign { font-weight: 700; font-size: 105px; line-height: 59px; } .hard-text { font-weight: 700; font-size: 27px; color: #151719; line-height: 28px; margin: 52px 0 -30px 35px; float: left; } .back-button { padding-right: 35px; background-position: right center; color: #000000; display: block; float: right; text-decoration: none; font-size: 12px; line-height: 27px; } .list { float: left; width: 100%; } .list li { background: url('img/to-right-arrow.png') left center no-repeat; padding-left: 10px; font-size: 13px; line-height: 24px; } .line-height-25 { line-height: 25px; } #toTop { position: fixed; right: 20px; bottom: 146px; width: 48px; height: 48px; background: url(img/back-to-top.png) 0 0 no-repeat; z-index: 99999999; -webkit-transition: background-position .2s ease-in-out; -moz-transition: background-position .2s ease-in-out; -o-transition: background-position .2s ease-in-out; -ms-transition: background-position .2s ease-in-out; transition: background-position .2s ease-in-out; cursor: pointer; display: none; } #toTop:hover { background-position: 0 -48px; } .page-id-1485 .pageContent form { background: #C0C0C0; padding: 15px 20px; } .page-id-1485 .pageContent form.wpcf7-form label { color: #000000; float: left; font-size: 16px; margin: 5px 10px 0 0; width: 180px; } .page-id-1485 .pageContent form.wpcf7-form input, .page-id-1485 .pageContent form.wpcf7-form textarea { border: 1px solid #666666; width: 320px; } .page-id-1485 .pageContent form.wpcf7-form p.submit_area { text-align: right; width: 524px; } .page-id-1485 .pageContent form.wpcf7-form input[type=submit] { background: none repeat scroll 0 0 #1E75BC; border: medium none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-family: arial; font-size: 13px; font-weight: bold; padding: 7px 20px; text-transform: uppercase; width: auto; } .page-id-1485 .pageContent form.wpcf7-form span.wpcf7-not-valid-tip { border-radius: 5px 5px 5px 5px; left: 0; padding: 4px; position: absolute; top: -10px; width: 324px; } .blog-single-content.margin-tb-20 iframe, .blog-single-content.margin-tb-20 embed {width: 100%;} /** * CONTENT SIDE END * * **/ @media (max-width: 1280px) and (min-width: 1024px) { .social-icons { padding-left: 31px; } } @media (max-width: 1024px) { .twelve, .row .twelve { /*width: 94%;*/ } .row { min-width: 752px; } .footer .caroufredsel_wrapper, .footer .partners-carousel-images { width: 460px !important; } .partners-carousel-controls { width:0; } } @media (max-width: 768px) and (min-width: 767px) { .gallery .columns { width: 24.9%!important; margin: 0!important; padding: 0!important; } } @media (max-width: 800px) { body { padding: 0; } .search-and-misc { display: none; } .row-fluid { margin: 0; min-width: inherit; height: 0px;} [class*="span"] { margin: 20px 0 0; float: left !important; } .footer [class*="span"] { margin: 0!important } .rightSide { padding: 0 20px 45px; min-height: inherit; } .footer { margin: 0 0 0 255px; } /*header { width: 100%; }*/ .logo-container { float: left; width: 100%; text-align: center; } .logo-container #logo { display: inline-block; } nav { float: left; } #menu { margin-bottom: 20px; } /*#menu > li { width: 33.30%; float: left; }*/ #subLevel { display: none; } .full-gallery [class*="span"] { width: 50%!important; } .search-and-misc { display: block; } .footer .caroufredsel_wrapper, .footer .partners-carousel-images { width: 470px !important; } } @media (max-width: 768px) { .horizontal-menu #menu { display: none; padding: 0 30px; } .horizontal-menu .nav-row { display: none!important; } .horizontal-menu .responsive-nav-row { display: block; margin: 5px 0 0; padding: 0 30px; } .horizontal-menu #logo { padding-left: 0; text-align: center; } .rightSide { float: left; margin: 0; padding-bottom: 0; } .footer { position: inherit; left: -5%; width: calc(100% + 10%); z-index:1; } } @media (max-width: 480px) { .aq-block { width: 100%!important; } .rightSide.fullLayout { width: 90%; padding: 0 5%; } #menu li { width: 50%; } .slider-bottom a { font-size: 10px; } .gray-box-input { width: 190px; } .gray-box-submit { padding: 0 7px; } .social-icons { margin: 0 3px; padding-left: 30px; } .partners-carousel-title { font-size: 10px; } .partners-carousel-images .an-item { width: 142px; } .footer { height: auto; } .footer > div { text-align: center; margin: 0; } .footer-menu { display: inline-block; width: 79%; } .footer-menu a { width: auto!important; } .left, .right { float: left; } .gallery .columns { width: 44.9%!important; margin-bottom:0!important; } .portfolio-list-style-2 .span3 { width: 44%; margin-left: 0!important; margin-right: 1%!important; } .portfolio-list-style-2 .span3:nth-child(2n) { margin-right: 0!important; } .portfolio-list-style-1 .span4 { width: 44%; margin-left: 0%!important; margin-right: 1%!important; } .portfolio-list-style-1 .span4:nth-child(2n) { margin-right: 0!important; } } @media (max-width: 320px) { .sideway-tabs { display: none; } .footer-menu { width: 250px; } .footer-menu a { width: 100%; } .gray-box-title { width: 100%; text-align: center; } .gray-box-input { width: 90%; } .gray-box-submit { margin-top: 5px; width: 96%; } .social-icons { padding-left: 40px; width: 30%; } #menu li { width: 100%; } .slider-bottom .icon-side, .slider-bottom a { display: none; } .contact-short { width: 92% } .contact-form { margin-left: 0 } } .row.collapse .columns:first-child { padding-left: 0; } .row.collapse .columns { padding-left: 2%; } .blog-single-content { float: left; font-size: 13px; width: 100%; } .blog-single-content p { height: auto; margin-bottom: 10px; clear: both; } .blog-single-content p h3 { clear: both; margin-bottom: 10px; } .blog-single-content h3 { font-size: 18px; line-height: 26px} .blog-single-content p img { height: auto; max-width: 100%; margin-bottom: 10px; } .blog-single-content > ul, .blog-single-content > ol { margin-left: 30px; } .blog-single-content ol { list-style-type: decimal; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-weight: bold; background: #ffff99; } /* Lists ---------------------- */ ul, ol, dl { font-size: 14px; line-height: 1.6; margin: 0 0 17px 0; list-style-position: outside; } ul { list-style-type: square; } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ul.square, ul.circle, ul.disc { margin-left: 17px; } ul.square { list-style-type: square; } ul.square li ul { list-style: inherit; } ul.circle { list-style-type: circle; } ul.circle li ul { list-style: inherit; } ul.disc { list-style-type: disc; } ul.disc li ul { list-style: inherit; } ul.no-bullet { list-style: none; } ul.large li { line-height: 21px; } ol { margin-left: 20px; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } /* Blockquotes ---------------------- */ blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; } blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; } blockquote cite { display: block; font-size: 13px; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; } abbr { text-transform: none; } /* .row.collapse .three, .row .three { width: 23.5%; } .row.collapse .four, .row .four { width: 32%; } .row.collapse .six, .row .six { width: 49%; } .row.collapse .nine, .row .nine { width: 74%; } */ ul#filters, .portfolio_filters { list-style-type: none; } .wp-caption { } .wp-caption-text { font-style: italic } .sticky { color: red } .gallery-caption { } .bypostauthor { } .aligncenter { } img.alignright { float:right; margin:0 0 1em 1em } img.alignleft { float:left; margin:0 1em 1em 0 } img.aligncenter { display: block; margin-left: auto; margin-right: auto } .alignright { float:right; } .alignleft { float:left; } .aligncenter { display: block; margin-left: auto; margin-right: auto } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .pageContent > p { margin: 10px 0; } .portfolio-list-style-1 .isotopItem { margin-bottom: 20px; } .aq-first { margin-left: 0 !important; } [class*="mtspn"] { float: left; margin-left: 3%; } .aq-template-wrapper .mtspn1 { width:5.58%; } .aq-template-wrapper .mtspn2 { width:14.16%; } .aq-template-wrapper .mtspn3 { width:22.75%; } .aq-template-wrapper .mtspn4 { width:31.33%; } .aq-template-wrapper .mtspn5 { width:39.92%; } .aq-template-wrapper .mtspn6 { width:48.5%; } .aq-template-wrapper .mtspn7 { width:57.08%; } .aq-template-wrapper .mtspn8 { width:65.67%; } .aq-template-wrapper .mtspn9 { width:74.25%; } .aq-template-wrapper .mtspn10 { width:82.83%; } .aq-template-wrapper .mtspn11 { width:91.42%; } .aq-template-wrapper .mtspn12 { width:100%; } .aq-template-wrapper .aq-first { margin-left: 0; } .aq-template-wrapper .mtspn1 .mtspn1 { width:100%; } .aq-template-wrapper .mtspn2 .mtspn1 { width:47.5%; } .aq-template-wrapper .mtspn2 .mtspn2 { width:100%; } .aq-template-wrapper .mtspn3 .mtspn1 { width:30%; } .aq-template-wrapper .mtspn3 .mtspn2 { width:65%; } .aq-template-wrapper .mtspn3 .mtspn3 { width:100%; } .aq-template-wrapper .mtspn4 .mtspn1 { width:21.25%; } .aq-template-wrapper .mtspn4 .mtspn2 { width:47.5%; } .aq-template-wrapper .mtspn4 .mtspn3 { width:73.75%; } .aq-template-wrapper .mtspn4 .mtspn4 { width:100%; } .aq-template-wrapper .mtspn5 .mtspn1 { width:16%; } .aq-template-wrapper .mtspn5 .mtspn2 { width:37%; } .aq-template-wrapper .mtspn5 .mtspn3 { width:58%; } .aq-template-wrapper .mtspn5 .mtspn4 { width:79%; } .aq-template-wrapper .mtspn5 .mtspn5 { width:100%; } .aq-template-wrapper .mtspn6 .mtspn1 { width:12.5%; } .aq-template-wrapper .mtspn6 .mtspn2 { width:30%; } .aq-template-wrapper .mtspn6 .mtspn3 { width:47.5%; } .aq-template-wrapper .mtspn6 .mtspn4 { width:65%; } .aq-template-wrapper .mtspn6 .mtspn5 { width:82.5%; } .aq-template-wrapper .mtspn6 .mtspn6 { width:100%; } .aq-template-wrapper .mtspn7 .mtspn1 { width:10%; } .aq-template-wrapper .mtspn7 .mtspn2 { width:25%; } .aq-template-wrapper .mtspn7 .mtspn3 { width:40%; } .aq-template-wrapper .mtspn7 .mtspn4 { width:55%; } .aq-template-wrapper .mtspn7 .mtspn5 { width:70%; } .aq-template-wrapper .mtspn7 .mtspn6 { width:85%; } .aq-template-wrapper .mtspn7 .mtspn7 { width:100%; } .aq-template-wrapper .mtspn8 .mtspn1 { width:8.13%; } .aq-template-wrapper .mtspn8 .mtspn2 { width:21.25%; } .aq-template-wrapper .mtspn8 .mtspn3 { width:34.38%; } .aq-template-wrapper .mtspn8 .mtspn4 { width:47.5%; } .aq-template-wrapper .mtspn8 .mtspn5 { width:60.63%; } .aq-template-wrapper .mtspn8 .mtspn6 { width:73.75%; } .aq-template-wrapper .mtspn8 .mtspn7 { width:86.88%; } .aq-template-wrapper .mtspn8 .mtspn8 { width:100%; } .aq-template-wrapper .mtspn9 .mtspn1 { width:6.67%; } .aq-template-wrapper .mtspn9 .mtspn2 { width:18.33%; } .aq-template-wrapper .mtspn9 .mtspn3 { width:30%; } .aq-template-wrapper .mtspn9 .mtspn4 { width:41.67%; } .aq-template-wrapper .mtspn9 .mtspn5 { width:53.33%; } .aq-template-wrapper .mtspn9 .mtspn6 { width:65%; } .aq-template-wrapper .mtspn9 .mtspn7 { width:76.67%; } .aq-template-wrapper .mtspn9 .mtspn8 { width:88.33%; } .aq-template-wrapper .mtspn9 .mtspn9 { width:100%; } .aq-template-wrapper .mtspn10 .mtspn1 { width:5.5%; } .aq-template-wrapper .mtspn10 .mtspn2 { width:16%; } .aq-template-wrapper .mtspn10 .mtspn3 { width:26.5%; } .aq-template-wrapper .mtspn10 .mtspn4 { width:37%; } .aq-template-wrapper .mtspn10 .mtspn5 { width:47.5%; } .aq-template-wrapper .mtspn10 .mtspn6 { width:58%; } .aq-template-wrapper .mtspn10 .mtspn7 { width:68.5%; } .aq-template-wrapper .mtspn10 .mtspn8 { width:79%; } .aq-template-wrapper .mtspn10 .mtspn9 { width:89.5%; } .aq-template-wrapper .mtspn10 .mtspn10 { width:100%; } .aq-template-wrapper .mtspn11 .mtspn1 { width:4.55%; } .aq-template-wrapper .mtspn11 .mtspn2 { width:14.09%; } .aq-template-wrapper .mtspn11 .mtspn3 { width:23.64%; } .aq-template-wrapper .mtspn11 .mtspn4 { width:33.18%; } .aq-template-wrapper .mtspn11 .mtspn5 { width:42.73%; } .aq-template-wrapper .mtspn11 .mtspn6 { width:52.27%; } .aq-template-wrapper .mtspn11 .mtspn7 { width:61.82%; } .aq-template-wrapper .mtspn11 .mtspn8 { width:71.36%; } .aq-template-wrapper .mtspn11 .mtspn9 { width:80.91%; } .aq-template-wrapper .mtspn11 .mtspn10 { width:90.45%; } .aq-template-wrapper .mtspn11 .mtspn11 { width:100%; } .aq-template-wrapper .mtspn12 .mtspn1 { width:3.75%; } .aq-template-wrapper .mtspn12 .mtspn2 { width:12.5%; } .aq-template-wrapper .mtspn12 .mtspn3 { width:21.25%; } .aq-template-wrapper .mtspn12 .mtspn4 { width:30%; } .aq-template-wrapper .mtspn12 .mtspn5 { width:38.75%; } .aq-template-wrapper .mtspn12 .mtspn6 { width:47.5%; } .aq-template-wrapper .mtspn12 .mtspn7 { width:56.25%; } .aq-template-wrapper .mtspn12 .mtspn8 { width:65%; } .aq-template-wrapper .mtspn12 .mtspn9 { width:73.75%; } .aq-template-wrapper .mtspn12 .mtspn10 { width:82.5%; } .aq-template-wrapper .mtspn12 .mtspn11 { width:91.25%; } .aq-template-wrapper .mtspn12 .mtspn12 { width:100%; } /** Special Title **********/ .page-title { text-align: center; margin-top: 10px; } .page-title-text { font-size: 34px; font-weight: bold; position: relative; display: inline-block; line-height: 1.4em; } .color-3 { color: #1B2123; } .page-title > .page-title-text > .page-title-plus { position: absolute; font-size: 51px; right: -25px; top: -23px; } .page-sub-title { float: left; width: 100%; text-align: center; background: url('img/page-sub-title-line.png') repeat-x; background-position: 0 6px; } .page-sub-title-text { display: inline-block; font-size: 14px; padding: 1px 10px; } .bgcolor-9 { background-color: #FFFFFF; } /*********************** *** OUR TEAM STARTS *** ***********************/ .our-team-box { float: left; width: 100%; text-align: center; position: relative; padding-bottom: 10px; } .our-team-box img { max-width: 100%; width: 100%; display: inline-block; float: left; z-index: 2; position: relative; margin-bottom: 20px; } .team-details { z-index: 2; position: relative; padding: 0 5px; } .member-name, .member-position, .member-description { float: left; width: 100%; text-align: left; -webkit-transition: all ease-out 0.5s; -moz-transition: all ease-out 0.5s; -ms-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; margin-bottom: 20px; } .member-name { width: 70%; } .member-name { font-size: 17px; } .member-position { float: left; margin-bottom: 10px; font-size: 12px; width: 30%; text-align: right; } .member-socials { float: left; width: 100%; text-align: left; height: 30px; margin-top: 10px; } .member-social { display: inline-block; width: 30px; height: 30px; background-size: 30px 30px; } .team-border { float: left; width: 100%; height: 5px; position: absolute; bottom: 0; left: 0; z-index: 1; -webkit-transition: all ease-out 0.5s; -moz-transition: all ease-out 0.5s; -ms-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; } .our-team-box:hover .team-border { height: 100%; background-color: #151719!important; } .our-team-box:hover .member-name, .our-team-box:hover .member-position, .our-team-box:hover .member-description { color: #FFFFFF; } /*********************** **** OUR TEAM ENDS **** ***********************/ /*------------------------------- Social Icons ------------------------------*/ .st_social-0 { display: none !important; } .st_social-icons { margin: 0; overflow: hidden; width: 140px; } .st_social-icons li:first-child { margin-left : 0 } .st_social-icons li { display : inline-block; margin : 2.5px; vertical-align : middle; } .st_social-icons li a { display : inline-block; width : 30px; height : 30px; text-indent : -9999px; background-image : url(img/social-icons-sprite.png); background-repeat : no-repeat; position : relative; background-color : #111111; -webkit-border-radius : 3px; -moz-border-radius : 3px; border-radius : 3px; -webkit-transition : all 0.2s ease-out; -moz-transition : all 0.2s ease-out; -o-transition : all 0.2s ease-out; transition : all 0.2s ease-out; } .st_social-icons li a:hover { background-color : #00AAAA; box-shadow : 0 0 6px rgba(0, 0, 0, 0.4) } .st_social-icons.st_has_gradient li a:after { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6+ */ background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */ background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10+,Safari5.1+ */ background : -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* Opera 11.10+ */ background : -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* IE10+ */ background : linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */ filter : 'progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0)'; /* IE6-9 */ } .st_social-icons li.st_social-twitter a { background-position : 0 0; } .st_social-icons li.st_social-dribbble a { background-position : -30px 0; } .st_social-icons li.st_social-facebook a { background-position : -60px 0; } .st_social-icons li.st_social-envato a { background-position : -90px 0; } .st_social-icons li.st_social-flickr a { background-position : -120px 0; } .st_social-icons li.st_social-forrst a { background-position : -150px 0; } .st_social-icons li.st_social-gplus a { background-position : -180px 0; } .st_social-icons li.st_social-gplus2 a { background-position : -210px 0; } .st_social-icons li.st_social-icloud a { background-position : -240px 0; } .st_social-icons li.st_social-lastfm a { background-position : -270px 0; } .st_social-icons li.st_social-linkedin a { background-position : -300px 0; } .st_social-icons li.st_social-myspace a { background-position : -330px 0; } .st_social-icons li.st_social-paypal a { background-position : 0 -30px; } .st_social-icons li.st_social-piacasa a { background-position : -30px -30px; } .st_social-icons li.st_social-pinterest a { background-position : -60px -30px; } .st_social-icons li.st_social-reedit a { background-position : -90px -30px; } .st_social-icons li.st_social-rss a { background-position : -120px -30px; } .st_social-icons li.st_social-skype a { background-position : -150px -30px; } .st_social-icons li.st_social-stumbleupon a { background-position : -180px -30px; } .st_social-icons li.st_social-tumblr a { background-position : -210px -30px; } .st_social-icons li.st_social-vimeo a { background-position : -240px -30px; } .st_social-icons li.st_social-wordpress a { background-position : -270px -30px; } .st_social-icons li.st_social-yahoo a { background-position : -300px -30px; } .st_social-icons li.st_social-youtube a { background-position : -330px -30px; } .st_social-icons li.st_social-blogger a { background-position : 0px -60px; } .st_social-icons li.st_social-deviantart a { background-position : -30px -60px; } .st_social-icons li.st_social-digg a { background-position : -60px -60px; } .st_social-icons li.st_social-foursquare a { background-position : -90px -60px; } .st_social-icons li.st_social-friendfeed a { background-position : -120px -60px; } .st_social-icons li.st_social-mail a { background-position : -150px -60px; } .st_social-icons li.st_social-html5 a { background-position : -180px -60px; } .st_social-icons li.st_social-technorati a { background-position : -210px -60px; } .st_social-icons li.st_social-soundcloud a { background-position : -240px -60px; } .st_social-icons li.st_social-quora a { background-position : -270px -60px; } .st_social-icons li.st_social-bebo a { background-position : -300px -60px; } .st_social-icons li.st_social-aim a { background-position : -330px -60px; } .st_social-icons li.st_social-gosquared a { background-position : 0 -90px; } .st_social-icons li.st_social-dropbox a { background-position : -30px -90px; } .st_social-icons li.st_social-github a { background-position : -60px -90px; } .st_social-icons li.st_social-spotify a { background-position : -90px -90px; } .st_social-icons li.st_social-apple a { background-position : -120px -90px; } .st_social-icons li.st_social-instagram a { background-position: -150px -90px; } /* colored */ .st_social-icons li.st_colored.st_social-twitter a, .st_social-icons li.st_coloredHov.st_social-twitter a:hover { background-color : #00BDEC; } .st_social-icons li.st_colored.st_social-dribbble a, .st_social-icons li.st_coloredHov.st_social-dribbble a:hover { background-color : #EF5B92; } .st_social-icons li.st_colored.st_social-facebook a, .st_social-icons li.st_coloredHov.st_social-facebook a:hover { background-color : #3B5998; } .st_social-icons li.st_colored.st_social-envato a, .st_social-icons li.st_coloredHov.st_social-envato a:hover { background-color : #8DC050; } .st_social-icons li.st_colored.st_social-flickr a, .st_social-icons li.st_coloredHov.st_social-flickr a:hover { background-color : #EA2698; } .st_social-icons li.st_colored.st_social-forrst a, .st_social-icons li.st_coloredHov.st_social-forrst a:hover { background-color : #366725; } .st_social-icons li.st_colored.st_social-gplus a, .st_social-icons li.st_coloredHov.st_social-gplus a:hover { background-color : #D94A39; } .st_social-icons li.st_colored.st_social-gplus2 a, .st_social-icons li.st_coloredHov.st_social-gplus2 a:hover { background-color : #D94A39; } .st_social-icons li.st_colored.st_social-icloud a, .st_social-icons li.st_coloredHov.st_social-icloud a:hover { background-color : #666666; } .st_social-icons li.st_colored.st_social-lastfm a, .st_social-icons li.st_coloredHov.st_social-lastfm a:hover { background-color : #D2013A; } .st_social-icons li.st_colored.st_social-linkedin a, .st_social-icons li.st_coloredHov.st_social-linkedin a:hover { background-color : #1B92BD; } .st_social-icons li.st_colored.st_social-myspace a, .st_social-icons li.st_coloredHov.st_social-myspace a:hover { background-color : #003398; } .st_social-icons li.st_colored.st_social-paypal a, .st_social-icons li.st_coloredHov.st_social-paypal a:hover { background-color : #32689A; } .st_social-icons li.st_colored.st_social-piacasa a, .st_social-icons li.st_coloredHov.st_social-piacasa a:hover { background-color : #8E5AA4; } .st_social-icons li.st_colored.st_social-pinterest a, .st_social-icons li.st_coloredHov.st_social-pinterest a:hover { background-color : #CB2027; } .st_social-icons li.st_colored.st_social-reedit a, .st_social-icons li.st_coloredHov.st_social-reedit a:hover { background-color : #82A6CE; } .st_social-icons li.st_colored.st_social-rss a, .st_social-icons li.st_coloredHov.st_social-rss a:hover { background-color : #FF7F00; } .st_social-icons li.st_colored.st_social-skype a, .st_social-icons li.st_coloredHov.st_social-skype a:hover { background-color : #18B7F1; } .st_social-icons li.st_colored.st_social-stumbleupon a, .st_social-icons li.st_coloredHov.st_social-stumbleupon a:hover { background-color : #229D3D; } .st_social-icons li.st_colored.st_social-tumblr a, .st_social-icons li.st_coloredHov.st_social-tumblr a:hover { background-color : #38526D; } .st_social-icons li.st_colored.st_social-vimeo a, .st_social-icons li.st_coloredHov.st_social-vimeo a:hover { background-color : #01557A; } .st_social-icons li.st_colored.st_social-wordpress a, .st_social-icons li.st_coloredHov.st_social-wordpress a:hover { background-color : #454545; } .st_social-icons li.st_colored.st_social-yahoo a, .st_social-icons li.st_coloredHov.st_social-yahoo a:hover { background-color : #AB64BC; } .st_social-icons li.st_colored.st_social-youtube a, .st_social-icons li.st_coloredHov.st_social-youtube a:hover { background-color : #D20800; } .st_social-icons li.st_colored.st_social-blogger a, .st_social-icons li.st_coloredHov.st_social-blogger a:hover { background-color : #FF7600; } .st_social-icons li.st_colored.st_social-deviantart a, .st_social-icons li.st_coloredHov.st_social-deviantart a:hover { background-color : #768C82; } .st_social-icons li.st_colored.st_social-digg a, .st_social-icons li.st_coloredHov.st_social-digg a:hover { background-color : #195695; } .st_social-icons li.st_colored.st_social-foursquare a, .st_social-icons li.st_coloredHov.st_social-foursquare a:hover { background-color : #1B6CB4; } .st_social-icons li.st_colored.st_social-friendfeed a, .st_social-icons li.st_coloredHov.st_social-friendfeed a:hover { background-color : #2F72C4; } .st_social-icons li.st_colored.st_social-mail a, .st_social-icons li.st_coloredHov.st_social-mail a:hover { background-color : #B5B5B5; } .st_social-icons li.st_colored.st_social-html5 a, .st_social-icons li.st_coloredHov.st_social-html5 a:hover { background-color : #E44D26; } .st_social-icons li.st_colored.st_social-technorati a, .st_social-icons li.st_coloredHov.st_social-technorati a:hover { background-color : #55BB00; } .st_social-icons li.st_colored.st_social-soundcloud a, .st_social-icons li.st_coloredHov.st_social-soundcloud a:hover { background-color : #DB5708; } .st_social-icons li.st_colored.st_social-quora a, .st_social-icons li.st_coloredHov.st_social-quora a:hover { background-color : #852828; } .st_social-icons li.st_colored.st_social-bebo a, .st_social-icons li.st_coloredHov.st_social-bebo a:hover { background-color : #A03939; } .st_social-icons li.st_colored.st_social-aim a, .st_social-icons li.st_coloredHov.st_social-aim a:hover { background-color : #CDAE2D; } .st_social-icons li.st_colored.st_social-gosquared a, .st_social-icons li.st_coloredHov.st_social-gosquared a:hover { background-color : #556065; } .st_social-icons li.st_colored.st_social-dropbox a, .st_social-icons li.st_coloredHov.st_social-dropbox a:hover { background-color : #2D76BE; } .st_social-icons li.st_colored.st_social-github a, .st_social-icons li.st_coloredHov.st_social-github a:hover { background-color : #667F8E; } .st_social-icons li.st_colored.st_social-spotify a, .st_social-icons li.st_coloredHov.st_social-spotify a:hover { background-color : #62AA29; } .st_social-icons li.st_colored.st_social-apple a, .st_social-icons li.st_coloredHov.st_social-apple a:hover { background-color : #859DAB; } .st_social-icons li.st_colored a:hover { background-color : #121212; } .containerr { min-width:240px; width:auto; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .megafolio-container { width:100%; position:relative; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .home .rightSide .aq-template-wrapper .mtspn4 { width: 48.5%; } .pageContent ul li { list-style:none; } .page-id-427 .pageContent li { list-style: disc inside url("img/axs_bullet_ul.png"); padding: 5px 0; color: #333; } .page-id-427 .detail-page { color: #000000; font-size: 14px; line-height: 22px; } .page-id-427 .detail-page h4 { border-top: 1px solid; font-size: 20px !important; padding-top: 30px; } .page-id-427 .detail-page .column-left { float: left; width: 60%; } .page-id-427 .detail-page .column-right { float: right; width: 35%; } .page-id-427 .detail-page .column-right h3 { border-bottom: 1px solid; font-size: 18px; line-height: 30px; padding-bottom: 5px; } .ad-sidebar { text-align:center; margin-bottom:15px; background: none repeat scroll 0 0 #000000; margin-bottom: 15px; padding: 6px 0; text-align: center; } .pageContent .execphpwidget .blog_title { margin-bottom:0; font-size:14px; } .pageContent .execphpwidget .blog_description { margin-bottom:20px; } .twitter-title { font-size: 20px; color: #2173C2; padding-left: 92px; font-weight: bold; } .twitter-title a, .aq-block .title a { color:#000; } /************CSS BY VAL*********************/ .rightSide .category_fluid { float: right; height: auto; width: 20%; clear:none; } .rightSide .content_fluid { float: left; clear:none; margin-top: 25px; width: 75%; } .rightSide .row-fluid .category_fluid { margin-top: -15px; } .mega-covercaption .mega-title { color:#0088CC; font-size: 24px; padding-bottom:5px; line-height:28px } .megafolio-container .mega-socialbar { border-bottom: 1px solid #000000; border-top: 1px solid #000000; margin-bottom: 37px; padding-bottom: 10px; padding-top: 10px; } ul.portfolio_filters li a { color:#0088CC; font-size:13px; background: none repeat scroll 0 0 #FFFFFF !important; } ul.portfolio_filters li { list-style: none; } .st_social-icons li { float: left; height: 30px; overflow: hidden; width: 30px; } .row-fluid_content_container .span3 .title-icon { background:none; padding-left:0; } .row-fluid_content_container { margin: 25px 0 0; } .single-portfolio .rightSide .row-fluid { float:left; clear:none; } .menu_btn { display:none; } .mega-socialbar span.st_twitter_hcount, .mega-socialbar span.st_facebook_hcount, .mega-socialbar span.st_googleplus_hcount, .mega-socialbar span.st_email_hcount { margin-bottom:10px; } .mega-socialbar span { float:left; } .megafolio-container .mega-socialbar { float:left; width:100%; } table.contacts td { padding: 2px 10px 5px 0; vertical-align: top; color: #333;} .column-left .title { padding-left: 0; } .paginator a { border: 1px solid #FFFFFF; color: #000000; float: left; font-size: 14px; font-weight: bold; margin-bottom: 10px; margin-right: 2px; padding: 2px 10px; word-wrap: break-word; } .paginator a:hover, .paginator a.inactive { background:none repeat scroll 0 0 #777777; text-decoration:none; color:#fff; border: 1px solid #333333; border-radius: 3px 3px 3px 3px; } .paginator { margin: 15px 0 10px; float: left; width: 100%; } header #menu li .background-color { background-color: #1468AC !important; } .footer .span12 { margin-left:0; } #two-columnB .sc-data .sc-programs ul li div.program strong { color: #0E6BB0; float: left; font-size: 14px; font-weight: bolder; padding-bottom: 3px; width: 100%; } .schedule-nav { padding-top:0; float: left; margin-top: 10px; } .schdule_tabs { float:left; width:auto; margin: -5px 0 0 25px; } .schdule_tabs li { float:left; list-style:none; } /*.schdule_tabs li:last-child { display:none; }*/ .sched_btn_container { margin-top:55px; } .schdule_tabs li a { background: none repeat scroll 0 0 #B1B5B9; border-radius: 5px 5px 5px 5px; color: #FFFFFF; float: left; font-size: 13px; margin: 0 5px; padding: 7px 0; text-align: center; text-decoration: none; width: 130px; } .schdule_tabs li a.active, .schdule_tabs li a:hover { background:#2173c3; } .filter.filter_schdule { margin: -10px 0 0 5px; padding: 0; } .filter.filter_schdule .filter-data > li > a { background: url("../images/time_drop_arrow_sch.png") no-repeat scroll 97% center #B1B5B9; border-radius: 5px 5px 5px 5px; float: left; font-size: 13px; padding: 7px 0 !important; text-align: center; text-decoration: none; text-transform: capitalize; width: 170px !important; } .filter.filter_schdule .filter-data > li:hover > a { background: url("../images/time_drop_arrow_sch.png") no-repeat scroll 97% center #000; } .fod .filter_schdule + .title { margin-top:30px; } .fod .schdule_tabs { margin: 0; } .fod .filter.filter_schdule { margin: -5px 0 0 5px; } .fod .breadcrumb { width:21%; float:left; } .fod .tabs_menu { width:79%; margin: 10px 0 0 ; } .fod h2.title { float: left; margin: 15px 0; width: 100%; padding: 0; } .printable .schdule_tabs { margin: 0 0 0 215px; } .printable .filter.filter_schdule { margin: -5px 0 0 5px; } .printable p { clear:both; } .tabs_menu { float:left; width:75%; position: relative; z-index: 100; margin: 8px 0 0; } .printable .tabs_menu { width:100%; margin: 10px 0 15px; } .episode .block-content { float:left; width:100%; } .episode .episode-listing { float:left; width:100%; } #sched_programs li { background: none repeat scroll 0 0 #CFD2D7; float: left; border: 1px solid #AAAAAA; font-size: 13px; border-radius: 5px 5px 5px 5px; list-style: none outside none; margin: 5px 0; padding: 7px 2%; width: 96%; } #sched_programs li .eld-main { float:left; width:75%; font-size: 13px; } #sched_programs li .eld-sub { float:left; width:25%; } #sched_programs li .eld-sub li { border:0; } #sched_programs li .eld-main h3 { margin:0; } .printable table.pdf-table { width:50%; } .printable h3 { margin-top:25px; width:50%; } .printable table.pdf-table tbody tr { border-bottom:1px solid #AAAAAA; } .printable table.pdf-table th { color: #151719; font-size: 14px; padding: 5px 0; text-align: left; } .printable table.pdf-table tbody tr td { padding: 5px 0; } .printable h2.title { font-size: 32px; margin-bottom: 20px; padding: 0; } .easingsliderlite { background: none repeat scroll 0 0 #ffffff; float: left; max-width: none !important; width: 100%; } .easingsliderlite .easingsliderlite-viewport { width: 1280px !important; margin:0 auto !important; height: 720px; } .page_press .title { font-size: 32px; font-weight: normal; margin-bottom: 15px; padding:0; } .page_press .news-item { background: none repeat scroll 0 0 #CFD2D7; border: 1px solid #AAAAAA; border-radius: 5px 5px 5px 5px; float: left; font-size: 13px; margin: 5px 0; padding: 7px 2%; width: 96%; } .page_press .news-item small { float: left; margin-bottom: 5px; width: 100%; } .page_press .news-item a { color: #000000; } .page_press .news-item h3 { line-height: 30px; } .page_press .news-item p.more a { background: url("/ui/images/arrow_gt.png") no-repeat scroll right center transparent; color: #036BB0; padding-right: 20px; } .post-pagination a { background: none repeat scroll 0 0 #777777 !important; border: 1px solid #333333; padding: 3px 10px; border-radius: 3px 3px 3px 3px; color: #FFFFFF; text-decoration: none; } .post-pagination { clear: both; float: left; margin: 10px 0; width: 100%; } .post-pagination .pgprev { margin-right:10px; float:left; } .post-pagination .pgnext { margin-right:10px; float:left; } .view_all a { padding: 3px 7px; } .country_toggle a { padding: 3px 7px; } .page-banner { margin:10px 0; text-align: center; } .affiliate_website { color: #FFFFFF; font-size: 20px; margin:0px 0 10px; line-height: 20px; font-weight: bold; text-decoration: none; } .affiliate_website:hover { color: #FFFFFF; text-decoration: underline; } .page-id-10501 .pageContent input[type="radio"], .page-id-10501 .pageContent input[type="checkbox"] { float: left; margin: 4px 5px 0 0; } .page-id-10501 .pageContent input[type="text"], .page-id-10501 .pageContent input#email { height: 21px; line-height: 40px; margin: 0; padding: 4px 6px; width: 300px; } .page-id-10501 .pageContent input#email, .page-id-10501 .pageContent textarea { width: 312px; } .page-template-template_signup-php .rightSide #container #show-layout { width:50%; float:left; } .page-template-template_signup-php .rightSide #container .row-fluid{margin-top: 30px;} .single_inner_blog_container{ float: left; width: 100%; } .single_inner_blog_container #blog-single-wrapper{ float: right; width: 68%; } .single_inner_blog_container .span3 { float: left; margin: 0; width: 30%; } @media only screen and (max-width: 10000px) { .easingsliderlite .easingsliderlite-viewport { width: 100% !important; max-width:1280px !important; max-height: 720px; height: 0px; /*background-color: rgba(0, 255, 0, 0.5);*/} /*.easingsliderlite .easingsliderlite-viewport img { height:100%; }*/ } @media only screen and (max-width: 1280px) { .easingsliderlite .easingsliderlite-viewport { margin: 0 auto !important; width: 100% !important; height:0px;/* background-color: rgba(0, 0, 255, 0.5);*/} /*.easingsliderlite .easingsliderlite-viewport img { height:100%; }*/ } @media only screen and (max-width: 1200px) { .easingsliderlite .easingsliderlite-viewport { width: 100% !important; height:0px;/* background-color: rgba(255, 0, 0, 0.5);*/} .category #blog-single-wrapper iframe { height: 264px; width: 100%; } .containerr iframe, .containerr embed { height: 264px; width: 100%; } .search-and-misc { bottom:13px; height: 120px; margin-bottom:0; padding-top: 20px; } .partners-carousel-title { padding:0; } .footer .caroufredsel_wrapper, .footer .partners-carousel-images { width:76% !important; } .partners-carousel-images .an-item { display: table-cell; float: none; height: 100px; text-align: center; vertical-align: middle; width: 20%; } .partners-carousel-images .an-item img { height: auto; width: 78%; } .home_blog .blog_desc { width: 83% !important; } .home_blog img { width: 14% !important; height: auto !important; } .tabs_menu { width: 100%; } .schdule_tabs { margin-left:0; } .sched_btn_container { height: 40px; margin-top: 65px; } .fod .tabs_menu { width:100%; } .fod .breadcrumb { margin: 10px 0; width: 100%; } .printable .schdule_tabs { margin: -5px 0 0; } .printable .tabs_menu { width:100%; } .printable .schdule_tabs li { margin:0 0 10px; } } /* #Tablet (Portrait) */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .latest-tweets-icon + div { margin-left: 60px; } .latest-tweets-icon { height: 50px; margin-right: 10px; width: 50px; } .partners-carousel-title { width:96% !important; } .partners-carousel-images .an-item { display: table-cell; float: none; height: 100px; text-align: center; vertical-align: middle; width: 20%; } .partners-carousel-images .an-item img { height: auto; width: 80%; } .footer .caroufredsel_wrapper { height: 100px !important; } .footer .partners-carousel-images { height: 100px !important; width: 96% !important; } .twitter-title { padding-left: 60px; } .carousel .item { width: 32.8% !important; } .search-and-misc { bottom:-5px; height: 110px; margin-bottom:0; } .search-and-misc .text { margin-top:0; } .partners-carousel-title { padding:0; height:75px !important; } .schdule_tabs { margin: 0 0 5px; } .filter.filter_schdule { margin: -5px 0 0 5px; } .sched_btn_container { height: 50px; margin-top: 60px; } .tabs_menu { width: 100%; } .fod .breadcrumb { width: 100%; } .fod .schdule_tabs li { margin: 0 0 5px; } .printable .schdule_tabs li { margin:0 0 10px; } .printable table.pdf-table { width:65%; } .printable h3 { margin-top:25px; width:65%; } .page-id-1485 .pageContent form.wpcf7-form label { margin: 5px 10px 5px 0; text-align: left; } .page-id-1485 .pageContent form.wpcf7-form p, .page-id-1485 .pageContent form.wpcf7-form p.submit_area { width: 334px; } .page-template-template_signup-php .rightSide #container #show-layout { width:100%; float:left; } .page-template-template_signup-php .rightSide #container .row-fluid{float: left !important; margin-top: 0; padding: 0 !important; width: 100% !important;} .single_inner_blog_container{ float: left; width: 78%; } .single_inner_blog_container #blog-single-wrapper{ float: right !important; margin:0; width: 68%; } .single_inner_blog_container .span3 { float: left; margin: 0; width: 30%; } h2#Categories_list{font-size:22px;} .category_fluid .span12 { margin: 0;} } /* #Mobile (Portrait) */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 768px) { #page_wrap { margin: 0 3%; width: 94%; } header { width: 100%; position: relative; } .logo-container { width: 50%; text-align: left; } .logo-container img { width:100%; } #logo { padding: 10px 10px 0 0; } nav { clear: both; float: left; position: relative; width: 100%; } .menu_btn { background: url("../images/mobile_menu_icon.jpg") no-repeat 95% center #FFFFFF; color: #000000; cursor: pointer; display: block; float: left; font-size: 18px; font-weight: bold; margin: 15px 0 0 0; padding: 8px 3%; text-align: left; text-decoration: none; text-transform: uppercase; width: 94%; } .menu_btn:hover { text-decoration:none; color:#000000; } header #menu { display:none; } header #menu.mobile_menu { background: none repeat scroll 0 0 #327BC6; display: block; left: 0; position: absolute; top: 52px; width: 100%; z-index: 1000; transition: transform 0.3s linear 0s; } header #menu.mobile_menu li { float: left; width: 100%; } header #menu.mobile_menu li:hover a { color:#fff; } .menu-specs { text-align: center; width: 100%; padding:0; } header #menu.mobile_menu li a { color: #fff; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0; padding: 10px 0 !important; text-align: center; text-transform: uppercase; width: 100%; } #mc_embed_signup span { clear: both; } .search-and-misc { display:none; height: auto; margin-bottom: 0; position: static !important; margin-top: 35px !important; float:right; } .search-and-misc .text { margin: 0; } #toTop { background: url("../images/back-to-top_mobile.png") no-repeat scroll 0 0 transparent; display: none; bottom: 100px; height: 30px; width: 30px; right: 9px; } #toTop:hover { background-position: 0 -30px; } .footer { left: 0; width: 100%; margin:0; } .footer-menu a { display: inline-block; margin: 0 0 10px; padding: 0; width: 200px !important; text-align:left; } .partners-carousel-title { height: 60px; line-height: 60px; padding: 0; font-size:17px; text-align:left; } .footer .caroufredsel_wrapper { width: 100% !important; } .footer .partners-carousel-images { width: 100% !important; } .partners-carousel-controls { width: 0; } .music { text-align: center; } #mc_embed_signup .mc-field-group input#mce-EMAIL { float: left; height: auto; margin: 0 5px 0 0; width: 160px; } form { margin: 0 0 15px; } .music-and-email { clear: both; float:left; padding: 10px 0; width: 100%; } .rightSide .category_fluid { width:100%; } .rightSide .content_fluid { width: 100%; } .rightSide { float: left; margin: 0; padding: 0 4%; width: 92%; } #mc_embed_signup { margin: 0 0 10px; position: absolute; right: 0; top: 10px; } .aq-block-mwh_twitter_block .latest-tweets-icon { height: 50px; margin-right: 10px; width: 50px; } .aq-block-mwh_twitter_block .twitter-title { padding-left: 0; } .latest-tweets-icon + div { margin-left:45px; } .aq-block-mwh_twitter_block .span12 { margin-top:0; } .partners-carousel-images .an-item { display: table-cell; float: none; height: 90px; text-align: center; vertical-align: middle; width: 20%; } .partners-carousel-images .an-item img { height: auto; width: 70%; } .footer .caroufredsel_wrapper { height: 90px !important; } .footer .partners-carousel-images { height: 90px !important; } iframe.abc { width:100%; } .carousel .item { width: 32.8% !important; } .footer-menu { display:none; } .footer-menu.mobile_menu { display:block; } .footer-menu.mobile_menu a { color: #fff; display: block; margin: 0; padding: 2px 0; text-align: center; width: 100% !important; } .footer-menu.mobile_menu a:hover { background:#1468ac; } .footer-menu { width: 100%; } .partners-carousel-title { height: 50px !important; padding: 0; width: 100%; } #sthoverbuttons { display:none; } .category_fluid { } h2#Categories_list { background: url("../images/category_menu_icon.jpg") no-repeat 97% center #1E75BC; color: #FFFFFF !important; cursor: pointer; font-size: 18px; font-weight: bold; text-align: left; text-transform: uppercase;padding: 0 3%; } .category_fluid .portfolio_filters, .category_fluid_right .portfolio_filters { display:none; } .category_fluid .portfolio_filters.Categories_menu, .category_fluid_right .portfolio_filters.Categories_menu { display:block; } .category_fluid .span12 { margin-left:0; margin-bottom: 0; } ul.portfolio_filters li { list-style: none; } .menu-abs-bg { display:none; } .sched_btn_container { clear: both; } .schdule_tabs {margin: 0 0 -3px;width: 100%; } .schdule_tabs li { margin-top: 2px;width: 100%; } .schdule_tabs li a {border-radius: 3px 3px 3px 3px;font-size: 14px;margin: 0;width: 100%;} .filter.filter_schdule { margin: 0 !important;width: 100%; } .filter.filter_schdule .filter-data{width:100%;} .filter.filter_schdule .filter-data > li {width: 100%;} .filter.filter_schdule .filter-data > li > a {border-radius: 3px 3px 3px 3px;font-size: 14px;width: 100% !important;} .filter.filter_schdule .filter-data ul{width:100%;} .fod .schdule_tabs { margin: 10px 0 -3px;} .printable .schdule_tabs {margin: -5px 0;} .fod .breadcrumb { width: 100%; } .printable .schdule_tabs li { margin:0 0 2px; } .printable table.pdf-table { width:100%; } .printable h3 { margin-top:25px; width:100%; } .page-id-1485 .pageContent form.wpcf7-form label { margin: 5px 10px 5px 0; text-align: left; } .page-id-1485 .pageContent form.wpcf7-form p, .page-id-1485 .pageContent form.wpcf7-form p.submit_area { width: 334px; } .sc-data .sc-programs h3{border-bottom:0;} .page-template-template_signup-php .rightSide #container #show-layout { width:100%; float:left; } .page-template-template_signup-php .rightSide #container .row-fluid{float: left !important; margin-top: 0; padding: 0 !important; width: 100% !important;} .single_inner_blog_container { float: left; width: 100%; } .single_inner_blog_container #blog-single-wrapper { float: left; margin: 0; width: 100%; } .single_inner_blog_container .span3 { float: left; margin: 0 0 15px; width: 100%; } .breadcrumb{display:none;} } @media only screen and (min-width: 0px) and (max-width: 510px) { .search-and-misc { display:none; } #social-search { display: none; } .carousel .item { width: 44.8% !important; } .aq-block-mwh_twitter_block .latest-tweets-icon { height: 40px !important; width:40px !important; } .footer .partners-carousel-images { height: 60px !important; } .partners-carousel-images .an-item { height:60px; } .fod .filter.filter_schdule { margin: -50px 0 0 145px; } .printable .filter.filter_schdule { margin: -50px 0 0 145px; } .page-id-1485 .pageContent form.wpcf7-form input, .page-id-1485 .pageContent form.wpcf7-form textarea { border: 1px solid #666666; width: 220px; } .page-id-1485 .pageContent form.wpcf7-form label { margin: 5px 10px 5px 0; text-align: left; } .page-id-1485 .pageContent form.wpcf7-form p, .page-id-1485 .pageContent form.wpcf7-form p.submit_area { width: 234px; } .page-id-1485 .pageContent form.wpcf7-form span.wpcf7-not-valid-tip { width: 224px; } .page-id-425 #show-layout .column-left table.contacts {width:100% !important;} .page-id-425 #show-layout .column-left table.contacts h3 { font-size: 16px; } .page-id-425 #show-layout .column-left table.contacts td{ font-size: 10px; padding-right: 5px; word-wrap: break-word;} .page-id-10501 .pageContent input[type="text"], .page-id-10501 .pageContent input#email { width: 80%; } .page-id-10501 .pageContent input#email, .page-id-10501 .pageContent textarea { width: 84%; } #mad_mimi_signup_form input[type="text"] {width: 240px;} } @media only screen and (min-width: 0px) and (max-width: 490px) { [class*="mtspn"] { margin-left: 0; } .partners-carousel-images .an-item { display: table-cell; float: none; height: 35px; text-align: center; vertical-align: middle; width: 20%; } .partners-carousel-images .an-item img { height: auto; width: 80%; } .footer .caroufredsel_wrapper { height: 87px !important; } .footer .partners-carousel-images { height: 35px !important; } .printable .filter.filter_schdule { margin: -50px 0 0 145px; } .page-id-427 .detail-page .column-left { float: left; width: 100%; } .page-id-427 .detail-page .column-right { float: left; width: 100%; } .carousel .item { width: 49.8% !important; } } @media only screen and (min-width: 0px) and (max-width: 440px) { .aq-block-mwh_twitter_block .latest-tweets-icon { height: 35px !important; width: 35px ! important; } #mc_embed_signup { top: 24px; } #mc_embed_signup a.signup { font-size:12px; } #mc_embed_signup .mc-field-group input#mce-EMAIL { width: 90px; } #mc_embed_signup span { font-size: 10px; } .logo-container img { margin-top: 10px; } .fod .filter.filter_schdule { margin: -50px 0 0 135px; } .printable .filter.filter_schdule { margin: -50px 0 0 135px; } .carousel .item .itemsubtitle { font-size:12px; line-height:10px; } } /***************CSS By VAL**************************/ .page-id-13957 .rightSide #container .row-fluid { float: right; padding: 5px; width: 45%; } .post { color: #000000; margin-bottom: 30px; padding: 0 13px; } .schedule-email .txt { background: none repeat scroll 0 0 #FFFFFF; border-color: #999999 #AAAAAA #EEEEEE; border-style: solid; border-width: 1px; color: #5D5F66; font-size: 19px; height: 29px; line-height: 19px; overflow: hidden; padding: 4px 5px; } .schedule-email label { color: #0E6BB0; display: block; font-size: 13px; font-weight: bold; margin-bottom: 0; padding: 10px 0 0; } .schedule-email .button { background: url("/ui/images/bttn_send.gif") no-repeat scroll left top transparent; border: medium none; cursor: pointer; height: 29px; line-height: 29px; margin: 15px 0 0; width: 51px; } .blog-single-content.post {float: left;font-size: 13px;padding: 0 2%;width: 96%;} .schedule-email input[type="radio"]{margin: -2px 5px 0 0;} .schedule-email span.type{margin-right: 15px;} /**************** Charlie's additions below here: *********/ /* For making the iframe embeds responsive: */ iframe { max-width: 100%; border: none; } .left-col-logo { /* text-align: center;*/ margin: 20px 0 10px 10px; } a.axs-dot-com-logo { text-indent: -9999px; background: url(/ui/images/axs-dot-com.png) no-repeat; height: 49px; width: 172px; display: inline-block; } a.movies-logo { text-indent: -9999px; background: url(/ui/images/mcc_hdnetmovies.svg) no-repeat; height: 36px; width: 172px; display: inline-block; } a.mag-pictures-logo { text-indent: -9999px; background: url(/ui/images/mag_pictures_od.svg); height: 49px; width: 172px; display: inline-block; } /* Use this CSS to put in the partner logos: */ /* Partner logos: */ @media only screen and (min-width: 960px) { .footer-logo-container { width: 100%; display: inline-block; } .ftr-partner-logos { /*height: 130px; width: 960px; */display: inline-block; /*overflow: hidden;*/ } .ftr-partner-logos li { display: inline; } .ftr-partner-logos .axs-tv a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -14px 0; height: 30px; width: 200px; display: block; text-indent: -9999px;} .ftr-partner-logos .amex a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -14px -30px; height: 100px; width: 90px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .anheuser a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -280px -30px; height: 100px; width: 200px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .guthyrenker a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -568px -30px; height: 100px; width: 182px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .renaissance a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -768px -30px; height: 100px; width: 112px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .mercury-insurance a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -880px -30px; height: 100px; width: 262px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .microsoft a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -1140px -30px; height: 100px; width: 292px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .stubhub a { background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -1440px -30px; height: 100px; width: 222px; display: inline-block; text-indent: -9999px;} } @media only screen and (max-width: 960px) { .footer-logo-container { width: 480px; display: inline-block; } .ftr-partner-logos { height: 100%; width: 480px; display: inline-block; overflow: hidden; } .ftr-partner-logos li { display: block; clear: both; } .ftr-partner-logos .axs-tv a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat 0 0; height: 30px; width: 200px; display: block; text-indent: -9999px;} .ftr-partner-logos .amex a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat 0 -30px; height: 100px; width: 100px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .anheuser a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -280px -30px; height: 100px; width: 200px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .guthyrenker a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -560px -30px; height: 100px; width: 200px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .renaissance a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -768px -30px; height: 100px; width: 112px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .mercury-insurance a { float: left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -880px -30px; height: 100px; width: 262px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .microsoft a { float:left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -1140px -30px; height: 100px; width: 292px; display: inline-block; text-indent: -9999px;} .ftr-partner-logos .stubhub a { float:left; background: url(/ui/images/AXSTVPartnerFooterLogos.png) no-repeat -1440px -30px; height: 100px; width: 222px; display: inline-block; text-indent: -9999px;} } /* Believe it or not, they left out a copyright! */ .copyrite { color: white; text-align: center; clear: both;} /* Don't like the default bootstrap font size: */ blockquote p { font-size: 13px; } /* Because the sub-genii didn't even bother by the time they got to the contacts page: */ .cTitle { text-align: right; } .cSpacer h3 { border-top: 1px solid #ddd; } .addressHeader { color: #333; } /* hard to believe I know, but the MCC guys didn't even bother with the transcripts. */ .trans_table td { padding: 4px 16px; } .alternate { background-color: #eeeeee; } .trans_table { margin-bottom: 20px; } /* I hate how light the text is, so make it darker: */ p { color: #333; } /* This is to target the Twitter crap on the home page: */ .aq-block-mwh_twitter_block { color: #333; } @media only screen and (max-width: 480px) { #menu li ul { display: block; position: relative; z-index: auto; background-color: inherit; top: auto; left: auto; margin-bottom: 10px; } #menu li ul li { width: 100% !important; text-align: center; } } /* Selectors for the social media feeds: */ .social-media-column { width: 400px; display: inline-block; margin-right: 36px; vertical-align: top; } @media only screen and (max-width: 400px) { .social-media-column { width: 300px; } } .social-media-feed-container { width: 400px; display: inline-block; margin: 16px 0px; padding: 6px; background-color: #bdbdbd; } @media only screen and (max-width: 400px) { .social-media-feed-container { width: 269px; margin: 0px; padding: 4px; } } .social-media-facebook-icon { display: inline-block; float: left; text-indent: -9999px; background-image: url(img/social-icons-sprite.png); background-position: -60px 0px; width: 30px; height: 30px; background-color: black; margin: 0px 6px 4px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-media-facebook-icon:hover { background-color: #0088cc; } .social-media-instagram-icon { display: inline-block; float: left; text-indent: -9999px; background-image: url(img/social-icons-sprite.png); background-position: -150px -90px; width: 30px; height: 30px; background-color: black; margin: 0px 6px 4px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-media-instagram-icon:hover { background-color: #0088cc; } .social-media-twitter-icon { display: inline-block; float: left; text-indent: -9999px; background-image: url(img/social-icons-sprite.png); background-position: 0px 0px; width: 30px; height: 30px; background-color: black; margin: 0px 6px 4px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-media-twitter-icon:hover { background-color: #0088cc; } .social-media-tumblr-icon { display: inline-block; float: left; text-indent: -9999px; background-image: url(img/social-icons-sprite.png); background-position: -210px -30px; width: 30px; height: 30px; background-color: black; margin: 0px 6px 4px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .social-media-tumblr-icon:hover { background-color: #0088cc; } .social-media-feed-container h2 { font-size: 18px; line-height: 14px; margin:0 0 6px 0; padding:0; font-weight: bold; } .social-media-feed-container h2 a { color: black; } .social-media-feed-container h2 a:hover { text-decoration: underline; } .social-media-feed { width: 400px; height: 450px; overflow-y: scroll; background-color: #fff; } .social-media-description-cell { display: table-cell; } @media only screen and (max-width: 400px) { .social-media-feed { width: 269px; } } .social-media-feed-item { border-bottom: 1px solid black; overflow: hidden; position: relative; } .social-media-feed-item.last { border: none; } .social-media-thumbnail { float: left; margin:6px; } .social-media-feed-item p { margin:0; padding:0; } .social-media-created-time { color: #777; position: absolute; bottom: 6px; right: 26px; } /* For the Instagram widget: */ .wp-instagram-images-widget-list { height: 450px; width: 300px; overflow-y: scroll; } .wp-instagram-images-widget-list li { list-style-type: none; } /* For the Tumblr widget: */ .tumblr-content { padding: 6px; } /* Gumroad buttons */ .cm-gumroad-button { color: white; background-color: #1e75bc; padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cm-gumroad-button:hover { color: white; text-decoration: underline; background-color: #333; } /* make the sell-thru links stand out a little more: */ p.links { margin: 6px 0px; line-height: 30px; } /* For the Gumroad page: */ .gumroad-page p { max-width: 960px; font-size: 14px; } p.gumroad-description { font-size: 12px; } .gumroad-products { max-width: 1024px; } .gumroad-products li { margin-top: 30px; } li.gumroad-item { width: 180px; display: inline-block; vertical-align: top; margin-right: 11px; } li.gumroad-featured { width: 300px; } li.gumroad-featured p.gumroad-description { font-size: 14px; } .gumroad-title { font-size: 150%; font-weight: bold; margin: 10px 0 5px 0; } .gumroad-cover-image-container { overflow-x: hidden; width: 180px; height: 180px; } @media all and (min-width: 1313px) { li.gumroad-featured { width: 960px; display: block; } .gumroad-featured .gumroad-cover-image-container { width: 960px; height: 300px; } } @media all and (max-width: 1312px) and (min-width: 979px) { li.gumroad-featured { width: 630px; display: block; } .gumroad-featured .gumroad-cover-image-container { height: 300px; width: 630px; } } @media all and (max-width: 978px) { li.gumroad-featured { width: 300px; display: block; } .gumroad-featured .gumroad-cover-image-container { height: 300px; width: 300px; } } .gumroad-cover-image { position: absolute; } /* For the "menu" on the page: */ .gumroad-header { display: inline-block; font-size: 16px; } .gumroad-list { display: block; width: 320px; } .gumroad-list-item { display: block; padding: 4px 8px; background-color: #1e75bc; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 6px; text-align: center; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .gumroad-list-item:hover { background-color: black; } .gumroad-list-item a { color: white; } /* For the 'featured' stuff again: */ h4 { border: none; } /* For the show pages, to format out some promo stuff: */ .program-left{ float: left; padding-right: 30px; } .promo-overflow{ overflow: auto; } /* More for a show page: */ .with-subheads h3{ margin-bottom: -8px; } /* For the episode guide/transcript buttons: */ #prog_links li a { color: white; } #prog_links li { display: inline-block; background-color: #777777; color: white; margin-right: 6px; padding: 4px 8px; } /* put a little "air" at the top of the home page slider: */ div#carousel { padding-top: 15px; } /* For the Subscribe page: */ .post-id-39 { /* background: url(/ui/images/x_factor/page-background.jpg); */ } /* For the featured blog posts on program pages: */ .fbp-data .thumbnail-cell { display: table-cell; width: 150px; height: 150px; } .fbp-data .description-cell { display: table-cell; vertical-align: top; padding-left: 10px; } .fbp-data .blog-preview { display: table-row; padding-bottom: 15px; } .fbp-data h4 { margin-top: 0px; } .fbp-data { margin: 30px 0px; border-top: 1px solid #333; border-bottom: 1px solid #333; } /* To move the search box and social buttons: */ #social-search { display: block; height: 40px; padding-top: 10px; } .new-social-icons { display: inline-block; position: relative; bottom: -13px; } @media all and (max-width: 768px) { .new-social-icons { display: block; margin-bottom: 20px; } } .new-search-block { display: inline-block; height: 20px; } /* For the Viewerlink box in the header */ #viewerlink-container { padding-left: 10px; } #viewerlink-iframe { border:none; overflow: hidden; } /* Hide "Find AXS TV" on the desktop: */ #menu li a.find-axs-tv { display: none; } @media all and (max-width: 768px) { #viewerlink-container { display:none; } /* Show "Find AXS TV" on phones */ #menu.mobile_menu li a.find-axs-tv { display: block; } } /* ================ MOCKPOCALYPSE PAGES: ====================*/ /* The show page: */ .post-id-20670 .slideshow_container_style-light { padding: 10px 0px; background-color: rgba(0,0,0,0.5); } /* The host bios: */ .page-id-20675 .main-info{ max-width:830px; background:#fff; opacity: 0.9; margin-left:auto; margin-right:auto; padding: 2em 5em 2em 5em; min-width:400px; } .page-id-20675 h3 { margin-bottom: -5px; float:none; } .page-id-20675 .comedian-cell{ height:auto; float:left; min-width: 245px; width: 48%; padding-right:15px; } .page-id-20675 .comedian-cell :last-child{ padding:0; } .page-id-20675 .comedian-row { display: inline-table; } /* Add thumbnail images to the blogs page: */ .mega-entry { clear: both; margin-bottom: 10px; } .thumbnail-container { float: left; padding: 0px 15px 10px 0px; } @media all and (max-width:400px) { .thumbnail-container { float: none; display: block; text-align: center; } } .content_fluid { height: 100%; } .single-more-blog-posts { font-weight: bold; } .tbicontent{ max-width: 960px; margin-left:auto; margin-right:auto; }