/*---------------------------------- Theme Name: Florida Theme URI: http://webnus2.net/florida Description: Florida is a Modern multi-purpose HTML5-CSS3 template with many different options, and is fully responsive. It covers any type of usage: Personal, Small Biz and Corporate. Author: WEBNUS Author URI: http://themeforest.net/user/WEBNUS Version: 1.4.0 ------------------------------------------------------------------------*/ @import url('./main-menu.css'); /* Import Menu Stylesheet */ @import url('./base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */ @import url('./skeleton.css'); /* Import Skeleton (Responsive Grid System) Stylesheet */ @import url('./elements.css'); /* Import Elements stylesheet */ @import url('./blox.css'); /* Import Full width Sections + Parallax Stylesheet */ @import url('./blog.css'); /* Import Blog stylesheet */ /*@import url('./portfolio.css'); Import Portfolio Stylesheet */ /*@import url('./pages.css'); Import Pages stylesheet */ @import url('./icon-box.css'); /* Import Icon Boxes stylesheet */ /*@import url('./shop.css'); Import Shop stylesheet */ /*@import url('./widgets.css'); Import Widgets stylesheet */ @import url('./prettyPhoto.css'); /* Import prettyPhoto Stylesheet */ /*@import url('../layerslider/css/layerslider.css'); Import LayerSlider Stylesheet */ /*@import url('./slide1.css'); Import Florida Custom LayerSlider Stylesheet */ /*@import url('./flexslider.css'); Import Flex Slider Stylesheet */ @import url('./icomoon.css'); /* Import Vector Icons Stylesheet */ @import url('./iconfonts.css'); /* Import Vector Icons Stylesheet */ /*-----------------------------------------------------------------------------------*/ /* CSS Document */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700); @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700); /*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,400italic,600,600italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Raleway:400,400italic,600,600italic,700,700italic);*/ /* #Site Styles ================================================== */ /* WRAPPER */ #wrap { margin: 0 auto; position: relative; padding: 0; background: #fff; background: #ffffff; } #boxed-wrap { margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); } #boxed-wrap { border: 1px solid #d6dbdc\9; border-bottom: none; } #full-width, #hero { width: 100%; padding: 0; clear: both; border-bottom: 1px solid #d6d6d6; } #full-width img, #hero img { margin: 0; max-width: 100%; margin-bottom: -6px; } #headline, #headline2 { width: 100%; height: 50px; /*was 82px*/ padding: 15px 0 0px; /*was 16px 0 20px*/ background:#fafafa; display: table; background-position: center center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 0px 3px #ccc; /*border-bottom:3px solid #0093d0;*/ } #headline.company {background: #7d98ab url(../../images/sliders/bg-circles.jpg) center center;} #headline.resources {background: #717984 url(../../images/sliders/bg-circles.jpg) center center;} #headline.products {background: #878e98 /*#23527C*/ url(../../images/sliders/bg-circles.jpg);} #headline.support {background: #717984 url(../../images/sliders/desk-sm.jpg) center center;} #headline.clinical {background: #0064a5 url(../../images/sliders/clinical-sub.jpg) center center;} #headline.fhq {background: url(../../images/sliders/fhq-sub.jpg) center center;} #headline.lab {background: url(../../images/sliders/lab-sub.jpg) center center;} #headline.lims {background: url(../../images/sliders/lims-sub.jpg) center center;} #headline.cloud {background: #0093d0 url(../../images/sliders/bg-circles.jpg) center center;} #headline h3, #headline2 h3 { color: #fff; font-size: 26px; /*was 45px*/ line-height:1.3; font-family:'Roboto'; margin: 0px 10px; position: relative; text-transform: uppercase; font-weight: 500; /*was 600*/ letter-spacing: 0px; } #headline h3 small, #headline2 small { font-size: 56%; color: rgba(255,255,255,0.8); font-weight: 300; margin-left: 10px; letter-spacing: -0.07em; text-transform: capitalize; } #headline h3 small { color: #808080; font-weight: 100; } #headline2 { padding: 25px 0 12px; background: #0093d0; } #headline2 h3 { color: #fff; border: 0 none; } #headline-mini { width: 100%; height: 50px; padding: 15px 0 0px; background: #f5f5f5 url(../../images/sliders/Blur-3.png) no-repeat center top fixed; font-size: 28px; color: rgba(255,255,255,0.8); font-weight: 300; letter-spacing: -1px; text-transform:uppercase; border-bottom:1px solid #eeeeee; /*box-shadow: 0px 3px 3px #ccc;*/} #headline-mini h3 { color: #fff; font-size: 26px; line-height:1.3; font-family:'Roboto'; margin: 0px 10px; position: relative; /*text-transform: uppercase;*/ font-weight: 500; letter-spacing: 0px; } #headline-mini.support {background: #0093d0 url(../../images/sliders/Blur-3.png) no-repeat center top fixed; color: rgba(255,255,255,0.8);} #header h6, .top-bar h6, .top-inf h6 { font-size:16px; margin:20px; font-weight:400; color:#797979; display:inline-block;} #header h6 i, .top-bar h6 i, .top-inf h6 i { background:#f1f1f1; color:#545454; display:inline; margin:7px; padding:7px; border-radius:4px; vertical-align:middle;} .tbg1 { background: url(../images/tbg1.png) repeat-x; } /* TOP-BAR */ .top-bar { background:#fff; min-height:26px; padding:12px 0; border-bottom:1px solid #f3f3f3; } .top-bar h6 { font-size:12px; font-weight:400; margin:0 20px 0 0; color:#999; letter-spacing:0.6px;} .top-links { float:left; color:#a9b2b4; font-size:11px; padding:4px 0 0 4px; } .top-links.rgtflot { float:right; padding-right:10px;} .top-links img, .container .top-links p { float:left; margin:4px 3px 0 0;} .container .top-links p { color:#d9d9d9; font-weight:bold; font-size:12px; line-height:1; margin:5px 9px 0 0;} .top-links a, .top-links span { color: #9aa6af; font-size:10px; display:inline; margin:0 6px; text-transform:uppercase; font-weight:bold; } .top-links a:hover { color:#ff932a} .top-co-inf .top-links { float:right; margin-top:8px;} .top-co-inf .top-links p { color:#6d6e71; } /* HEADER */ #header { border-bottom: 3px solid #ddd; margin:0; background-color: #fff; /*background: -webkit-linear-gradient(#f9f9f9, #d4d4d4);*/ /* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(#f9f9f9, #d4d4d4);*/ /* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(#f9f9f9, #d4d4d4);*/ /* For Firefox 3.6 to 15 */ /*background: linear-gradient(#f9f9f9, #d4d4d4);*/ /* Standard syntax */ } #header.transed { position: fixed; background: rgba(255,255,255,0.8); width: 100%; z-index: 9100; } #header.super-fixed { background:#fff; border:none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); width:100%; height:70px; z-index: 9100;} .logo { height:100%; } .logo img { max-width: 100%; height:auto; max-height:100%; /*min-height:54px;*/ padding-top:15px; } #header.super-fixed .logo img, header.super-fixed .logo { max-height:70px; width:auto;} #sticker { background: #fff; z-index: 90000; width: 100%; height: auto; position: relative; } /*.is-sticky #header { margin-top:-50px; background:rgba(255,255,255,0.98); border-bottom: 4px solid #f0f0f0; } .is-sticky .logo { height:54px; margin-top:50px; } .is-sticky .logo img { max-height:48px; width:auto; } .is-sticky #header.super-fixed { margin:0; border:none; background:#fff;} .is-sticky #header.super-fixed .logo, .is-sticky #header.super-fixed .logo img { max-height:90px; margin:0;}*/ #search-form { float:right; margin:61px 0 auto 16px; position:relative;} #search-form .search-text-box, #search-form2 .search-text-box2 { background-color: #f3f3f3; background-image: url(../images/search-icon.png); background-position: 12px 50%; background-repeat: no-repeat; border: 0 none; border-radius: 18px; box-shadow: none; color: transparent; cursor: text; font-size: 13px; color:#444; height:18px; line-height: 18px; padding: 7px 5px 8px 30px; transition: all 0.3s ease-in-out 0s; width: 1px;} #search-form2 { display:none; position:relative; } #search-form2 .search-text-box2 { width:220px; margin:auto; position:relative; } #header.super-fixed #search-form { margin-top:29px;} /* --------------------- */ /* Side content and nav */ #main-title h1 {font-size: 30px; font-weight:400; letter-spacing:-1px; text-transform:uppercase; line-height:30px; margin-bottom:15px;} #main-title h5 {font-size: 18px; font-weight:300; color:#555; margin-bottom:5px;} #main-image {float:right;} #main-title ul {list-style-position: outside; padding:0px 0px 0px 25px;} .home-content h1 {font-size: 48px; font-weight:300; letter-spacing:1px; color:#404040;} .home-content h2 {font-size: 28px; font-weight:300; letter-spacing:1px; text-transform:uppercase; line-height:45px; margin-bottom:15px; color:#404040;} .home-content h3 {font-size: 19px; font-weight:400; line-height:24px; text-transform:uppercase; margin-bottom:5px; color:#b7202f;} .home-content h4 {font-size: 16px; font-weight:400; line-height:24px; text-transform:uppercase; margin-bottom:20px; letter-spacing:0.5px; color:#404040;} .home-content h5 {font-size: 16px; font-weight:400; line-height:24px; text-transform:uppercase; margin-bottom:20px; letter-spacing:0.5px; color:#404040;} .home-content a:hover h3 {color:#de3d4d;} .home-content h2.red {color:#b7202f;} .home-content h3.red {color:#b7202f;} .home-features h1 {font-size: 48px; font-weight:300; letter-spacing:1px; color:#404040;} .home-features h2 {font-size: 21px; font-weight:400; letter-spacing:-0.5px; line-height:22px; margin-bottom:10px; color:#404040; margin-top:20px;} .home-features h3 {font-size: 19px; font-weight:400; line-height:24px; text-transform:uppercase; margin-bottom:5px; letter-spacing:0.5px; color:#b7202f;} .home-features h4 {font-size: 16px; font-weight:400; line-height:24px; text-transform:uppercase; margin-bottom:20px; letter-spacing:0.5px; color:#404040;} .home-features h5 {font-size: 17px; font-weight:300; line-height:24px; margin-bottom:20px; color:#404040;} .home-features a:hover h3 {color:#de3d4d;} .home-features h2.red {color:#b7202f;} .home-features h3.red {color:#b7202f;} .home-features a {font-size:17px; font-family:Roboto, Noto Sans;} .main-icons {margin:0px 15px 0px 15px; padding:5px;} .main-icons:hover {background-color: #D6ECF8; } .home-content .home-icons {margin-bottom:10px;} #side-content { float:left;} #side-content h1 {font-size: 30px; font-weight:400; letter-spacing:-1px;} #side-content h2 {font-size: 24px; font-weight:400; letter-spacing:-0.5px; line-height: 30px; margin-bottom: 15px;} #side-content h3 {font-size: 19px; font-weight:500; line-height:24px; margin-bottom:5px; letter-spacing:-0.3px; color:#404040;} #side-content ul {list-style-position: outside; padding:0px 0px 0px 25px; /*letter-spacing:0.2px;*/} #side-nav2 { float:right;} #side-nav2 ul { /*padding:10px 20px;*/ background:#fff; /*border:3px solid #f3f3f3;*/ list-style:none;} #side-nav2 ul li { border-bottom:1px solid #eaeaea; padding:0; margin:0;} #side-nav2 ul li:last-of-type { border-bottom:0 none;} #side-nav2 ul li ul { border:0 none; padding:0; padding-left:20px; margin:0; background:#fdfdfd; display:block;} #side-nav2 a { font-family: 'Roboto',arial; display:block; color:#575757; padding:10px 0; font-size:15px; font-weight:400; letter-spacing:0px; } /*#side-nav a:after { float:right; font-family: 'icomoon'; font-size:10px; color:#878787; content: "\e3b0"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}*/ #side-nav2 a:hover, #side-nav2 a:hover:after { color:#b7202f;} #side-nav2 li.current a, #side-nav2 li.current a:after { color:#b7202f;} #side-nav2 li.current a:hover, #side-nav2 li.current a:after { color:#de3d4d;} #side-nav2 ul li ul li a { padding:5px 0; border:none;} #side-nav2 ul li ul li { border:none;} #side-nav2 ul li ul li:last-of-type { padding-bottom:10px;} #side-nav2 ul li:hover > ul { } #side-nav2 h3 {font-size: 19px; font-weight:500; line-height:24px; margin-bottom:5px; letter-spacing:-0.3px; padding:3px; color:#404040;/*background-color:#eee;*/ } /* Image Gallery */ .image-gallery { display:block; margin:10px 0;} .image-gallery ul li { float:left; width:215px; height:215px; margin:1px; overflow:hidden;} .image-gallery ul li img { max-width:420px; width:auto; height:215px; border-radius:1px; text-align:center} .image-gallery .zoomex { bottom:0;} /* --------------------- */ /* FOOTER */ #footer { width: 100%; padding: 10px 0 0 0; background: #575757; /*was #b7202f, #00a3e5, #575757 */} #footer.litex { background: #fafafa; border-top: 6px solid #e9e9e9; } .footer-in { margin: 0 auto; padding-bottom: 40px; color: #fff; position: relative; font-size:14px; } .footer-in .columns { margin-top: 15px; } .footer-in h5.subtitle { color: #ddd; display: block; border-bottom: 1px solid #212121; padding-bottom: 6px; margin: 0; margin: 35px 0; -webkit-box-shadow: 0 1px #373737; -moz-box-shadow: 0 1px #373737; box-shadow: 0 1px #373737; position: relative; } #footer.litex .footer-in h5.subtitle { color:#414141;} #footer h5.subtitle span { position: absolute; right: 0; text-align: right; } #footer h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400; } .lts-news { height: 64px; overflow: hidden; margin-bottom: 15px; } .lts-news .img-hover { float:left; margin:0 10px 0 0;} .lts-news img { height: 64px; } .lts-news h5 { font-size: 16px; font-weight: 500; border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space:nowrap;} .lts-news a { color: #ddd; } .footer-in .lts-news p { font-size: 11px; line-height: 17px; color: #9c9b9b; margin-bottom:5px; letter-spacing:0; } .lts-news .img-hover:before { -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; box-shadow: inset 0 0 0 3px #fff; opacity: .5; } .lts-news:hover .img-hover:before { opacity: 1; -webkit-box-shadow: inset 0 0 0 3px #e84a52; -moz-box-shadow: inset 0 0 0 3px #e84a52; box-shadow: inset 0 0 0 3px #e84a52; } .lts-news:hover h5 a { color: #e84a52; } .footer-in hr { border-color: #373737; } .footer-in .copyright-txt { font-size: 12px; } .footer-in p { line-height: 19px; color: #898989; } .contact2 div { line-height: 21px; } .footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; color: #fff; } .footer-sbc { position: relative; text-align: center; margin: 0 auto; } .footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px; } /* Social Icons */ .social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .social-icons a:hover { opacity: 1; } .social-icons.members { clear: both; text-align: center; margin-bottom: 10px; } .social-icons.members a { text-align: center; float: none; } .footer-in a img { float: left; } .contact-inf span { display: block; color: #9b9b9b; font-family: Arial; font-size: 14px; } .contact-inf i { margin-right: 5px; color: #474747; } .contact-inf form { margin-top: 20px; } .footer-in .contact-inf input, .footer-in .contact-inf textarea { display: block; min-width: 97%; margin: 10px 0; background: #2b2928; color: #ccc; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px 0px 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; -moz-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; } .footer-in .contact-inf button { padding: 10px 20px; font-size: 12px; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #373737; background: -moz-linear-gradient(top, #373737, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #373737, #252525); background: -ms-linear-gradient(top, #373737, #252525); background: -o-linear-gradient(top, #373737, #252525); background: linear-gradient(top, #373737, #252525); border: none; float: right; } .footer-in a:hover { color: #ccc; } #footer.litex .footer-in a { color: #3cc5ff; } .footer-in a.terms { color: #578f1a; } .footer-in .lts-tweets { padding: 12px; padding-top: 34px; text-align: center; position: relative; } .footer-in .lts-tweets i { font-size: 80px; color: #333; position: absolute; top: 2px; left: 40%; z-index: 9; } .footer-in .lts-tweets h3 { z-index: 12; position: relative; } .footer-in .lts-tweets h5 { color: #82878a; padding: 0 10px; font-size: 16px; font-weight: 400; font-family: "Roboto Slab"; } .partner-website h5 { margin: 20px 0; } .partner-website a { display: block; color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: 12px; -webkit-transition: all .08s ease; -moz-transition: all .08s ease; -ms-transition: all .08s ease; -o-transition: all .08s ease; transition: all .08s ease; } .partner-website a:hover { color: #fff; } .partner-website a i { margin: 0 5px; -webkit-transition: all .18s ease; -moz-transition: all .18s ease; -ms-transition: all .18s ease; -o-transition: all .18s ease; transition: all .18s ease; } .partner-website a:hover i { margin-left: 10px; } .footbot { margin: 0 auto; position: relative; background: #222; padding: 26px 0 18px; text-align: right; border-top-right-radius: 2px; border-top-left-radius: 1px; } #footer.litex .footbot { background:#e9e9e9} #footer.litex .footbot, #footer.litex .footer-in h4, #footer.litex .footer-in hr { border-color: #e0e0e0; color: #5b5b5b; } .footbot img { position: relative; margin: 6px 40px 0 0; opacity: 0.93; } .footer-navi { float: left; line-height: 38px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #9B9B9B; text-transform: capitalize; } .footer-navi ul { margin-left: 40px; } .footer-navi a { color: #a9b2b4; margin: 0 4px; } .footer-navi a:hover { color: #ccc; text-decoration: underline; } .socialfollow { float: right; } .socialfollow a { height: 18px; padding: 10px; float: left; text-decoration: none; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; } .socialfollow a:first-of-type { margin-left: 0; } .footer-in .socialfollow a:hover { text-decoration: none; } .socialfollow a.facebook:hover { background: #3b5996; } .top-bar .socialfollow a.facebook:hover i, .our-team .socialfollow a.facebook:hover i { color: #3b5996; } .socialfollow a.twitter:hover { background: #00acee; } .top-bar .socialfollow a.twitter:hover i, .our-team .socialfollow a.twitter:hover i { color: #00acee; } .socialfollow a.vimeo:hover { background: #0dadd6; } .top-bar .socialfollow a.vimeo:hover i, .our-team .socialfollow a.vimeo:hover i { color: #0dadd6; } .socialfollow a.dribble:hover { background: #d53e68; } .top-bar .socialfollow a.dribble:hover i, .our-team .socialfollow a.dribble:hover i { color: #d53e68; } .socialfollow a.youtube:hover { background: #cb322c; } .top-bar .socialfollow a.youtube:hover i, .our-team .socialfollow a.youtube:hover i { color: #cb322c; } .socialfollow a.pinterest:hover { background: #cb2027; } .top-bar .socialfollow a.pinterest:hover i, .our-team .socialfollow a.pinterest:hover i { color: #cb2027; } .socialfollow a.google:hover { background: #c3391c; } .top-bar .socialfollow a.google:hover i, .our-team .socialfollow a.google:hover i { color: #c3391c; } .socialfollow a.linkedin:hover { background: #0073b2; } .top-bar .socialfollow a.linkedin:hover i, .our-team .socialfollow a.linkedin:hover i { color: #0073b2; } .socialfollow a.rss:hover { background: #f29a1d; } .top-bar .socialfollow a.rss:hover i, .our-team .socialfollow a.rss:hover i { color: #f29a1d; } .socialfollow a.instagram:hover { background: #457399; } .top-bar .socialfollow a.instagram:hover i, .our-team .socialfollow a.instagram:hover i { color: #457399; } .socialfollow a.other-social:hover { background: #ff5d5e; } .top-bar .socialfollow a.other-social:hover i, .our-team .socialfollow a.other-social:hover i { color: #ff5d5e; } .socialfollow img { opacity: 0.79; } .socialfollow i { font-size: 18px; color: #fff; opacity: 0.95; } #footer.litex .socialfollow i { color: #343434; } #footer.litex .socialfollow a:hover i { color: #fff; } .top-bar .socialfollow { float: right; margin-right: 10px; } .top-bar .socialfollow.lftflot { float: left; } .top-bar .socialfollow img { opacity: 0.97; } .top-bar .socialfollow a, .our-team .socialfollow a { padding: 4px; margin: 1px 4px; background: #fff; } .top-bar .socialfollow i, .our-team .socialfollow i { color: #979797; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.125s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .top-bar .socialfollow a:hover, .our-team .socialfollow a:hover { background: none; } /* #Misc ================================================== */ /* EXTRAS */ .brdr-r1, .brdr-r2 { border-right: 1px solid #999; padding-right: 19px; } .brdr-l1, .brdr-l2 { border-left: 1px solid #999; padding-left: 19px; } .brdr-r2 { padding-right: 27px; } .brdr-l2 { padding-left: 27px; } .pad-r27 { padding-right: 27px; } .pad-l27 { padding-left: 27px; } .alignright { text-align: right; } img.alignright { float: right; } .alignleft { text-align: left; } img.alignleft { float: left; } .aligncenter { text-align: center; } .wp-caption { display: block; color: #444; } .wp-caption-text { font-size: 15px; } .sticky { color: #555; } .gallery-caption { display: inline; } .bypostauthor { font-size: 13px; } .moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; } .alignright { text-align: right; } img.alignright { float: right; } .alignleft { text-align: left; } img.alignleft { float: left; } .aligncenter { text-align: center; } .wp-caption { display: block; color: #444; } .wp-caption-text { font-size: 15px; } .sticky { color: #555; } .gallery-caption { display: inline; } .bypostauthor { font-size: 13px; } /* Scroll to top */ #scroll-top a { width: 16px; height: 16px; padding: 6px 8px 9px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; } #scroll-top a i { font-size: 16px; color: #fff; } #scroll-top a:hover { background-color: #ffcc00; cursor: pointer; } h1.pnf404 { font-size: 176px; line-height: 1.1; font-weight:900; color:#777;} h2.pnf404 { font-size: 42px; line-height: 1.2; font-weight:700; color:#777; } input.txbx404 { float:left; margin-top:2px; margin-right:4px; padding:7px 4px; min-height:inherit; border-radius:3px; } input.btn404 { float:left; margin:1px; padding:8px 12px 9px; } .v-shadow-l { background:url(../images/v-shadow-left.png) no-repeat right center; } .v-shadow-r { background:url(../images/v-shadow-right.png) no-repeat left center; } .v-shadow-r, .v-shadow-l { min-height:320px; } .pad-r10 { padding-right:10px; } .pad-r20 { padding-right:20px; } .pad-r30 { padding-right:30px; } .pad-r40 { padding-right:40px; } .pad-l10 { padding-left:10px; } .pad-l20 { padding-left:20px; } .pad-l30 { padding-left:30px; } .pad-l40 { padding-left:40px; } /* #Column Shortcodes ----------- */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 1%; margin-left: 1%; float: left; margin-bottom:20px; } .feature-list .one_half { margin-bottom: 10px; } /* for Features list to adjust margins */ .home-features .one_third { margin-bottom: 60px; } /* for Features list to adjust margins */ .one_half { width: 48%; } .one_third { width: 31.33%; /*30.6666%;*/ } .two_third { width: 65.3332%; } .one_fourth { width: 23.5%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .column-last { margin-right: 0 !important; clear: right; } .easyPieChart { position: relative; text-align: center; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; } .pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;} .container .pie p { margin-bottom:0;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:1px solid #ddd; box-shadow: 0px 0px 5px #ccc; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .img-box { width: 256px; height: 188px; } .last-project .img-box { background: #EA3C3C; } .last-project .img-box:nth-child(even) { background: #F66060; } .ab-box { height: 235px; } .author-detail { width: 218px; } .comment-contents { width: 343px; } .child-comment .comment-contents { width: 263px; } .contact input { width: 330px; float: none; } .contact textarea { width: 486px; } .row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px; } a.get { margin-bottom: 14px; } .pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px; } .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px; } #main-content-pin .container { width: auto; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #boxed-wrap { width: 828px; } .social-icons a { margin: 1px 4px 0 4px; } .row.magic { padding-left: 20px; margin-bottom: 10px; } #tline-content { width: 510px; } .tline-box { width: 190px; } /*#nav a span, #nav a:after { font-size:9px; }*/ .blog-date-sec { width: 42px; height: 42px; } .help-box { width: 50%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;} .rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none;} .contact-form .txbx { width:224px;} .pricing-table .plans-f-list.respo { display:inline; visibility:visible;} #header.super-fixed { height:auto; box-shadow:none; border-bottom:4px solid #f0f0f0;} #headline { height:auto; border-bottom:3px solid #f3f3f3; padding:14px 0; } #headline h3 { border-top-color:#f6f6f6; font-size:26px; text-align:center;} #headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400; } .servobx, .servobx div, .servobx img, ul#main-ibox li, ul#main-ibox li.active9 { width:100%; float:none;} #search-form { display:none; } #header .alignright, top-inf.alignright { text-align:center;} #search-form2 { display:block; } #side-content { padding-bottom:30px; border-bottom:5px solid #f3f3f3; margin-bottom:40px;} .top-bar { height:65px; padding:5px 0 6px; background:url(../images/topsobg1.png) repeat-x center center; white-space:nowrap; overflow:hidden;} .top-bar h6 { font-size:11px; letter-spacing:0; margin:0 10px 0 0;} .top-bar h6 i { font-size:12px; padding:3px; margin-right:3px;} .top-bar .socialfollow, .top-links, .top-links.rgtflot, .top-bar .socialfollow.lftflot { float:none; text-align:center; clear:both; min-height:22px;} .top-bar .socialfollow, .top-bar .socialfollow.lftflot { padding-top:8px;} .top-bar .socialfollow a, .top-bar .socialfollow.lftflot a, .top-links p, .top-links img { float:none; display:inline; padding-top:10px; background:none;} .top-links, .top-links.rgtflot { margin:0 0 8px 0; padding-top:4px; } .top-links.rgtflot { margin-top:12px; margin-bottom:6px;} .container hr { margin-left:0; margin-right:0;} .blog-date-sec { border:0 none; margin:0; text-align:left; border-bottom:1px solid #e5e5e5; background:#fdfdfd;} .blog-post { border-bottom-width:3px;} .nav-search { float: none; margin: 0; } .img-box { width: 420px; height: 308px; } .comment-contents { width: 328px; margin-right: 0; } .child-comment .comment-contents { width: 248px; } .contact textarea { width: 398px; } .author-detail { margin: 20px 0; } .blog-date-sec { width: auto; display:block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 2px solid #e3e3e3; margin-bottom: 5px; } .blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 10px; line-height: 50px; } .blog-date-sec span { font-size: 20px; font-weight: 300; } .blog-date-sec h3 { font-size: 32px;} .contact-form .txbx { width: 224px; } .pricing-table .plans-f-list.respo { display: inline; visibility: visible; } #headline h3 { border-top-color: #f6f6f6; } .image-gallery ul li, .image-gallery ul li img { display:block; width:auto; max-width:100%; height:auto; float:none;} input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px; } .logo { text-align: center; } .pin-box { width: 256px; } .tline-box .blog-date-sp { width: 80%; } .tline-box .blog-com-sp { width: 0; display: none; } .tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; } .tabs-left > .nav-tabs > li > a { border-right:0 none;} .tabs-left > .tab-content { border:0 none;} .tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; } .date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; } .blog-line .blog-date-sec { height: auto; } .v-shadow-r, .v-shadow-l { min-height: inherit; background: none; } .pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; } .latest-f-blog, .qot-week { margin:0;} .callout { margin:10px 0px 20px; } .brdr-l1, brdr-r1 { padding:0; border:0 none; } .brdr-l1 { margin-top:30px;} .tab-content p, .tab-content li { font-size: 12px; } .help-box { width: 100%; } .ab-box { height: auto; padding-bottom: 25px; } input[type="text"].header-saerch, input[type="text"].header-saerch:focus { float: none; display: inline; position: relative; z-index: 10000; } .jcarousel-next, .jcarousel-prev { padding:12px; } .jcarousel-prev { right:38px;} .jcarousel-next:after, .jcarousel-prev:after { top:13px; right:13px;} .our-clients-wrap .jcarousel-next, .our-clients-wrap .jcarousel-prev { padding:10px;} .is-sticky, .is-sticky #header { position:relative; height:auto;} .is-sticky #header { margin-top:0;} .is-sticky .logo { height:auto; margin-top:0; } .is-sticky .logo img { max-height:auto; height:auto; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .help-block { height: auto; } #boxed-wrap { width: 460px; } .page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; } .contact-form .txbx { width: 338px; } .pricing-table .plans-f-list.respo { display: inline; visibility: visible; } .jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left; } .pin-box { width: 166px; width: 164px\9; } #tline-content { width: 460px; } .tline-box { width: 165px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .nav-wrap2.mn4 #nav a { padding: 15px 4px; } #menu a { padding: 15px 4px; } .img-box { width: 300px; height: 220px; } .author-detail { width: 254px; } .author-arrow { width: 11px; height: 6px; background: url('../images/testimonial-arrow-top.png') no-repeat; left: 25px; top: -6px; } .contact input { width: 288px; margin-right: 0; } .contact textarea { width: 278px; } #boxed-wrap { width: 340px; } .footbot { min-height: 38px; height: auto; } .page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0; } .pricing-table .plans-f-list.respo { display: inline; visibility: visible; } .pricing-table ul { width: 136px; } .pricing-table ul li { width: 124px; padding: 5px; } .pricing-table ul li.plan-header, .pricing-table ul li .plan-title, .pricing-table ul li .plan-price { max-width: 136px; } .pricing-table ul li.plan-footer { max-width: 114px; } .portfolio-item { margin-bottom: 14px; } .commentin { width: 92%; } #tline-content { width: 300px; } .tline-box { width: 250px; } .tline-row-l, .tline-row-r { display: none } .tline-box.rgtline { float: left; left: 0; } } @media only screen and (min-width: 1200px) { #boxed-wrap { width:1180px;} .white-space { height:110px;} h4.subtitle { margin:39px 0 21px 0; } #main-content-pin .container { padding:0 40px; } .sidebar.leftside { background-position: 295px; padding-right:70px; } .blog-date-sec h3 { font-size:36px;} } @media screen and (min-width: 767px) { /* ensure #nav is visible on desktop version */ #nav { display: block !important; } .ls-layer h1, .ls-layer h3 { left:10px;} } /* ---------------------Custom-------------------*/ .headlims { font:bold 26px Roboto, Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#78a22f; } .headlab { font:bold 26px Roboto, Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#ff4609; } .headclinical { font:bold 26px Roboto, Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#0064a5; } .headfhq { font:bold 26px Roboto, Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#008dce; } .headprog { font:bold 26px Roboto, Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#833444; } .blox .headsub-home {color:#363636; font:400 22px/26px Roboto, Arial, Helvetica, sans-serif; margin-bottom:4px; color: #363636; letter-spacing: -0.5px;} .blox p.boxtext { font-family:"Roboto", arial; margin-bottom: 12px; margin: 10px 0px 20px; color: #333333; font-size: 15px; line-height: 20px; font-weight: 300; letter-spacing: 0px; } .blox p.boxtext a { font-weight:300; color: #333333; /*color: #07ADD4;*/} .blox p.boxtext a:hover { color: #FFA02F;} .homebox { /*background:url(../images/button_more.jpg) no-repeat 0px 0px; background-position:bottom;*/} .homebox ul{ list-style:/*url(../images/bullet.gif) outside*/none; margin: 10px 0px 15px 0px; } .homebox ol{ margin: 10px 0px 15px 25px; } .blox .homebox li{ margin: 10px 0px 0px 0px; font-size:13px; color:#424242; } .comparison td, .comparison th {text-align:center;} .comparison .column1 {text-align:left; background:#f9f9f9; font-weight:normal;} .comparison tr.t-header td, tr.t-header .column1 {font-weight:bold; color:#0093d0;} .box-item {padding:5px; margin-bottom:10px; border:1px solid #fff; text-decoration:none;} .box-item:hover {background-color:#eee; border:1px solid #e1e1e1; text-decoration:none;} .box-item p{font-size:13px; color:#333; margin-left:45px; margin-bottom:0px;} #side-content .box-item h3 {margin-left:45px; margin-bottom:0px;} #side-nav-sub ul{ padding: 0px 0px 5px 0px; } #side-nav-sub li{ padding: 2px 0px 2px 20px; } #side-nav-sub a:link, #side-nav-sub a:visited { } .content-container {width: 100%;} .content-left {width: 450px; float:left; } ul.indent { list-style-position: outside; padding: 0px 0px 0px 25px; letter-spacing: 0.2px; } /************* Features **************/ .features { width:100%; margin-left: auto; margin-right: auto; } .thumb { background:#F4F4F4 none repeat scroll 0%; display:block; padding:4px; float:left; border:1px solid #dddddd; margin-bottom:20px; text-align:center; /*width:252px; height:112px;*/ } .thumb:hover { background-color: #D6ECF8; border: 1px solid #82B7DF; } .thumb img { border:1px solid #dddddd; } .thumb a img { border-style:none; } .thumb-desc { float:left; margin-bottom:20px; padding-left:20px; text-align:left; width:450px; } .thumb-desc h3 { font:bold 16px Roboto, Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 5px; } .screen { background:#F4F4F4 none repeat scroll 0%; display:block; padding:4px; border:1px solid #dddddd; text-align:center; margin-left: auto; margin-right: auto; /*width:252px; height:112px;*/ } .screen:hover { background-color: #D6ECF8; border: 1px solid #82B7DF; } .screen img { border:1px solid #dddddd; } .screen a img { border-style:none; } /* Side - Call to action buttons */ .content-right {width: 190px; float:right; text-align:right; padding-top:45px; } .callout {float:right; width:220px; DISPLAY: block; margin-bottom:10px;} #trial { clear: both; margin: 0 0 10px 0; } #trial a { display: block; width: 190px; height: 42px; background: url(../../images/btn_trial.jpg) 0 0 no-repeat; } #trial a:hover { background-position: -190px 0; } #trial span{ display: none; } #demo { clear: both; margin: 0 0 10px 0; } #demo a { display: block; width: 190px; height: 42px; background: url(../../images/btn_demo.jpg) 0 0 no-repeat; } #demo a:hover { background-position: -190px 0; } #demo span{ display: none; } #demorequest { clear: both; margin: 0 0 10px 0; } #demorequest a { display: block; width: 190px; height: 42px; background: url(../../images/btn_demorequest.jpg) 0 0 no-repeat; } #demorequest a:hover { background-position: -190px 0; } #demorequest span{ display: none; } #beta { clear: both; margin: 0 0 10px 0; } #beta a { display: block; width: 190px; height: 42px; background: url(../../images/btn_betarequest.jpg) 0 0 no-repeat; } #beta a:hover { background-position: -190px 0; } #beta span{ display: none; } /*#quote { clear: both; margin: 0 0 10px 0; } #quote a { display: block; width: 190px; height: 42px; background: url(../../images/btn_quote.jpg) 0 0 no-repeat; } #quote a:hover { background-position: -190px 0; } #quote span{ display: none; }*/ #upgrade { clear: both; margin: 0 0 10px 0; } #upgrade a { display: block; width: 190px; height: 42px; background: url(../../images/btn_upgrade.jpg) 0 0 no-repeat; } #upgrade a:hover { background-position: -190px 0; } #upgrade span{ display: none; } /************* Tables **************/ .grid table a, .grid table a:link, .grid table a:visited { border:none; } .grid p, .grid li {padding:0; margin:0; color: #555;} .grid table { border-top:1px solid #ddd; border-right:1px solid #ddd; margin:0px; border-collapse:collapse; } .grid caption { color: #9ba9b4; font-size:.94em; letter-spacing:.1em; padding:0; margin:1em 0 0 0; margin-bottom:0; caption-side:top; text-align:center; } tr.odd td, tr.odd .column1 { background:#66a3d3 /*url(../images/bg_tables.gif) no-repeat*/; } .column1 { background:#f9f9f9; } .grid td { color:#333; border-bottom: 1px solid #ddd; border-left:1px solid #ddd; padding:.3em; text-align:center; } .grid th { font-weight:normal; color: #555; text-align:left; border-bottom: 1px solid #ddd; border-left:1px solid #ddd; padding:.3em; font-size:13px; } .grid thead th { background:#b7202f /*was #66a3d3 url(../images/bg_tables.gif) no-repeat*/; text-align:center; font-weight:bold; line-height:17px; color:#ffffff; } tr.t-header td, tr.t-header .column1 { background:#b7202f /* was #66a3d3 url(../images/bg_tables.gif) no-repeat*/; text-align:left; font-weight:bold; line-height:17px; color:#ffffff; } .grid tfoot th { background:#eee; text-align:center; } .grid tfoot th strong { font:bold 1.2em Arial,Helvetica,sans-serif; margin:.5em .5em .5em 0; color:#66a3d3; } .grid tfoot th em { color:#f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; } tbody tr.t-header:hover th { background-color:#66a3d3; } a.headfeatures { font:bold 18px Roboto, Arial, Helvetica, sans-serif; letter-spacing:0px; text-decoration: none; } a.headfeatures:hover { } /* Callout (Promo Box) */ .callout2 { padding: 30px 0; min-height: 60px; margin: 8px 10px 30px; position: relative; clear: both; border-width: 2px 0; border-style: solid; border-color: #e5e5e5; } .callout2 h1, .callout2 h2, .callout2 h3 { font-weight: 400; letter-spacing:-1px; } .callout2 a { text-decoration: underline; } .callout2 a.callurl { display: block; padding: 10px 30px; background: #b7202f; text-decoration: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 10px 0 10px 15px; position: relative; float: right; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .callout2 a.callurl:hover { background: #d72436; } .container .callout2 p { margin: 0; } .container div .callout2 { margin-left: 0; margin-right: 0; } /* ----- Timeline ----- */ .timeslot { width: 235px; float: left; margin: 0 0 10px; padding: 10px 100px 0 0; border-top: 3px solid #ddd; position: relative; } .timeslot span { position: absolute; right: 0; top: 27px; font-size: 3em; color: #999; } .even { float: right; padding: 10px 0 0 100px; border-color: #ca0000; } .even span { left: 0; color: #ca0000; } /* Landing page */ .landing li { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight:300; font-size:15px; } .landing p { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight:300; font-size:15px; } .landing img.icon { width:30%; text-align:center; } .landing .icon-box3 h5 { margin-top: 10px; margin-bottom: 0px; } /* Icon Boxes */ .icon-box h3, .icon-box p {margin-left: 50px;} .icon-box .icon-normal {width:auto; text-align:left; font-size:inherit; float:none; margin:0px; display:inline; color:inherit; vertical-align:inherit;} .icon-box2 i { display: block; margin: 5px 0 5px; font-size: 32px; color: #b7202f; } .icon-box2 i.icon-link { display:inline; font-size:inherit; } .icon-box i.icon-link { display:inline; font-size:inherit; float:none; vertical-align:baseline; } .icon-box2.border { border:1px solid #ddd; } /*Bootstrap Responsive Tables*/ .table-responsive { min-height: .01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } } /*Webinar Page Styles*/ h3.webinar-title { font-size: 22px !important; } p.webinar-details { text-transform:uppercase; color:#555; font-size:17px; } /*Adjustments for header subtitles*/ .blox p { font-size: 22px; line-height: 30px; margin-bottom: 0px; } .blox.dark p { color: #fff; } /*Link shown in uppercase style*/ .uppercase-link { text-transform: uppercase; font-weight: 500; font-family: Roboto, Noto Sans; } /*To make forms responsive*/ .requestform input[type="text"], .requestform input[type="password"], .requestform input[type="email"], .requestform textarea, .requestform select { width: 70%; } .requestform .quform-label { width: 30%; } @media screen and (max-width: 767px) { .requestform input[type="text"], .requestform input[type="password"], .requestform input[type="email"], .requestform textarea, .requestform select { width: 95%; } .requestform .quform-label { width: 5%; } }