/* Theme Name: Blue Pearl Software Theme URI: http://wwww.birbals.com Author: Birbals Inc This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ *{margin:0px;padding:0px;} *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, #sharingsites, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;} mark, rp, rt, ruby, summary, time {display:inline;} body, html{font-family:Open Sans, Arial, Helvetica, sans-serif; height:100%;} a{text-decoration:none;outline:none; color:#f79019;} a:hover{text-decoration:underline;} a img{border:none;} ul, ol{list-style-type:none;} h1,h2,h3, h4, h5, h6{font-family:Open Sans, Arial, Helvetica, sans-serif; font-weight:normal;} h1{font-size:36px; padding:0px 0px 10px 0px;} h2{font-size:30px; padding:0px 0px 10px 0px;} h3{font-size:22px; padding:0px 0px 10px 0px;} p{padding-bottom:10px;} .line{height:1px;background-color:#24404c;border-bottom:1px solid #416371;margin:1em 0;overflow:hidden;} .clear{clear:both;} img{max-width:100%; height:auto; width:auto\9;} @font-face { font-family: 'Titillium'; src: url('css/fonts/titllium.eot'); src: url('css/fonts/titllium.eot?#iefix') format('embedded-opentype'), url('css/fonts/titllium.woff') format('woff'), url('css/fonts/titllium.ttf') format('truetype'), url('css/fonts/titllium.svg#Titillium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Salvo Light'; src: url('css/fonts/salvosanslight.eot'); src: url('css/fonts/salvosanslight.eot?#iefix') format('embedded-opentype'), url('css/fonts/salvosanslight.woff') format('woff'), url('css/fonts/salvosanslight.ttf') format('truetype'), url('css/fonts/salvosanslight.svg#Salvo Light') format('svg'); font-weight: normal; font-style: normal; } header{width:100%; height:auto; height:65px; /*background-color:#1267a0;*/background-color: #fff; color:#ffffff; border-bottom:solid 1px #2180c0;} header hgroup{width:1224px; margin:0 auto; height:auto;min-height:80px; position:relative;} header hgroup .logo{ /* width:200px; height:55px; */ float:left; margin-top:18px; display:block; z-index:1;} nav{ width: 100%; height: 85px; padding: 12px 0 0 0;} #menu{width:auto;position:relative;z-index:101010110;} #menu ul.navigation{list-style-type:none;width:auto;float: right; margin-left: 30px;} #menu li{float:left;} #menu ul.navigation li a.link{/*color:#ffffff;*/ color: #444545; font-size:16px; font-family:'Source Sans Pro', sans-serif; padding:0px 20px 0px 20px;display:block; line-height:65px; letter-spacing:0;} #menu ul.navigation li:hover a.link{ text-decoration: none; color: #4c96d5; } #menu li.current a{text-decoration:none;background:#33475c url(images/menu-bg.png) repeat-x bottom;} ul.navigation .submenu{-moz-border-radius: 0 0 4px 4px !important;-webkit-border-radius: 0 0 4px 4px !important;border-radius: 0 0 4px 4px !important;background: white !important; border-color: rgba(21,43,54,0.2) !important;-moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.05), 0px 0px 2px rgba(12,58,70,0.1) !important;-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.05), 0px 0px 2px rgba(12,58,70,0.1) !important;box-shadow: 0px 2px 0px rgba(0,0,0,0.05), 0px 0px 2px rgba(12,58,70,0.1) !important; border:solid 1px #c1c9cc; border-top:none;background-clip: padding-box !important;width:auto;padding:20px;display:none;position:absolute;z-index:10101010;left:0px; letter-spacing:1px; font-weight:300;} ul.navigation li.hover .submenu{display: block;} ul.navigation .small{left:inherit !important;padding:0px !important;overflow:hidden;} /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } #menu ul ul{width:auto;left:0px;} #menu ul ul.small{width:270px !important;} #menu ul .solution-resize ul.small {width:455px !important;} #menu ul ul.small li a{line-height:45px; height:50px;border-bottom:solid 1px #dbe2e4 !important; display:block; padding:3px 10px 3px 10px;} #menu ul ul.small li.last a{border-bottom:none !important;} #menu ul ul.small li a:hover{padding-left:15px; background-color:#f8f8f8; text-decoration:none;} #menu ul ul.small li#menu-item-3278 a{padding-left: 25px;} #menu ul ul.small li#menu-item-3278 a:hover{padding-left:30px;} #menu ul ul.small li#menu-item-4110 a{padding-left: 25px;} #menu ul ul.small li#menu-item-4110 a:hover{padding-left:30px;} #menu ul ul.small li#menu-item-4168 a{padding-left: 25px;} #menu ul ul.small li#menu-item-4168 a:hover{padding-left:30px;} #menu ul ul ol.col1{float:left; width:28%; margin-right:5px;} #menu ul ul ol.col2{float:left; width:28%; margin-right:5px;} #menu ul ul ol.col2 li{padding-left: 20px; background: url(images/list-arrow.png) no-repeat 2px 6px; margin-bottom: 3px;} #menu ul ul ol.col3{float:right; width:40%; } #menu p{font-size:16px;color:#48505b;font-family:Salvo Light, Arial, Helvetica, sans-serif;} #menu h2{font-size:22px; font-weight:bold; color:#424c51; letter-spacing:0px; border-bottom:dotted 1px #cccccc; padding:0px 0px 5px 0px; margin-bottom:15px;} #menu h3{font-size:18px; font-weight:bold; color:#424c51; letter-spacing:0px; margin-bottom:10px; padding:0px; position:relative;border-bottom:solid 1px #ededed;} #menu h3:after, #menu h3:before {top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #menu h3:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } #menu h3:before { border-color: rgba(237, 237, 237, 0); border-top-color: #ededed; border-width: 11px; margin-left: -11px; } #menu .lihover li, #menu li li{background-image:none;width:100%;z-index:999;font-size:16px;font-family:Salvo Light, Arial, Helvetica, sans-serif;color:#48505b;font-weight:300;} #menu .lihover li a, #menu ul ul li a{display:inline-block;line-height:23px;height:23px;padding:3px 0px 3px 0px;background-image:none;font-size:16px; font-family:Salvo Light, Arial, Helvetica, sans-serif;color:#0f6894;text-transform:none; font-weight:300; position:relative; z-index:999999999;border:none; box-shadow:none; background-color:#ffffff;} #menu ul ul li a:before{content: "\203A"; padding-right:5px; font-weight:lighter;} #menu .lihover li a:hover{background-image:none;border-radius:0px; padding-left:7px;color:#f79019;text-decoration:none;} #menu ul li ul li a:hover{background-image:none !important;border-radius:0px;color:#de760a;text-decoration:none;padding-left:7px;} #slider{width:100%; height:auto;} #slider .inner{width:1224px; margin:0 auto; height:auto; position:relative;} #slider .tollfree-box{position:absolute; left:0px; right:0px; top:0px;} #slider .inner-box{width:1224px; margin:0 auto; position:relative;z-index: 100;display: block;} #slider .tollfree{/*width:520px;*/ width:310px; /*height:260px;*/ position:absolute; right:0px; /*top:145px;*/ top:35px; z-index:111; padding:30px; background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow:0 0 5px #6D6C6C;-webkit-box-shadow:0 0 5px #6D6C6C;box-shadow:0 0 5px #6D6C6C;background-color:rgba(255, 255, 255, 0.60);filter:alpha(opacity=60);} #slider .tollfree h2{/*font-size:36px; */font-size:32px; /*line-height:36px;*/ line-height: 32px;color:#050505; padding:0px; margin:0px;margin-bottom: 10px;} #slider .tollfree h2 strong{font-weight:bold;} #slider .tollfree h3{color:#3b3b3b; /*font-size:28px;*/ font-size:26px;} #slider .tollfree p{ color:#050505; /*font-size:30px;*/font-size: 27px; padding-top:15px; padding-bottom:15px;} #slider .tollfree p b{font-family: arial; color:#050505 !important; text-shadow: none !important;} #slider .tollfree p strong{font-weight:bold;} #slider .tollfree a{font-family:Titillium, Arial, Helvetica, sans-serif;font-size:26px; color:#ffffff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:8px 30px 10px 30px; text-shadow:#666666 0px 1px;} #slider .tollfree a:hover{text-decoration:none;} #slider .tollfree a.buynow{background-color:#3c76a7;display: inline-block; margin: 0px auto;} #slider .button-wrapper{display: block; position: relative; margin:0px;text-align: center;} #slider .tollfree a.buynow:hover{background-color:#2d577b;} #slider .tollfree a.eval{background-color:#389d3f; float:right;} #slider .tollfree a.eval:hover{background-color:#2a752f;} .skdslider{width:100%;position: relative;display: block;overflow:hidden;} .skdslider:after {content: '';padding-top: 40%;display: block;} .skdslider ul.slides{ margin:0; padding:0; list-style-type:none;} .skdslider ul.slides li{display: none;} .skdslider ul.slides li img{width: 100%;height:100%;border:0;} .skdslider ul.slide-navs {bottom: 20px;left: 50%;position: absolute;list-style-type: none;margin: 0;padding: 0;} .skdslider ul.slide-navs li {float: left;background: url("images/slide-bg.png") no-repeat scroll 0 0 transparent;height:12px;width:12px; margin-right:4px;cursor:pointer;} .skdslider ul.slide-navs li.current-slide {background: url("images/slide-bg-active.png") no-repeat scroll 0 0 transparent;} #pearlslides .inner{height:100px; width:100%; position:absolute;z-index:111; text-align:center;} .skdslider .slide-desc {width:1224px; margin:0 auto;padding: 20px 310px 0px 0px; display:inline-block; text-align:left;} .skdslider .slide-desc > h2 {color: #000; font-family:Titillium, Arial, Helvetica, sans-serif;font-size: 48px; line-height:48px; font-weight:bold;margin-top: 10px; text-shadow:#ffffff 0px 1px; padding-bottom: 3px;} .skdslider .slide-desc > p {color: #000;font-family:Titillium, Arial, Helvetica, sans-serif;font-size: 30px; line-height:30px; text-shadow:#ffffff 0px 1px;} .skdslider .slide-desc > p a { color:#000; text-decoration:none; } .skdslider .slide-desc > p span{font-size:20px;} #videos{width:100%; height:auto; margin-top:30px; margin-bottom:30px;} #videos h2{text-align:center; color:#4b4b4b; font-size:40px; font-weight:300;position:relative; padding-bottom:40px;} #videos .video{width:770px; height:524px;display:block;margin:0 auto;text-align:center; position:relative; border:solid 1px #dad8d8;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:url(images/video-bg.jpg) no-repeat center;} #videos .video:after, #videos .video:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #videos .video:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 30px; margin-left: -30px; } #videos .video:before { border-color: rgba(218, 216, 216, 0); border-bottom-color: #dad8d8; border-width: 31px; margin-left: -31px; } #videos .video a{display:block; height:100%; padding-top:200px; color:#ffffff; font-size:30px; font-weight:bold; text-shadow:#000000 1px 2px 2px;} #videos .video a h3{font-size:30px; font-weight:bold; display:block;} #videos .video .play{background:url(images/play-button.png) no-repeat; width:97px; height:97px; margin:0 auto; position:relative; z-index:111;} #videos .video:hover .play{background-position:0px -110px;} .video-container {position: relative;padding-bottom: 56.25%;padding-top:30px; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height:100%;} #software{width:100%; height:auto;} #software .inner{width:1224px; margin:0 auto; height:auto; position:relative;} #software h2{text-align:center; color:#4d4c4c; font-size:36px; font-weight:300;position:relative;} #software .blocks{width:auto; margin:0 auto 50px auto;position:relative; padding-top:30px; text-align:center; } #software .blocks .blocklt{width:370px; height:330px; margin-right:57px; float:left; border:solid 1px #d8d8d8; background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden; position:relative;} #software .blocks .blockrt{width:370px; height:330px; float:right; border:solid 1px #d8d8d8; background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden; position:relative;} #software .blocks img{margin:20px auto;} #software .blocks .blocklt:hover, #software .blocks .blockrt:hover{box-shadow:0px 0px 15px #e7e7e7; z-index:11111;} #software .blocks h3{font-size:16px; color:#676666; font-weight:bold; padding:5px 0px 5px 0px; line-height:35px;border-bottom:solid 1px #d8d8d8;background: #ffffff;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f6f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f4f4',GradientType=0 ); /* IE6-8 */} #software .blocks h3 sup{font-weight:normal; font-size:8px;} #software .blocks p{font-size:16px; font-family:Salvo Light, Arial, Helvetica, sans-serif; line-height:18px; color:#696767; font-weight:300; width:70%; margin:0 auto;} #software .blocks p strong{font-weight:bold;} #software .blocks .more{position:absolute; left:0; right:0; bottom:40px;} #software .blocks .more a{ background-color:#389d3f; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:10px 20px 10px 20px; font-size:16px;color:#ffffff; letter-spacing:1px;} #software .blocks .more a:hover{background-color:#1267a0; text-decoration:none;} #testimonials{width:auto; height:auto;margin:0 auto; background-color:#70757b;} #testimonials .inner{width:1224px; margin:0 auto; padding:40px 0px 40px 0px; position:relative;color:#626161; text-align:center;} #testimonials h2{color:#ffffff; font-size:36px; font-weight:300; letter-spacing:1px; padding-bottom:20px;} #testimonials p{font-size:18px; font-family:Salvo Light, Arial, Helvetica, sans-serif; width:75%; margin:0 auto;} #testimonials .slides_container {width:auto;height:auto; position:relative;display: none;} #testimonials .slides_container div{width:1224px; height:auto; text-align:center; color:#ffffff;} #testimonials .slides_container div .author{font-size:18px; letter-spacing:1px; font-weight:300;} #testimonials a.prev, #testimonials a.next{ display:inline-block; text-indent:-99999px; margin-top:20px;} #testimonials a.prev{background:url(images/testimonial-arrows.png) no-repeat; width:15px; height:26px; margin-right:20px;} #testimonials a.next{background:url(images/testimonial-arrows.png) no-repeat -28px 0px; width:15px; height:26px;} #testimonials .pagination {display:none;} #content{width:100%; height:auto;} #content .inner{width:960px; margin:30px auto; height:auto; position:relative;} #content h2{font-size:24px; color:#494848;} #content p{font-size:16px; color:#666565;font-family:Salvo Light, Arial, Helvetica, sans-serif;} #content a{color:#1267a0; font-weight:bold;} #content .right, #content .left{margin-bottom:40px; height:auto;} #content .right h2, #content .right p{width:60%; float:left;} #content .left h2, #content .left p{width:60%; float:right;} #content .right img{float:right;border:solid 1px #cccccc; padding:5px;} #content .left img{float:left;border:solid 1px #cccccc; padding:5px;} #leadershippage li:before { content:none !important; } #leadershippage { width:100%; } #leadershippage img { border:1px solid #cccccc; padding:3px; } #leadershippage li { /*width:50%;*/ float:left; } #leadershippage .paddingright { padding-right:10px; } #leadershippage .paddingleft { padding-left:10px; } #events{width:100%; height:auto; background-color:#fbfbfb; border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; color:#535252; font-size:16px; line-height:20px; font-weight:300;} #events .inner{width:1224px; margin:0 auto; height:auto; position:relative;} #events a{color:#1267a0;} #events strong{font-weight:bold;} #events .box{width:33.333333%; height:auto; min-height:370px; float:left; text-align:center;border-right:solid 1px #e2e2e2;padding:30px 0px 30px 0px;} #events .box:hover{box-shadow:0px 0px 15px #eeeeee;} #events .first{border-left:solid 1px #e2e2e2;} #events .last{float:right;} #events h2{font-size:30px; line-height:34px; color:#535252; text-transform:uppercase; position:relative; border-bottom:solid 1px #dfdfdf; padding-bottom:3px; margin-bottom:25px;} #events h2:after, #events h2:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #events h2:after { border-color: rgba(251, 251, 251, 0); border-top-color: #fbfbfb; border-width: 10px; margin-left: -10px; } #events h2:before { border-color: rgba(223, 223, 223, 0); border-top-color: #dfdfdf; border-width: 11px; margin-left: -11px; } .sharing{width:204px;height:31px; margin:0 auto;} .sharing a{float:left; margin-right:3px;} .sharing a:hover{padding-left:0px;} .sharing a:before{content:none !important;} .sharing a.fb{background:url(images/sharing.png) no-repeat; display:inline-block; width:31px; height:32px;} .sharing a.fb:hover{background:url(images/sharing.png) no-repeat 0px -32px;} .sharing a.tw{background:url(images/sharing.png) no-repeat -35px 0px; display:inline-block; width:31px; height:32px;} .sharing a.tw:hover{background:url(images/sharing.png) no-repeat -35px -32px;} .sharing a.sk{background:url(images/sharing.png) no-repeat -70px 0px; display:inline-block; width:31px; height:32px;} .sharing a.sk:hover{background:url(images/sharing.png) no-repeat -70px -32px;} .sharing a.yt{background:url(images/sharing.png) no-repeat -105px 0px; display:inline-block; width:31px; height:32px;} .sharing a.yt:hover{background:url(images/sharing.png) no-repeat -105px -32px;} .sharing a.ya{background:url(images/sharing.png) no-repeat -140px 0px; display:inline-block; width:31px; height:32px;} .sharing a.ya:hover{background:url(images/sharing.png) no-repeat -140px -32px;} .sharing a.bl{background:url(images/sharing.png) no-repeat -175px 0px; display:inline-block; width:31px; height:32px;} .sharing a.bl:hover{background:url(images/sharing.png) no-repeat -175px -32px;} #buttons-bottom{width:100%; height:auto; background-color:#ffffff;} #buttons-bottom .inner{width:860px; margin:40px auto; height:auto; position:relative;} #buttons-bottom .support{width:45%; /*float:left;*/background:url(images/btm-btns.png) no-repeat 10px 58px; border:solid 1px #dad6d6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:0 auto;} #buttons-bottom .evaluation{width:45%; float:right; background:url(images/btm-btns.png) no-repeat 10px -108px;border:solid 1px #dad6d6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #buttons-bottom h2{font-size:30px; line-height:46px; color:#666668; text-align:center; position:relative; border-bottom:solid 1px #dfdfdf; padding-bottom:3px; margin-bottom:25px;} #buttons-bottom h2:after, #buttons-bottom h2:before {top: 100%; left: 50%; border: solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events:none; } #buttons-bottom h2:after { border-color: rgba(251, 251, 251, 0); border-top-color: #fbfbfb; border-width: 10px; margin-left: -10px; } #buttons-bottom h2:before { border-color: rgba(223, 223, 223, 0); border-top-color: #dfdfdf; border-width: 11px; margin-left: -11px; } #buttons-bottom h3{font-size:24px; line-height:24px; padding:0px; color:#559de1; padding-left:120px;} #buttons-bottom p{font-size:16px; color:#41c14a; font-weight:bold; padding-left:120px;} #buttons-bottom a{display:block; height:100%;padding-bottom:15px;} #buttons-bottom a:hover{text-decoration:none;} #buttons-bottom .support:hover, #buttons-bottom .evaluation:hover{box-shadow:0px 0px 15px #eeeeee;} #ordernow{width:auto; background-color:#2b2f3e; height:auto; color:#bfbdbd; font-size:16px;font-family:Salvo Light, Arial, Helvetica, sans-serif;} #ordernow .inner{width:1224px; margin:0 auto; height:auto; padding-top:20px;padding-bottom:20px; position:relative; } #ordernow h2{font-size:36px; color:#ffffff; font-weight:300; padding:0px;} #ordernow p{width:75%;} #ordernow a{ position:absolute; display:inline-block; right:0px; top:45px; font-size:24px; font-family:Open Sans, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px; color:#ffffff; background-color:#41c14a; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius:3px; padding:10px 30px 10px 30px;} #ordernow a:hover{background-color:#1267a0; text-decoration:none;} footer{width:auto; background-color:#ffffff; height:auto;} .footer-inner{width:1224px; margin:0 auto; height:auto;padding-top: 100px; padding-bottom: 80px;} footer ul{font-family:Salvo Light, Arial, Helvetica, sans-serif;} footer ul li{float:left; color:#5b5a5a;font-size:14px; width:265px; margin-right:30px;} footer ul li.last{margin-right:0px;} footer ul li.small{width:170px;} footer ul li.big{width:320px;} footer ul li.big ol li{width:320px;} footer ul li ol li{float:none;} footer ul li h2{ font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.42px; color: #030e44; margin: 0 0 15px; } footer .textwidget p a { display: none; } footer .textwidget p { font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #444545; } #feventsection { font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #444545; } #feventsection strong { font-weight: 500; color: black; } #feventsection strong a { display: block; margin-bottom: -10px; color: #0485c7; } footer ol { font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #444545; } footer ol li a { color: #444545; } footer li.last li a { display: block; margin-bottom: 8px; } .list-inline li{ display: inline-block; vertical-align: top; } .fs-social-icon li a { width: 35px; height: 35px; background-color: #e9eef1; text-align: center; line-height: 35px; border-radius: 50%; } .fs-social-icon li a i{ color: #818f99; } .fs-social-icon li:hover a { background-color: #1367a0; } .fs-social-icon li:hover a i{ color: #fff; } .fs-social-icon li { width: auto; margin: 0 6px; } footer ul li a{font-size:14px;display:inline-block;} footer ul li a:before{/*content: "\203A"; padding-right:5px;*/} #feventsection ul li a:before { content:none !important; } footer ul li.noarrow a:before{content:none;} footer ul li a.noarrow:before{content:none;} footer ul li a:hover{color:#ff6102;} footer .sharing{float:left; margin-top:10px;display: none;} footer .copyright .copy .fs-social-icon { float: left; } footer .copyright .copy { width: 1224px; margin: 0 auto; font-size: 14px; color: #444545; font-family: Salvo Light, Arial, Helvetica, sans-serif; position: relative; border-top: 1px solid #e5e9ec; text-align: right; padding: 30px 0 60px; } footer .copyright .copy p{padding-bottom:5px;} footer .copyright .copy a{color:#818f99;} footer .copyright .copy a:hover{text-decoration:underline;} footer .copyright .copy .btop{ position:absolute; right:0px; top:20px; background:url(images/scroll-top.png) no-repeat; width:47px; height:47px; display:block;} footer .copyright .copy .btop:hover{background-position:0px -52px;} #main{width:auto; height:auto; font-size:16px;font-family:Salvo Light, Arial, Helvetica, sans-serif; color:#535252;border-bottom:solid 1px #dbd8d8; background-color:#ffffff;} .title{width:auto; height:auto; background-color:#f8f7f7; border-bottom:solid 1px #dbd8d8;} .title h2{ color: #4B4B4B; font-size: 46px; font-style: normal; font-weight: 600; line-height: normal; padding-left: 10px; } .title .inner{width:1224px; margin:0 auto; height:auto; padding-top:20px;padding-bottom:10px; position:relative; } #main .inner{width:1224px; margin:0 auto; height:auto;position:relative;} #main a{color:#1267a0; font-weight:bold; font-family:Open Sans, Arial, Helvetica, sans-serif;} #main p{line-height:25px; text-align:justify;} #main .data{width:69%; float:left; height:auto; border-right:solid 1px #dbd8d8; padding:30px 30px 30px 0px; min-height:950px;} .page-data .data{width:100%!important; float:left; height:auto; border-right:solid 1px #dbd8d8; padding:30px 30px 30px 0px; min-height:950px;} #main .data-download{width:75%;} #main .data iframe{width:100%; height:400px; border:solid 1px #e4e3e3; padding:5px;} #main .data ul{padding:0px 0px 15px 0px;list-style-position: inside; list-style-type: none;} /*#main .data ul li:before{content: '\2713\0020'; color:#ce3a39; font-weight:bold; padding-right:5px;}*/ #main .data ul li{line-height: 25px;padding-left: 30px;position: relative;text-align: justify;} #main .data ul li:before{position: absolute; left: 0px; top: 0px;width: 15px; height:15px;content: '\2713\0020'; color:#ce3a39; font-weight:bold; padding-right:5px;display: block;} #main .data ol li:before{content: none;} #main .data ol li{padding-left:30px; line-height: 25px;text-align: justify; } #main .data ul.press{padding-top:15px;} #main .data ul.press li:before{content:none; padding-right:0px;} #main .data ul.press li{background:url(images/press-icon.png) no-repeat left top; padding-left:60px; min-height:70px; margin-bottom:20px;} #main .data ul.press li p{padding:5px 0px 0px 0px; line-height:18px;} #main .data ul.press li span{font-size:12px; color:#999999;} #main .data ul.comments{padding-top:15px;} #main .data ul.comments li:before{content:none; padding-right:0px;} #main .data ul.comments li{padding-left:0px;margin-bottom:30px; display:block; border-bottom:dashed 1px #cccccc; padding-bottom:20px;} #main .data ul.comments li p{width:85%; float:right;} #main .data ul.comments li span{width:100px; height:96px; float:left; padding:3px; margin-right:20px; border:solid 1px #cccccc; position:relative;} #main .data ul.leadership li span { height:150px !important;width:140px !important; } #main .data ul.leadership li p{width:80% !important;} #main .data ul.comments li span:after, #main .data ul.comments li span:before {left: 100%; top: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #main .data ul.comments li span:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 5px; margin-top: -5px; } #main .data ul.comments li span:before { border-color: rgba(204, 204, 204, 0); border-left-color: #cccccc; border-width: 6px; margin-top: -6px; } #main .data ul.comments li span img{vertical-align:bottom;} #main .data .events{width:auto; height:auto; margin-top:20px; border-bottom:dashed 1px #cccccc; padding-bottom:30px;} #main .data .events:last-child{border-bottom:none;} #main .data .events .calender{background:url(images/calender.png) no-repeat; width:107px; height:103px; float:left;color:#ffffff; text-align:center;} #main .data .events .calender .month{color:#ffffff; font-size:28px; font-weight:bold; text-transform:uppercase; padding:30px 10px 0px 10px; display:inline-block;} #main .data .events .calender .date{color:#ffffff; font-size:36px; display:inline-block; line-height:20px; letter-spacing:-1px;} #main .data .events .event-name{width:680px; float:right; padding-top:5px;} #main .data .events .event-name h4{font-size:24px; line-height:26px; color:#145fa4; padding-top:10px;} #main .data .events .event-name .event-date{padding-top:10px; font-weight:normal; font-size:14px; color:#333333;display:inline-block;} #main .data .events .event-name .register{display:inline-block; font-weight:bold; font-size:16px; color:#cc4c49; padding-top:5px;} #main .data .events .event-name .register:hover{padding-left:10px; text-decoration:none; color:#144b79;} #main .data .events a:hover{text-decoration:none;} #main .data .events a:hover > .event-name h4{color:#009933;} #main .data .events a:hover > .event-name .event-date{color:#cccccc;} .data h2 a { font-weight:normal !important; } .search-form input[type="search"] {width:50%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} .search-form input[type="search"] :hover{box-shadow: 0 0 9px #D0D0D1;} .txt{width:50%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} .txt:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form4 input[type="text"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form4 input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form4 input[type="email"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form4 input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form4 textarea{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form4 textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_captcha_code4 { width:90% !important; margin-bottom:15px; } #fscf_form4 input[type="text"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #fscf_form4 input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #fscf_form4 input[type="email"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #fscf_form4 input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #fscf_form4 textarea{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #fscf_form4 textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #fscf_captcha_code4 { width:45% !important; margin-bottom:15px; } #si_contact_form3 input[type="text"]{width:90% !important; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form3 input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form3 input[type="email"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form3 input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form3 textarea{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form3 textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_captcha_code4 { width:90% !important; margin-bottom:15px; } #si_contact_form2 input[type="text"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form2 input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form2 input[type="email"]{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form2 input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_form2 textarea{width:90%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} #si_contact_form2 textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #si_contact_captcha_code2 { width:90% !important; margin-bottom:15px; } .sel{width:50%; background:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset; margin-bottom:20px;} .sel:hover{box-shadow: 0 0 9px #D0D0D1;} .txtt{width:70%; height:150px; background-color:#ffffff; border:solid 1px #beddf7;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; padding:8px 8px 8px 25px; text-shadow:#FFFFFF 0px 1px; font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset;margin-bottom:20px;} .txtt:hover{box-shadow: 0 0 9px #D0D0D1;} .contact_form .security{width:20%;} #main .data .evaluation .req{font-size:11px; color:#FF6600; padding-bottom:5px; display:block;} #main .data .evaluation .fullwidth{width:auto;color:#666;font-size:14px;text-shadow: 1px 1px 0px #fff;background:#F3F8FC;margin:0px;border:#ccc 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 0 1px -1px #d1d1d1;-webkit-box-shadow: 0 1px -1px #d1d1d1;box-shadow: 0 1px -1px #d1d1d1;padding:20px; margin-bottom:10px;} #main .data .evaluation .order_form label{min-width:140px; width:auto; float:left; display:inline-block; font-weight:bold; letter-spacing:0px; font-family:Open Sans, Arial, Helvetica, sans-serif; padding-right:10px;} #main .data .evaluation .order_form .same{float:left; min-width:150px; width:auto;} #main .data .evaluation .order_form .boxfloat{float:left; font-size:13px; line-height:20px; padding-bottom:5px;} #main .data .evaluation .order_form .space{padding-left:20px; font-weight:bold; font-size:14px; letter-spacing:0px;} #main .data .evaluation .halfwidthlt{width:49%;float:left;color:#666;font-size:14px;text-shadow: 1px 1px 0px #fff;background:#f3f8fc;margin:0px;border:#ccc 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 0 1px -1px #d1d1d1;-webkit-box-shadow: 0 1px -1px #d1d1d1;box-shadow: 0 1px -1px #d1d1d1;padding:20px; margin-bottom:10px;} #main .data .evaluation .halfwidthrt{width:49%;float:right;color:#666;font-size:14px;text-shadow: 1px 1px 0px #fff;background:#f3f8fc;margin:0px;border:#ccc 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 0 1px -1px #d1d1d1;-webkit-box-shadow: 0 1px -1px #d1d1d1;box-shadow: 0 1px -1px #d1d1d1;padding:20px; margin-bottom:10px;} #main .data .evaluation .fullwidth:hover, #main .data .evaluation .halfwidthlt:hover, #main .data .evaluation .halfwidthrt:hover{background:#ebf7ff;border:#c2d7eb 1px solid;} #main .data .evaluation .order_form table{margin-bottom:10px;} #main .data .evaluation .order_form table input[type="text"]{width:auto; background:#ffffff; border:solid 1px #cfd0d0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:4px 5px 4px 5px; text-shadow:#FFFFFF 0px 1px; font-size:11px; letter-spacing:0px;box-shadow: 0 0 5px #E8E8E8 inset; margin-top:-5px; color:#333333; margin-bottom:3px;} #main .data .evaluation .order_form table input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1; text-shadow:none;} #main .data .evaluation .fullwidth .halfwidthlt{background-color:#ffffff;} #main .data .evaluation .fullwidth .halfwidthrt{background-color:#ffffff;} .tbox{width:57.9%; background:#ffffff; border:solid 1px #cfd0d0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:7px; text-shadow:#FFFFFF 0px 1px; font-size:13px; letter-spacing:0px;box-shadow: 0 0 5px #E8E8E8 inset; margin-top:-5px; color:#333333; margin-bottom:10px;} .tbox:hover{box-shadow: 0 0 9px #D0D0D1; text-shadow:none;} .smallbox{width:30% !important;} #main .data .evaluation h2{font-size:20px !important; font-weight:bold;} #datetimepicker_mask, #datetimepicker, #datetimepicker1, #datetimepicker2{width:30%;} #main .data .imgblock{margin-top:20px;} #main .data .imgblock img{border:solid 1px #cccccc; padding:15px; margin-right:106px;} #main .data .imgblock img:last-child{margin-right:0px;} #main .benefits{margin:20px auto;} #main .benefits .right, #main .benefits .left{margin-bottom:40px; height:auto;} #main .benefits .right h2, #main .benefits .right h3, #main .benefits .right p{width:60%; float:left;} #main .benefits .left h2, #main .benefits .left h3, #main .benefits .left p{width:60%; float:right;} #main .benefits .right img{float:right; width:30%;border:solid 1px #cccccc; padding:3px; margin-left: 10px;margin-bottom: 10px;} #main .benefits .left img{float:left; width:30%;border:solid 1px #cccccc; padding:3px; margin-right: 10px;margin-bottom: 10px;} #main .sidebar{width:31%; float:right; height:auto; padding:30px 0px 30px 0px;font-family:Salvo Light, Arial, Helvetica, sans-serif;} #main .sidebar-download{width:25%; } #main .sidebar h2{padding-left:20px;} #main .sidebar ul.events{border-top:solid 1px #dbd8d8; margin-bottom:30px;} #main .sidebar ul.events li{border-bottom:solid 1px #dbd8d8;} #main .sidebar ul.events li a{padding:8px 0px 8px 20px; display:block; color:#535252; font-weight:normal; font-size:16px;font-family:Salvo Light, Arial, Helvetica, sans-serif;} #main .sidebar ul.events li a strong{color:#1267a0; font-weight:bold;font-family:Open Sans, Arial, Helvetica, sans-serif;} #main .sidebar ul.events li a:hover{background-color:#fdfbf1; text-decoration:none; padding-left:25px;} #main .sidebar ul.pages li a{color:#1267a0;} #main .sidebar ul.pages li a:hover{background-color:#ffffff;} #btmbuttons{width:auto; height:auto;border-bottom:solid 1px #dbd8d8;} #btmbuttons .inner{width:1224px; margin:40px auto; height:auto;position:relative;} #btmbuttons ul li{float:left; margin-right:72px;} #btmbuttons ul li.last{margin-right:0px; float:right;} #btmbuttons ul li a{display:inline-block; padding:20px 30px 20px 120px; font-size:30px; text-transform:uppercase; background-color:#1267a0;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius:5px; color:#ffffff; text-shadow:#082d46 0px 1px; position:relative;} #btmbuttons ul li a span{bottom: 0;display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100px;-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius:5px;-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius:5px;background-size:contain;} #btmbuttons ul li a .buy{background:#41C14A url(images/btm-btns-white.png) no-repeat 15px 22px;} #btmbuttons ul li a .eval{background:#41C14A url(images/btm-btns-white.png) no-repeat 25px -118px;} #btmbuttons ul li a .reg{background:#41C14A url(images/btm-btns-white.png) no-repeat 35px -273px;} #btmbuttons ul li a:hover{background-color:#41C14A; text-decoration:none;} #btmbuttons ul li a:hover > span{background-color:#1267a0;} #addressbar li:before { content:none !important;} #addressbar li p { text-align:left !important; } #main .data #addressbar li p { text-align:left !important; } #addressbar li { width:50%; float:left;} #hana_flv_flow3_1 { width:80% !important; } /*#main .data input[type="text"]{background-color:#ffffff; border:solid 1px #c0bdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:5px 5px 5px 25px; text-shadow:#FFFFFF 0px 1px; margin-bottom:20px;box-shadow: 0 0 5px #E8E8E8 inset;} #main .data input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #main .data input[type="email"]{background-color:#ffffff; border:solid 1px #c0bdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:5px 5px 5px 25px; text-shadow:#FFFFFF 0px 1px; margin-bottom:20px;box-shadow: 0 0 5px #E8E8E8 inset;} #main .data input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #main .data input[type="tel"]{background-color:#ffffff; border:solid 1px #c0bdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:5px 5px 5px 25px; text-shadow:#FFFFFF 0px 1px; margin-bottom:20px;box-shadow: 0 0 5px #E8E8E8 inset;} #main .data input[type="tel"]:hover{box-shadow: 0 0 9px #D0D0D1;} #main .data textarea{background-color:#ffffff; border:solid 1px #c0bdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:5px 5px 5px 25px; text-shadow:#FFFFFF 0px 1px; margin-bottom:20px;box-shadow: 0 0 5px #E8E8E8 inset; height:80px;} #main .data textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #main .data input[type="submit"]{ padding:5px 10px 5px 10px;height:30px; cursor:pointer;border:solid 1px #a9c8d5;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: inset 0 0 9px #cce7ef;-webkit-box-shadow: inset 0 0 9px #cce7ef;box-shadow: inset 0 0 9px #cce7ef;} #main .data input[type="submit"]:hover{-moz-box-shadow: inset 0 0 9px #fbe1ce;-webkit-box-shadow: inset 0 0 9px #fbe1ce;box-shadow: inset 0 0 9px #fbe1ce; border-color:#e0c0a8;}*/ #main .data video{width:100%; height:auto; /*border:solid 1px #e4e3e3; padding:5px;*/} #hana_flv_flow_1 embed {width:auto; min-width:95%; min-height:350px; height:auto; /*border:solid 1px #e4e3e3; padding:5px;*/} #data-table { border:1px solid #DBD8D8; } #data-table .heading { background-color:#757373; color:#FFF; text-align:left; } #data-table .heading th { height:40px; padding:5px 10px;} #data-table .bg2 { background-color:#F5F5F5; } #data-table .bg1, .bg2 { height:35px; } #data-table .bg1 td { padding:15px 2px; } #data-table .bg2 td { padding:15px 2px; } .category-testimonial div.entry-meta { display:none; } #videocontainer img{width:100%; max-width: 100%; height: auto;} #space_missile {margin:30px 0px;} #space_missile .inner{width:1224px; margin:0 auto; height:auto; position:relative;} #space_missile h2{margin: 10px 0px; text-align:center; color:#4d4c4c; font-size:36px; font-weight:300;position:relative;} #space_missile .container{text-align: center;} #space_missile .container a{} #space_missile .container a img{margin: auto; max-width: 100%;} /*11-07-2020*/ header .btn { border-radius: 4px; background-color: #3290d0; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff !important; margin: 12px 0 0 30px; border: 1px solid #3290d0; transition: linear all 0.3s; padding: 12px 15px; width: 100%; text-transform: uppercase; letter-spacing: 0; } header .btn:hover { background-color: transparent; color: #3290d0 !important; border: 1px solid #3290d0; text-decoration: none; transition: linear all 0.3s; } /*newhome*/ .fs-headline p { font-size: 23px; font-family: 'Source Sans Pro', sans-serif; } .fs-headline { background-color: #4c96d5; padding: 18px 0 8px; text-align: center; color: #fff; } @media (min-width: 992px) { .fs-banner .item { min-height: 700px; } .fs-banner .inbox { display: flex; align-items: center; } } .fs-banner .item { padding: 120px 0 100px; background-position: center; background-repeat: no-repeat; background-size: cover; } .fs-banner .fs-bannerthumb { display: inline-block; vertical-align: top; width: 32%; } .fs-banner .fs-banner-caption { display: inline-block; vertical-align: top; width: 66%; padding-left: 60px; } .fs-banner img { width: auto !important; } .fs-banner-caption h2 { font-size: 58px; line-height: 1.2; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; margin: -30px 0 25px 0; } .fs-banner-caption p { font-size: 26px; line-height: 38px; font-family: 'Source Sans Pro', sans-serif; padding-bottom: 30px; } .fs-banner .btn { background: #3290d0; padding: 20px 40px 20px; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 20px; margin-top: 20px; letter-spacing: 1.1px; } .fs-banner .btn:hover { background: #fff; color: #3290d0; } .fs-banner * { color: #fff; } .fs-banner .inbox { max-width: 1090px; margin: 0 auto; } .fs-banner .owl-nav { display: none; } .fs-banner .owl-dots button, .fs-features .owl-dots button{ width: 25px; height: 8px; background-color: transparent !important; margin: 0 5px; border-radius: 30px; border: 1px solid #bac5c3 !important; } .fs-banner .owl-dots button.active, .fs-features .owl-dots button.active { background-color: #bac5c3 !important; } /* .fs-banner .owl-dots { position: absolute; bottom: 80px; left: 19%; right: 0; } */ .fs-banner .owl-dots { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); right: auto; /* Remove right to avoid conflicts */ } .fs-container { max-width: 1160px; margin: 0 auto; } .fs-testimonials p { text-align: center; color: #94959b; font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px; font-style: italic; line-height: 35px; } .fs-testimonials .fs-testislide { width:75%; margin: 0 auto; } .fs-testimonials ul { margin: 0 auto 50px; text-align: center; } .fs-testimonials ul li { margin: 0 5px; } .fs-testimonials h3 { color: #030e44; font-size: 15px; font-weight: 600; padding-bottom: 2px; text-align: left; } .fs-testimonials h4 { color: #8f94aa; font-size: 15px; text-align: left; } .fs-testimonials .owl-nav button i, .fs-videosc .owl-nav button i{ font-size: 30px; } .fs-testimonials button.owl-prev, .fs-videosc button.owl-prev{ left: -30px; } .fs-testimonials .owl-nav button, .fs-videosc .owl-nav button{ position: absolute; top: 50%; } .fs-testimonials button.owl-next, .fs-videosc button.owl-next{ right: -30px; } .fs-testimonials { padding: 80px 0 50px; } .fs-solution li:nth-child(1) { width: 35%; } .fs-solution li { width: 19%; font-size: 22px; } .fs-solution h3 { font-weight: 600; margin: -15px 0 0 0; font-size: 23px; line-height: 30px; } .fs-solution li:nth-child(2) { width: 24%; } .fs-solution { background-color: #030e44; color: #ffffff; font-weight: 600; padding: 60px 0 35px; } .fs-suit { background-color: #1e6eb5; text-align: center; padding: 100px 0 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .fs-suit .btn { background: #3290d0; padding: 18px 50px 17px; border-radius: 5px; text-transform: uppercase; font-weight: bold; font-size: 20px; } .fs-suit .btn:hover { background: #fff; color: #3290d0; } .fs-suit * { color: #fff; } .fs-suit h3 { font-size: 28px; line-height: 1.2; font-family: 'Source Sans Pro', sans-serif !important; padding-bottom: 35px; } .fs-suit h2 { font-size: 58px; line-height: 1.2; font-weight: bold; font-family: 'Source Sans Pro', sans-serif !important; padding-bottom: 20px; } .fs-videosc { background-color: #eef6fd; padding: 80px 0 80px; } .fs-videosc h5 { color: #5bb5f3; font-weight: bold; margin-bottom: 10px; } .fs-videosc h4 { color: #030e44; font-weight: 600; font-size: 25px; } .fs-videosc li:nth-child(2) { width: 55%; } .fs-videosc li { width: 40%; position: relative; } .fs-videosc li:nth-child(1) { padding:100px 0 0 30px; } .fs-videosc figure { position: relative; max-width: 650px; } .fs-features li { width: 19%; } .fs-videosc figure img { height: 430px; object-fit: cover; border-radius: 25px; position: relative; } .fs-videosc figcaption { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 20px 0 0 30px; } .fs-videosc h3 { font-weight: bold; font-size: 25px; } .fs-videosc figcaption * { color: #fff; } .fs-videosc p { font-weight: 600; font-size: 17px; } .fs-videosc .btmtxt { position: absolute; bottom: 20px; } .fs-solution li i { color: #1367a0; margin-right: 8px; } .fs-features li:hover .inbox, .fs-features .item:hover .inbox { border-bottom-color: #1367a0; background-color: #eef6fd; } .fs-features .inbox { display: flex; flex-direction: column; min-height: 366px; padding: 35px 25px 20px; border: 2px solid #EFEFEF; gap:0px; } .fs-features .inbox .btn{ background: #2B84C6; border-radius: 5px; color:#fff; margin-top: auto; display: none; } .fs-features .inbox:hover .btn{ display: block; } .fs-features .inbox:hover .pdf-holder{ display: none; } .fs-features .inbox .pdf-holder{ text-align: center; cursor: pointer; margin-top: auto; } .fs-features .inbox .pdf-holder_link{ text-decoration: none; margin-top: auto; min-height:auto; display: flex; justify-content: center; /* center horizontally */ align-items: center; /* center vertically if needed */ } .fs-features .inbox i { font-size: 35px; color: #1367a0; } .fs-features .item { margin: 10px 0; } .fs-features .inbox a { font-weight: 600; font-size: 16px; margin:25px 0 10px 0; min-height: 50px; display: block; color: #000; } .fs-features .inbox p { font-size: 15px; font-family: 'Source Sans Pro', sans-serif; color: #060F44; line-height: 22px; } .fs-features { text-align: center; padding: 80px 0; } .fs-features h2 { color: #060F44; text-align: center; font-size: 44px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 80px; } .fs-features .owl-dots { display: block !important; margin-top: 25px; } .fs-features .owl-nav { display: none; } .slider-img { width: 35px; text-align: center; margin: 0 auto; } .fs-hardware .top-bar { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; background: #ffffff; } .fs-hardware .top-bar h4 { color: #13448D; font-size: 34px; font-style: italic; font-weight: 600; line-height: 30px; } .fs-hardware .top-bar .btn { background: #2B84C6; color: white; padding: 10px 15px; border: none; border-radius: 4px; font-weight: bold; font-size: 14px; cursor: pointer; } .fs-hardware .section { text-align: center; padding: 40px 20px; background-color: #FFF; margin-top: 90px; } .fs-hardware .section h2 { color: #060F44; text-align: center; font-size: 44px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 60px; } .fs-hardware .card { display: flex; flex-direction: column; justify-content: center; /* Vertically center content */ align-items: center; /* Horizontally center content */ margin-bottom: 30px; cursor: pointer; } .fs-hardware .card .card-dis{ color: #060F44; text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 22px; margin-top:20px; } .fs-hardware .card-hold { border-radius: 10px; border: 1px solid #3290D0; background: #F2F8FF; display: flex; min-height: 300px; width:100%; text-align: center; padding: 20px; justify-content: center; /* Vertically center content */ align-items: center; /* Horizontally center content */ } .fs-hardware .card:hover .card-hold { border: 3px solid #3290D0; } .fs-hardware .card:hover .card-title{ color: #3290D0; } .fs-hardware .card img { max-width: 100%; height: auto; } .fs-hardware .card-title { color: #060F44; text-align: center; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-top:30px; } @media (max-width: 600px) { .fs-hardware .top-bar { flex-direction: column; gap: 10px; } .fs-hardware .section { padding: 30px 15px; } .fs-hardware .section h2 { font-size: 18px; } } @media only screen and (min-width: 1024px) and (max-width: 1223px) { header hgroup{width:1000px;} #slider .inner{width:1000px;} #slider .inner-box{width:1000px;} #slider .tollfree{/*height:250px;*/} #pearlslides .inner{width:100%;} .skdslider .slide-desc {width:1000px;} #slider .tollfree h2{/*font-size:32px; line-height:30px;*/ font-size: 30px; line-height: 28px;} #slider .tollfree h3{/*font-size:24px;*/ font-size: 22px;} #slider .tollfree p{/*font-size:26px;*/ font-size: 24px;} #software .inner{width:1000px;} #space_missile .inner{width:1000px;} #software .blocks .blocklt{width:300px; margin-right:50px;} #software .blocks .blockrt{width:300px;} #testimonials .inner{width:1000px;} #testimonials .slides_container div{width:1000px;} #content .inner{width:1000px;} #events .inner{width:1000px;} #ordernow .inner{width:1000px;} .footer-inner{width:1000px;} footer ul li{width:240px; font-size:13px; margin-right:0px;} footer ul li.big{width:280px;} footer ul li.big ol li{width:280px;} footer ul li a{font-size:13px;} footer .copyright .copy{width:1000px;} #main{font-size:15px;} .title .inner{width:1000px;} #main .inner{width:1000px;} #main .data .imgblock img{margin-right:28px;} #btmbuttons .inner{width:1000px;} #btmbuttons ul li{margin-right:54px;} #btmbuttons ul li a{padding:15px 20px 15px 110px; font-size:24px;} #btmbuttons ul li a .buy{background-position:15px 14px;} #btmbuttons ul li a .eval{background-position:25px -127px;} #btmbuttons ul li a .reg{background-position:35px -282px;} #main .data ul.comments li p{width:80%;} #main .data ul.leadership li p{ width:75% !important; } #main .data .events .event-name{width:530px;} } @media only screen and (min-width: 980px) and (max-width: 1023px) { header hgroup{width:920px;} #menu ul.navigation li a.link{font-size:15px;letter-spacing: 0;} #menu .lihover li a, #menu ul ul li a{font-size:14px;} #menu p{font-size:14px;} #slider .inner{width:920px;} #slider .inner-box{width:920px;} #pearlslides .inner{width:100%;} .skdslider .slide-desc {width:920px; padding-right: 280px;} .skdslider .slide-desc > h2{font-size:40px; line-height:40px; padding:0px;} .skdslider .slide-desc > p{font-size:24px; line-height:24px;} #slider .tollfree{/*width:420px;top:65px;*/ width:280px; height:auto;} /*#slider .tollfree h2{font-size:30px; line-height:30px;} #slider .tollfree h3{font-size:22px;} #slider .tollfree p{font-size:24px;}*/ #slider .tollfree h2{font-size:28px; line-height:28px;} #slider .tollfree h3{font-size:20px;} #slider .tollfree p{font-size:22px;} #slider .tollfree a{font-size:22px; padding:8px 20px 10px;} #videos h2{font-size:36px;} #software .inner{width:920px;} #space_missile .inner{width:920px;} #space_missile h2{font-size:30px;} #software h2{font-size:30px;} #software .blocks .blocklt{width:280px; margin-right:40px;} #software .blocks .blockrt{width:280px;} #software .blocks p{font-size:14px;} #testimonials .inner{width:920px;} #testimonials h2{font-size:30px;} #testimonials p{font-size:16px;} #testimonials .slides_container div{width:920px;} #events{font-size:14px;} #events h2{font-size:24px;} #content .inner{width:920px;} #events .inner{width:920px;} #ordernow .inner{width:920px;} #ordernow{font-size:14px;} #ordernow h2{font-size:30px;} .footer-inner{width:920px;} footer ul li{width:230px; font-size:12px; margin-right:0px;} footer ul li.big{width:220px;} footer ul li.big ol li{width:220px;} footer ul li a{font-size:12px;} footer .copyright .copy{width:920px;} #main{font-size:13px;} #main p{line-height:18px;} .title .inner{width:920px;} .title h2{font-size:24px;} #main .inner{width:920px;} #main .data h2{font-size:24px;} #main .sidebar h2{font-size:24px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .sidebar ul.events li a{font-size:14px;} #btmbuttons .inner{width:920px;} #btmbuttons ul li{margin-right:100px;} #btmbuttons ul li a{padding:15px 30px 15px 40px; font-size:24px;} #btmbuttons ul li a span{width:10px;} #main .data ul.comments li p{width:80%;} #main .data ul.leadership li p{ width:72% !important; } #main .data .events .event-name{width:480px;} .contact_form label{font-size:12px !important;} #leadershippage .paddingright { padding-right:10px; } #leadershippage .paddingleft { padding-left:10px; } } @media only screen and (min-width: 746px) and (max-width: 979px) { header hgroup{width:700px; border-bottom:none; height:auto;} header hgroup .logo{position:absolute; z-index:111111; top:6px; left:0px;} nav{height:auto; position:inherit; border-bottom:none;} #menu{height:auto; width:auto;} #menu h2{padding: .2em 2.5%; font-size:16px; font-weight:normal; font-size:16px; margin:0px; border-bottom:none;} #menu h3{font-size:16px; font-weight:normal; font-size:16px; margin:0px; border-bottom:none;} #menu h3:after, #menu h3:before {display:none;} #menu p{font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;} #menu ul{width:auto; float:left;} #menu .menu-inner{width:auto;} #menu ul ul{width:100%;padding:0px;display:none;position:inherit !important;z-index:111111;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;border-bottom:solid 1px #cccccc; border-left:none;border-right:none;border-top:none;} #menu ul ul:after, #menu ul ul:before {display:none;} #menu ul ul:after {display:none;} #menu ul ul:before {display:none;} #menu .lihover li a, #menu ul ul li a{font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; letter-spacing:0px; line-height:15px; height:15px;} #menu .lihover li, #menu ul ul li{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu a:hover, #menu .lihover a{background-color:#f5f4f4; color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu li.current a{background-color:#f5f4f4;color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu ul ul li a:hover{padding-left:0px; background-color:#ffffff; color:#333333; text-decoration:underline;} #menu li{margin-right:0px;} #menu li.first a{padding-left:20px;} #menu a{color:#474646;font-size:14px; text-shadow:none; padding:0px 20px 0px 20px; line-height:40px;} #menu ul ul ol.col1{width:100%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col2{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col3{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col1 li strong a, #menu ul ul ol.col2 li strong a, #menu ul ul ol.col3 li strong a, #menu ul ul ol.col4 li strong a{padding-bottom:5px; padding-top:5px; font-weight:normal; font-size:11px;} #menu ul ul ol li.whymsg{width:91%;} #menu ul ul ol.col1 li a{padding-left:0px !important;} #menu ul.navigation{width:auto; float:left;} #menu ul.navigation li a.link {color:#474646;font-size:14px; font-weight:bold; font-family:Open Sans, Arial, Helvetica, sans-serif; letter-spacing:0px; text-shadow:none; padding:0px 20px 0px 20px; line-height:54px;border-right:none;border-left:none;} #menu ul.navigation li:hover a.link{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; background-color:#f5f4f4; color:#06589c;} #menu li.first{border-left:none;} #menu ul ul.small{width:100% !important; box-shadow:none !important;} #menu ul ul.small li:first-child{padding-top:0px;} ul.navigation .submenu{width:auto;display:inherit !important;position:static !important;left:inherit !important;z-index:999;border-bottom:none !important; padding:0px; box-shadow:none !important;} ul.navigation .small{width:100% !important;left:inherit !important;padding:0px !important; border:none !important;} ul.navigation .small li:first-child{padding-top:20px;} #slider{float:left;} #slider .inner{width:700px;} #slider .inner-box{width:700px;} #pearlslides .inner{width:100%;} .skdslider .slide-desc { display:none;} #slider .tollfree{width:360px; top:40px; height:auto; padding:20px;} #slider .tollfree h2{font-size:24px; line-height:24px; font-size: 20px; line-height: 20px;} #slider .tollfree h3{font-size:20px;font-size: 18px;} #slider .tollfree p{font-size:20px; padding-top:15px;font-size: 18px;} #slider .tollfree a{font-size:20px; padding:8px 20px 10px; font-size: 18px;} #videos h2{font-size:30px;} #videos .video{width:444px; height:300px; background-size:contain;} #videos .video a{ padding-top:100px;} #videos .video a h3{font-size:20px;} #software .inner{width:700px;} #software h2{font-size:24px;} #software .blocks .blocklt{width:220px; margin-right:20px;} #software .blocks .blockrt{width:220px;} #software .blocks h3{font-size:13px;} #software .blocks p{font-size:13px;} #software .blocks .more a{font-size:14px; padding:7px 20px;} #space_missile .inner{width:500px;} #space_missile h2{font-size:24px;} #testimonials .inner{width:700px;} #testimonials h2{font-size:24px;} #testimonials p{font-size:14px;} #testimonials .slides_container div{width:700px;} #events{font-size:14px;} #events h2{font-size:24px;} #content .inner{width:700px;} #content h2{font-size:20px;} #content p{font-size:14px;} #content .right img, #content .left img{width:30%;} #events .inner{width:700px;} #buttons-bottom .inner{width:700px;} #ordernow .inner{width:700px;} #ordernow{font-size:13px;} #ordernow h2{font-size:24px;} #ordernow a{font-size:18px; padding:10px 20px;} .footer-inner{width:700px;} footer ul li{width:340px; font-size:11px; margin-right:0px;} footer ul li.big{width:340px;} footer ul li.big ol li{width:340px;} footer ul li ol{margin-bottom:20px;} footer ul li a{font-size:11px;} footer .copyright .copy{width:700px; font-size:11px;} #main{font-size:13px;} #main p{line-height:18px;} .title .inner{width:700px;} .title h2{font-size:20px;} #main .inner{width:700px;} #main .data h2{font-size:20px;} #main .sidebar h2{font-size:20px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .sidebar ul.events li a{font-size:13px;} #btmbuttons .inner{width:700px;} #btmbuttons ul li{margin-right:56px;} #btmbuttons ul li a{padding:15px 30px 15px 40px; font-size:18px;} #btmbuttons ul li a span{width:10px;} #main .data ul.comments li p{width:77%;} #main .data ul.leadership li p{ width:64% !important; } #main .data ul.comments li span{ width:80px; height:77px;} #main .data .events .calender{width:60px; height:58px; background-size:contain;} #main .data .events .calender .month{font-size:16px; line-height:17px;padding:18px 5px 0px 5px;} #main .data .events .calender .date{font-size:16px;line-height:16px;} #main .data .events .event-name{width:380px;padding-top:5px;} #main .data .events .event-name h4{font-size:16px; line-height:18px;padding-top:5px;} #main .data .events .event-name .event-date{padding-top:5px;} .txt{width:70%;} .sel { width:70%; } .txtt{width:90%;} .contact_form .security{width:30%;} .contact_form label{font-size:12px !important;} #si_contact_form4 input[type="text"] { width:70%;} #si_contact_form4 input[type="email"] { width:70%;} #si_contact_form4 textarea{ width:70%;} #si_contact_captcha_code4 { width:70% !important;} #si_contact_form3 input[type="text"] { width:70%;} #si_contact_form3 input[type="email"] { width:70%;} #si_contact_form3 textarea{ width:70%;} #si_contact_captcha_code3 { width:70% !important;} #si_contact_form2 input[type="text"] { width:70%;} #si_contact_form2 input[type="email"] { width:70%;} #si_contact_form2 textarea{ width:70%;} #si_contact_captcha_code2 { width:70% !important;} #leadershippage .paddingright { padding-right:10px; } #leadershippage .paddingleft { padding-left:10px; } .page-id-826 table td { display:table-row; } } @media only screen and (min-width: 534px) and (max-width: 745px) { header hgroup{width:500px; border-bottom:none; height:auto;} header hgroup .logo{position:absolute; z-index:111111; top:6px; left:0px;} nav{height:auto; position:inherit; border-bottom:none;} #menu{height:auto; width:auto;} #menu h2{padding: .2em 3.5%; font-size:16px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3{font-size:16px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3:after, #menu h3:before {display:none;} #menu p{font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;} #menu ul{width:auto; float:left;} #menu .menu-inner{width:auto;} #menu ul ul{width:100%;padding:0px;display:none;position:inherit !important;z-index:111111;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;border-bottom:solid 1px #cccccc; border-left:none;border-right:none;border-top:none;} #menu ul ul:after, #menu ul ul:before {display:none;} #menu ul ul:after {display:none;} #menu ul ul:before {display:none;} #menu .lihover li a, #menu ul ul li a{font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; letter-spacing:0px; line-height:15px; height:15px;} #menu .lihover li, #menu ul ul li{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu a:hover, #menu .lihover a{background-color:#f5f4f4; color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu li.current a{background-color:#f5f4f4;color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu ul ul li a:hover{padding-left:0px; background-color:#ffffff; color:#333333; text-decoration:underline;} #menu li{margin-right:0px;} #menu li.first a{padding-left:20px;} #menu a{color:#474646;font-size:14px; text-shadow:none; padding:0px 20px 0px 20px; line-height:40px;} #menu ul ul ol.col1{width:100%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col2{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col3{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col1 li strong a, #menu ul ul ol.col2 li strong a, #menu ul ul ol.col3 li strong a, #menu ul ul ol.col4 li strong a{padding-bottom:5px; padding-top:5px; font-weight:normal; font-size:11px;} #menu ul ul ol li.whymsg{width:91%;} #menu ul ul ol.col1 li a{padding-left:0px !important;} #menu ul.navigation{width:auto; float:left;} #menu ul.navigation li a.link {color:#474646;font-size:14px; font-weight:bold; font-family:Open Sans, Arial, Helvetica, sans-serif; letter-spacing:0px; text-shadow:none; padding:0px 20px 0px 20px; line-height:54px;border-right:none;border-left:none;} #menu ul.navigation li:hover a.link{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; background-color:#f5f4f4; color:#06589c;} #menu li.first{border-left:none;} #menu ul ul.small{width:100% !important; box-shadow:none !important;} #menu ul ul.small li:first-child{padding-top:0px;} ul.navigation .submenu{width:auto;display:inherit !important;position:static !important;left:inherit !important;z-index:999;border-bottom:none !important; padding:0px; box-shadow:none !important;} ul.navigation .small{width:100% !important;left:inherit !important;padding:0px !important; border:none !important;} ul.navigation .small li:first-child{padding-top:20px;} #slider{float:left;} #slider .inner{width:500px;} #slider .inner-box{width:500px;} #pearlslides .inner{width:100%;} .skdslider{height:280px;} .skdslider .slide-desc { display:none;} #slider .tollfree{top:20px; height:auto; width:auto; padding:20px; left:0;} #slider .tollfree h2{font-size:24px; line-height:24px;font-size: 20px; line-height: 20px;} #slider .tollfree h3{font-size:20px;font-size: 18px;} #slider .tollfree p{font-size:20px; padding-top:15px;font-size: 18px;} #slider .tollfree a{font-size:20px; padding:8px 20px 10px;font-size: 18px;} #slider .tollfree a.eval{float:left; margin-left:30px;} #videos h2{font-size:24px;} #videos .video{width:444px; height:300px; background-size:contain;} #videos .video a{ padding-top:100px;} #videos .video a h3{font-size:20px;} #software .inner{width:500px;} #software h2{font-size:20px;} #software .blocks .blocklt{width:auto; float:none; margin-right:0px; margin-bottom:30px;} #software .blocks .blockrt{width:auto; float:none;} #software .blocks h3{font-size:13px;} #software .blocks p{font-size:13px;} #software .blocks .more a{font-size:14px; padding:7px 20px;} #space_missile .inner{width:500px;} #space_missile h2{font-size:20px;} #testimonials .inner{width:500px;} #testimonials h2{font-size:20px;} #testimonials p{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #testimonials .slides_container div .author{font-size:12px;} #testimonials .slides_container div{width:500px;} #events{font-size:14px;} #events h2{font-size:24px;} #content .inner{width:500px;} #content h2{font-size:16px;} #content p{font-size:12px; text-align:justify;} #content .right, #content .left{margin-bottom:20px;} #content .right h2, #content .right p{float:none; width:auto;} #content .left h2, #content .left p{float:none; width:auto;} #content .right img, #content .left img{display:none;} #events .inner{width:500px;} #events .box{width:auto; min-height:inherit; float:none; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} #events .last{float:none; border-bottom:none;} #buttons-bottom .inner{width:500px;} #buttons-bottom .support{width:auto; float:none; margin-bottom:20px;} #buttons-bottom .evaluation{width:auto; float:none;} #ordernow .inner{width:500px;} #ordernow{font-size:13px;} #ordernow h2{font-size:24px;} #ordernow p{width:auto;} #ordernow a{font-size:18px; padding:10px 20px; position:inherit; top:inherit;} .footer-inner{width:500px;} footer ul li{width:100%; font-size:11px; margin-right:0px;} footer ul li.big{width:100%;} footer ul li.big ol li{width:100%;} footer ul li ol{margin-bottom:20px;} footer ul li a{font-size:11px;} footer .sharing{margin-bottom:20px;} footer .copyright .copy{width:500px; font-size:11px;} #main{font-size:13px;} #main p{line-height:18px; text-align:justify; font-size:12px;} .title .inner{width:500px;} .title h2{font-size:20px;} #main .inner{width:500px;} #main .data{float:none; border-right:none; padding-right:0px; padding-bottom:0px; width:auto;} #main .sidebar{float:none; padding-left:0px; width:auto; border-left:1px solid #DBD8D8;border-right:1px solid #DBD8D8;border-top:1px solid #DBD8D8; padding-top:10px;} #main .data h2{font-size:20px;} #main .benefits h3{font-size:16px;} #main .data iframe{height:300px;} #main .sidebar h2{font-size:20px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .benefits .right img, #main .benefits .left img{/*display:none;*/} #main .benefits .right, #main .benefits .left{margin-bottom:20px;} #main .benefits .right h2, #main .benefits .right h3, #main .benefits .right p{float:none; width:auto;} #main .benefits .left h2, #main .benefits .left h3, #main .benefits .left p{float:none; width:auto;} #main .sidebar ul.events li a{font-size:13px;} #btmbuttons .inner{width:500px;} #btmbuttons ul li{margin-right:13px;} #btmbuttons ul li a{padding:10px 15px 10px 25px; font-size:14px; border-radius:3px;} #btmbuttons ul li a span{border-bottom-left-radius:3px;border-top-left-radius:3px;} #btmbuttons ul li a span{width:10px;} #addressbar li { width:100%;} #main .data ul.comments li p{width:77%;} #main .data ul.leadership li p{ width:64% !important; } #main .data ul.comments li span{ width:80px; height:77px;} #main .data .events .calender{width:60px; height:58px; background-size:contain;} #main .data .events .calender .month{font-size:16px; line-height:17px;padding:18px 5px 0px 5px;} #main .data .events .calender .date{font-size:16px;line-height:16px;} #main .data .events .event-name{width:360px;padding-top:5px;} #main .data .events .event-name h4{font-size:16px; line-height:18px;padding-top:5px;} #main .data .events .event-name .event-date{padding-top:5px;} .contact_form{border-bottom:dashed 1px #cccccc; padding-bottom:20px; margin-bottom:30px;} .txt, .txtt{width:100%;} .sel{width:100%;} .contact_form .security{width:30%;} .contact_form label{font-size:12px !important;} .tbox{width:50%;} #main .data .evaluation h2{font-size:18px !important;} #main .data .evaluation .halfwidthlt{float:none; width:auto;} #main .data .evaluation .halfwidthrt{float:none; width:auto;} #main .data .evaluation .order_form label{font-weight:normal;} .bigg{width:100%; margin-top:5px;} .smallbox{width:50% !important;} #datetimepicker_mask, #datetimepicker, #datetimepicker1, #datetimepicker2{width:38.5%;} #testimonials .slides_control { min-height:95px; } #leadershippage li { width:100%; } #leadershippage .paddingright { padding-right:0px; } #leadershippage .paddingleft { padding-left:0px; } #hana_flv_flow_1 embed { height:auto; } .page-id-826 table td { display:table-row; } } @media only screen and (min-width:480px) and (max-width:640px){ header hgroup{width:440px; border-bottom:none; height:auto;} header hgroup .logo{position:absolute; z-index:111111; top:2px; left:0px;} nav{height:auto; position:inherit; border-bottom:none;} #menu{height:auto; width:auto;} #menu h2{padding: .2em 3.5%; font-size:16px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3{font-size:16px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3:after, #menu h3:before {display:none;} #menu p{font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;} #menu ul{width:auto; float:left;} #menu .menu-inner{width:auto;} #menu ul ul{width:100%;padding:0px;display:none;position:inherit !important;z-index:111111;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;border-bottom:solid 1px #cccccc; border-left:none;border-right:none;border-top:none;} #menu ul ul:after, #menu ul ul:before {display:none;} #menu ul ul:after {display:none;} #menu ul ul:before {display:none;} #menu .lihover li a, #menu ul ul li a{font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; letter-spacing:0px; line-height:15px; height:15px;} #menu .lihover li, #menu ul ul li{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu a:hover, #menu .lihover a{background-color:#f5f4f4; color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu li.current a{background-color:#f5f4f4;color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu ul ul li a:hover{padding-left:0px; background-color:#ffffff; color:#333333; text-decoration:underline;} #menu li{margin-right:0px;} #menu li.first a{padding-left:20px;} #menu a{color:#474646;font-size:14px; text-shadow:none; padding:0px 20px 0px 20px; line-height:40px;} #menu ul ul ol.col1{width:100%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col2{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col3{width:95%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col1 li strong a, #menu ul ul ol.col2 li strong a, #menu ul ul ol.col3 li strong a, #menu ul ul ol.col4 li strong a{padding-bottom:5px; padding-top:5px; font-weight:normal; font-size:11px;} #menu ul ul ol li.whymsg{width:91%;} #menu ul ul ol.col1 li a{padding-left:0px !important;} #menu ul.navigation{width:auto; float:left;} #menu ul.navigation li a.link {color:#474646;font-size:14px; font-weight:bold; font-family:Open Sans, Arial, Helvetica, sans-serif; letter-spacing:0px; text-shadow:none; padding:0px 20px 0px 20px; line-height:54px;border-right:none;border-left:none;} #menu ul.navigation li:hover a.link{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; background-color:#f5f4f4; color:#06589c;} #menu li.first{border-left:none;} #menu ul ul.small{width:100% !important; box-shadow:none !important;} #menu ul ul.small li:first-child{padding-top:0px;} ul.navigation .submenu{width:auto;display:inherit !important;position:static !important;left:inherit !important;z-index:999;border-bottom:none !important; padding:0px; box-shadow:none !important;} ul.navigation .small{width:100% !important;left:inherit !important;padding:0px !important; border:none !important;} ul.navigation .small li:first-child{padding-top:20px;} #slider{float:left;} #slider .inner{width:440px;} #slider .inner-box{width:440px;} #pearlslides .inner{width:100%;} .skdslider{height:280px;} .skdslider .slide-desc { display:none;} #slider .tollfree{top:20px; height:auto; width:auto; padding:20px; left:0;} #slider .tollfree h2{font-size:24px; line-height:24px;font-size: 20px; line-height: 20px;} #slider .tollfree h3{font-size:20px;font-size: 18px;} #slider .tollfree p{font-size:20px; padding-top:15px;font-size: 18px;} #slider .tollfree a{font-size:20px; padding:8px 20px 10px;font-size: 18px;} #slider .tollfree a.eval{float:left; margin-left:30px;} #videos h2{font-size:24px;} #videos .video{width:444px; height:300px; background-size:contain;} #videos .video a{ padding-top:100px;} #videos .video a h3{font-size:20px;} #software .inner{width:440px;} #software h2{font-size:20px;} #software .blocks .blocklt{width:auto; float:none; margin-right:0px; margin-bottom:30px;} #software .blocks .blockrt{width:auto; float:none;} #software .blocks h3{font-size:13px;} #software .blocks p{font-size:13px;} #software .blocks .more a{font-size:14px; padding:7px 20px;} #space_missile .inner{width:440px;} #space_missile h2{font-size:20px;} #testimonials .inner{width:440px;} #testimonials h2{font-size:20px;} #testimonials p{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #testimonials .slides_container div .author{font-size:12px;} #testimonials .slides_container div{width:440px;} #events{font-size:14px;} #events h2{font-size:24px;} #content .inner{width:440px;} #content h2{font-size:16px;} #content p{font-size:12px; text-align:justify;} #content .right, #content .left{margin-bottom:20px;} #content .right h2, #content .right p{float:none; width:auto;} #content .left h2, #content .left p{float:none; width:auto;} #content .right img, #content .left img{display:none;} #events .inner{width:440px;} #events .box{width:auto; min-height:inherit; float:none; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} #events .last{float:none; border-bottom:none;} #buttons-bottom .inner{width:440px;} #buttons-bottom .support{width:auto; float:none; margin-bottom:20px;} #buttons-bottom .evaluation{width:auto; float:none;} #ordernow .inner{width:440px;} #ordernow{font-size:13px;} #ordernow h2{font-size:24px;} #ordernow p{width:auto;} #ordernow a{font-size:18px; padding:10px 20px; position:inherit; top:inherit;} .footer-inner{width:440px;} footer ul li{width:100%; font-size:11px; margin-right:0px;} footer ul li.big{width:100%;} footer ul li.big ol li{width:100%;} footer ul li ol{margin-bottom:20px;} footer ul li a{font-size:11px;} footer .sharing{margin-bottom:20px;} footer .copyright .copy{width:440px; font-size:11px;} #main{font-size:13px;} #main p{line-height:18px; text-align:justify; font-size:12px;} .title .inner{width:440px;} .title h2{font-size:20px;} #main .inner{width:440px;} #main .data{float:none; border-right:none; padding-right:0px; padding-bottom:0px; width:auto;} #main .sidebar{float:none; padding-left:0px; width:auto; border-left:1px solid #DBD8D8;border-right:1px solid #DBD8D8;border-top:1px solid #DBD8D8; padding-top:10px;} #main .data h2{font-size:20px;} #main .benefits h3{font-size:16px;} #main .data iframe{height:300px;} #main .sidebar h2{font-size:20px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .benefits .right img, #main .benefits .left img{/*display:none;*/} #main .benefits .right, #main .benefits .left{margin-bottom:20px;} #main .benefits .right h2, #main .benefits .right h3, #main .benefits .right p{float:none; width:auto;} #main .benefits .left h2, #main .benefits .left h3, #main .benefits .left p{float:none; width:auto;} #main .sidebar ul.events li a{font-size:13px;} #btmbuttons .inner{width:440px;} #btmbuttons ul li{margin-right:13px;} #btmbuttons ul li a{padding:10px 15px 10px 25px; font-size:14px; border-radius:3px;} #btmbuttons ul li a span{border-bottom-left-radius:3px;border-top-left-radius:3px;} #btmbuttons ul li a span{width:10px;} #addressbar li { width:100%;} #main .data ul.comments li p{width:77%;} #main .data ul.leadership li p{ width:64% !important; } #main .data ul.comments li span{ width:80px; height:77px;} #main .data .events .calender{width:60px; height:58px; background-size:contain;} #main .data .events .calender .month{font-size:16px; line-height:17px;padding:18px 5px 0px 5px;} #main .data .events .calender .date{font-size:16px;line-height:16px;} #main .data .events .event-name{width:360px;padding-top:5px;} #main .data .events .event-name h4{font-size:16px; line-height:18px;padding-top:5px;} #main .data .events .event-name .event-date{padding-top:5px;} .contact_form{border-bottom:dashed 1px #cccccc; padding-bottom:20px; margin-bottom:30px;} .txt, .txtt{width:100%;} .sel{width:100%;} .contact_form .security{width:30%;} .contact_form label{font-size:12px !important;} .tbox{width:50%;} #main .data .evaluation h2{font-size:18px !important;} #main .data .evaluation .halfwidthlt{float:none; width:auto;} #main .data .evaluation .halfwidthrt{float:none; width:auto;} #main .data .evaluation .order_form label{font-weight:normal;} .bigg{width:100%; margin-top:5px;} .smallbox{width:50% !important;} #datetimepicker_mask, #datetimepicker, #datetimepicker1, #datetimepicker2{width:38.5%;} #testimonials .slides_control { min-height:95px; } #leadershippage li { width:100%; } #leadershippage .paddingright { padding-right:0px; } #leadershippage .paddingleft { padding-left:0px; } #hana_flv_flow_1 embed { height:auto; } .page-id-826 table td { display:table-row; } } @media only screen and (min-width: 320px) and (max-width: 479px) { header hgroup{width:100%; border-bottom:none; height:auto; padding: 0 10px;} header hgroup .logo{position:absolute; z-index:111111; top:6px; left:0px; width:110px;} nav{height:auto; position:inherit; border-bottom:none;} #menu{height:auto; width:auto;} #menu h2{padding: .2em 5.5%; font-size:14px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3{font-size:14px; font-weight:normal; margin:0px; border-bottom:none;} #menu h3:after, #menu h3:before {display:none;} #menu p{font-size:11px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;} #menu ul{width:auto; float:left;} #menu .menu-inner{width:auto;} #menu ul ul{width:100%;padding:0px;display:none;position:inherit !important;z-index:111111;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;border-bottom:solid 1px #cccccc; border-left:none;border-right:none;border-top:none;} #menu ul ul:after, #menu ul ul:before {display:none;} #menu ul ul:after {display:none;} #menu ul ul:before {display:none;} #menu .lihover li a, #menu ul ul li a{font-size:11px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; letter-spacing:0px; line-height:15px; height:15px;} #menu .lihover li, #menu ul ul li{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu a:hover, #menu .lihover a{background-color:#f5f4f4; color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu li.current a{background-color:#f5f4f4;color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu ul ul li a:hover{padding-left:0px; background-color:#ffffff; color:#333333; text-decoration:underline;} #menu li{margin-right:0px;} #menu li.first a{padding-left:20px;} #menu a{color:#474646;font-size:14px; text-shadow:none; padding:0px 20px 0px 20px; line-height:40px;} #menu ul ul ol.col1{width:100%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col2{width:90%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col3{width:90%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col1 li strong a, #menu ul ul ol.col2 li strong a, #menu ul ul ol.col3 li strong a, #menu ul ul ol.col4 li strong a{padding-bottom:5px; padding-top:5px; font-weight:normal; font-size:11px;} #menu ul ul ol li.whymsg{width:91%;} #menu ul ul ol.col1 li a{padding-left:0px !important;} #menu ul.navigation{width:auto; float:left;} #menu ul.navigation li a.link {color:#474646;font-size:13px; font-weight:normal; font-family:Open Sans, Arial, Helvetica, sans-serif; letter-spacing:0px; text-shadow:none; padding:0px 20px 0px 20px; line-height:54px;border-right:none;border-left:none;} #menu ul.navigation li:hover a.link{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; background-color:#f5f4f4; color:#06589c;} #menu li.first{border-left:none;} #menu ul ul.small{width:100% !important; box-shadow:none !important;} #menu ul ul.small li:first-child{padding-top:0px;} ul.navigation .submenu{width:auto;display:inherit !important;position:static !important;left:inherit !important;z-index:999;border-bottom:none !important; padding:0px; box-shadow:none !important;} ul.navigation .small{width:100% !important;left:inherit !important;padding:0px !important; border:none !important;} ul.navigation .small li:first-child{padding-top:20px;} #slider{float:left;} #slider .inner{width:290px;}#slider .inner-box{width:290px;} #pearlslides .inner{width:100%;} .skdslider{height:150px;} .skdslider .slide-desc { display:none;} #slider .tollfree{top:180px; height:auto; width:auto; padding:20px; left:0; background-color:rgba(255, 255, 255, 1);} #slider .tollfree h2{font-size:20px; line-height:24px;} #slider .tollfree h3{font-size:16px;} #slider .tollfree p{font-size:16px; padding-top:15px;} #slider .tollfree a{font-size:16px; padding:8px 15px 10px;} #videos{margin-top:295px;} #videos h2{font-size:20px;} #videos .video{width:290px; height:196px; background-size:contain;} #videos .video a{ padding-top:50px;} #videos .video a h3{font-size:16px;} #software .inner{width:290px;} #software h2{font-size:16px;} #software .blocks .blocklt{width:auto; float:none; margin-right:0px; margin-bottom:30px;} #software .blocks .blockrt{width:auto; float:none;} #software .blocks h3{font-size:13px;} #software .blocks p{font-size:13px;} #software .blocks .more a{font-size:14px; padding:7px 20px;} #space_missile {margin-top: 250px;} #space_missile .inner{width:290px;} #space_missile h2{font-size:16px;} #testimonials .inner{width:290px;} #testimonials h2{font-size:16px;} #testimonials p{font-size:11px; font-family:Arial, Helvetica, sans-serif; width:auto;} #testimonials .slides_container div .author{font-size:12px;} #testimonials .slides_container div{width:290px;} #content .inner{width:290px;} #content h2{font-size:14px;} #content p{font-size:12px; text-align:justify;font-family:Arial, Helvetica, sans-serif; width:auto;} #content .right, #content .left{margin-bottom:20px;} #content .right h2, #content .right p{float:none; width:auto;} #content .left h2, #content .left p{float:none; width:auto;} #content .right img, #content .left img{display:none;} #events{font-size:12px; font-family:Arial, Helvetica, sans-serif;} #events h2{font-size:16px;} #events .inner{width:290px;} #events .box{width:auto; min-height:inherit; float:none; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} #events .last{float:none; border-bottom:none;} #buttons-bottom .inner{width:290px;} #buttons-bottom .support{width:auto; float:none; margin-bottom:20px;} #buttons-bottom .evaluation{width:auto; float:none;} #buttons-bottom h2{font-size:20px;} #buttons-bottom h3{font-size:18px;} #ordernow .inner{width:290px;} #ordernow{font-size:13px;} #ordernow h2{font-size:20px;} #ordernow p{width:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #ordernow a{font-size:18px; padding:10px 20px; position:inherit; top:inherit;} .footer-inner{width:290px;} footer ul li{width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-right:0px;} footer ul li.big{width:100%;} footer ul li.big ol li{width:100%;} footer ul li ol{margin-bottom:20px;} footer ul li a{font-size:11px; font-family:Arial, Helvetica, sans-serif;} footer ul li h2{font-size:14px;} footer .sharing{margin-bottom:20px;} footer .copyright .copy{width:290px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} footer .copyright .copy .btop{display:none !important;} #main{font-size:12px;font-family:Arial, Helvetica, sans-serif;} #main p{line-height:16px; text-align:justify; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #main a{font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .title .inner{width:290px;} .title h2{font-size:18px;} #main .inner{width:290px;} #main .data{float:none; border-right:none; padding-right:0px; padding-bottom:0px; width:auto;} #main .sidebar{float:none; padding-left:0px; width:auto; border-left:1px solid #DBD8D8;border-right:1px solid #DBD8D8;border-top:1px solid #DBD8D8; padding-top:10px;} #main .data h2{font-size:16px;} #main .benefits h3{font-size:14px;} #main .data iframe{height:200px;} #main .sidebar h2{font-size:16px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .benefits .right img, #main .benefits .left img{/*display:none;*/} #main .benefits .right, #main .benefits .left{margin-bottom:20px;} #main .benefits .right h2, #main .benefits .right h3, #main .benefits .right p{float:none; width:auto;} #main .benefits .left h2, #main .benefits .left h3, #main .benefits .left p{float:none; width:auto;} #main .sidebar ul.events li a{font-size:12px;font-family:Arial, Helvetica, sans-serif;} #btmbuttons .inner{width:290px;} #btmbuttons ul li{margin-right:0px; float:none; display:block; margin-bottom:10px;} #btmbuttons ul li.last{float:none;} #btmbuttons ul li a{padding:10px 15px 10px 25px; font-size:14px; border-radius:3px; display:block;} #btmbuttons ul li a span{border-bottom-left-radius:3px;border-top-left-radius:3px;} #btmbuttons ul li a span{width:10px;} #addressbar li { width:100%;} #main .data ul.comments li p{width:auto; float:none; text-align:left;} #main .data ul.comments li span{width:60px; height:58px;} #main .data .events .calender{width:60px; height:58px; background-size:contain;} #main .data .events .calender .month{font-size:14px; line-height:15px;padding:18px 5px 0px 5px;} #main .data .events .calender .date{font-size:14px;line-height:14px;} #main .data .events .event-name{width:220px;padding-top:5px;} #main .data .events .event-name h4{font-size:14px; line-height:16px;padding-top:5px;} #main .data .events .event-name .event-date{padding-top:5px; font-size:11px;} .contact_form{border-bottom:dashed 1px #cccccc; padding-bottom:20px; margin-bottom:30px;} .txt, .txtt{width:100%;} .sel{width:100%;} .contact_form .security{width:40%;} .contact_form label{font-size:12px !important;} .tbox{width:100%;} #main .data .evaluation{margin-bottom:40px;} #main .data .evaluation h2{font-size:16px !important;} #main .data .evaluation .halfwidthlt{float:none; width:auto;} #main .data .evaluation .halfwidthrt{float:none; width:auto;} #main .data .evaluation .order_form label{font-weight:normal; min-width:100%; margin-bottom:5px;} .bigg{width:100%; margin-top:5px;} .smallbox{width:50% !important;} #datetimepicker_mask, #datetimepicker, #datetimepicker1, #datetimepicker2{width:100%;} .order_form input[type="submit"]{font-size:18px !important;} .order_form input[type="reset"]{font-size:18px !important; margin-left:15px !important;} #si_contact_form4 input[type="text"] { width:50%; } #si_contact_form4 input[type="email"] { width:50%; } #si_contact_form4 textarea{ width:50%; } #si_contact_captcha_code4 {width:50% !important; } #si_contact_form3 input[type="text"] { width:50%; } #si_contact_form3 input[type="email"] { width:50%; } #si_contact_form3 textarea{ width:50%; } #si_contact_captcha_code3 {width:50% !important; } #si_contact_form2 input[type="text"] { width:50%; } #si_contact_form2 input[type="email"] { width:50%; } #si_contact_form2 textarea{ width:50%; } #si_contact_captcha_code2 {width:50% !important; } #testimonials .slides_control { min-height:95px; } #leadershippage li { width:100%; } #leadershippage .paddingright { padding-right:0px; } #leadershippage .paddingleft { padding-left:0px; } #hana_flv_flow_1 embed { min-height:250px !important; } .page-id-826 table td { display:table-row; } } @media only screen and (min-width: 240px) and (max-width: 319px) { header hgroup{width:200px; border-bottom:none; height:auto;} header hgroup .logo{position:absolute; z-index:111111; top:6px; left:0px; width:90px;} nav{height:auto; position:inherit; border-bottom:none;} #menu{height:auto; width:auto;} #menu h2{padding: .2em 7.5%; font-size:12px; font-weight:normal;margin:0px; border-bottom:none;} #menu h3{font-size:14px; font-weight:normal; margin:0px; border-bottom:none;} #menu h3:after, #menu h3:before {display:none;} #menu p{font-size:11px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;} #menu ul{width:auto; float:left;} #menu .menu-inner{width:auto;} #menu ul ul{width:100%;padding:0px;display:none;position:inherit !important;z-index:111111;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px;border-bottom:solid 1px #cccccc; border-left:none;border-right:none;border-top:none;} #menu ul ul:after, #menu ul ul:before {display:none;} #menu ul ul:after {display:none;} #menu ul ul:before {display:none;} #menu .lihover li a, #menu ul ul li a{font-size:11px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; letter-spacing:0px; line-height:15px; height:15px;} #menu .lihover li, #menu ul ul li{font-size:11px; font-family:Arial, Helvetica, sans-serif;} #menu a:hover, #menu .lihover a{background-color:#f5f4f4; color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu li.current a{background-color:#f5f4f4;color:#06589c;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #menu ul ul li a:hover{padding-left:0px; background-color:#ffffff; color:#333333; text-decoration:underline;} #menu li{margin-right:0px;} #menu li.first a{padding-left:20px;} #menu a{color:#474646;font-size:14px; text-shadow:none; padding:0px 20px 0px 20px; line-height:40px;} #menu ul ul ol.col1{width:100%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col2{width:90%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col3{width:90%; float:left; padding:5px 20px 10px 20px; margin:0px;} #menu ul ul ol.col1 li strong a, #menu ul ul ol.col2 li strong a, #menu ul ul ol.col3 li strong a, #menu ul ul ol.col4 li strong a{padding-bottom:5px; padding-top:5px; font-weight:normal; font-size:11px;} #menu ul ul ol li.whymsg{width:91%;} #menu ul ul ol.col1 li a{padding-left:0px !important;} #menu ul.navigation{width:auto; float:left;} #menu ul.navigation li a.link {color:#474646;font-size:13px; font-weight:normal; font-family:Open Sans, Arial, Helvetica, sans-serif; letter-spacing:0px; text-shadow:none; padding:0px 20px 0px 20px; line-height:54px;border-right:none;border-left:none;} #menu ul.navigation li:hover a.link{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; background-color:#f5f4f4; color:#06589c;} #menu li.first{border-left:none;} #menu ul ul.small{width:100% !important; box-shadow:none !important;} #menu ul ul.small li:first-child{padding-top:0px;} ul.navigation .submenu{width:auto;display:inherit !important;position:static !important;left:inherit !important;z-index:999;border-bottom:none !important; padding:0px; box-shadow:none !important;} ul.navigation .small{width:100% !important;left:inherit !important;padding:0px !important; border:none !important;} ul.navigation .small li:first-child{padding-top:20px;} #slider{float:left;} #slider .inner{width:200px;} #slider .inner-box{width:200px;} #pearlslides .inner{width:100%;} .skdslider{height:120px;} .skdslider .slide-desc { display:none;} #slider .tollfree{top:150px; height:auto; width:auto; padding:10px; left:0; background-color:rgba(255, 255, 255, 1);} #slider .tollfree h2{font-size:16px; line-height:24px;} #slider .tollfree h3{font-size:14px;} #slider .tollfree p{font-size:14px; padding-top:15px;} #slider .tollfree a{font-size:14px; padding:8px 15px 10px;} #slider .tollfree a.buynow{float:none; margin-bottom:20px;} #slider .tollfree a.eval{float:none;} /*#videos{margin-top:250px;}*/ #videos h2{font-size:20px;} #videos .video{width:200px; height:136px; background-size:contain;} #videos .video a{ padding-top:10px;} #videos .video a h3{font-size:12px;} #software .inner{width:200px;} #software h2{font-size:16px;} #software .blocks{padding:0 auto 50px;} #software .blocks .blocklt{width:auto; float:none; margin-right:0px; margin-bottom:30px;} #software .blocks .blockrt{width:auto; float:none;} #software .blocks h3{font-size:13px;} #software .blocks p{font-size:13px;} #software .blocks .more a{font-size:14px; padding:7px 20px;} #space_missile{margin-top:250px;} #space_missile .inner{width:200px;} #space_missile h2{font-size:16px;} #testimonials .inner{width:200px;} #testimonials h2{font-size:16px;} #testimonials p{font-size:11px; font-family:Arial, Helvetica, sans-serif; width:auto;} #testimonials .slides_container div .author{font-size:12px;} #testimonials .slides_container div{width:200px;} #content .inner{width:200px;} #content h2{font-size:14px;} #content p{font-size:12px; text-align:justify;font-family:Arial, Helvetica, sans-serif; width:auto;} #content .right, #content .left{margin-bottom:20px;} #content .right h2, #content .right p{float:none; width:auto;} #content .left h2, #content .left p{float:none; width:auto;} #content .right img, #content .left img{display:none;} #events{font-size:12px; font-family:Arial, Helvetica, sans-serif;} #events h2{font-size:16px;} #events .inner{width:200px;} #events .box{width:auto; min-height:inherit; padding:10px 0px; float:none; border-left:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} #events .last{float:none; border-bottom:none;} #buttons-bottom .inner{width:200px;} #buttons-bottom .support{width:auto; float:none; margin-bottom:20px; background-image:none;} #buttons-bottom .evaluation{width:auto; float:none;background-image:none;} #buttons-bottom h2{font-size:20px;} #buttons-bottom h3{font-size:18px; padding:0px; text-align:center;} #buttons-bottom p{padding:0px; text-align:center;} #ordernow .inner{width:200px;} #ordernow{font-size:13px;} #ordernow h2{font-size:16px;} #ordernow p{width:auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:justify;} #ordernow a{font-size:14px; padding:10px 20px; position:inherit; top:inherit;} .footer-inner{width:200px;} footer ul li{width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-right:0px;} footer ul li.big{width:100%;} footer ul li.big ol li{width:100%;} footer ul li ol{margin-bottom:20px;} footer ul li a{font-size:11px; font-family:Arial, Helvetica, sans-serif;} footer ul li h2{font-size:14px;} footer .sharing{margin-bottom:20px;} footer .copyright .copy{width:200px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} footer .copyright .copy .btop{display:none !important;} #main{font-size:11px;font-family:Arial, Helvetica, sans-serif;} #main p{line-height:16px; text-align:justify; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #main a{font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .title .inner{width:200px;} .title h2{font-size:14px;} #main .inner{width:200px;} #main .data{float:none; border-right:none; padding-right:0px; padding-bottom:0px; width:auto;} #main .sidebar{float:none; padding-left:0px; width:auto; border-left:1px solid #DBD8D8;border-right:1px solid #DBD8D8;border-top:1px solid #DBD8D8; padding-top:10px;} #main .data h2{font-size:14px;} #main .benefits h3{font-size:14px;} #main .data iframe{height:200px;} #main .sidebar h2{font-size:14px; padding-left:10px;} #main .sidebar ul.events li a{padding:8px 0 8px 10px} #main .sidebar ul.events li a:hover{padding-left:10px;} #main .data .imgblock img{margin-right:10px; width:30%;} #main .benefits .right img, #main .benefits .left img{/*display:none;*/} #main .benefits .right, #main .benefits .left{margin-bottom:20px;} #main .benefits .right h2, #main .benefits .right h3, #main .benefits .right p{float:none; width:auto;} #main .benefits .left h2, #main .benefits .left h3, #main .benefits .left p{float:none; width:auto;} #main .sidebar ul.events li a{font-size:12px;font-family:Arial, Helvetica, sans-serif;} #btmbuttons .inner{width:200px;} #btmbuttons ul li{margin-right:0px; float:none; display:block; margin-bottom:10px;} #btmbuttons ul li.last{float:none;} #btmbuttons ul li a{padding:10px 15px 10px 25px; font-size:14px; border-radius:3px; display:block;} #btmbuttons ul li a span{border-bottom-left-radius:3px;border-top-left-radius:3px;} #btmbuttons ul li a span{width:10px;} #addressbar li { width:100%;} #main .data ul.press li p{line-height:auto;text-align:left;} #main .data ul.press li span{font-size:11px;} #main .data ul.comments li p{width:auto; float:none;} #main .data ul.comments li span{width:60px; height:58px;} #main .data .events .calender{ display:none;} #main .data .events .event-name{width:200px;padding-top:5px;} #main .data .events .event-name h4{font-size:14px; line-height:16px;padding-top:5px;} #main .data .events .event-name .event-date{padding-top:5px; font-size:11px;} .contact_form{border-bottom:dashed 1px #cccccc; padding-bottom:20px; margin-bottom:30px;} .txt, .txtt{width:100%;} .sel{width:100%;} .contact_form .security{width:40%;} .contact_form label{font-size:12px !important;} .tbox{width:100%;} #main .data .evaluation{margin-bottom:40px;} #main .data .evaluation h2{font-size:12px !important; font-family:Arial, Helvetica, sans-serif;} #main .data .evaluation .fullwidth{padding:10px;} #main .data .evaluation .halfwidthlt{float:none; width:auto; padding:10px;} #main .data .evaluation .halfwidthrt{float:none; width:auto; padding:10px;} #main .data .evaluation .order_form label{font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; min-width:100%; margin-bottom:5px;} .bigg{width:100%; margin-top:5px;} .smallbox{width:50% !important;} #datetimepicker_mask, #datetimepicker, #datetimepicker1, #datetimepicker2{width:100%;} .order_form input[type="submit"]{font-size:16px !important;} .order_form input[type="reset"]{font-size:16px !important; margin-left:0px !important; float:right !important;} #si_contact_form4 input[type="text"] { width:50%; } #si_contact_form4 input[type="email"] { width:50%; } #si_contact_form4 textarea{ width:50%; } #si_contact_captcha_code4 {width:50% !important; } #si_contact_form3 input[type="text"] { width:50%; } #si_contact_form3 input[type="email"] { width:50%; } #si_contact_form3 textarea{ width:50%; } #si_contact_captcha_code3 {width:50% !important; } #si_contact_form2 input[type="text"] { width:50%; } #si_contact_form2 input[type="email"] { width:50%; } #si_contact_form2 textarea{ width:50%; } #si_contact_captcha_code2 {width:50% !important; } #testimonials .slides_control { min-height:95px; } #leadershippage li { width:100%; } #leadershippage .paddingright { padding-right:0px; } #leadershippage .paddingleft { padding-left:0px; } #hana_flv_flow_1 embed { min-height:200px !important; } .page-id-826 table td { display:table-row; } } /*signup form css by rajveer 22-7-2015*/ #signupform { width:100%; padding: 20px 0px; background: #fff; } #signupform h2 {text-align: center;} #signupform form {width:500px; max-width: 100%; margin: auto;} #signupform .signuprow { width:100%; clear:both; padding-left:20px; } #signupform .signuprow label { padding-bottom:5px; } #signupform .form-control{ background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 90%; margin-top:5px; margin-bottom:5px; } #signupform input[type="text"]{background-color:#ffffff; border:solid 1px #a3a2a2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:8px;margin-bottom:5px;font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset;width:90%;} #signupform input[type="text"]:hover{box-shadow: 0 0 9px #D0D0D1;} #signupform input[type="email"]{background-color:#ffffff; border:solid 1px #a3a2a2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:8px;margin-bottom:5px;font-size:14px;font-family:Open Sans, Arial, Helvetica, sans-serif;box-shadow: 0 0 5px #E8E8E8 inset;width:90%;} #signupform input[type="email"]:hover{box-shadow: 0 0 9px #D0D0D1;} #signupform textarea.form-control { background-color: #fff; background-image: none; border:solid 1px #a3a2a2;border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 70px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 90%; margin-top:5px; margin-bottom:5px; } #signupform textarea:hover{box-shadow: 0 0 9px #D0D0D1;} #signupform input[type="submit"] { background-color: #389d3f; border-radius: 3px; color: #ffffff; font-size: 14px; letter-spacing: 1px; padding: 5px 20px; cursor:pointer; border: 0px;-webkit-border-radius: 5px;border-radius: 5px;margin-top:10px;} #signupform input[type="submit"]:hover{background-color:#1267a0; text-decoration:none;} #signupform .form-control:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; } #formmessage { font-size:15px; color:#006600; text-align:center; } /*signup form css*/ #wpcf7-f3892-p3888-o1 input[type="submit"] { background-color: #febf4d; background-image: linear-gradient(#ffd974, #febf4d); border: 1px solid #e3ab48; border-radius: 3px; box-shadow: 0 0 2px #ffffff inset; color: #624424; cursor: pointer; display: block; font-size: 24px; font-weight: normal; padding: 5px 15px; text-decoration: none !important; text-shadow: 1px 1px 1px #fbe5ac; } #wpcf7-f4159-p4150-o1 input[type="submit"] { background-color: #febf4d; background-image: linear-gradient(#ffd974, #febf4d); border: 1px solid #e3ab48; border-radius: 3px; box-shadow: 0 0 2px #ffffff inset; color: #624424; cursor: pointer; display: block; font-size: 24px; font-weight: normal; padding: 5px 15px; text-decoration: none !important; text-shadow: 1px 1px 1px #fbe5ac; } #main .data #iframeDownload {padding: 0px;min-height: 5000px;} .byline span.author { display:none; } #downloadForm{padding: 10px;} #downloadForm h3{padding-bottom:10px;} #downloadForm table{width: 100%; border-collapse: collapse; } #downloadForm table tbody tr td{padding:5px;} #downloadForm table tbody tr td.field-label{text-align: right;line-height: 25px;} #downloadForm table tbody tr td input[type='text'], #downloadForm table tbody tr td input[type='email']{width:80%;min-height: 25px; line-height: 25px; } #downloadForm span.required{color: #ff0000;} #downloadForm .btn-theme{ background-color:#389d3f;border: 1px solid #389d3f; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:3px 20px 3px 20px; font-size:16px;color:#ffffff; letter-spacing:1px;} #downloadForm .btn-theme:hover{background-color:#1267a0; text-decoration:none;} #downloadForm #statusMsg{text-align:center; color: #ff0000;} #hana_flv_flow_1 { background-color:#fff !important; } #events ul li a:hover { text-decoration:none !important; } #main .sidebar ul.events li a { font-weight:bold !important; color:#1267a0 !important; } /*My Custom Style*/ .entry-content > * { margin-bottom: 0 !important; } .post-inner , .singular .entry-header , .header-inner , .header-titles-wrapper { padding: 0 !important; } .search-toggle-wrapper , .search-toggle , .toggle-inner .toggle-text , .to-the-top{ display: none !important; } .header-titles-wrapper{ display: inline-block !important; } ul.primary-menu { display: inline-flex !important; } /*Composer Default Padding*/ .vc_row-has-fill > .vc_column_container > .vc_column-inner { padding-top: 0px !important; } .header_head_outer_none , .copyrights_none{ display:none; } /*Headline topbar*/ .header_top_text{ background-color: #3a7eb8; padding:15px; } .header_top_text a { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-weight:600; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; margin:0; padding: 0; text-decoration: none; display: table; margin-left: auto; margin-right: auto; } .header_top_text a span{ padding: 5px 15px; background: #eaff02; border-radius: 4px; margin: 0 5px 0 0; color: #000; font-size: 14px; } /*headline after nav*/ .header_after_outer{ background-color: #4c96d5; padding:15px 0 } .header_after_text{ margin:0 !important; } .header_after_text p{ font-size: 26px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; margin:0; font-family: 'Source Sans Pro', sans-serif; } .header_after_text p span { font-weight: 600; } /*menu top and bottom line close*/ /*logo*/ .header-titles .site-logo { margin: 8px auto; } .my_nav_logo img{ margin:7px 0 0 0; } /*logo close*/ /*Menu start*/ .menu_list_outer{ background:#fff; padding: 15px 0 !important; } .my_nav{ background:#fff; padding:8px; } .my_nav ul{ justify-content: unset; padding:0; margin:0px 0 0 0; } .my_nav ul li{ padding:8px; margin:0; } .my_nav ul li a{ font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444545 !important; font-family: 'Source Sans Pro', sans-serif; } .my_nav ul li a:hover{ text-decoration:none; color:#4c96d5 !important } .my_nav ul li.current-menu-item > a{ text-decoration:none; font-family: 'Source Sans Pro', sans-serif; color:#FD2596 !important } .nav_get_start button{ border-radius: 4px; background-color: #3290d0; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #fff; margin:5px 0 0 0; border:1px solid #3290d0; transition:linear all 0.3s; padding:10px 35px; width:100%; } .nav_get_start button:hover{ background-color: transparent; color: #3290d0; border:1px solid #3290d0; text-decoration:none; transition:linear all 0.3s; } /*Header close*/ /*===========================================================*/ /*Content start*/ /*Banner start*/ .banner_heading1 div{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 60px; font-weight: bold !important; font-stretch: normal; font-style: normal; line-height: 0.97; letter-spacing: normal; color: #fff; margin:0 0 30px; } .banner_heading2 div{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 28px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #fff; margin:0 0 30px; } .banner_button div{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; text-transform:uppercase; transition:linear all 0.3s; } .banner_button div:hover a{ transition:linear all 0.3s; color:#3290d0ff !important; } /*dots setting*/ div#n2-ss-1 .n2-style-37b83350d88fb82e7ea26e8ad7887167-dot { padding: 3px 10px 3px 10px !important; border-radius: 4px !important; border-width:1px !important; } .n2-ss-control-bullet-horizontal{ bottom:50px !important; left:22% !important; } /*Banner close*/ /*===================*/ /*Testimonials start*/ .tstmnl_name div{ font-family: 'Source Sans Pro', sans-serif !important; } .tstmnl_post div{ font-family: 'Source Sans Pro', sans-serif !important; } .tstmnl_content div p{ font-family: 'Source Sans Pro', sans-serif !important; font-style: italic !important; padding:0 100px !important; } /*Tstmnl Arrows*/ .nextend-arrow-previous , #n2-ss-3-arrow-previous{ left:15% !important; } .nextend-arrow-next , #n2-ss-3-arrow-next{ right:15% !important; } /*Testimonials close*/ /*=====================*/ /*Other solution start*/ .other_solution_outer{ padding:30px 0; margin:0px 0 50px !important; background:#eef6fd; } .other_solution_head{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 26px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 1.15; letter-spacing: normal; color: #030e44; margin:0 !important; } .list_outer_col{ margin:0 !important } .solutions_lists{ padding:0; margin:15px 0 0 0; float:right; } .solutions_lists li{ list-style-type:none; display:inline; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #030e44; padding: 0 0px 0 75px; } .solutions_lists li:before{ margin:0 10px 0 0; vertical-align:middle; content: "\f00c"; font-family: FontAwesome; padding: 5px; border-radius: 50px; font-size: 10px; border: 2px solid #1367a0; color: #1367a0; text-align: center; } /*Other solution close*/ /*===============================*/ /*visual_verification_outer start*/ .visual_verification_outer{ margin:50px 0 100px 0 !important; } .visual_verification_heading{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 35px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: center; color: #030e44; margin-top:0 !important; } .visual_verification_content{ border-radius: 4px; box-shadow: 5px 5px 27px 0 rgba(199, 206, 211, 0.26); /*border: solid 1px #eff4f7;*/ background-color: var(--white); padding:15px 30px !important; transition:linear all 0.3s; border-bottom:3px solid #fff; } .visual_verification_content:hover{ background-color: #f4faff; transition:linear all 0.3s; border-bottom:3px solid #1367a0; } .visual_verification_content_img{ margin:45px 0 !important; } .visual_verification_content_heading{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 20px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444545; margin: 15px 0 15px !important; } .visual_verification_content_text p{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; text-align: center; color: #444545; } /*Visual Verification close*/ /*========================*/ /*Feattured Video Slider start*/ .featured_video_slider_outer{ padding:75px 0; } .featured_slider_inner{ margin:0 !important; } .featured_subheading div { font-family: 'Source Sans Pro', sans-serif !important; margin:0 0 15px; } .featured_heading div{ font-family: 'Source Sans Pro', sans-serif !important; } .featured_right_outer div{ border-radius:15px !important } .featured_right_head div{ font-family: 'Source Sans Pro', sans-serif !important; margin:20px 0 10px 30px } .featured_right_text1 div , .featured_right_text2 div{ font-family: 'Source Sans Pro', sans-serif !important; margin:0px 0 20px 30px } .featured_right_image div{ margin:55px 0 100px !important; } /*Featured Right Section close*/ /*========================*/ /* call to action start */ .call_to_action_outer{ padding:80px 0; margin:0px 0; background-size: cover; background-repeat: no-repeat; } .call_action_heading{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 65px; font-weight: 600 !important; font-stretch: normal; font-style: normal; line-height: 0.62; letter-spacing: normal; text-align: center; color: #fff; margin:30px 0 30px 0 !important; } .call_action_subheading{ font-family: 'Source Sans Pro', sans-serif !important; font-size: 30px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #fff; margin:30px 0 35px 0 !important; } .call_action_btn button{ background: #3290d0 !important; border: 1px solid #3290d0 !important; padding: 15px 45px !important; color:#fff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 22px !important; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; transition:linear all 0.3s; } .call_action_btn button:hover{ background: #fff !important; border: 1px solid #3290d0 !important; color:#3290d0 !important; transition:linear all 0.3s; } /*===========================================================*/ /*Footer*/ #site-footer{ margin:0 !important; background:#fff; text-align:center; color:#000; padding:30px !important; } /*widgets start*/ .my_footer_widgets{ margin:0 !important; width:100%; } .my_footer_widgets .widget-title { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.42px; color: #030e44; margin:0 0 15px; } .my_footer_widgets .textwidget p{ font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #444545; } .my_footer_widgets .textwidget p strong{ font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: 600; color: #1367a0; } .event_date{ color:#a8a8a8; font-size:12px; } /*widget menu list*/ .widget_nav_menu ul li{ font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.25; letter-spacing: normal; } .widget_nav_menu ul li a{ color: #444545; font-weight:500; } /*Footer Copy rights section*/ .footer-widgets-outer-wrapper { border-bottom: 0 solid #dedfdf; } .copyright_section_outer{ border-top:1px solid #e5e9ec; padding:30px 0 } .footer_social_icons ul{ padding:0; margin:0; } .footer_social_icons ul li{ list-style-type:none; display:inline-block; background: #e9eef1; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; font-size: 15px; margin:0 5px; color:#818f99 !important; transition:linear all 0.3s; } .footer_social_icons ul li:hover{ background: #1367a0; transition:linear all 0.3s; } .footer_social_icons ul li a:hover{ color:#fff !important; } .footer_social_icons ul li a{ vertical-align:middle; color:#818f99; padding:10px; } .footer_copyright_text p{ font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; color: #444545; margin:0 } .footer_copyright_text p a{ color: #444545; } .footer_copyright_text p span{ display:block; } .footer-credits{ /*margin:0 auto;*/ } .footer-credits a{ color:#000; } /*Footer Close */ /*=============*/ /*Responsive start*/ @media (min-width: 320px) and (max-width: 480px) { .bottom-button{ margin-bottom: 50px; } .fs-hardware .top-bar h4{ text-align: center; margin-bottom: 20px; line-height: 40px; } .header_top_text p { margin: 15px 0 0 0; display: inline-block; } .header_top_text p span { display: block; width: min-content; margin: 0 auto 10px; } header hgroup .logo { width: 100% !important; margin: 15px auto 0px; text-align: center; display: block; position:unset; } header hgroup .logo a img{ width: 175px; } .fs-headline p { font-size: 20px; } /*header close*/ /*banner start*/ /* .fs-banner .item { padding: 90px 0 100px; } */ .fs-banner .item { min-height: 100vh; /* Fill the viewport */ display: flex; align-items: center; /* Vertical centering */ justify-content: center; /* Horizontal centering */ flex-direction: column; padding: 0 15px; /* left and right only */ } .fs-banner .fs-bannerthumb { width: 100%; padding: 0 30px; margin: 0 0 30px; } .fs-bannerthumb img{ margin:0 auto !important; height:150px; } .fs-banner .fs-banner-caption { width: 100%; padding: 0 30px; } .fs-banner-caption h2 { font-size: 36px; margin: 15px 0 15px 0; } .fs-banner-caption p { font-size: 15px; padding-bottom: 15px; line-height:30px } .fs-banner .btn { padding: 10px 20px 10px; font-size: 15px; width: 100%; } .fs-banner .owl-dots { bottom: 70px; /* left: 10%; */ } .owl-dot span{ display: none!important; } .fs-videosc .owl-dots { display: flex !important; justify-content: center; margin-top: 10px; position: relative !important; opacity: 1 !important; visibility: visible !important; height: 20px; } .fs-videosc .owl-dot { background: #bac5c3 !important; /* visible black dots */ width: 12px !important; height: 12px !important; margin: 0 5px; border-radius: 50%; display: inline-block; opacity: 1 !important; cursor: pointer; } .fs-videosc .owl-dot.active { background: #337ab7 !important; /* highlight active dot */ } /*banner close*/ /*testimonails start*/ .owl-carousel .owl-item img { margin: 0 0 10px; } .fs-testimonials ul { margin: 0 auto 30px; } .fs-testimonials ul li { margin: 0 5px; /*display:block*/ } .fs-testimonials h3 , .fs-testimonials h4{ text-align: center; font-size:13px; } .fs-testimonials p { font-size: 19px; } /*Testimonials close*/ /*other solutions start*/ .fs-solution { padding: 45px 30px 30px; } .fs-solution li { /*width: 100%;*/ display:block; margin:0 0 6px 0px; font-size:18px; width: auto; } .fs-solution li:nth-child(1) { /*width: 100%;*/ width: auto; margin: 0 0 10px 0px; } .fs-solution h3 { font-size: 20px; } .fs-solution li:nth-child(2) { width: 100%; } /*other solutions close*/ /*visual verification start*/ .fs-features h2 { font-size: 22px; } .fs-features .inbox { min-height: 240px; margin-bottom: 10px; } .fs-features li { width: 95%; } /*visual verification close*/ /*Vedio popup slider start*/ .fs-videosc h5 { font-size: 15px; } .fs-videosc h4 { font-size: 20px; } .fs-videosc li { width: 100%; } .fs-videosc li:nth-child(1) { padding: 0 15px 0 15px; margin: 0 0 35px; } .fs-videosc li:nth-child(2) { width: 90%; margin:0 17px; } .fs-videoslide .owl-nav{ display:none; } /*Vedio popup slider close*/ /*Call to action start*/ .fs-suit h2 { font-size: 35px; padding-bottom: 15px; } .fs-suit h3 { font-size: 24px; padding-bottom: 25px; } .fs-suit .btn { padding: 12px 30px 12px; font-size: 15px; } /*Call to action close*/ /*Footer start*/ .footer-inner { padding-bottom: 15px; } footer .copyright .copy { text-align: left; padding: 30px 0 30px; } footer .copyright .copy .fs-social-icon { float: none; display: flex; margin: 0 0 15px 0; } } /*Responsive mobile close*/ /*======================*/ @media (min-width: 481px) and (max-width: 767px) { .header_top_text p { margin: 15px 0 0 0; display: inline-block; width:100%; } .header_top_text p span { display: block; width: min-content; margin: 0 auto 10px; } header hgroup .logo { width: 100% !important; margin: 15px auto 0px; text-align: center; display: block; position:unset; } header hgroup .logo a img{ width: 175px; } .fs-headline p { font-size: 20px; } /*header close*/ /*banner start*/ .fs-banner .fs-bannerthumb { width: 30%; margin: 10% 0 0 15px; } .fs-banner-caption h2 { font-size: 40px; margin: 0px 0 25px 0; } .fs-banner-caption p { font-size: 19px; padding-bottom: 15px; } .fs-banner .btn { padding: 11px 30px 11px; font-size: 15px; } /*banner close*/ /*testimonials start*/ .fs-testimonials p { font-size: 19px; } /*testimonials close*/ /*other solutions start*/ .fs-solution { padding: 35px 0 35px; } .fs-solution li { width: auto; font-size: 15px; margin:0 10px 0 0; } .fs-solution li:nth-child(1) { width: 30%; margin:0 0px 0 20px; } .fs-solution h3 { margin: 0px 0 0 0px; font-size: 19px; } .fs-solution li:nth-child(2) { width: auto; } /*other solutions close*/ /*visual verification start*/ .fs-features h2 { font-size: 24px; } .fs-features li { width: 45%; } /*visual verification close*/ /*video popup start*/ .fs-videoslide .owl-nav{ display:none; } .fs-videosc h4 { font-size: 26px; } /*video popup close*/ /*call to action start*/ .fs-suit h2 { font-size: 40px; } .fs-suit h3 { font-size: 20px; } .fs-suit .btn { padding: 12px 40px 12px; font-size: 16px; } /*Call to action close*/ /*Footer start*/ .footer-inner { padding-bottom: 15px; } footer .copyright .copy { text-align: left; padding: 30px 0 30px; } footer .copyright .copy .fs-social-icon { float: none; display: flex; margin: 0 0 15px 0; } /*footer close*/ } /*Responsive tablet close*/ /*======================*/ @media (min-width: 768px) and (max-width: 991px) { .header_top_text p { margin: 15px 0 0 0; display: inline-block; width:100%; } .header_top_text p span { margin: 0 10px 10px 0; } header hgroup .logo { width: 100% !important; margin: 15px auto 0px; text-align: center; display: block; position:unset; } header hgroup .logo a img{ width: 175px; } .fs-headline p { font-size: 18px; } /*header close*/ /*banner start*/ .fs-banner .fs-bannerthumb { width: 30%; margin: 5% 0 0 15px; } .fs-banner-caption h2 { font-size: 42px; margin: 0px 0 25px 0; } .fs-banner-caption p { font-size: 20px; padding-bottom: 15px; } .fs-banner .btn { padding: 11px 30px 11px; font-size: 17px; } /*banner close*/ /*testimonials start*/ .fs-testimonials p { font-size: 20px; } /*testimonials close*/ /*other solutions start*/ .fs-solution { padding: 35px 0 35px; } .fs-solution li { width: auto; font-size: 18px; margin:0 20px 0 0; } .fs-solution li:nth-child(1) { width: 30%; margin:0 0px 0 20px; } .fs-solution h3 { margin: 0px 0 0 0px; font-size: 19px; } .fs-solution li:nth-child(2) { width: auto; } /*other solutions close*/ /*visual verification start*/ .fs-features h2 { font-size: 28px; } .fs-features li { width: 45%; } /*visual verification close*/ /*video popup start*/ .fs-videoslide .owl-nav{ display:none; } .fs-videosc h4 { font-size: 26px; } /*video popup close*/ /*call to action start*/ .fs-suit h2 { font-size: 42px; } .fs-suit h3 { font-size: 22px; } .fs-suit .btn { padding: 12px 40px 12px; font-size: 17px; } /*Call to action close*/ /*Footer start*/ .footer-inner { padding-bottom: 15px; } footer .copyright .copy { text-align: left; padding: 30px 0 30px; } footer .copyright .copy p { font-size: 13px; } footer .copyright .copy .fs-social-icon { float: none; display: flex; margin: 0 0 15px 0; } /*footer close*/ } /*Responsive tablet close*/ /*======================*/ @media (min-width: 992px) and (max-width: 1199px) { header hgroup .logo { width: 150px; height: auto; } header hgroup .logo a img{ width: 100%; margin: 10px 0 0 0; } #menu ul.navigation li a.link { font-size: 13px !important; } header .btn { font-size: 11px; margin: 12px 0 0 10px; padding: 10px 12px; } .fs-headline p { font-size: 18px; } /*header close*/ /*banner start*/ .fs-banner .fs-bannerthumb { width: 25%; margin: 5% 0 0 6%; } .fs-banner-caption h2 { font-size: 44px; margin: 0px 0 25px 0; } .fs-banner-caption p { font-size: 22px; padding-bottom: 15px; } .fs-banner .btn { padding: 11px 30px 11px; font-size: 18px; } /*banner close*/ /*other solutions start*/ .fs-solution li:nth-child(1) { width: 30%; margin: 0 0 0 30px; } /*other solutions close*/ /*visual verification start*/ .fs-features li { width: 30%; } /*visual verification close*/ /*video popup start*/ .fs-videosc li:nth-child(1) { width: 30%; margin: 0 0 0 10%; padding-left:0; } .fs-videosc h4 { font-size: 27px; } .fs-videosc li:nth-child(2) { width: 45%; } .fs-videoslide .owl-prev{ left: 30px !important; } .fs-videoslide .owl-next{ right: 30px !important; } /*video popup close*/ /*call to action start*/ .fs-suit h2 { font-size: 45px; } .fs-suit h3 { font-size: 24px; } .fs-suit .btn { padding: 13px 45px 15px; font-size: 18px; } /*Call to action close*/ } /*responsive close 1199px*/ /*======================*/ @media (min-width: 1200px) and (max-width: 1400px) { header hgroup .logo { width: 175px; height: auto; } header hgroup .logo a img{ width: 100%; margin: 4px 0 0 0; } #menu ul.navigation li a.link { font-size: 15px !important; } header .btn { font-size: 11px; margin: 12px 0 0 10px; padding: 10px 12px; } .fs-headline p { font-size: 18px; } /*header close*/ /*visual verfication start*/ .fs-features li { width: 19%; } /*visual verfication close*/ /*video popup start*/ .fs-videosc li:nth-child(1) { padding: 170px 0 0 0; width: 30%; margin: 0 0 0 8%; } .fs-videosc li:nth-child(2) { width: 50%; } .fs-videoslide .owl-prev{ left: 30px !important; } .fs-videoslide .owl-next{ right: 30px !important; } } @media (min-width: 745px) { #main .benefits .right img {width:38%;} } @media (min-width: 980px) { /* Solution Menu Resize*/ #menu ul .solution-resize ul.small {width:455px !important;} /* Solution Menu Resize*/ } .hdl-cta-section { background-color: #1a1a1a; padding: 50px 0; color: white; } .hdl-cta-title { color: #FFF; text-align: center; font-size: 30px; font-style: normal; font-weight: 600; line-height: 42px; /* 140% */ } .hdl-btn-download { background-color: #00d4aa; border: none; color: white; padding: 12px 30px; font-size: 20px; font-weight: 600; border-radius: 12px; margin-right: 15px; transition: all 0.3s ease; } .hdl-btn-download:hover { background-color: #00b894; color: white; transform: translateY(-2px); } .hdl-btn-trial { background-color: transparent; border: 4px solid white; color: white; padding: 10px 30px; font-size: 20px; font-weight: 600; border-radius: 12px; transition: all 0.3s ease; } .hdl-btn-trial:hover { background-color: white; color: #1a1a1a; transform: translateY(-2px); } .hdl-cta-buttons { display: flex; justify-content: center; align-items: center; } @media (max-width: 768px) { .hdl-cta-title { font-size: 2rem; } .hdl-btn-download { margin-right: 0; margin-bottom: 15px; width: 100%; } .hdl-btn-trial { width: 100%; } } .hdl-features-section { background: #F4FCFF; padding: 80px 0; } .hdl-features-title-main { color: #3271AC; text-align: center; font-size: 50px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom:60px; } .hdl-features-title { color: #3271AC; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom:10px; } .hdl-feature-item { margin-bottom: 0px; } .hdl-feature-main{ display: flex; align-items: center; } .hdl-feature-main a{ color: #000!important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 48px; /* 320% */ } .hdl-feature-main::before { content: "▶"; color: #3271AC; margin-right: 8px; font-size: 0.8rem; } .hdl-feature-category { color: #333; font-weight: 600; font-size: 0.95rem; margin-bottom: 10px; margin-left: 20px; } .hdl-feature-sublist { margin-left: 35px; list-style: none; padding: 0; } .hdl-feature-sublist li { color: #666; font-size:16px!important; margin-bottom: 8px; position: relative; padding-left: 15px; } .hdl-feature-sublist li::before { content: "•"!important; color: #000!important; position: absolute!important; left: 0; } .hdl-feature-nested { margin-left: 20px; margin-top: 8px; } .hdl-feature-nested li { color: #777; font-size: 0.85rem; } .hdl-placeholder-image { width: 100%; height: 250px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #6c757d; font-size: 3rem; } @media (max-width: 768px) { .hdl-features-section { padding: 50px 0; } .hdl-features-title { font-size: 1.75rem; text-align: center; } .hdl-placeholder-image { height: 200px; margin-top: 30px; } } .features-section-box{ border-radius: 24px; background: #FFF; padding: 30px; margin-bottom:30px; } .my-full-section { position: relative; width: 100vw; /* Viewport width */ left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } /* .owl-dots { display: none; } */ @media (max-width: 768px) { .owl-dots { display: flex !important; justify-content: center; margin-top: 20px; visibility: visible; opacity: 1; } .owl-dot span { width: 10px; height: 10px; background: #ccc; border-radius: 50%; display: block; margin: 0 5px; } .owl-dot.active span { background: #3290D0; } } .caption-card-holder{ display: flex; gap:10px; } .caption-card{ border-radius: 10px; border: 2px solid #FFF; padding: 30px; width: 50%; } .caption-card h3{ color: #FFF; font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; text-align: left; } .caption-card p{ color: #FFF; font-size: 20px; font-style: normal; font-weight: 600; line-height: 32px; /* 160% */ text-align: left; } @media (max-width: 768px) { .bannerbg3 .fs-banner-caption{ width: 100%!important; } .bannerbg3 .fs-banner-caption h2{ font-size: 30px; } .caption-card h3{ font-size: 14px; } .caption-card p{ font-size: 10px; line-height: 15px; /* 160% */ } } .bannerbg3 .fs-banner-caption{ width: 70%; } .submenu-col-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Black with 10% opacity */ } .submenu-col-title h5{ color: #2B84C6; font-size: 22px; font-style: normal; font-weight: 700; line-height: 50px; } .submenu-v2 { padding-top:0px!important; padding-bottom:0px!important; } .submenu-v2 .list-unstyled{ display: block !important; margin-top:20px; } .submenu-v2 .list-unstyled li{ color: #4D4F51!important; font-size: 16px; font-style: normal; font-weight: 600; line-height: 28px; /* 175% */ } .submenu-v2 .last-col{ border-left: 1px solid rgba(0, 0, 0, 0.1); } .submenu-v2 .media-body h6{ color: #060F44; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; } .submenu-v2 .media-body p{ color: #060F44; font-size: 14px!important; font-style: normal; font-weight: 600; line-height: 22px; /* 146.667% */ } .submenu-v2 .no-border{ border:0px; } .submenu-v2 .media:hover p, .submenu-v2 .media:hover h6{ color: #3a7eb8!important; } .submenu-v2 .media{ display:flex; gap:5px; } .submenu-v2 .p-img{ margin-bottom:5px; object-fit: cover; } .product-holder{ margin-bottom:20px; } .product-holder .media{ cursor: pointer; } @media (max-width: 768px) { .submenu-v2 { padding:15px!important; } .submenu-v2 .last-col{ border-left: 0px!important; } .product-holder{ margin-left:-10px; } .submenu-v2 .mean-expand{ display: none!important; } } @media (max-width: 480px) { .submenu-col-title h5{ font-size: 18px; line-height: 25px!important; } .submenu-v2 .list-unstyled{ margin: 20px 0px!important; } .submenu-v2 .mean-expand{ display: none!important; } .submenu-v2 .last-col .submenu-col-title{ margin-bottom:20px; } .submenu-v2 .media-body h6{ font-size: 14px; } .submenu-v2 .media-body p{ font-size: 10px!important; line-height: 22px; /* 146.667% */ } } .hero-title { color: #3271AC; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; } .hero-text { color: #000; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; } .privacy-note{ color: #000; font-size: 11px; font-style: normal; font-weight: 400; line-height: 18px; /* 163.636% */ border-top: 1px dotted #D9D9D9; padding-top: 30px; } .no-padding{ padding: 0px; } @media (max-width: 767.98px) { .hero-title { font-size: 24px; text-align: center; } .hero-text { font-size: 14px; text-align: center; } .privacy-note { font-size: 10px; line-height: 16px; padding-top: 20px; text-align: center; } .no-padding { padding: 0 !important; } #main .inner{ width: 100%; padding:20px; } } .debug-section { padding: 60px 0; } .debug-section .section-title { color: #060F44; text-align: center; font-size: 54px; font-style: normal; font-weight: 700; line-height: normal; } .debug-section .debug-card { background: white; border: none; border-radius: 12px; transition: all 0.3s ease; height: 100%; overflow: hidden; position: relative; } .debug-section .debug-card:hover { transform: translateY(-10px); } .debug-section .card-icon-wrapper { display: flex; align-items: center; justify-content: center; position: relative; } .debug-section .card-icon { font-size: 4rem; color: #64b5f6; opacity: 0.3; } .debug-section .card-body { padding: 2rem; text-align: center; background: transparent; } .debug-section .card-title { color: #060F44; text-align: center; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } .feature-list { list-style: none; padding: 0; margin: 0; margin-top:16px; } .feature-list li { color: #060F44; text-align: center; font-size: 15px; font-style: normal; font-weight: 600; line-height: 22px; /* 146.667% */ } .debug-section .section-title-b{ color: #1276A5; font-size: 48px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; } .debug-section{ text-align: center; } .debug-section .fs-daughter-desc{ margin-top: 10px; } #tab-container { position: relative; min-height: 700px; display: flex; flex-direction: column; align-items: center; gap: 2px; } .tab-section { position: sticky; top: 100px; margin: 0 auto; background: #fff; border: 1px solid #DFD5D5; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; transition: transform 0.6s ease, opacity 0.6s ease; padding: 50px; } #tab-m-1 { top: 100px; } #tab-m-2 { top: 130px; } .submenu .sub-menu { padding-left: 30px; } .submenu .sub-menu li a:hover { background-color: #f8f8f8; } @media (min-width: 768px) and (max-width: 1024px) { .fs-features .inbox { margin: 5px; } }