/* Theme name: Mobile Storm Description: Custom Theme */ /******* Mobile Storm WordPress CSS *******/ /* Common elements styling */ .post .entry ul { margin-left: 25px; } .post .entry ol { margin-left: 25px; } .post .entry a img { border: 0 } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 2px 0 2px 7px; display: inline; } img.alignleft { margin: 2px 7px 2px 0; display: inline; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Calendar widget */ #wp-calendar { empty-cells: show; margin: 10px auto 0; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /******* /Mobile Storm WordPress CSS *******/ /* font face */ @font-face { font-family: 'proxima_nova_altblack'; src: url('fonts/proximanovaalt-black-webfont.eot'); src: url('fonts/proximanovaalt-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-black-webfont.woff') format('woff'), url('fonts/proximanovaalt-black-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-black-webfont.svg#proxima_nova_altblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_alt_rgbold'; src: url('fonts/proximanovaalt-bold-webfont.eot'); src: url('fonts/proximanovaalt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-bold-webfont.woff') format('woff'), url('fonts/proximanovaalt-bold-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-bold-webfont.svg#proxima_nova_alt_rgbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altlight'; src: url('fonts/proximanovaalt-light-webfont.eot'); src: url('fonts/proximanovaalt-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-light-webfont.woff') format('woff'), url('fonts/proximanovaalt-light-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-light-webfont.svg#proxima_nova_altlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_alt_rgregular'; src: url('fonts/proximanovaalt-reg-webfont.eot'); src: url('fonts/proximanovaalt-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-reg-webfont.woff') format('woff'), url('fonts/proximanovaalt-reg-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-reg-webfont.svg#proxima_nova_alt_rgregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altsemibold'; src: url('fonts/proximanovaalt-sbold-webfont.eot'); src: url('fonts/proximanovaalt-sbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-sbold-webfont.woff') format('woff'), url('fonts/proximanovaalt-sbold-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-sbold-webfont.svg#proxima_nova_altsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altthin'; src: url('fonts/proximanovaalt-thin-webfont.eot'); src: url('fonts/proximanovaalt-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-thin-webfont.woff') format('woff'), url('fonts/proximanovaalt-thin-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-thin-webfont.svg#proxima_nova_altthin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altextrabold'; src: url('fonts/proximanovaalt-xbold-webfont.eot'); src: url('fonts/proximanovaalt-xbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/proximanovaalt-xbold-webfont.woff') format('woff'), url('fonts/proximanovaalt-xbold-webfont.ttf') format('truetype'), url('fonts/proximanovaalt-xbold-webfont.svg#proxima_nova_altextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hand_of_seanregular'; src: url('fonts/handsean-webfont.eot'); src: url('fonts/handsean-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/handsean-webfont.woff') format('woff'), url('fonts/handsean-webfont.ttf') format('truetype'), url('fonts/handsean-webfont.svg#hand_of_seanregular') format('svg'); font-weight: normal; font-style: normal; } /* END font face */ * { margin: 0; padding: 0; outline: 0; } body, html { height: 100%; } body { font-size: 12px; line-height: 1.3; font-family: 'proxima_nova_alt_rgregular', arial, sans-serif; font-weight: normal; color: #666b73; background: #0f0f0f; min-width: 1280px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } a { color: #267dd0; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } a img { border: 0; } input, textarea, select { font-size: 12px; font-family: 'proxima_nova_alt_rgregular', arial, sans-serif; font-weight: normal; } textarea { overflow: auto; } strong { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } h1 { font-size: 43px; line-height: 46px; } h2 { font-size: 18px; line-height: 32px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 20px; line-height: 24px; } h5 { font-size: 30px; line-height: 38px; } h6 { font-size: 17px; line-height: 24px; } /* transition */ a, a:hover { -moz-transition: color 0.4s, background 0.4s; -webkit-transition: color 0.4s, background 0.4s; -o-transition: color 0.4s, background 0.4s; transition: color 0.4s, background 0.4s; } .btn, .btn:hover, .gform_widget .gform_footer, .gform_widget .gform_footer:hover, div#logo, div#logo:hover, #qaplus_searchform #qaplus_searchsubmit, #qaplus_searchform #qaplus_searchsubmit:hover, .form-default .button-holder, .form-default .button-holder:hover, .widget .clients a, .widget .clients a:hover, .widget_search input.searchsubmit, .widget_search input.searchsubmit:hover, .form-get-started .button-holder, .form-get-started .button-holder:hover { -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .plans .top, .plans.open .top { -moz-transition: height 0.4s; -webkit-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } .article:hover .box-visible, .article:hover .box-hover, .article .box-visible, .article .box-hover { -moz-transition: bottom 0.4s; -webkit-transition: bottom 0.4s; -o-transition: bottom 0.4s; transition: bottom 0.4s; } /* END transition */ /* helper classes */ .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft { float: left; display: inline; } .right, .alignright { float: right; display: inline; } .shell { width: 1200px; max-width: 100%; margin: 0 auto; } .shell2 { width: 1300px; max-width: 100%; } .desktop { display: block !important; } .tablet { display: none !important; } .mobile { display: none !important; } .no-top-space { padding-top: 0 !important; } .no-bottom-space { padding-bottom: 0 !important; } .js-center { float: left; margin: 0 auto; } /* helper classes */ div#logo { float: left; width: 221px; font-size: 0; line-height: 0; padding: 0 0 0 0; position: relative; margin: -14px 0 0 -33px; } div#logo a { display: block; height: 123px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; } div#logo { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } div#logo:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } #wrapper { background: #fff; } #header { width: 100%; background: #2264bf url(images/slider-bg-two.jpg) repeat-y center 0; margin: 0 0 19px 0; position: relative; z-index: 999; } #header .holder-view { width: 100%; background: url(images/slider-bg-two.png) no-repeat center 0; padding: 0 0 16px 0; } #header .top { background: url(images/header-top.png) repeat-x center 0; width: 100%; padding: 4px 0; } #header .top p { float: right; display: inline; text-transform: uppercase; color: #fff; font-size: 11px; line-height: 24px; padding: 0 13px; } #header .top .navigation-top { float: right; display: inline; border-left: 1px solid #5178a8; } #header .bottom .right-side { padding: 14px 0 0 0; background: url(images/header-separate-line.png) no-repeat right 57px; } #header .bottom .right-side p { float: right; display: inline; line-height: 28px; padding: 0 21px; } #header .bottom .right-side p a { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; } #header .bottom .right-side p a:hover { text-decoration: none; color: #000; } #header .bottom .right-side #navigation { float: left; display: inline; padding: 3px 0 0 0; position: relative; } #header .heading .shell { position: relative; } #header .heading img { position: absolute; right: 70px; bottom: -195px; width: 227px; height: 235px; } #header .heading h1 { color: #fff; text-shadow: 1px 1px 1px #1b498b; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 7px 26px 12px 26px; letter-spacing: -1px; } .btn-demo-mobile{ display: none; } #featured-image { width: 100%; padding: 0 0 20px 0; } #featured-image img { display: block; width: 100%; height: auto; } #main { width: 100%; padding: 40px 0 59px 0; } .home #main {padding: 0 0 59px 0;} #content { width: 757px; padding: 0 26px; } #content .entry { padding: 0; } #sidebar { width: 333px; padding: 0 21px; } #sidebar .gform_widget .gform_heading { display: none; } #footer { width: 100%; background: #0f0f0f; padding: 30px 0 20px 0; } #footer .top { width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #222; padding: 0 0 20px 0; } #footer .bottom { font-size: 11px; line-height: 24px; color: #919599; padding: 9px 0; width: 100%; position: relative; } #footer .bottom .left p { float: left; display: inline; padding: 4px 18px 4px 0; border-right: 1px solid #252525; margin-right: 15px; } #footer .bottom .left ul { float: left; display: inline; padding: 4px 0; } #footer .bottom .left ul li { float: left; display: inline; } #footer .bottom .left ul li ~ li { background: url(images/footer-navigation-separate.png) no-repeat 9px 10px; padding: 0 0 0 22px; } #footer .bottom .left ul li a { color: #919599; } #footer p.counter { background: url(images/icon-message-sent.png) no-repeat 0 0; padding: 0 0 0 110px; font-size: 50px; line-height: 52px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; width: 350px;} #footer .social { padding: 6px 0 0 0; } #breadcrumb { font-size: 13px; line-height: 21px; color: #666b73; padding: 24px 26px 60px 26px; } #breadcrumb p a { color: #666b73; } #breadcrumb p a:first-child { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; color: #2476c9; } #breadcrumb span { padding: 0 4px; } /* slider */ #slider { margin: 0 26px; position: relative; } #slider h5 { font-size: 30px; line-height: 35px; color: #363636; padding: 0 0 51px 0; font-weight: normal; text-align: center; } #slider ul li { float: left; display: inline; } #slider ul li img { display: block; width: 100%; height: auto; } #slider .slider-navigation { position: absolute; left: 34px; bottom: 37px; z-index: 20; height: 14px; } #slider .slider-navigation a { float: left; display: inline; border: 1px solid #fff; height: 12px; width: 48px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider .slider-navigation a ~ a { position: relative; margin: 0 0 0 -1px; } #slider .slider-navigation a.selected { background: #f8b12d; } #slider-home { width: 100%; position: relative; overflow: hidden; padding: 0; background:url(images/slider-bg.jpg) repeat-x center 0; margin: -195px 0 0 0; } #slider-home ul.slides li { float: left; display: inline; height: 570px; position: relative; width: 100%; margin-bottom: 42px; overflow: hidden; } #slider-home ul.slides li.with-bottom-space { padding: 0 0 100px 0; margin-bottom: 0; } #slider-home ul.slides li .shell { padding: 206px 0 0 0; position: relative; z-index: 100; } #slider-home ul.slides li .full-image { position: absolute; left: 0; top: 0 !important; z-index: 10; } #slider-home .wrap { width: 480px; padding: 0 0 0 21px; } #slider-home .wrap h1 { font-size: 40px; line-height: 45px; color: #fff; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 42px 0; text-shadow: 1px 1px 2px #1f5aac; } #slider-home .wrap h1 span{ font-size: 30px; } /*#slider-home .wrap img { position: absolute; right: 0; top: 143px; }*/ #slider-home a.slide-video-link{ color: #fff; text-decoration: none; font-size: 25px; text-transform: uppercase; font-weight: 600; } #slider-home a.slide-video-link img { margin-right: 15px; } #slider-home a.slide-video-link:hover{ color: #ccc; } #slider-home a.slide-video-link:hover img{ opacity: 0.75; } #slider-home .wrap.large { width: 740px; } #slider-home .holder { position: absolute; left: 0; bottom: 91px; width: 100%; height: 14px; z-index: 500; } #slider-home .slider-navigation { margin: 0 0 0 26px; } #slider-home .slider-navigation a { float: left; display: inline; border: 1px solid #fff; height: 12px; width: 48px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider-home .slider-navigation a { background: url(images/slider-home-navigation.png) repeat 0 0; } #slider-home .slider-navigation a ~ a { position: relative; margin: 0 0 0 -1px; } #slider-home .slider-navigation a.selected { background: #f8b12d; } #slider-home .caroufredsel_wrapper { background:url(images/slider-bg.png) no-repeat center 0; } /* END slider */ /* navigation */ .navigation-top {} .navigation-top ul li { float: left; display: inline; position: relative; padding: 0 0 0 11px; } .navigation-top ul li a { display: block; text-transform: uppercase; padding: 0 0 0 20px; font-size: 10px; line-height: 24px; color: #add5f7; } .navigation-top ul li a img { position: absolute; left: 11px; top: 2px; } .navigation-top ul li.current-menu-item a {text-decoration: underline;} #navigation ul li { float: left; display: inline; padding: 0 12px; } #navigation ul li a { display: block; text-transform: uppercase; font-size: 12px; line-height: 28px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #fff; } #navigation ul li a:hover, #navigation ul li.current-menu-item a { text-decoration: none; color: #000; } #navigation ul li a img {margin-bottom:-5px; padding-right:5px} #navigation ul li {position:relative} #navigation ul li ul {display:none; position:absolute; z-index:20} #navigation ul li:hover ul {display:block} #navigation ul li ul li {white-space: nowrap; padding-left:0} .navigation-inline { width: auto; background: #d9ebf8; position: relative; } .navigation-inline ul li { list-style: none; float: left; display: inline; } .navigation-inline ul li a { display: block; padding: 10px 32px; text-align: center; font-size: 16px; line-height: 21px; color: #1983ce; } .navigation-inline ul li a img { display: block; margin: 0 auto; } .navigation-inline ul li a img.hover { display: none; } .navigation-inline ul li a:hover, .navigation-inline ul li.current-menu-item a { text-decoration: none; background: #afcceb; color: #fff; } .navigation-inline ul li a:hover img, .navigation-inline ul li.current-menu-item a img { display: none; } .navigation-inline ul li a:hover img.hover, .navigation-inline ul li.current-menu-item a img.hover { display: block; } .navigation-blog { display: none; } .navigation-blog ul { float: right; display: inline; } .navigation-blog ul li { list-style: none; float: left; display: inline; font-size: 12px; line-height: 18px; text-transform: uppercase; padding: 0 0 0 25px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .navigation-blog ul li a { color: #fff; } /* END navigation */ /* buttons */ .btn { display: inline-block; border: 1px solid #f3a62d; border-radius: 3px; color: #fff; text-shadow: 1px 1px 2px #b56c1b; box-shadow: 0 0 4px #5a5a5a; text-align: center; } .btn { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDhiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(249,189,48); background: -moz-linear-gradient(top, rgba(249,189,48,1) 0%, rgba(244,139,35,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,189,48,1)), color-stop(100%,rgba(244,139,35,1))); background: -webkit-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -o-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -ms-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: linear-gradient(to bottom, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); } .btn span { display: inline-block; border-top: 1px solid #fbcd3b; font-size: 11px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 12px 1px 12px; } .btn { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .btn:hover { text-decoration: none; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } .btn-normal { border-radius: 5px; } .btn-normal span { font-size: 14px; line-height: 30px; min-width: 120px; border-radius: 5px; } .btn-large { box-shadow: 0px 2px 2px #6e6d6c; border-radius: 4px; text-transform: none; min-width: 136px; } .btn-large span { font-size: 16px; line-height: 36px; } .btn-extra-large { box-shadow: 0px 0px 0px 3px #1983ce; border-radius: 4px; text-transform: none; min-width: 190px; } .btn-extra-large span { font-size: 24px; line-height: 52px; border-radius: 4px; } .btn-white { color: #2476c9; border: 1px solid #a2c3e2; background: #f7fafd; box-shadow: none; text-shadow: none; } .btn-white span { border: 0; font-size: 12px; line-height: 32px; padding: 0 24px; min-width: 55px; } .btn-blue { color: #fff; border: 1px solid #1e81d3; box-shadow: none; text-shadow: none; } .btn-blue { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxY2NmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDlmZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(113,204,251); background: -moz-linear-gradient(top, rgba(113,204,251,1) 0%, rgba(77,159,247,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,204,251,1)), color-stop(100%,rgba(77,159,247,1))); background: -webkit-linear-gradient(top, rgba(113,204,251,1) 0%,rgba(77,159,247,1) 100%); background: -o-linear-gradient(top, rgba(113,204,251,1) 0%,rgba(77,159,247,1) 100%); background: -ms-linear-gradient(top, rgba(113,204,251,1) 0%,rgba(77,159,247,1) 100%); background: linear-gradient(to bottom, rgba(113,204,251,1) 0%,rgba(77,159,247,1) 100%); } .btn-blue span { border-top: 1px solid #8fd9fc; } .btn-green { color: #fff; border: 1px solid #50b846; box-shadow: none; text-shadow: none; } .btn-green { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyYTUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZThlMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(66,165,58); background: -moz-linear-gradient(top, rgba(66,165,58,1) 0%, rgba(46,142,40,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,165,58,1)), color-stop(100%,rgba(46,142,40,1))); background: -webkit-linear-gradient(top, rgba(66,165,58,1) 0%,rgba(46,142,40,1) 100%); background: -o-linear-gradient(top, rgba(66,165,58,1) 0%,rgba(46,142,40,1) 100%); background: -ms-linear-gradient(top, rgba(66,165,58,1) 0%,rgba(46,142,40,1) 100%); background: linear-gradient(to bottom, rgba(66,165,58,1) 0%,rgba(46,142,40,1) 100%); } .btn-green span { border-top: 1px solid #50b846; } .btn-full { display: block; } .btn-uppercase { text-transform: uppercase; } .btn-max-border-radius, .btn-max-border-radius span { border-radius: 30px; } .btn-with-separate > span { background: url(images/button-separate-orange.png) repeat-y center 0; } .btn-full-border-radius span, .btn-full-border-radius { border-radius: 100px; } .btn-play { display: inline-block; position:absolute; bottom:5%; left: 45%; width: 100px; height: 100px; background: url(images/sprite.png) no-repeat -213px -97px; font-size: 0; line-height: 0; text-indent: -4000px; } .btn-play.btn-play-home{ background: url('images/btn-play-dark.png') no-repeat; display: none; } @media only screen and (max-device-width: 480px) { .btn-play { display: inline-block; position:absolute; bottom:-17%; left: 35%; width: 100px; height: 100px; background: url(images/sprite.png) no-repeat -213px -97px; font-size: 0; line-height: 0; text-indent: -4000px; } } /* END buttons */ .entry { padding: 0 26px; } .entry h1 { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #000; font-size: 37px; line-height: 38px; padding: 0 0 10px 0; } .entry h2 { color: #2e3033; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 10px 0 0; margin: 0 0 8px 0; } .entry h2 span { background: #fff; padding: 0 12px; } .entry h3 { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 20px 0; } .entry h3 span { font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; color: #29272e; } .entry h4 { color: #363a40; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .entry h5 { color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 46px 0; } .entry h6 { color: #000; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .entry p { font-size: 15px; line-height: 21px; padding: 0 0 15px 0; } .entry p a { text-decoration: underline; } .entry p a:hover { text-decoration: none; } .entry blockquote { color: #5a5a5a; font-size: 15px; line-height: 24px; } .entry .alignnone { padding: 0 0 13px 0; } .entry .alignright { padding: 0 0 30px 20px; } .entry .alignleft { padding: 0 20px 30px 0; } .entry img { height:auto} .entry h4.heading-dotted { margin-left: 0; } .entry .item { margin: 0 19px 50px 19px; } .entry .col-two { width: 500px; } .entry .four-boxes { margin: 0 -26px; padding: 26px 0 0 0; } .entry ul, .entry ol {padding-bottom:20px; font-size: 14px; line-height: 21px; } .entry ul, .entry ol {padding-left:20px} .entry ul ul, .entry ol ul, .entry ol ol, .entry ul ol {padding-bottom:0} .large-text-style .entry ol, .large-text-style .entry ul {font-family: 'montserratregular', arial, sans-serif; font-size: 13px; line-height: 20px;} ul.gform_fields {padding-left:0} .border-line { width: 100%; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; border-bottom: 1px solid #e0e0e0; padding-top: 20px; margin-bottom: 30px; } /* spacing and text styles */ .style-text-two #breadcrumb { padding: 0 26px 22px; } .style-text-two .entry h1 { font-size: 37px; line-height: 40px; padding: 0 0 6px 0; } .style-text-two .entry h6 { font-size: 16px; line-height: 20px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; padding: 0 0 6px 0; } .style-text-two .entry .col-two h6 { font-size: 15px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } /* spacing and text styles */ div.tick-large ul, ul.tick-large { padding: 0 0 24px 0; } div.tick-large ul li, ul.tick-large li { padding: 0 0 20px 40px; font-size: 15px; color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 24px; list-style: none; } div.tick-large ul li, ul.tick-large li { background: url(images/tick-large.png) no-repeat 0 0; } div.tick-large-blue ul, ul.tick-large-blue { padding: 0 0 24px 0; } div.tick-large-blue ul li, ul.tick-large-blue li { padding: 0 0 20px 40px; font-size: 15px; color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 24px; list-style: none; } div.tick-large-blue ul li, ul.tick-large-blue li { background: url(images/tick-large-blue.png) no-repeat 0 0; } .heading-view { text-align: center; width: 100%; padding: 0 0 51px 0; } .heading-view h2 { background: url(images/border-line-x.png) repeat-x 0 26px; } h4.heading-dotted { display: inline-block; padding: 0 12px 0 0; color: #4188d0; margin: 0 0 40px 26px; } h4.heading-dotted span { display: inline-block; } .large-text-style { color: #29272e; } .large-text-style .entry p { font-family: 'montserratregular', arial, sans-serif; font-size: 13px; line-height: 20px; padding: 0 0 18px 0; } .large-text-style .entry h1 { padding: 0 0 0px 0; color: #267dd0; } .large-text-style .entry h2 { padding: 0 0 15px 0; color: #267dd0; } .large-text-style .entry h3 { padding: 10px 0 24px 0; color: #267dd0; } .contact { width: 240px; padding: 20px 40px; } .contact h4 { font-size: 18px; line-height: 24px; color: #267dd0; padding: 0 0 30px 0; } .contact h5 { font-size: 16px; line-height: 24px; color: #3d3d3d; padding: 0 0 30px 0; } .contact p { font-size: 16px; line-height: 24px; color: #3d3d3d; } .contact p a { text-decoration: underline; color: #3d3d3d; } .contact p a:hover { text-decoration: none; } /* widgets */ .sidebar-style-two .widget { padding: 0 0 40px 0; } .widget .box { background: #ecf0f3; padding: 13px 16px 13px 70px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; position: relative; } .widget .box img { position: absolute; left: 12px; top: 15px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .widget .box h3 { font-size: 15px; line-height: 24px; color: #29272e; } .widget .box p { font-size: 14px; line-height: 21px; } .widget .image { text-align: center; padding: 0 0 120px 0; } .widget .entry h2 { padding-bottom: 20px; } .widget { list-style: none; width: 100%; padding: 0 0 14px 0; } .widget h4.widgettitle { font-size: 21px; line-height: 24px; color: #000; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 10px 0; border-bottom: 1px solid #2261b8; margin: 0 0 12px 0; } .widget .clients { border-top: 1px solid #d4d4d4; padding-top: 30px; text-align: center; } .widget .clients a { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .widget .clients a:hover { text-decoration: none; opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } .widget .ad { display: block; width: 100%; margin: 0 0 30px 0; } .widget .ad img { display: block; width: 100%; height: auto; } .widget_text ul { padding: 0 0 0 23px; } .widget_text ul li { list-style: none; padding: 0 0 0 24px; background: url(images/tick.png) no-repeat 0 4px; font-size: 14px; line-height: 21px; color: #434343; } .widget_text h3 { padding: 4px 0 10px 45px; position: relative; font-size: 15px; line-height: 20px; color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .widget_text h3 img { position: absolute; left: -5px; top: -1px; } .widget_text h4 { font-size: 18px; line-height: 24px; color: #000; } .widget_text .image { text-align: center; margin: 0 0 30px 0; background: url(images/image-shadow.png) no-repeat center bottom; padding: 0; } .widget_text .image img { border: 1px solid #cfcfcf; } .widget_text ul.list-smile, .widget_text ul.list-question { padding-left: 0; } .widget_text ul.tick-large li { padding: 0 0 20px 40px; font-size: 15px; color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; font-size: 15px; line-height: 24px; list-style: none; } .widget_text ul.tick-large li { background: url(images/tick-large.png) no-repeat 0 0; } .widget_text ul.with-list-image { padding-left: 0; } .widget_text ul.with-list-image li { background: none; padding: 0 0 20px 40px; position: relative; } .widget_text ul.with-list-image h6 { color: #29272e; font-size: 15px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .widget_text ul.with-list-image h5 { font-size: 16px; line-height: 21px; color: #267dd0; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .widget_text ul.with-list-image p { font-size: 16px; line-height: 21px; padding: 12px 0 12px 0; } .widget_text ul.with-list-image img { position: absolute; left: 0; top: 0; } .widget_text ul.tick-large { padding-left: 0; } .gform_widget { padding: 0 0 40px 40px; } .gform_widget h4.widgettitle {display:none} .gform_widget form { width: 100%; position: relative; overflow: hidden; } .gform_widget ul li { width: 100%; list-style: none; position: relative; } .gform_widget ul li.label-in-field label { position: absolute; left: 12px; top: 8px; } .gform_widget label { font-size: 15px; color: #000; } .gform_widget .ginput_container { padding: 0 10px; border: 1px solid #b3b8be; border-radius: 4px; background: #fff; } .gform_widget .ginput_container input { background: none; border: 0; font-size: 15px; color: #000; width: 100%; padding: 8px 0; } .gform_widget .gform_body { float: left; display: inline; width: 190px; padding: 0 12px 0 0; } .gform_widget .gform_footer { float: left; display: inline; width: 73px; height: 33px; border: 1px solid #1e81d3; border-radius: 3px; box-shadow: 0 1px 1px #5371a5; } .gform_widget .gform_footer { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmZDlmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(143,217,252); background: -moz-linear-gradient(top, rgba(143,217,252,1) 0%, rgba(81,163,247,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,217,252,1)), color-stop(100%,rgba(81,163,247,1))); background: -webkit-linear-gradient(top, rgba(143,217,252,1) 0%,rgba(81,163,247,1) 100%); background: -o-linear-gradient(top, rgba(143,217,252,1) 0%,rgba(81,163,247,1) 100%); background: -ms-linear-gradient(top, rgba(143,217,252,1) 0%,rgba(81,163,247,1) 100%); background: linear-gradient(to bottom, rgba(143,217,252,1) 0%,rgba(81,163,247,1) 100%); } .gform_widget .gform_footer input { width: 73px; height: 33px; background: none; border: 0; color: #fff; text-transform: uppercase; font-size: 14px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .gform_widget .gform_footer input { cursor: pointer; } .gform_widget .gform_footer { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .gform_widget .gform_footer:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } #gform_widget-4{ display: none; } .widgets .gform_widget ul li.label-in-field label { top: 4px; } .widgets > ul > li { list-style: none; float: left; display: inline; width: 180px; } .widgets > ul > li li:hover { background: none; } .widgets > ul > li li { list-style: none; padding: 0 0 4px 0; } .widgets ul li a { font-size: 12px; line-height: 14px; padding: 3px 0; color: #797c80; } .widgets h6.widgettitle { font-size: 13px; line-height: 24px; color: #fff; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; padding: 0 0 5=3px 0; } .widgets .gform_widget { float: right; display: inline; width: 331px; padding: 24px 0 0 0; } .widgets .gform_widget h3.gform_title { color: #fff; font-size: 13px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 4px 0; } .widgets .gform_widget .gform_body { width: 237px; padding: 0; } .widgets .gform_widget .ginput_container input { padding: 4px 0; } .widgets .gform_widget ul li label.gfield_label{color:#fff;} .widgets .gform_widget ul li label.gfield_label span{color: red;} .widgets .gform_widget .gform_footer { width: 80px; height: 27px; border: 1px solid #f3a62d; box-shadow: none; float: right; margin-top: 17px; } .widgets .gform_widget .gform_footer { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiY2QzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTg2MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(251,205,59); background: -moz-linear-gradient(top, rgba(251,205,59,1) 0%, rgba(245,134,34,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,205,59,1)), color-stop(100%,rgba(245,134,34,1))); background: -webkit-linear-gradient(top, rgba(251,205,59,1) 0%,rgba(245,134,34,1) 100%); background: -o-linear-gradient(top, rgba(251,205,59,1) 0%,rgba(245,134,34,1) 100%); background: -ms-linear-gradient(top, rgba(251,205,59,1) 0%,rgba(245,134,34,1) 100%); background: linear-gradient(to bottom, rgba(251,205,59,1) 0%,rgba(245,134,34,1) 100%); } .widgets .gform_widget .gform_footer input { width: 80px; height: 27px; text-shadow: 1px 1px 1px #c5701c; text-transform: none; font-size: 12px; } .widgets > ul > li ~ li ~ li { width: 148px; } .widgets > ul > li ~ li ~ li ~ li { width: 108px; } .widget_nav_menu ul li { list-style: none; padding: 5px 24px 5px 24px; } .widget_nav_menu ul li a { font-size: 16px; line-height: 18px; } .widget_nav_menu ul li:hover, .widget_nav_menu ul li.current-menu-item { background: url(images/widget-navigation-active.png) no-repeat 0 5px; } .widget_nav_menu ul li.current-menu-item a { color: #5a5a5a; } .widget_nav_menu ul li a:hover { text-decoration: none; color: #5a5a5a; } #footer .widget_nav_menu ul li.current-menu-item {background: none} .widget_categories ul li { list-style: none; padding: 5px 0; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .widget_categories ul li a { font-size: 14px; line-height: 18px; } .widget_categories ul li a:hover, .widget_categories ul li.current-menu-item a { text-decoration: none; color: #000; } .widget_categories ul li a span { color: #666b73; font-family: 'proxima_nova_alt_rgregular', arial, sans-serif; font-weight: normal; } .widget_categories ul ul { padding: 0 0 0 33px; } .widget_contributors > ul { float: left; display: inline; width: 47%; } .widget_contributors > ul ~ ul { float: right; } .widget_contributors ul li { list-style: none; border-bottom: 1px solid #e5e5e5; padding: 12px 0 6px 0; } .widget_contributors ul li a { font-size: 14px; line-height: 18px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .widget_contributors ul li a:hover, .widget_contributors ul li.current-menu-item a { text-decoration: none; color: #000; } .custom-value-widget h4 { border-bottom: 1px solid #2261b8; font-size: 21px; line-height: 24px; color: #000; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 80px 8px 0; } .custom-value-widget h4 { position: relative; } .custom-value-widget h4 strong { font-size: 13px; line-height: 24px; color: #a1a1a1; text-transform: uppercase; font-weight: normal; display: block; } .custom-value-widget h4 a { position: absolute; right: 0; bottom: 12px; color: #267dd0; font-size: 12px; line-height: 14px; font-family: 'proxima_nova_alt_rgregular', arial, sans-serif; font-weight: normal; } .custom-value-widget ul { padding-left: 0; padding-bottom: 18px; } .custom-value-widget ul li { list-style: none; padding: 5px 0 5px 36px; background: url(images/widget-navigation-active.png) no-repeat 5px 7px; } .custom-value-widget ul li a { font-size: 16px; line-height: 18px; color: #434343; } .custom-value-widget ul li a:hover, .custom-value-widget ul li.current-menu-item a { text-decoration: none; color: #267dd0; } .gray-box { padding: 7px 10px 7px 18px; background: #ecf0f3; color: #000; margin: 0 0 20px 0; } .gray-box p { position: relative; padding: 0 70px 0 0; font-size: 14px; line-height: 21px; } .gray-box p span { width: 70px; position: absolute; right: 0; top: 0; } .gray-box h5 { position: relative; padding: 0 70px 0 0; font-size: 19px; line-height: 21px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .gray-box h5 span { width: 70px; position: absolute; right: 0; top: 0; } .widget_search { border: 1px solid #2265bb; border-radius: 6px; background: #fff; position: relative; padding: 0 65px 2px 15px !important; width: auto; margin-bottom: 50px; } .widget_search input[type=text] { background: none; border: 0; width: 100%; font-size: 20px; color: #ccc; padding: 8px 0; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .widget_search label { position: absolute; left: 16px; top: 10px; font-size: 20px; line-height: 20px; color: #ccc; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; cursor: text; } .widget_search input.searchsubmit { position: absolute; right: -1px; top: -1px; background: url(images/sprite.png) no-repeat -144px -163px; font-size: 0; line-height: 0; text-indent: -4000px; width: 54px; height: 42px; } .widget_search input.searchsubmit { border: 0; cursor: pointer; } .widget_search input.searchsubmit { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .widget_search input.searchsubmit:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } @-moz-document url-prefix() { .widget_search { padding: 0 65px 0 15px !important;} } /* END widgets */ /* forms */ .form-default { width: 100%; padding: 0 0 20px 0; } .form-default .gform_heading { padding: 19px 26px 6px 26px; background: #ecf0f3; border-radius: 4px 4px 0 0; } .form-default .gform_heading h3.gform_title { font-size: 19px; line-height: 24px; color: #29272e; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .form-default .gform_heading span.gform_description { font-size: 10px; line-height: 24px; color: #29272e; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; font-style: italic; } .form-default .gform_body { padding: 19px 26px; background: #ecf0f3; border-radius: 0 0 4px 4px; margin: 0 0 19px 0; } .form-default label { float: left; display: inline; font-size: 15px; line-height: 40px; color: #434343; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .form-default li.gfield { width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #d7dadd; list-style: none; clear: both; } .form-default li.block-label label { float: none; display: block; } .form-default li.block-label .ginput_container { float: none; display: block; } .form-default li.block-label .sbHolder {width: 100%; } .form-default li.no-label > label { display: none; } .form-default li.border-top { border-top: 1px solid #d7dadd; padding-top: 10px; } .form-default .ginput_container { float: right; display: inline; width: 529px; } .form-default .ginput_container input { border: 1px solid #afb4bb; background: #fff; border-radius: 3px; font-size: 15px; color: #000; width: 98%; padding: 10px 1%; position: relative; margin: 0 0 0 -1px; } .form-default .ginput_container input:focus { border-color: #2475cb; } .form-default .gform_footer { width: 100%; position: relative; clear: both; } .form-default .button-holder { display: block; border: 1px solid #f5af31; border-radius: 3px; box-shadow: 0 0 4px #5a5a5a; width: 138px; height: 39px; } .form-default .button-holder { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDhiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(249,189,48); background: -moz-linear-gradient(top, rgba(249,189,48,1) 0%, rgba(244,139,35,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,189,48,1)), color-stop(100%,rgba(244,139,35,1))); background: -webkit-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -o-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -ms-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: linear-gradient(to bottom, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); } .form-default .button-holder input { display: block; border: 0; background: none; border-top: 1px solid #fbcd3b; font-size: 16px; color: #fff; text-shadow: 1px 1px 2px #b56c1b; } .form-default .button-holder input { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; width: 138px; height: 39px; cursor: pointer; padding: 0 0 3px 0; } .form-default .button-holder { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .form-default .button-holder:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } .form-default li.gfield-section { padding: 20px 0 0 0; border: 0; border-top: 25px solid #fff; position: relative; margin: 30px -26px 0; width: auto; } .form-default li.gfield-section h2 { padding: 0 26px 26px; font-size: 19px; line-height: 24px; background: #ecf0f3; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #29272e; } .form-default .gfield-radio { padding-bottom: 0 !important; } .form-default .gfield-radio > label { float: none; display: block; width: 100%; font-size: 19px; line-height: 24px; color: #29272e; padding: 0 0 12px 0; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .form-default .gfield-radio > .ginput_container { float: none; display: block; width: 100%; } .form-default .gfield_radio label { line-height: 22px; } .form-default .gfield_radio li { list-style: none; width: 100%; position: relative; overflow: hidden; } .form-default .gfield_radio li ~ li { border-top: 1px solid #d7dadd; } .form-default .gfield_radio .price { position: absolute; right: 22px; top: 11px; width: 120px; font-size: 35px; line-height: 36px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #000; } .form-default .gfield_radio .price { text-align: right; } .form-default .gfield_radio .price small { font-size: 18px; line-height: 18px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; position: relative; top: -7px; } .form-default .gfield_radio .price span { font-size: 12px; line-height: 14px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; position: relative; top: -9px; text-transform: uppercase; } .form-default .col-three { float: left; display: inline; border: 0 !important; clear: none !important; margin-bottom: 0 !important; width: 287px !important; } .form-default li.col-three.no-label { width: 112px !important; } .form-default .col-three .ginput_container { width: auto; } .form-default .col-three .sbHolder { width: 110px; } .form-default .col-three > label { width: 175px; } .form-default .col-three ~ .col-three { padding-left: 12px; } .form-default .gfield-product { padding-bottom: 0 !important; } .form-default .gfield-product > label { float: none; display: block; width: 100%; font-size: 19px; line-height: 24px; color: #29272e; padding: 0 0 12px 0; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .form-default .gfield-product > .ginput_container { float: none; display: block; width: 100%; } .form-default .gfield-product label { line-height: 22px; } .form-default .gfield-product li { list-style: none; width: 100%; position: relative; overflow: hidden; } .form-default .gfield-product li ~ li { border-top: 1px solid #d7dadd; } .form-default .gfield-product .price { position: absolute; right: 22px; top: 11px; width: 120px; font-size: 35px; line-height: 36px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; color: #000; } .form-default .gfield-product .price { text-align: right; } .form-default .gfield-product .price small { font-size: 18px; line-height: 18px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; position: relative; top: -7px; } .form-default .gfield-product .price span { font-size: 12px; line-height: 14px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; position: relative; top: -9px; text-transform: uppercase; } .gfield-creditcard .ginput_full > label { float: none; display: block; width: 100%; padding: 0 0 10px 0; } .ginput_cardextras { width: 100%; position: relative; overflow: hidden; } .ginput_cardinfo_left { float: left; display: inline; width: 48%; } .ginput_cardinfo_left .sbHolder { width: 48%; float: left; display: inline; } .ginput_cardinfo_left .sbHolder ~ .sbHolder { float: right; display: inline; } .ginput_cardinfo_right { float: right; display: inline; width: 48%; } .gfield_creditcard_warning_message { padding: 0 0 20px 0; } .gfield-address { width: 100%; } .gfield-address .ginput_full > label { float: none; display: block; width: 100%; padding: 0 0 10px 0; } .gfield-address .ginput_left { float: left; display: inline; width: 48%; } .gfield-address .ginput_right { float: right; display: inline; width: 48%; } .validation_message { display: block; width: 100%; position: relative; overflow: hidden; clear: both; color: #ff0000; padding: 10px 0; } .gf_clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } /* credit card icons ------------------------------------------------------*/ .gform_wrapper .gform_card_icon_container { margin: 8px 0 6px 0; height: 32px; } .gform_wrapper div.gform_card_icon { margin-right: 4px; text-indent: -9000px; background-image: url(images/gf-creditcard-icons.png); background-repeat: no-repeat; width: 36px; height: 32px; float: left; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa { background-position: 0 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -32px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -64px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px 0; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -32px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -64px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex { background-position: -72px 0;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -32px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -64px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover { background-position: -108px 0;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -32px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -64px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px 0;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -32px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -64px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px 0;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -32px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -64px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa { background-position: 0 -192px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa { background-position: 0 -224px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa { background-position: 0 -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard { background-position: -36px -192px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard { background-position: -36px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard { background-position: -36px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex { background-position: -72px -192px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex { background-position: -72px -224px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex { background-position: -72px -256px;} .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover { background-position: -108px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover { background-position: -108px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover { background-position: -108px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro { background-position: -144px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro { background-position: -144px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro { background-position: -144px -256px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb { background-position: -180px -192px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb { background-position: -180px -224px; } .gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb { background-position: -180px -256px; } /* credit card fields ------------------------------------------------------*/ .form-download .gform_heading h3.gform_title { display: none; } .form-download .button-holder { float: right; display: inline; } .form-green-style .ginput_container input:focus { border-color: #bedc8a; } .form-green-style .gform_body, .form-green-style .gform_heading, .form-green-style li.gfield-section h2 { background: #edf5de; } .form-green-style .sbHolder.open, .form-green-style .sbHolder.open ul { border-color: #bedc8a; } .form-green-style .button-holder { float: right; display: inline; } .gform_confirmation_wrapper { background: #edf5de url(images/tick-extra-large.png) no-repeat 31px 30px; padding: 24px 24px 34px 90px; border-radius: 4px; width: auto; } .gform_confirmation_wrapper p { font-size: 18px; line-height: 22px; color: #434343; padding: 0 0 7px 0; } .gform_confirmation_wrapper p ~ p { padding: 0 0 28px 0; } .gform_confirmation_wrapper p strong { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; font-size: 19px; line-height: 24px; color: #29272e; } .form-billing .gform_heading { display: none; } .form-get-started { width: 100%; padding: 0; } .form-get-started .form-body { padding: 20px; background: #dfe5ea; border-radius: 3px; margin-bottom: 20px; } .form-get-started .sbHolder { border-color: #2265bb; border-radius: 6px; width: auto; } .form-get-started .sbHolder .sbSelector { font-size: 20px; line-height: 48px; height: 48px; color: #2265ba; padding: 0 50px 0 18px; } .form-get-started .sbHolder .sbToggle { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 13px solid #2265bb; top: 18px; } .form-get-started .sbHolder ul { padding: 0; } .form-get-started .button-holder { display: block; border: 1px solid #f5af31; border-radius: 3px; box-shadow: 0 0 4px #5a5a5a; width: 138px; height: 39px; float: right; display: inline; } .form-get-started .button-holder { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YmQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDhiMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: rgb(249,189,48); background: -moz-linear-gradient(top, rgba(249,189,48,1) 0%, rgba(244,139,35,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,189,48,1)), color-stop(100%,rgba(244,139,35,1))); background: -webkit-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -o-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: -ms-linear-gradient(top, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); background: linear-gradient(to bottom, rgba(249,189,48,1) 0%,rgba(244,139,35,1) 100%); } .form-get-started .button-holder input { display: block; border: 0; background: none; border-top: 1px solid #fbcd3b; font-size: 16px; color: #fff; text-shadow: 1px 1px 2px #b56c1b; } .form-get-started .button-holder input { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; width: 138px; height: 39px; cursor: pointer; padding: 0 0 3px 0; } .form-get-started .button-holder { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } .form-get-started .button-holder:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } .form-get-started .sbOptions > li:first-child {display:none} /* END forms */ /* popups */ .popups { display: none; } .pop-up-view { width: 746px; } .pop-up-view h1 { color: #fff; padding: 0 40px 12px 0; } .pop-up-view h4 { padding: 0 0 12px 0; } .pop-up-view .holder { padding: 30px; background: #fff; border-radius: 6px; box-shadow: 6px 6px 12px #0000; } /* END popups */ .steps { width: 100%; position: relative; overflow: hidden; margin: -93px 0 0 0; padding: 0 0 40px 0; } .steps ul { float: right; display: inline; } .steps ul li { float: left; display: inline; border-bottom: 7px solid #194d91; font-size: 12px; line-height: 24px; text-transform: uppercase; color: #fff; width: 135px; } .steps ul li.active { border-bottom-color: #f8b12d; } .steps ul li ~ li { border-left: 1px solid #5f9ddb; padding-left: 15px; width: 120px; } .steps ul li strong { font-size: 15px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; display: block; } /* sicial icons */ .social { width: 100%; position: relative; overflow: hidden; } .social a { float: left; display: inline; background: url(images/sprite.png) no-repeat 0 0; width: 23px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 1px; } .social a.twitter { background-position: -4px -4px; } .social a.twitter:hover { background-position: -4px -26px; } .social a.facebook { background-position: -30px -4px; } .social a.facebook:hover { background-position: -30px -26px; } .social a.linked-in { background-position: -56px -4px; } .social a.linked-in:hover { background-position: -56px -26px; } .social a.pinterest { background-position: -82px -4px; } .social a.pinterest:hover { background-position: -82px -26px; } .social a.instagram { background-position: -107px -4px; width: 22px; height: 22px; } .social a.instagram:hover { background-position: -107px -26px; } .social-gray a { float: left; display: inline; background: url(images/sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; width: 29px; height: 29px; } .social-gray a.twitter { background-position: -243px 0; } .social-gray a.twitter:hover { background-position: -243px -30px; } .social-gray a.linked-in { background-position: -281px 0; } .social-gray a.linked-in:hover { background-position: -281px -30px; } /* END sicial icons */ .items { position: relative; overflow: hidden; margin: 0 -25px; } .items > h3 { font-size: 24px; line-height: 26px; padding: 0 0 20px 0; color: #2e3033; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .items > h4 { text-align: center; padding: 0 0 57px 0; font-family: 'montserratregular', arial, sans-serif; font-weight: normal; } .items .last { clear: both; } .items.resources-categories .item h4 a {color: #363a40;} .items-style-two { background: #f6f8f9; margin-bottom: 30px; margin-top: 20px; } .items-style-two .last-item { background: none !important; } .items-style-two .item-product { background: url(images/items-style-two-border-line.png) repeat-y right 0; padding: 20px 41px; min-height: 660px; margin: 0; } .item { float: left; display: inline; width: 280px; padding: 0 0 0 80px; margin: 50px 19px 50px 19px; position: relative; } .shell .items .item img { position: absolute; left: 0; top: 0; } .shell2 .items .item{ float: left; display: inline; width: 100%; position: relative; max-width: 280px; padding: 0px; } .shell2 .items .item img { float: left; margin-bottom: 150px; margin-right: 15px; position: static; } .item h4 { padding: 10px 0 10px 0; color: #363a40; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .item p { padding: 0; font-size: 14px; line-height: 21px; } .item p strong, .item p a { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .item i.number { position: absolute; text-align: center; font-family: 'hand_of_seanregular', Arial, sans-serif; font-weight: normal; color: #246dc7; font-size: 15px; width: 36px; height: 36px; line-height: 36px; } .item i.number { background: url(images/sprite.png) no-repeat -1px -108px; left: 31px; top: 0; } .item .btn { margin-top: 15px; } .item-with-number { float: left; display: inline; width: 280px; padding: 0 0 0 80px; margin: 0 25px 50px 25px; position: relative; } .item-with-number p { padding: 0; font-size: 14px; line-height: 21px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .item-with-number i.number { position: absolute; text-align: center; font-family: 'hand_of_seanregular', Arial, sans-serif; font-weight: normal; color: #246dc7; font-size: 15px; width: 36px; height: 36px; line-height: 36px; } .item-with-number i.number { background: url(images/sprite.png) no-repeat -1px -108px; left: 31px; top: 0; } .item-person { margin: 0 25px 50px 25px; float: left; display: inline; width: 350px; } .item-person img {display: block; width: 100%; height: auto; padding: 0 0 17px 0; } .item-person h4 a { color: #363a40; } .item-person p { font-size: 14px; line-height: 21px; padding: 0 0 10px 0; } .item-person p a { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .item-event { float: left; display: inline; width: 546px; margin: 0 25px 28px 25px; padding: 0 0 40px 0; min-height: 90px; border-bottom: 1px solid #d9ebf8; } .item-event img { float: left; display: inline; } .item-event .text { padding: 0 0 0 203px; } .item-event p { font-size: 14px; line-height: 21px; padding: 0; } .item-event p a { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .item-testimonial { float: left; display: inline; width: 540px; padding: 0 0 40px 0; margin: 0 25px; } .item-testimonial h6 { font-size: 18px; line-height: 34px; padding: 0; } .item-testimonial h6 ~ h6 { font-size: 17px; line-height: 24px; padding: 20px 0 0 0; } .item-testimonial blockquote { } .item-video { width: 100%; position: relative; overflow: hidden; } .item-video .text { padding: 50px 0 0 0; } .item-video .text h2 { color: #000; padding: 0 0 24px 0; font-size: 14px; line-height: 21px; font-family: 'proxima_nova_alt_rgregular', Arial, sans-serif; font-weight: normal; } .item-video .text h2 span { background: none; padding: 0; font-size: 24px; line-height: 24px; font-family: 'proxima_nova_alt_rgregular', Arial, sans-serif; font-weight: normal; color: #5a5a5a; } .item-video .text h2 span { position: relative; left: -5px; top: -3px; } .item-video .text h2 span ~ span { position: relative; left: auto; right: -5px; top: 0; } .item-video .text blockquote strong { color: #000; } .item-product { width: 310px; float: left; display: inline; margin: 0 41px 25px 41px; } .item-product h2, .item-product h5, .item-product h4 { color: #363a40; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; margin: 0; } .item-product h4 { text-align: left; } .item-product img { display: block; margin: 0 auto; padding: 40px 0 30px 0; } .item-product .center { text-align: center; } .item-product ul { min-height: 180px; } .item-product .image { text-align: center; background: url(images/image-shadow.png) no-repeat center bottom; margin: 20px 0 42px 0; } .item-product .image img { padding: 0; border: 1px solid #d2d2d2; } .item-product p { font-size: 14px; line-height: 21px; } .item-product p a { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .item-full { width: 100%; position: relative; overflow: hidden; padding: 22px 0; } .item-full img { float: left; display: inline; border-radius: 6px; } .item-full .text { float: left; display: inline; padding: 0 0 0 20px; width: 350px; } .item-full .description { float: right; display: inline; width: 460px; } .item-full h4 { font-size: 20px; line-height: 24px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 5px 0; color: #29272e; } .item-full p { font-size: 14px; line-height: 21px; color: #434343; padding: 0 0 9px 0; } .video { background: url(images/video-shadow.png) no-repeat center bottom; width: 382px; padding: 0 34px 50px 34px; } .video a { display: block; width: 100%; height: auto; position: relative; } .video a img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 0 10px #d4d4d4; } .video a i { position: absolute; left: 50%; top: 50%; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/sprite.png) no-repeat -213px -97px; width: 100px; height: 100px; margin: -50px 0 0 -50px; } .box-info { padding: 26px 125px 26px 87px; } .box-info ~ .box-info { border-top: 1px solid #eff1f4; } .box-info h4 { padding: 0 0 8px 0; } .box-info p { padding: 0; } .box-info .text { width: 735px; } .box-info .btn { margin: 12px 0 0 0; } .four-boxes { position: relative; overflow: hidden; } .box-four { float: left; display: inline; width: 250px; padding: 0 25px 25px 25px; } .box-four h4 { padding: 0 0 24px 0; color: #363a40; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .box-four p { font-size: 14px; line-height: 21px; padding: 0 0 0 0; } .box-four p ~ p { padding: 12px 0 0 0; } .box-four p a { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .box-moddle { width: 100%; position: relative; overflow: hidden; padding: 0 0 40px 0; } .box-moddle img.alignleft { margin-right: 40px; padding: 0; } .box-moddle img.alignright { margin-left: 40px; padding: 0; } .box-moddle p { padding: 0 20px 0 0; font-size: 18px; line-height: 24px; color: #666b73; } .brands { width: 100%; text-align: center; padding: 0 0 40px 0; } .brands a { margin: 0 2px 12px 2px; } .tabs { padding: 0 25px; } .tabs .top { border-bottom: 1px solid #d9d9d9; width: 100%; margin: 0 0 43px 0; } .tabs .top ul li { list-style: none; float: left; display: inline; padding: 0 12px 0 0; } .tabs .top ul li a { display: block; font-size: 14px; line-height: 22px; color: #666b73; padding: 19px 18px 10px 18px; position: relative; background: #fff; } .tabs .top ul li a:hover { text-decoration: none; color: #000; } .tabs .top ul li.current-menu-item a { border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 4px 4px 0 0; color: #000; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; font-weight: normal; } .tabs .top ul li.current-menu-item a { padding: 14px 18px 13px 18px; } .tabs .top ul li.current-menu-item { position: relative; top: 6px; } .tabs .top ul li.current-menu-item a i { display: block; } .tabs .top ul li i { display: none; position: absolute; right: -7px; bottom: 0; width: 0; height: 0; border-left: 0 solid transparent; border-right: 6px solid transparent; border-top: 4px solid #d9d9d9; } .tabs .bottom .holder-view { display: none; } .tabs .bottom .active { display: block; } .tabs .item-event { border-bottom: 0; } .plans { padding: 0 26px; position: relative; margin: -28px 0 0 0; } .plans .top { padding: 56px 0 0 0; position: relative; overflow: hidden; height: 512px; border-bottom: 1px solid #d5d5d5; } .plans .top .holder { border: 1px solid #d5d5d5; background: #f5f5f5; } .plans .bottom { width: 100%; text-align: center; background: #fff; } .plans .bottom a { display: block; width: 100%; color: #fff; font-size: 13px; line-height: 24px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; padding: 14px 0; background: #5c5c5c; } .plans .bottom a span { display: inline-block; padding: 0 20px; position: relative; } .plans .bottom a span i { position: absolute; right: 0; top: 8px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .plans .bottom a span i { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #fff; } .plans .bottom a:hover { text-decoration: none; } .plans.open .top { height: 832px; } .plans.open .bottom a span i { border: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #fff; } .plan { float: left; display: inline; width: 20%; text-align: center; position: relative; } .plan ~ .plan { border-left: 1px solid #d4d4d4; position: relative; margin: 0 -1px 0 0; } .plan > h4 { font-size: 18px; line-height: 24px; color: #000; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding: 25px 0 2px 0; letter-spacing: 7px; } .plan > h3 { font-size: 48px; line-height: 52px; color: #000; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding: 0 0 25px 0; } .plan > h3 small { font-size: 25px; line-height: 26px; position: relative; top: -5px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; } .plan > h3 span { font-size: 17px; line-height: 18px; position: relative; top: -8px; font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; } .plan ul { padding: 2px 0 0 0; background: url(images/plan-list-separate.png) repeat-x 0 0; min-height: 700px; } .plan ul li { list-style: none; width: 100%; position: relative; padding: 10px 0 12px 0; background: url(images/plan-list-separate.png) repeat-x 0 bottom; cursor: pointer; } .plan ul li:hover { position: relative; z-index: 999; } .plan ul li:hover .tooltip { display: block; } .plan ul li > p { font-size: 15px; line-height: 24px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .plan > img { display: block; width: 210px; height: 67px; padding: 0 0 10px 0; margin: 0 auto; } .plan > img.abs-image { position: absolute; left: 50%; top: -30px; width: 71px; height: 72px; margin: 0 0 0 -35px; padding: 0; } .plan-most-popular { background: #2076ca; padding: 20px 0 0 0; border-radius: 6px 6px 0 0; color: #fff; margin: -16px 0 0 -1px !important; } .plan-most-popular > h4 { color: #fff; } .plan-most-popular > h3 { color: #fff; padding-bottom: 21px; } .plan-most-popular ul { background: url(images/plan-list-separate-two.png) repeat-x 0 0; } .plan-most-popular ul li { background: url(images/plan-list-separate-two.png) repeat-x 0 bottom; } .tooltip { background: url(images/tooltip-shadow.png) repeat 0 0; padding: 18px; border-radius: 12px; color: #fff; text-align: left; width: 200px; position: absolute; right: -210px; top: 10px; display: none; } .tooltip h4 { font-size: 15px; line-height: 21px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .tooltip p { padding: 0; font-size: 12px; line-height: 17px; color: #d0d0d0; } .tooltip.left-side { right: auto; left: -210px; } .box-blue { width: 646px; margin: 0 auto 22px; background: #ebf2f9; color: #2266bb; padding: 22px; } .box-blue h4 { font-size: 18px; line-height: 24px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .box-blue p { font-size: 16px; line-height: 24px; } .articles { position: relative; overflow: hidden; margin: 0 -30px; } .article { width: 355px; height: 352px; float: left; display: inline; margin: 0 26px 54px 26px; position: relative; overflow: hidden; } .article > img { display: block; width: 355px; height: 352px; border-radius: 8px; } .article .box-hover { position: absolute; left: 0; background: url(images/blog-opacity.png) repeat 0 0; padding: 17px; border-radius: 0 0 8px 8px; left: 0; bottom: -100%; color: #fff; font-size: 14px; line-height: 21px; } .article .box-hover { font-family: 'proxima_nova_altsemibold', Arial, sans-serif; font-weight: normal; width: 321px; } .article .box-hover p a { color: #2476c9; } .article .box-visible { background: url(images/blog-opacity.png) repeat 0 0; padding: 17px 17px 7px 17px; border-radius: 0 0 8px 8px; position: absolute; left: 0; bottom: 0; color: #fff; width: 321px; } .article .box-visible h4 { font-size: 14px; line-height: 18px; font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; padding: 0 0 12px 0; } .article .box-visible p { font-size: 12px; line-height: 28px; } .article .box-visible p strong { font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .article .box-visible .avatar { width: 180px; position: relative; overflow: hidden; } .article .box-visible .avatar img { float: left; display: inline; border-radius: 100px; border: 3px solid #257ece; } .article .box-visible .avatar p { float: left; display: inline; padding: 15px 0 0 14px; font-size: 14px; line-height: 28px; font-family: 'proxima_nova_altthin', Arial, sans-serif; font-weight: normal; font-style: italic; } .article .box-visible .comments { text-align: center; width: 43px; height: 40px; margin: 12px 0 0 0; } .article .box-visible .comments p { padding: 6px 0 0 0; color: #ccc; font-size: 14px; line-height: 21px; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .article:hover .box-visible { bottom: -100%; } .article:hover .box-hover { bottom: 0; } /* sections */ .section { width: 100%; padding: 0 0 60px 0; } .section .holder { width: 100%; padding: 30px 0; } .section .entry { padding: 0; } .section .items { margin: 0 -25px; } .section-blue .holder { background: #d9ebf8; } .section-blue .items h4 { color: #246dc7; } .section-gray .holder { background: #e9e9e9; } /* END sections */ .pagination { width: 100%; position: relative; overflow: hidden; background: url(images/border-line-x.png) repeat-x 0 center;} .pagination a { padding: 0 14px; position: relative; font-size: 14px; line-height: 21px; color: #2476c9; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; background: #fff; } .pagination a i { width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 5px; } .pagination a.previous { float: left; display: inline; } .pagination a.previous i { left: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #2476c9; } .pagination a.next i { right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #2476c9; } .pagination a.next { float: right; display: inline; text-align: right; } .pagination p { font-size: 14px; line-height: 21px; color: #666b73; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .tags { width: 100%; padding: 12px 0 0 0; } .tags p { font-size: 14px; line-height: 21px; } .tags p a { color: #2476c9; font-family: 'proxima_nova_alt_rgbold', Arial, sans-serif; font-weight: normal; } .center-border-line { width: 100%; background: url(images/border-line-x.png) repeat-x 0 center; text-align: center; } .center-border-line span { padding: 0 16px; background: #fff; } /* accordion */ .qa-faqs h3.qa-faq-title { background: url(images/icon-question.png) no-repeat 0 0; font-size: 16px; line-height: 21px; padding: 4px 0 20px 38px; } .qa-faqs h3.qa-faq-title a:hover { text-decoration: none; color: #000; } .qa-faqs .qa-faq-answer p { font-size: 14px; line-height: 21px; padding: 15px 0 22px 38px; } #qaplus_searchform { display: block; padding: 0 90px 0 20px; position: relative; border: 1px solid #2265bb; border-radius: 6px; margin: 0 0 60px 0; } #qaplus_searchform input.qaplus_search { font-size: 24px; color: #ccc; font-family: 'proxima_nova_altsemibold', Arial, sans-serif; font-weight: normal; background: none; border: 0; width: 100%; padding: 11px 0; height: 28px; } #qaplus_searchform #qaplus_searchsubmit { position: absolute; right: -1px; top: -1px; font-size: 0; line-height: 0; text-indent: -4000px; width: 73px; height: 53px; background: url(images/sprite.png) no-repeat -59px -100px; } #qaplus_searchform #qaplus_searchsubmit { border: 0; cursor: pointer; } #qaplus_searchform #qaplus_searchsubmit { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } #qaplus_searchform #qaplus_searchsubmit:hover { opacity: 0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80); } /* END accordion */ /* custom select */ .sbHolder { border: 1px solid #afb4bb; border-radius: 4px; background: #fff; width: 260px; position: relative; } .sbHolder.open { border-color: #2475cb; z-index: 999; } .sbHolder .sbSelector { display: block; font-size: 15px; line-height: 40px; color: #a0a0a0; padding: 0 40px 0 12px; height: 40px; } .sbHolder ul { position: absolute; left: 0; top: 31px; background: #fff; border: 1px solid #2475cb; border-top: 0; border-radius: 4px; width: 100%; } .sbHolder ul li { list-style: none; } .sbHolder ul li a { display: block; padding: 4px 10px; font-size: 13px; line-height: 14px; color: #a0a0a0; white-space: nowrap; } .sbHolder ul li a:hover { text-decoration: none; background: #ccc; color: #fff; } .sbHolder a:hover { text-decoration: none; } .sbHolder .sbToggle { position: absolute; right: 12px; top: 14px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .sbHolder .sbToggle { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #afb4bb; } /* END custom select */ body.page-with-navigation-inline #header .heading h1 { position: relative; padding-top: 0; } body.page-with-navigation-inline #header .holder-view { margin: 0; padding: 0 0 105px 0; } body.page-with-navigation-inline #main { padding-top: 0; z-index: 1000; position: relative; margin: -107px 0 0 0; } body.page-with-heading-image #sidebar { position: relative; padding: 180px 0 0 0; } body.page-with-heading-image #breadcrumb { padding-top: 0; padding-bottom: 33px; } body.page-with-heading-image #content .entry {} body.page-with-heading-image #content .entry h1 {padding-bottom:25px} body.page-with-heading-image #content .entry h3 {padding-bottom:15px} body.page-steps #header { z-index: 555; } body.page-steps #main { position: relative; z-index: 777; } body.page-steps #main .shell > .entry { padding-top: 12px; padding-bottom: 30px; } body.blog .navigation-blog { display: block; } body.blog div#logo { width: 212px; margin-top: -31px; } body.blog div#logo a { height: 90px; background: url(images/logo-blog.png) no-repeat 0 0; } body.blog #header { background: #2264bf; } body.blog #header .top { background: none; padding: 0; } body.blog #header .top .shell { padding: 15px 0; background: url(images/header-separate-line.png) no-repeat right bottom; } body.blog #header .bottom .right-side, body.blog #header .top .navigation-top, body.blog #header .top p { display: none !important; } body.blog #header .heading h1 { font-size: 51px; line-height: 82px; } body.blog .widget { padding: 0 0 50px 0; } body.blog .widget h4.widgettitle { border: 0; font-size: 20px; line-height: 24px; color: #363a40; margin-bottom: 0; padding: 0 0 22px 0; } body.blog .pagination { background: none; padding: 0 0 33px 0; } body.blog .heading-dotted { margin-left: 0; } body.blog .navigation-blog { display: block; } body.blog div#logo a { background-size: 180px 90px !important; } body.home #header { background: none; /* overflow: hidden; */ } body.home #header .holder-view { background: none; } body.home div#logo { width: 221px; } body.home div#logo a { height: 123px; background: url(images/logo-home.png) no-repeat 0 0; } body.home .heading-view { padding-bottom: 8px; } body.home .heading-view ~ .heading-view h2 { background: none; } body.home .center-border-line { margin: 0 0 42px 0; } body.home .brands { width: 100%; padding: 20px 0 0 0; } body.home .section-gray .holder { background: #e9e9e9 url(images/home-background-two.png) no-repeat right 0; } body.home #footer { background: #0f0f0f url(images/home-background-two.png) no-repeat right -351px; } body.home #wrapper { background: #fefefe; } body.fixed-menu .navigation-inline { position: fixed; top: 0; z-index: 9999; width: 1200px; } body.fixed-menu #main { padding-top: 88px; } body.page-id-593 #header, body.page-id-595 #header, body.page-id-597 #header, body.page-with-navigation-inline #header{ z-index: auto; } #mega-menu-wrap-main-menu{ clear: none !important; float: left !important; display: inline-block !important; background: transparent !important; width: 65% !important; } .ms-sub-menu-item{ text-align: center; } .ms-sub-menu-item a{ color: #333; text-decoration: none; } .ms-sub-menu-item a:hover, .ms-sub-menu-item a:hover h4{ color: #f6a229; } #footer .widgets {} #footer .widgets > ul { } /*#footer .widgets > ul > li { width:auto !important }*/ #footer .widgets > ul > li { width:18% !important } #footer .widgets > ul > li ~ li { margin-left:25px} .widgets h6.widgettitle{ font-size: 16px; } .section-slider, .section-slider li { position:relative; } .section-slider .btn-play {position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; z-index:100} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { body { min-width: 100%; } h1 { font-size: 24px; line-height: 26px; } h2 { font-size: 18px; line-height: 24px; } h4 { font-size: 14px; line-height: 24px; } h5 { font-size: 18px; line-height: 28px; } /* helper classes */ .shell { width: 96%; padding: 0 2%; } .desktop { display: none !important; } .tablet { display: none !important; } .mobile { display: block !important; } /* END helper classes */ body div#logo a { height: 90px !important; width:180px !important; background: url(images/ms-newlogo_retina.png) no-repeat 0 0 !important; background-size: 180px 90px !important;} #header { background: #2371c6; } #header .top { background: #123562; padding: 0; } #header .top .navigation-top { display: none; } #header .top p { float: left; line-height: 34px; padding: 0; } #header .bottom .right-side { position: absolute; left: 0; top: 34px; width: 100%; background: #194b8a; padding: 87px 0 31px 0; text-align: center; display: none; z-index: 888; } #header .bottom .btn { float: none; display: inline-block; margin: 0 0 35px 0; } #header .bottom .right-side #navigation { float: none; display: block; padding: 0 0 35px 0; } #header .heading { position: relative; z-index: 20; } #header .heading img { width: 94px; height: 96px; bottom: -37px; right: 2%; } #header .heading h1 { padding: 27px 0 20px 0; } #featured-image { padding: 0 0 34px 0; } #main { padding: 0 0 33px 0; } #main > .shell > .entry { padding: 0 0 20px 0; } #content, #sidebar { float: none; display: block; width: 100%; padding: 0; } #content { padding: 0 0 54px 0; } #footer { text-align: center; } #footer .left, #footer .right { float: none; display: block; width: 100%; } #footer .top { z-index: 10; } #footer .bottom { width: 100%; position: relative; z-index: 20; } #footer .bottom .left { position: relative; padding: 0; } #footer .bottom .left ul { float: none; display: block; } #footer .bottom .left p { float: none; display: block; width: 100%; border: 0; font-size: 11px; padding: 0 0 10px 0; position: absolute; left: 0; bottom: 18px; } #footer .bottom .left ul li { float: none; display: inline; } #footer .bottom .left ul li ~ li { padding: 0 0 0 8px; background-position: 1px 5px; } #footer .bottom .left ul li a { font-size: 11px; } #footer p.counter { font-size: 36px; line-height: 46px; text-align: left; padding: 0 0 0 91px; position: absolute; left: 0; top: -148px; width: 350px; } #footer .social { padding: 30px 0 0 0; } #footer .widgets > ul > li { margin-left:0 !important} /* slider */ #slider { margin: 0; } #slider h5 { font-size: 18px; line-height: 24px; } #slider .holder { position: relative; left: -2%; width: 104%; } #slider .slider-navigation { left: 10px; bottom: 10px; } #slider .slider-navigation a { width: 24px; height: 7px; } #slider-home { width: 100%; background:#2688d4; margin: 0 0 42px 0; } #slider-home ul.slides li .shell { padding: 10px 0 0 0; } #slider-home ul.slides li { height: auto; width: 100%; margin-bottom: 0; overflow: visible; padding-bottom: 100px; } #slider-home ul.slides li.with-bottom-space { padding: 0 0 100px 0; margin-bottom: 0; } #slider-home .wrap, #slider-home .wrap.large { width: 100%; padding: 0 0 30px 0; text-align: center; } #slider-home .wrap img, #slider-home .full-image { display: inline-block !important; position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: auto !important; margin: 0 0 20px 0 !important; } #slider-home .holder { bottom: 30px; } #slider-home .slider-navigation { text-align: center; margin: 0; } #slider-home .slider-navigation a { float: none; display: inline-block; } #slider-home .wrap h1 { font-size: 24px; line-height: 28px; } /* END slider */ #breadcrumb { padding-left: 0; padding-right: 0; } /* navigation */ #main-menu { float: right; display: inline; width: 34px; height: 34px; background: url(images/sprite.png) no-repeat 0 -58px; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; z-index: 999; } #navigation { border-top: 1px solid #2d5c97; } #navigation ul li { float: none; display: block; border-bottom: 1px solid #2d5c97; padding: 8px 0; } #navigation ul li a { font-size: 16px; line-height: 18px; } .navigation-top ul li { float: none; display: inline; padding: 0 11px; } .navigation-top ul li a { display: inline; } .navigation-top ul li a img { top: -1px; } .navigation-inline { position: relative; left: -2%; width: 104%; } .navigation-inline ul li { width: 33%; } .navigation-inline ul li a { padding: 5px 0; font-size: 12px; } .navigation-blog { position: absolute; left: 0; top: 0; background: #194b8a; display: none; width: 100%; text-align: center; padding: 112px 0 0 0; z-index: 444; } .navigation-blog ul { float: none; display: block; width: 100%; border-top: 1px solid #2d5c97; } .navigation-blog ul li { float: none; display: block; border-bottom: 1px solid #2d5c97; padding: 0; } .navigation-blog ul li a { font-size: 16px; line-height: 22px; padding: 5px 0; display: block; } .ms-mobile-menu{ display: block !important; float: right; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 8888; } .ms-mobile-menu #mega-menu-wrap-main-menu{ width: 100% !important; } .ms-mobile-menu #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item{ border-bottom: 1px solid #2d5c97; } body.home div#logo{ margin: 15px 0px 0px 15px; } .btn-demo-mobile{ display: block; float: left; margin-top: 40px;} /* END navigation */ /* sections */ .section .items { margin: 0; } /* END sections */ .entry { width: 100%; padding: 0; } .entry img.alignnone { display: block; position: relative; max-width: none; margin: 0 0 0 -2%; width: 104%; height: auto; } .entry .col-two { float: none; display: block; width: 100%; } .entry .item { margin: 0 0 30px 0; } .entry .alignleft, .entry .alignright { padding: 0 0 20px 0; } .entry .four-boxes { margin: 0; } /* spacing and text styles */ .style-text-two .entry h1 { font-size: 24px; line-height: 30px; } .style-text-two .entry h6 { font-size: 14px; } .style-text-two #breadcrumb { padding: 0 0 20px 0; } /* spacing and text styles */ .contact { text-align: center; float: none; display: block; width: 100%; padding: 0 0 40px 0; } /* widgets */ /*.widgets > ul > li { float: none; display: block; width: 100%; }*/ #footer .widgets > ul > li{ float: none; display: block; width: 100% !important; } #footer .widgets > ul > li#gform_widget-4{ display: none; } .widgets > ul > li ~ li ~ li, .widgets > ul > li ~ li ~ li ~ li { width: 100%; } .widgets .gform_widget { float: none; display: block; width: 100%; padding: 83px 0 0 0; border-top: 1px solid #222; } .widgets .gform_widget ul li { padding: 0; } .widgets .gform_widget .gform_body { width: auto; } .widgets .gform_widget .gform_footer{ margin-top: 18px; } .gfield_label{ color: #fff; } .gform_widget { float: none; display: block; width: auto; position: relative; padding-left: 0; } .gform_widget li { padding: 0; } .gform_widget .gform_body { width: auto; float: none; display: block; padding: 0 83px 0 0; } .gform_widget .gform_footer { float: none; display: block; position: absolute; right: 0; bottom: -1px; } .widgets { text-align: left; } .widgets .gform_widget .gform_body { padding: 0 87px 0 0; } .widget .entry h2 { text-align: center; } .widget .entry blockquote, .widget .entry h6 { text-align: right; } .widget_text ul, .widget_text_signup ul { padding-left: 0; } .widget_text h3 img, .widget_text_signup h3 img { top: -10px; } .widget_entry { border-top: 1px solid #d9ebf8; } /* END widgets */ .steps { margin: -19px 0 20px -2%; width: 104%; background: #2371c6; } .steps ul { float: none; display: block; } .steps ul li, .steps ul li ~ li { width: 31%; padding-left: 2%; } /* forms */ .form-default label, .form-default .ginput_container { float: none; display: block; width: 100%; } .form-default .gfield_radio .price { right: 1px; top: 11px; width: 56px; font-size: 24px; line-height: 26px; } .form-default .gfield_radio .price { text-align: right; } .form-default .gfield_radio .price small { top: -4px; } .form-default .gfield_radio .price span { font-size: 10px; line-height: 12px; top: -3px; display: block; } .form-default .col-three { width: 80px !important; } .form-default li.col-three.no-label { width: 80px !important; padding-top: 28px; } .form-default .col-three > label { width: 100%; } .form-default .col-three .sbHolder { width: 77px; } .form-green-style .ginput_container input:focus { border-color: #2475cb; } .form-green-style .gform_body, .form-green-style .gform_heading, .form-green-style li.gfield-section h2 { background: #ecf0f3; } .form-green-style .sbHolder.open, .form-green-style .sbHolder.open ul { border-color: #2475cb; } .form-green-style .button-holder { float: right; display: inline; } .form-default .col-three ~ .col-three { padding-left: 7px; } .form-billing label { font-size: 15px; color: #434343; font-family: 'proxima_nova_alt_rgregular', arial, sans-serif; line-height: 24px; padding: 0 0 4px 0; } .form-billing .btn { position: relative; top: -5px; } .ginput_cardinfo_left { float: none; display: block; width: 100%; } .ginput_cardinfo_right { float: none; display: block; width: 100%; } .gfield_creditcard_warning_message { padding: 0 0 20px 0; } .gfield-address { width: 100px; } .gfield-address .ginput_full > label { float: none; display: block; width: 100%; padding: 0 0 10px 0; } .gfield-address .ginput_left, .gfield-address .ginput_right { float: none; display: block; width: 100%; } /* END forms */ /* popups */ .pop-up-view { width: 320px; } /* END popups */ /* colorbox */ #cboxClose { right: 0 !important; } /* END colorbox */ /* social icons */ .social { width: 130px; margin: 0 auto; } /* END social icons */ .heading-view { padding: 0 0 25px 0; } .item-video .text { padding: 20px 0 0 0; } .item-video .text h2 { text-align: center; } .item-video .text blockquote { text-align: right; } .item-product ul.tick-large, .item-product ul.tick-large-blue { text-align: left; } .video { width: 300px; padding: 0 0 40px 0; float: none; display: block; background: url(images/video-shadow-mobile.png) no-repeat center bottom; } .video a, .video a img { width: 300px; height: 188px; } .video a i { width: 81px; height: 81px; margin: -40px 0 0 -40px; background-position: -144px -2px; } .items { margin: 0; } .items > h4 { padding: 0 0 26px 0; } .items-style-two .item-product { background: none; padding: 20px 0; } .shell2 .items .item, .item { padding: 0 0 37px 0; float: none; display: block; width: 100%; margin: 0; text-align: center; max-width: 100%; } .item h4 { font-size: 20px; line-height: 24px; } .shell .items .item img, .shell2 .items .item img, .item img { position: relative; display: block; margin: 0 auto; float: none; } .item-with-number { margin: 0 0 20px 0; padding-left: 44px; width: auto; float: none; display: block; } .item-with-number i.number { left: 2px; } .item-person { float: none; display: block; margin: 0 0 20px 0; width: auto; } .item-event { float: none; display: block; width: auto; text-align: center; margin: 0 0 20px 0; } .item-event img { float: none; display: block; padding: 0 0 20px 0; display: block; width: auto; margin: 0 auto; } .item-event .text { padding: 0; } .item-testimonial { float: none; display: block; width: auto; text-align: center; margin: 0 0 20px 0; } .item-testimonial h6 { text-align: center; } .item-testimonial h6 ~ h6, .item-testimonial blockquote { text-align: right; } .item-product { float: none; display: block; border-bottom: 0; margin: 0 0 40px 0; width: auto; text-align: center; } .item-product img { width: 144px; padding: 20px 0; } .item-product .image { background: url(images/image-shadow-mobile.png) no-repeat center bottom; } .item-product h4 { text-align: center; } .item-full > img { float: none; display: block; margin: 0 auto 20px; max-width: 100%; } .item-full .text, .item-full .description { width: 100%; float: none; display: block; padding: 0 0 39px 0; } .box-info { padding: 20px 0; text-align: center; } .box-info ~ .box-info { padding-top: 40px; } .box-info .btn { float: none; display: inline-block; } .box-info .text { width: 100%; } .box-four { float: none; display: block; text-align: center; width: auto; margin: 0 0 20px 0; } .box-four h4 { font-size: 20px; line-height: 24px; } .box-moddle { text-align: center; } .box-moddle img.alignright, .box-moddle img.alignleft { margin: 0 0 20px 0; float: none; display: block; } .box-moddle p { padding: 0 !important; } .plans { padding: 0; margin-top: 0; } .plans .top .holder { background: none; border: 0; } .plans .top { height: auto; border: 0; padding-top: 0; } .plans .bottom { display: none; } .plan { float: none; display: block; width: auto; background: #f5f5f5; margin: 0 0 30px 0 !important; border: 1px solid #d5d5d5; } .plan ul { min-height: 0; } .plan ~ .plan { border: 0; margin-left: 0; } .plan ul li:hover .tooltip { position: relative; right: 0; top: 0; width: auto; border-radius: 0; margin: 10px 0 0 0; } .plan ul li:hover .tooltip.left-side { left: 0; } .plan-most-popular { margin-top: 45px !important; background: #2076ca !important; margin-bottom: 30px !important; } .box-blue { width: auto; text-align: center; } .box-blue .btn { float: none; display: inline-block; margin: 0 0 20px 0; } .tabs .top ul li { float: none; display: block; } .articles { margin: 0; } .article { float: none; display: block; width: 300px; height: 300px; margin: 0 auto 28px; position: relative; border-radius: 8px; } .article > img { display: block; width: 355px; height: 352px; border-radius: 8px; } .article .box-visible, .article .box-hover { width: 266px; } /* sccordion */ #qaplus_searchform { margin-bottom: 38px; } #qaplus_searchform input.qaplus_search { padding: 10px 0; font-size: 14px; height: 17px; } #qaplus_searchform #qaplus_searchsubmit { width: 57px; height: 40px; background-position: -141px -100px; } /* END sccordion */ /* custom select */ .sbHolder { width: auto; } /* custom select */ .pagination { background: none; padding: 30px 0 0 0; } .pagination a.previous, .pagination a.next { width: 120px; } h4.heading-dotted { margin-left: 0; } body.page-with-navigation-inline #header .heading h1 { padding: 27px 0 20px 0; } body.page-with-navigation-inline #header { padding: 0; margin: 0; } body.page-with-navigation-inline #main { z-index: 555; position: relative; margin: 0; } body.page-with-heading-image #sidebar { padding: 0; } body.page-steps #main { z-index: 555; } body.page-steps #header { z-index: 777; } body.blog #header .heading h1 { font-size: 24px; line-height: 26px; } body.blog #header .top .shell { background: none; padding: 0; } body.blog div#logo { position: relative; margin-top: -30px; } body.blog .heading-dotted { margin-left: 0; background: none; line-height: 20px; } body.blog .heading-dotted span { background: none; padding: 0; } body.blog .pagination a.previous { float: none; display: block; } body.blog .pagination p { float: none; display: block; } body.blog .heading-dotted { margin-bottom: 12px; } body.home #header { padding: 0; margin: 0; background: #236bc3; z-index: 999; overflow: visible; } body.home #header .bottom .right-side { padding-top: 155px; } body.home #slider-home { z-index: 1; } } .hidden {display:none !important} /* new style */ .video { padding-right: 51px; } .item-video .text h2 { line-height: 34px; font-size: 24px;} .item-video .text h2, .item-video .text blockquote, .widget .entry h2, .widget .entry blockquote, .item-testimonial h6, .item-testimonial blockquote { font-family: 'montserratregular', Arial, sans-serif; font-weight: normal; } .item-testimonial h6 ~ h6 { font-family: 'montserratbold', Arial, sans-serif; font-weight: normal; } .section.section-gray.no-bottom-space .item-video .text h2 {padding-bottom: 31px} .item-video .text blockquote strong {font-size:17px} /* END new style */ #complaint-abuse .background-top { background: url("images/fieldset-topbg-375.gif") no-repeat scroll left top transparent; height: 32px; text-indent: -10000px; width: 385px; } #complaint-abuse .background-body { background: url("images/fieldset-bg-375.gif") repeat-y scroll left top transparent; width: 385px; } #complaint-abuse .background-footer { background: url("images/fieldset-bottombg-375.gif") no-repeat scroll left top transparent; height: 20px; text-indent: -10000px; width: 385px; } #complaint-abuse .fieldset { width: 315px; } #complaint-abuse .fieldline { margin-top: 10px; width: 315px; } #complaint-abuse .text_area { height: 120px; } #complaint-abuse .div_button { background: url("images/button_submit_combo.jpg") no-repeat scroll left bottom transparent; border: 0px none; float: right; height: 26px; margin-top: 20px; text-align: left; text-indent: -10000px; width: 94px; } #complaint-abuse .div_button:hover { background-position: left top ! important; } #complaint-abuse label { text-align: left; width: 315px; } #complaint-abuse .text_area, #complaint-abuse .select_field { width: 315px; } #success-message { background-color: #FFFBCC; border: 1px solid #E6DB55; display: none; margin: 5px 0px 15px; padding: 5px; } #unsubscribe .background-top { background: url("images/fieldset-topbg-375.gif") no-repeat scroll left top transparent; height: 32px; text-indent: -10000px; width: 385px; } #unsubscribe .background-body { background: url("images/fieldset-bg-375.gif") repeat-y scroll left top transparent; width: 385px; } #unsubscribe .background-footer { background: url("images/fieldset-bottombg-375.gif") no-repeat scroll left top transparent; height: 20px; text-indent: -10000px; width: 385px; } #unsubscribe .background-body h1 { border-bottom: medium none; padding: 0px; } #unsubscribe .fieldset { width: 315px; } #unsubscribe .fieldline { border-top: 1px dashed #009FD7; margin-bottom: 15px; margin-top: 10px; padding-top: 15px; width: 315px; } #unsubscribe .div_button { background: url("images/button_unsub_combo.jpg") no-repeat scroll left bottom transparent; border: 0px none; float: right; height: 26px; margin-top: 20px; text-align: left; text-indent: -10000px; width: 137px; } #unsubscribe .div_button:hover { background-position: left top ! important; } #unsubscribe #unsubscribe_email { display: none; } #unsubscribe #unsubscribe_cell { display: none; } #unsubscribe #email { display: none; } #unsubscribe #cell_phone { display: none; } #unsubscribe #submit_email { background: url("images/button_submit_email_combo.jpg") no-repeat scroll left bottom transparent; margin-top: 0px; } #unsubscribe #submit_cell { background: url("images/button_submit_number_combo.jpg") no-repeat scroll left bottom transparent; margin-top: 0px; } #unsubscribe label { text-align: left; width: 120px; } #unsubscribe .text_field { width: 200px; } .form-content { margin-left: 35px; margin-right: 35px; padding-bottom: 20px; } .fieldline, .field_label, .text_field, .select_field, .text_area, .checkbox_field { float: left; } .text_field, .select_field, .text_area { border: 1px solid #C4C4C4; } .field_label, .text_field, .select_field, .text_area { color: #666666; } .field_label, .text_field, .select_field { height: 22px; } .field_label { padding-top: 3px; text-align: right; } .fieldset { border: medium none; margin: 0px; } #contact_form_solutions_gray_bg { background-color: #F0F0F0; border: 1px solid #FFFFFF; height: auto; width: 678px; max-width: 100%; } #salesforce_form { font-size: 12px; /*margin-left: 10%; margin-top: 32px;*/ padding: 32px 10%; } #cs_form { font-size: 12px; margin-left: 36px; margin-top: 32px; width: 300px; max-width: 100%; } .seo-info { color: #666666; font: bold 12px/12px Arial ! important; margin-bottom: 4px ! important; } .cultural-info { font: 18px/20px Arial ! important; margin-top: 0px ! important; } .hsformerror p { padding-bottom: 0 !important; } #sb-container{ z-index: 8888 !important; } .gform_footer { margin-top:18px; } #hsForm_89d0932b-ac33-481b-9bce-7169fa7a71da label span.hs-form-required{ margin-left: 4px; }