/*
Theme name: Jintronix
Description: Custom Theme
*/

/******* Jintronix WordPress CSS *******/

/* Common elements styling */
.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

/* 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;}

/******* /Jintronix WordPress CSS *******/

@font-face {
    font-family: 'proxima_nova_regular';
    src: url('css/fonts/proximanova-regular-webfont.eot');
    src: url('css/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('css/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('css/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_semibold';
    src: url('css/fonts/proximanova-semibold-webfont.eot');
    src: url('css/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('css/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_bold';
    src: url('css/fonts/proximanova-bold-webfont.eot');
    src: url('css/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/proximanova-bold-webfont.woff') format('woff'),
         url('css/fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('css/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_light';
    src: url('css/fonts/proximanova-light-webfont.eot');
    src: url('css/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/proximanova-light-webfont.woff') format('woff'),
         url('css/fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('css/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'proxima_nova_regular';
        src: url('css/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    }
    @font-face {
        font-family: 'proxima_nova_semibold';
        src: url('css/fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    }
    @font-face {
        font-family: 'proxima_nova_bold';
        src: url('css/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    }
    @font-face {
        font-family: 'proxima_nova_light';
        src: url('css/fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    }
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 16px;
    line-height: 24px;
    font-family: 'proxima_nova_regular', arial, sans-serif;
    color: #59595b;
    background: #fff;
    min-width: 960px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

body > iframe { top: -1000px; }

a { color: #6dab32; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

p strong { font-family: 'proxima_nova_bold', arial, serif; font-weight: normal; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.clearfix,
#navigation ul,
.header .shell,
.top-footer,
.subscribe-form form,
.footer-bottom,
.cols-holder,
.gform_wrapper li.gfield,
.gform_footer,
#commentform p,
.main .shell,
.comments ol li.comment,
.pagination,
.nav-inner ul,
.welcome-section .shell,
.section .shell,
.features,
.person,
.footer-top,
.models { *zoom: 1; }

.clearfix:after,
#navigation ul:after,
.header .shell:after,
.top-footer:after,
.subscribe-form form:after,
.footer-bottom:after,
.cols-holder:after,
.gform_wrapper li.gfield:after,
.gform_footer:after,
#commentform p:after,
.main .shell:after,
.comments ol li.comment:after,
.pagination:after,
.nav-inner ul:after,
.welcome-section .shell:after,
.section .shell:after,
.features:after,
.person:after,
.footer-top:after,
.models:after { content: ''; width: 100%; display: block; clear: both; font-size: 0; line-height: 0; text-indent: -4000px; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/*
	TRANSITION
	===================
*/

.singin-section p a,
.list li a,
.list a,
.footer-bottom a,
.comment-author a,
.comment-meta a,
a.comment-reply-link,
.widget.widget_nav_menu li a,
.main h4 a,
.nav-inner ul li a,
.main h3 a {
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.subscribe-form input.gform_button {
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.socials a.ico {
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -ms-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

.play-holder a.play-btn span.hover {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.shell { width: 960px; margin: 0 auto; }

/*
	HEADER
	================================
*/

.header { position: fixed; width: 100%; background: url(images/header-bg.png) repeat-x 0 0; height: 62px; padding-top: 21px; border-bottom: 1px solid #505964; z-index: 100; }

div#logo { width: 196px; float: left; }
div#logo a { display: block; height: 41px; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { padding-left: 42px; font-size: 14px; line-height: 33px; font-family: 'proxima_nova_bold', arial, serif; text-transform: uppercase; float: left; padding-top: 2px; }
#navigation ul { list-style: none outside; display: block; }
#navigation li { float: left; padding-left: 4px; }
#navigation li:first-child { padding-left: 0; }
#navigation li a { color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); display: block; padding: 0 10px; display: block; height: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; height: 33px; line-height: 33px; }
#navigation li a:hover,
#navigation li.current-menu-item a { background: url(images/navigation-active.png) repeat-x 0 0; text-decoration: none; }

.header-right { float: right; width: 165px; *width: 165px; }
.header-right select { width: 46px; *float: right; *margin-top: 8px; }

body .chzn-container { float: right; margin-top: 8px; }
body .chzn-container-single .chzn-single { font-size: 13px; font-family: 'proxima_nova_bold', arial, serif; color: #417d0b; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border: 0; }
body .chzn-container-active.chzn-with-drop .chzn-single { background: transparent; border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.chzn-search { display: none; }
body .chzn-container-single .chzn-single span { margin-right: 11px; }
body .chzn-container-single .chzn-single div { width: 11px; }
body .chzn-container-single .chzn-single div b, body .chzn-container-active.chzn-with-drop .chzn-single div b { background: url(images/language-arrow.png) no-repeat 0 center; }

body .chzn-container .chzn-results li { font-family: 'proxima_nova_bold', arial, serif; font-size: 13px; padding: 5px 4px; color: #417D0B; }
body .chzn-container .chzn-drop { border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; background: #8cbb41; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; }

.header .chzn-container-active.chzn-with-drop .chzn-single { background: #8cbb41; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; }

.chzn-container .chzn-results .highlighted { background: #fff !important; border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -o-border-radius: 2px !important; color: #417D0B !important; display: block !important; }

a.sign-btn { float: right; margin: 3px 16px 0 0; background: url(images/sign-btn.png) repeat-x 0 0; height: 32px; line-height: 32px; color: #64a02e; font-family: 'proxima_nova_bold', arial, serif; padding: 0 16px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.99); font-size: 13px; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
body.french a.sign-btn { padding: 0 9px; margin-right: 0; }
a.sign-btn:hover { text-decoration: none; background-position: 0 bottom; }

/*
	MAIN
	==========================
*/

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.main { padding-top: 116px; }
.main .page-title { color: #646464; }
.main h1,
.main h2 { font-size: 32px; line-height: 40px; color: #2599cf; font-family: 'proxima_nova_semibold', arial, serif; padding-bottom: 6px; }
.main h3 { font-size: 27px; line-height: 30px; font-family: 'proxima_nova_semibold', arial, serif; color: #646464; padding-bottom: 18px; }
.main h3 a { color: #646464; font-family: 'proxima_nova_semibold', arial, serif !important; }
.main h3 a:hover { text-decoration: none; color: #6dab32; }
#comments h3,
.main h4 { font-size: 21px; line-height: 24px; font-family: 'proxima_nova_semibold', arial, serif; color: #646464; padding-bottom: 4px; }
.main h4 a { color: #646464; }
.main h4 a:hover { text-decoration: none; color: #6dab32; }
.main h5 { font-size: 16px; line-height: 24px; font-family: 'proxima_nova_semibold', arial, serif; color: #282320; padding-bottom: 6px; }
.main p { padding-bottom: 24px; }
.main ul { list-style: none outside; padding-bottom: 24px; }
.main ul li { padding-left: 9px; background: url(images/list-bullet.png) no-repeat 0 10px; }

img.alignleft { margin: 5px 13px 13px 0; }
img.alignright { margin: 5px 0 13px 13px; }

.banner { margin-top: 73px; position: relative; height: 377px; overflow: hidden; }
.banner > img { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 1400px; height: 377px; }
.banner span.quotes { position: absolute; top: 0; left: 50%; margin-left: -67px; width: 134px; height: 93px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; z-index: 5; background: url(images/banner-quotes.png) no-repeat 0 0; }
/*.banner .shell { position: relative; z-index: 10; padding-top: 238px; text-align: center; font-size: 18px; line-height: 24px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); font-family: 'proxima_nova_semibold', arial, serif; letter-spacing: 0.01em; height: 160px; }*/
.banner .shell { position: relative; z-index: 10; padding-top: 128px; text-align: center; font-size: 18px; line-height: 24px; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); font-family: 'proxima_nova_semibold', arial, serif; letter-spacing: 0.01em; height: 270px; }

p.author-name { font-family: 'proxima_nova_regular', arial, serif; color: #91ce2e; }
p.author-name strong { font-weight: normal; font-family: 'proxima_nova_bold', arial, serif; }

.banner .testimonials-slider { height: 200px; position: relative; overflow: hidden; }
.banner .testimonials-slider .carousel { position: relative; width: auto; height: 120px; }
.banner .slide {  position: relative; width: 710px; z-index: 20; float: left; height: 120px; }
.banner .slide blockquote { position: relative; }
.banner p { padding-bottom: 8px; }

.banner .testimonial-pagination { height: 84px; position: absolute; bottom: 0; left: 0; text-align: center; z-index: 10; width: 100%; }
.banner .testimonial-pagination a { display: inline-block; margin-left: 69px; *zoom: 1; *display: inline; background: transparent; opacity: 0.30; -moz-opacity: 0.30; filter:alpha(opacity=30); width: 81px; height: 81px; }
.banner .testimonial-pagination a:first-child { margin-left: 0; }
.banner .testimonial-pagination a.selected { opacity: 100; -moz-opacity: 100; filter:alpha(opacity=100); }
.banner .testimonial-pagination a img { border: 5px solid #fff; border-radius: 39px; -moz-border-radius: 39px; -webkit-border-radius: 39px; -o-border-radius: 39px; width: 71px; height: 71px; display: block; box-shadow: 0px 1px 2px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); -o-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); }

.singin-section { padding: 20px 0 22px 0; font-size: 0px; line-height: 20px; font-family: 'proxima_nova_bold', arial, serif; color: #ffffff; text-transform: uppercase; }
.singin-section .shell { padding: 0 56px; width: 848px; }
.singin-section p { float: left; padding-bottom: 0; }
.singin-section p a { color: #609f2c; }
.singin-section p a:hover { text-decoration: none; color: #000; }
body.french .singin-section { text-align: center; }
body.french .singin-section p { float: none; }

a.blue-btn { font-family: 'proxima_nova_bold', arial, serif; font-size: 17px; line-height: 50px; height: 50px; background: url(images/blue-btn-bg.png) repeat-x 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #1673be; float: right; padding: 0 46px; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
a.blue-btn:hover { text-decoration: none; background-position: 0 bottom; }
body.french .singin-section a.blue-btn { display: inline-block; float: none; }

.cols-holder { padding: 14px 0 150px 0; }

.col { float: right; width: 394px; }
.col h4 { font-size: 21px; line-height: 26px; padding-bottom: 13px; padding-left: 40px; position: relative; font-family: 'proxima_nova_semibold', arial, serif; font-weight: normal; }
.col h4 span.ico { position: absolute; top: -5px; left: 0; width: 33px; height: 33px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; z-index: 2; }
.col h6 { font-size: 16px; font-family: 'proxima_nova_bold', arial, serif; line-height: 24px; color: #59595b; padding-bottom: 8px; }

.col.customer-col h4 { color: #73aa36; }
.col.customer-col h4 span.ico { background: url(images/customer-ico.png) no-repeat 0 0; top: -7px; }
.col.technical-col h4 { color: #2599cf; }
.col.technical-col h4 span.ico { background: url(images/technical-ico.png) no-repeat 0 0; }
.col:first-child { float: left; }

a.btn { text-transform: uppercase; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); color: #fff; display: block; width: 322px; text-align: center; line-height: 40px; height: 40px; font-size: 17px; font-family: 'proxima_nova_bold', arial, serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
a.btn:hover { text-decoration: none; }
a.btn.blue-btn { float: none; padding: 0; border: 1px solid #1d7cb0; }
a.btn.blue-btn:hover { background-position: 0 bottom; }
a.btn.green-btn { background: url(images/green-btn.png) repeat-x 0 0; border: 1px solid #5a8e20; }
a.btn.green-btn:hover { background-position: 0 bottom; }

.content { width: 630px; float: left; }
.post { background: url(images/comments-sep.png) no-repeat 0 bottom; margin-bottom: 46px; }
.posts-section .post { padding-bottom: 30px; margin-bottom: 40px; }
.posts-section .post:first-child { padding-top: 10px; }
.posts-section a.read-more { background: url(images/green-bullet-list.png) no-repeat 0 6px; text-decoration: underline; padding-left: 10px; }
.posts-section a.read-more:hover { text-decoration: none; }
.post img.alignleft { margin: 4px 22px 0 0; }
.post img.alignright { margin: 4px 0 0 22px; }
.post p a { text-decoration: underline; }
.post p a:hover { text-decoration: none; }

.post-cnt { height: 100%; overflow: hidden; }
.post-cnt p { padding-bottom: 4px; }

.description { font-size: 12px; line-height: 16px; color: #202626; font-family: 'proxima_nova_light', arial, serif; padding-bottom: 5px; }
.description ul { list-style: none outside; }
.description ul li { float: left; padding: 0 10px 0 11px; background: url(images/description-sep.png) no-repeat 0 4px; }
.description li:first-child { background: transparent; padding-left: 0; }
.description li a { color: #202626; }
.description li.count-comments a { text-decoration: underline; }
.description li.count-comments a:hover { text-decoration: none; }

.share-post { padding: 10px; background: url(images/comments-sep.png) no-repeat center 0; }

.comments ul, .comments ol { list-style: none outside; }
.comments ol li.comment { padding: 30px 0; background: url(images/comments-sep.png) no-repeat center 0; }
.comments ol li.comment:first-child { background: transparent; }

ol.commentlist { background: url(images/comments-sep.png) no-repeat center bottom; margin-bottom: 26px; }

.comment img.avatar { margin: 4px 24px 0 0; float: left; }
.comment-inner { height: 100%; overflow: hidden; }
.comment p { padding-bottom: 18px; }

.comments ul { background: url(images/comments-sep.png) no-repeat center 0; margin-top: 30px; padding: 30px 0 0 0; }
ul.children li.comment { border: 1px solid #dedee0; background: #f8f8fa url(images/reply-arrow.png) no-repeat 24px 36px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; padding: 18px 26px 20px 98px; margin-bottom: 30px; }
ul.children li.comment:first-child { background: #f8f8fa url(images/reply-arrow.png) no-repeat 24px 36px; }

.comment-author { font-family: 'proxima_nova_semibold', arial, serif; color: #2599cf; font-size: 14px; line-height: 20px; }
.comment-author a { color: #2599cf; }
.comment-author a:hover { text-decoration: none; color: #646464; }

.comment-meta { font-size: 12px; line-height: 16px; color: #202626; font-family: 'proxima_nova_light', arial, serif; padding-bottom: 4px; }
.comment-meta a { color: #202626; }
.comment-meta a:hover { text-decoration: none; color: #2599cf; }

a.comment-reply-link { display: block; width: 100px; height: 28px; background: url(images/reply-btn.png) no-repeat 0 0; color: #8d8d8d; font-family: 'proxima_nova_regular', arial, serif; font-size: 14px; line-height: 28px; margin-left: auto; text-align: center; padding: 3px 0 0 12px; }
a.comment-reply-link:hover { text-decoration: none; color: #000; }
ul.children a.comment-reply-link { margin-right: 30px; }

h3#reply-title { padding-bottom: 24px; }

#sidebar { width: 260px; float: right; background: url(images/sidebar-sep.png) no-repeat 0 0; padding-left: 39px; }
#sidebar ul { list-style: none outside; padding-bottom: 0; }
#sidebar ul li.widget { background: transparent; }
#sidebar h4.widgettitle { padding-bottom: 10px; }

.widget { margin-top: 45px; text-align: justify; }
.widget p { padding-bottom: 0; }

.widget.widget_archive li,
.widget.widget_categories li,
.widget.widget_nav_menu li { background: url(images/green-bullet-list.png) no-repeat 0 12px; padding-left: 14px; line-height: 30px; }
.widget.widget_nav_menu li a:hover,
.widget.widget_nav_menu li.current-menu-item a { text-decoration: none; color: #646464; }

.widget.widget_tag_cloud a { color: #6f6666; font-size: 16px !important; }

.widget.widget_search .searchsubmit { float: right; }

.pagination { font-size: 12px; line-height: 16px; font-family: 'proxima_nova_regular', arial, serif; }
.pagination span,
.pagination a { color: #59595b; margin: 0 10px; padding: 0 2px; }
.pagination a span { padding: 0 10px; margin: 0; }

.faq-page .main { padding-top: 0; }

.sub-nav { background: url(images/sub-nav-shadow.png) no-repeat center bottom; padding-bottom: 8px; height: 61px; }
.nav-inner { background: url(images/sub-nav-bg.png) repeat-x 0 0; height: 61px; line-height: 60px; font-size: 20px; font-family: 'proxima_nova_semibold', arial, serif; color: #228fca; text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.99); }
.nav-inner ul { list-style: none outside; padding-bottom: 0; }
.nav-inner ul li { background: url(images/sub-nav-sep.png) no-repeat 0 22px; padding: 0 11px 0 14px; float: left; }
.nav-inner ul li:first-child { padding-left: 0; background: transparent; }
.nav-inner ul li a { color: #228fca; }
.nav-inner ul li a:hover,
.nav-inner ul li.active a { color: #282320; text-decoration: none; }

.faq-article { padding: 44px 0 32px 0; border-top: 1px solid #cfcfcf; }
.faq-article:first-child { padding-top: 40px; }
.faq-article h5 { cursor: pointer; display: inline-block; padding-bottom: 2px; }
.faq-article h5 span.arrow { width: 13px; height: 8px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 4px; background: url(images/faq-arrows.png) no-repeat 0 bottom; }
.faq-article h5.active span.arrow { background-position: 0 0; }
.faq-article:first-child { border-top: 0; }
.faq-article ul { padding: 0; }
.faq-article ul li { background: transparent; padding: 0 0 10px 0; }
.faq-article ul li p { padding-bottom: 8px; }
.faq-article p a { text-decoration: underline; }
.faq-article p a:hover { text-decoration: none; }

.section { background: url(images/section-divider.png) no-repeat center 0; padding: 52px 0 32px 0; }
.section:first-child { background: transparent; }

.section.welcome-section { padding: 0 0 26px 0; }
.welcome-section h2 { color: #228fca; letter-spacing: -0.02em; padding-bottom: 24px; line-height: 36px; }

a.signin-btn { background: url(images/clinicians-green-btn.png) repeat-x 0 0; height: 50px; line-height: 50px; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); font-family: 'proxima_nova_bold', arial, serif; font-size: 17px; text-transform: uppercase; display: block; width: 222px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #56881e; text-align: center; }
a.signin-btn:hover { text-decoration: none; background-position: 0 bottom;  }

.main.welcome-bg { background: url(images/clinicians-bg.jpg) no-repeat center 84px; padding-top: 127px; *height: 100%; }
.patients-page .main.welcome-bg { background: url(images/welcome-patients-bg.jpg) no-repeat center 0; }
.main.welcome-bg .banner { margin-top: 0; }

.section-cnt { width: 328px; float: left; padding-top: 56px; }
.section-img { width: 430px; float: right; margin-right: 47px; }

.video { width: 612px; float: right; background: url(images/video-shadow.png) no-repeat 0 bottom; padding-bottom: 40px; height: 342px; }

.section.features-section { padding-top: 68px; }
.section.features-section h3 { padding-bottom: 32px; }

.feature { width: 300px; float: left; padding: 0 0 0 30px; background: url(images/features-sep.png) no-repeat 15px 27px; text-align: center; }
.feature img { display: block; margin: 0 auto 24px auto; }
.feature h4 { font-size: 18px; line-height: 24px; color: #228fca; font-family: 'proxima_nova_semibold', arial, serif; padding-bottom: 6px; }
.feature h4 a { color: #228fca; }
.feature:first-child { padding: 0; background: transparent; }

.section.built-section { padding: 12px 0 0 0; font-size: 17px; }
.section.built-section h3 { letter-spacing: -0.01em; *letter-spacing: -0.02em; }
.section.built-section .shell { background: url(images/build-section-bg.jpg) no-repeat 0 0; padding-top: 40px; min-height: 300px; }
.section.built-section p a { font-family: 'proxima_nova_bold', arial, serif; font-size: 15px; line-height: 24px; }

.person { clear: both; padding-top: 35px; font-size: 18px; font-family: 'proxima_nova_semibold', arial, serif; }
.person p { padding-bottom: 8px; }

.person-img { float: left; width: 71px; height: 71px; border-radius: 41px; -moz-border-radius: 41px; -webkit-border-radius: 41px; -o-border-radius: 41px; border: 5px solid #fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.7); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.7); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.7); margin-right: 33px; }
.person-img img { border-radius: 39px; -moz-border-radius: 39px; -webkit-border-radius: 39px; -o-border-radius: 39px; }

.person-cnt { padding-top: 4px; height: 100%; overflow: hidden; }

p.person-name { font-family: 'proxima_nova_regular', arial, serif; }
p.person-name strong { font-family: 'proxima_nova_semibold', arial, serif; color: #6dab32; }

/*
    POPUP
    ===============================
*/

.hidden-popup { display: none; }

.popup-holder { width: 854px; background: #fff; border: 1px solid #4c4c4c; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; padding: 0 23px 32px 23px; }
.popup-holder h2 { color: #228fca; padding: 10px 22px 22px 22px; background: url(images/popup-header-line.png) repeat-x 0 bottom; font-family: 'proxima_nova_semibold', arial, serif; position: relative; margin: 0 -23px 14px -23px; }
.popup-holder p { padding-bottom: 23px; }
.popup-holder a { color: #609f2c; text-decoration: underline; }
.popup-holder a:hover { text-decoration: none; }

.popup-holder .gfield_error input,
.popup-holder .gfield_error textarea { border: 1px solid #f00 !important; }

.popup-holder #gforms_confirmation_message { font-family: 'proxima_nova_bold', arial, serif; font-weight: normal; }

.gform_heading { display: none; }

.gform_wrapper ul { list-style: none outside; padding-bottom: 0; }
.gform_wrapper li { background: transparent !important; }
.gform_wrapper li.gfield { padding: 0 0 20px 0; }
.gform_wrapper li.gfield span.msg, #commentform p span.msg { font-size: 14px; float: left; line-height: 35px; padding-left: 24px; background: url(images/alert-bg.png) no-repeat 0 7px; color: #c52c2c; display: none; margin: 3px 0 0 12px; }
.gform_wrapper label, #commentform label { float: left; width: 127px; line-height: 35px; font-size: 16px; color: #59595b; font-family: 'proxima_nova_regular', arial, serif; padding-right: 10px; }
.gform_wrapper li.gfield input, #commentform input { border: 1px solid #bdbdbd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; background: url(images/popup-input-bg.png) repeat-x 0 0; width: 226px; padding: 9px 5px; font-size: 16px; font-family: 'proxima_nova_regular', arial, serif; color: #59595b; float: left; height: 17px; }
.gform_wrapper li.gfield input.focused, #commentform input.focused { border: 1px solid #398abc; }
.gform_wrapper li.gfield.alert span.msg, #commentform p.alert span.msg { display: block; }
.gform_wrapper li.gfield.alert input, #commentform p.alert input { border: 1px solid #c52c2c; }
.gform_wrapper li.gfield textarea, #commentform textarea { width: 500px; float: left; height: 157px; padding: 9px 5px; font-size: 16px; font-family: 'proxima_nova_regular', arial, serif; color: #59595b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #bdbdbd; resize: none; background: url(images/popup-input-bg.png) repeat-x 0 0; }
#commentform textarea { width: 480px; }
.gform_wrapper li.gfield textarea.focused, #commentform textarea.focused { border: 1px solid #398abc; }
.gform_wrapper input.gform_button, #commentform p.form-submit input { border: 1px solid #5a8e20; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; background: url(images/green-btn.png) repeat-x 0 0; height: 40px; line-height: 40px; color: #fff; text-transform: uppercase; font-size: 17px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); float: left; margin-left: 138px; cursor: pointer; font-family: 'proxima_nova_bold', arial, serif; width: 152px; padding: 0; }
.gform_wrapper input.gform_button:hover, #commentform p.form-submit input:hover { background-position: 0 bottom; }

/*
	FOOTER
	=====================================
*/

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -433px; }
#footer, #footer-push { height: 433px; }

#footer { background: url(images/footer-bg-repeat.png) repeat-x 0 0; }
.footer-inner { background: url(images/footer-bg-center.jpg) no-repeat center 0; }

.footer-top { height: 268px; padding-top: 48px; }

.list { padding-left: 72px; float: left; font-size: 13px; line-height: 27px; font-family: 'Open Sans', arial, serif; font-weight: 600; color: #aaa; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.99); }
.list:first-child { padding-left: 0; }
.list h5 { font-size: 13px; line-height: 16px; padding-bottom: 14px; color: #fff; font-family: 'Open Sans', arial, serif; font-weight: 700; text-transform: uppercase; }
.list a { color: #6dab32; }
.list a:hover { text-decoration: none; color: #fff; }
.list ul { list-style: none outside; }
.list li { white-space: nowrap; max-width: 160px; }
.list li a { color: #aaa; }
.list li a:hover { text-decoration: none; color: #fff; }
.footer-top { margin-right: -100px;}

#footer .subscribe-form { margin-top: 10px; padding-top: 26px; background: url(images/footer-small-shadow.png) no-repeat center 0; }
#footer .subscribe-form h5 { text-shadow: none; padding-bottom: 17px; }
#footer .subscribe-form .gform_body { float: left; }
#footer .subscribe-form .gform_footer { float: left; }
#footer .subscribe-form .gfield input { font-size: 12px; background: url(images/footer-input-bg.png) repeat-x 0 0; border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; width: 104px; padding: 6px 12px; color: #adadad; font-family: 'Droid Serif', arial, serif; font-weight: 400; font-style: italic; float: left; border: 0; height: 15px; }
#footer .subscribe-form input.gform_button { border: 0; float: left; width: 31px; height: 27px; background: url(images/submit-mail-footer.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; margin: 0; }
#footer .subscribe-form input.gform_button:hover { opacity: 0.80;-moz-opacity: 0.80;filter:alpha(opacity=80); }
#footer .subscribe-form .gform_confirmation_wrapper { max-width: 159px; }
#footer .subscribe-form .gfield_error { border: 1px solid #f00; }
#footer .subscribe-form .gfield_error input { padding: 5px 11px; }
#footer .subscribe-form .gform_ajax_spinner,
.validation_message,
.validation_error { display: none; }
#footer #gforms_confirmation_message { width: 160px;  }

.footer-bottom { height: 88px; padding-top: 28px; font-family: 'Open Sans', arial, serif; font-weight: 600; color: #707070; font-size: 12px; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7); line-height: 32px; }
.footer-bottom a { color: #707070; }
.footer-bottom a:hover { text-decoration: none; color: #fff; }

.copyright { float: left; width: 630px; }

.socials { width: 243px; float: right; }
.socials span { float: left; padding-right: 18px; }
.socials a.ico { float: left; width: 32px; height: 32px; margin-left: 10px; font-size: 0; line-height: 0; text-indent: -4000px; }
.socials a.ico.facebook-ico { background: url(images/facebook-ico.png) no-repeat 0 0; }
.socials a.ico.facebook-ico:hover { background-position: 0 bottom; }
.socials a.ico.twitter-ico { background: url(images/twitter-ico.png) no-repeat 0 0; }
.socials a.ico.twitter-ico:hover { background-position: 0 bottom; }
.socials a.ico.gplus-ico { background: url(images/gplus-ico.png) no-repeat 0 0; }
.socials a.ico.gplus-ico:hover { background-position: 0 bottom; }

/* iefix */
#footer.iefix .list { letter-spacing: -0.02em; padding-left: 52px; }

/*
    HOME PAGE
    =====================================
*/

.home .main.welcome-bg { background: url(images/welcome-home.jpg) no-repeat center 84px; padding-top: 84px; }
.home .welcome-section .shell { position: relative; }
.home .welcome-section { padding-bottom: 10px; }
.home .welcome-section h2 { font-size: 29px; line-height: 42px; color: #656565; text-transform: uppercase; padding-bottom: 0px; }
.home .welcome-section .section-cnt { width: 365px; text-align: center; font-size: 17px; padding: 114px 0 0 0; min-height: 365px; }
.home .welcome-section .section-cnt p { padding: 0 46px 24px 46px; }
.home .welcome-section .section-img { width: 700px; position: relative; margin-right: -218px; }
.home .welcome-section .section-img img { width: 700px; height: 478px; display: block; }

a.signin-btn { margin: 0 auto; }

.play-holder { position: absolute; top: 154px; left: 50%; height: 170px; margin-left: -88px; }
.play-holder a.play-btn { position: relative; width: 138px !important; height: 140px !important; display: block; text-decoration: none; z-index: 10; }
.play-holder a.play-btn span.btn { background: url(images/play-btn.png) no-repeat 0 0; width: 138px; height: 140px; display: block; position: absolute; top: 21px; left: 21px; z-index: 10; font-size: 0; line-height: 0; text-indent: -4000px; }
.play-holder a.play-btn:hover { text-decoration: none; }
.play-holder a.play-btn:hover span.btn { background-position: 0 bottom; }
.play-holder span.hover { background: url(images/play-hover-bg.png) no-repeat 0 0; height: 96px; padding: 74px 0px 0px 180px; display: block; width: 399px; font-family: 'proxima_nova_bold', arial, serif; font-size: 23px; line-height: 26px; text-transform: uppercase; color: #376414; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; position: absolute; top: 0; left: 0; }
/*.play-holder span.hover { opacity: 100; -moz-opacity: 100; filter:alpha(opacity=100); }*/

.logos { clear: both; text-align: center; }
.logos h6 { font-size: 15px; line-height: 20px; font-family: 'proxima_nova_bold', arial, serif; color: #79b138; text-transform: uppercase; padding-bottom: 8px; text-align: center; }
.logos a { display: inline-block; }
.logos a + a { margin: 0 0 0 39px; }
.logos a img { display: block; }

a.logo-img { width: 356px; height: 39px; background: url(images/home-slogan-img.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display: block; margin-bottom: 3px; }

.slider { background: url(images/slider-bg.jpg) no-repeat center 0; height: 385px; overflow: hidden; padding: 8px 0; }
.slider-inner { width: 960px; height: 385px; position: relative; margin: 0 auto; }
.slider-inner .carousel { width: 630px; height: 385px; position: relative; overflow: hidden; }
.slide { width: 630px; height: 385px; float: left; text-align: center; }
.slide img { display: block; margin: 0 auto; height: 380px; }

.slide-cnt { width: 303px; position: absolute; top: 67px; left: 630px; }

.slider-pagination { position: absolute; bottom: 20px; left: 443px; height: 10px; }
.slider-pagination a { float: left; margin-left: 10px; width: 10px; height: 10px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/slider-bullets.png) no-repeat right 0; }
.slider-pagination a:first-child { margin-left: 0; }
.slider-pagination a.selected { background-position: 0 0; }

.home .section-img { position: relative; }
.home .section-cnt a { font-family: 'proxima_nova_bold', arial, serif; }

.section { position: relative; }

.section .section-img.bg-img img { padding: 10px; background: #f8fcf3; border: 1px solid #dedede; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }

.section.motion-section { background: url(images/motion-section-bg.jpg) no-repeat center bottom; padding: 75px 0; }
.section.motion-section .section-img, .section.savingtime-section .section-img { float: left; width: 391px; margin-right: 45px; position: relative; /*margin-bottom: -150px; margin-left: -54px;*/ }

.section .section-img.bottom { position: absolute; bottom: -7px; margin-left: -80px; }
.section.motion-section .section-cnt, .section.savingtime-section .section-cnt { padding: 10px 31px 0 0; width: 455px; float: right; }
.section.motion-section .section-cnt p, .section.savingtime-section .section-cnt p { padding-bottom: 0; }

.bubble { position: absolute; bottom: -30px; right: -44px; font-size: 15px; font-family: 'proxima_nova_semibold', arial, serif; line-height: 18px; text-transform: uppercase; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); padding: 32px 14px 0 14px; width: 92px; height: 86px; letter-spacing: -0.02em; text-align: center; }
.bubble.green-bubble { background: url(images/green-buble.png) no-repeat 0 0; }
.bubble.blue-bubble { right: auto; left: -27px; bottom: 0;  background: url(images/blue-buble.png) no-repeat 0 0; }

.section.clinically-section { background: url(images/clinically-section.jpg) no-repeat center 0; padding: 36px 0 50px 0; }
.section.clinically-section .section-img { width: 485px; margin: 0 0 0 30px; }
.section.clinically-section .section-cnt { width: 436px; padding-top: 120px; }

.section.savingtime-section { background: url(images/timesaving-section-bg.jpg) no-repeat center 0; padding: 160px 0 111px 0; }

.section.metrics-section { background: url(images/ipad-section-bg.jpg) no-repeat center 0; padding: 60px 0 0 0; height: 369px; overflow: hidden; }
.section.metrics-section .section-cnt { width: 413px; padding-top: 78px; }
.section.metrics-section .section-img { width: 513px; margin: 50px 0 0 0; padding: 0; }
.section.metrics-section .bubble.green-bubble { bottom: auto; top: 12px; right: 25px; }
.section.metrics-section .bubble { padding-top: 20px; height: 98px; }

.section.models-section { background: #f4f6f6 url(images/models-section-bg.png) no-repeat center bottom; padding: 32px 0 76px 0; }
.models { padding-top: 30px; }
.model { float: left; width: 303px; text-align: center; }
.model img { display: block; margin: 0 auto; padding-bottom: 18px; }
.model h4 { color: #73aa36; font-size: 18px; line-height: 24px; font-family: 'proxima_nova_semibold', arial, serif; padding-bottom: 10px; }
.model h4 a { color: #73aa36; }
.model + .model { margin-left: 25px; }

.video-frame #cboxContent { padding: 16px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #434444; margin: 15px; }
/*.video-frame #cboxContent { padding: 16px !important; background: #fff;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #434444; width: 80% !important; left: 50% !important; margin-left: -40% !important;  }
.video-frame #cboxWrapper { width: 90% !important; }*/

#navigation p { display: none; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); cursor: pointer; }
#navigation p:after { width: 0; height: 0; position: absolute; top: 14px; right: 10px; z-index: 2; border-top: 6px solid #fff; border-left: 5px solid transparent;  border-right: 5px solid transparent; display: block; content: ''; }
#navigation p.opened { border-bottom: 1px solid #507E1C; 
background: #457d19;
background: -moz-linear-gradient(top,  #457d19 0%, #4f8c1c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457d19), color-stop(100%,#4f8c1c));
background: -webkit-linear-gradient(top,  #457d19 0%,#4f8c1c 100%);
background: -o-linear-gradient(top,  #457d19 0%,#4f8c1c 100%);
background: -ms-linear-gradient(top,  #457d19 0%,#4f8c1c 100%);
background: linear-gradient(to bottom,  #457d19 0%,#4f8c1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457d19', endColorstr='#4f8c1c',GradientType=0 );
border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; 
 }
#navigation p.opened:after { border-top: 0; border-bottom: 6px solid #fff; }

.register-form { position: fixed; bottom: 0; right: 0; z-index: 100; width: 354px; }
.register-cnt { background: #fff; border: 1px solid #bdbdbd; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; box-shadow: 0px 0px 12px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.12); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.12); -o-box-shadow: 0px 0px 12px rgba(0,0,0,0.12); padding: 10px 19px 30px 19px; }

.follow-btns { padding-bottom: 27px; }

a.register-btn { width: 300px; height: 48px; background: url(images/blue-btn-bg.png) repeat-x 0 0; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; font-family: 'proxima_nova_bold', arial, serif; font-size: 17px; line-height: 48px; border: 1px solid #125992; border-radius: 3px 3px 2px 2px; -moz-border-radius: 3px 3px 2px 2px; -webkit-border-radius: 3px 3px 2px 2px; -o-border-radius: 3px 3px 2px 2px; display: block; padding: 0 32px 0 20px; position: relative; }
a.register-btn:hover { text-decoration: none; }
a.register-btn span.arrow { background: url(images/register-arrows.png) no-repeat 0 bottom; width: 15px; height: 11px; position: absolute; top: 21px; right: 19px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
a.register-btn.active span.arrow { background-position: 0 0; }

.register-form .gform_wrapper li.gfield input { float: left; width: 192px; font-size: 14px; font-family: 'proxima_nova_regular', arial, serif; color: #59595b; padding: 9px 16px; background: url(images/register-form-fields-bg.png) repeat-x 0 0; border: 1px solid #bdbdbd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 17px; }
.register-form .gform_wrapper li.gfield label { width: 76px; padding-right: 10px; float: left; line-height: 35px; }
.register-form .gform_wrapper input.gform_button { width: 224px; margin-left: 86px; text-align: center; text-transform: none; }

.gform_wrapper select { width: 224px; float: left; }
.shell .gform_wrapper select { width: 236px; float: left; }
.gform_wrapper .chzn-container { float: left; border: 1px solid #bdbdbd; background: url(images/register-form-fields-bg.png) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; font-size: 14px; font-family: 'proxima_nova_regular', arial, serif; color: #59595b; height: 35px; margin-top: 0; }
.gform_wrapper .chzn-container a { color: #59595b; font-family: 'proxima_nova_regular', arial, serif; font-size: 14px; padding-left: 16px; line-height: 35px; height: 35px; }
.gform_wrapper .chzn-container-single .chzn-single span { margin-right: 34px; }
.gform_wrapper .chzn-container-single .chzn-single div, .gform_wrapper .chzn-container-active.chzn-with-drop .chzn-single div { width: 31px; height: 34px; }
.register-form .chzn-container-single .chzn-single div b, .register-form .chzn-container-active.chzn-with-drop .chzn-single div b { background: url(images/select-btn.png) no-repeat 0 0; width: 31px; height: 34px; }

.gform_wrapper .chzn-container .chzn-results { background: #fff; border: 1px solid #bdbdbd; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-top: 0; margin: 0; padding: 0; width: 100%; margin-left: -1px;  }
.gform_wrapper .chzn-container .chzn-results li { color: #59595b; font-size: 14px; line-height: 24px; padding: 0 16px; font-family: 'proxima_nova_regular', arial, serif; }
.gform_wrapper .chzn-container .chzn-results li:hover { color: #fff; }
.gform_wrapper .chzn-container .chzn-results .highlighted { color: #fff !important; background-color:#3875d7 !important; }

.gform_wrapper .gfield_error .chzn-container,
.register-form .gfield_error input { border: 1px solid #f00 !important; }

.register-form .validation_error,
.register-form .gfield_required,
.register-form .validation_message { display: none; }

.header-right a.register { float: right; display: none; background: url("images/blue-btn-bg.png") repeat-x 0 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px;  font-size: 11px; height: 20px; line-height: 20px; margin-top: -12px; padding: 12px 16px 0 16px; position: relative; font-family: 'proxima_nova_bold', arial, serif; text-transform: uppercase; margin-right: 8px; /*color: #64A02E;*/ color: #fff; }
.header-right a.register:hover { background-position: 0 bottom; text-decoration: none; }

/*
    RESPONSIVE VERSION
    ====================================
*/

@media only screen and ( max-width: 1395px) {
    .home .welcome-section .section-img { margin-right: 0; width: 50%; position: absolute; left: 50%; right: 0; }
    .home .welcome-section .section-img img { width: 100%; }
}

@media only screen and ( max-width: 982px) {
    .section.clinically-section h3 { letter-spacing: -0.02em; }
    .section.clinically-section .section-img { width: 363px; }
    .section.clinically-section .section-img img { width: 363px; }
    .section.clinically-section .section-cnt { width: 333px; padding-top: 70px; }

    /*.play-holder a.play-btn span.hover { position: absolute; top: 0; left: 0; width: 385px; }*/
}

@media only screen and ( max-width: 960px) {
    body { width: auto; min-width: 0; }
    .shell { width: auto; padding: 0 20px; }

    img { width: auto; }

    .header { padding-top: 0px; height: 83px; }
    .header .shell { position: relative; padding-top: 25px; }

    #navigation { padding: 3px 0px 0 0; float: right; position: relative; margin-right: -11px; font-size: 13px; }
    #navigation li { padding-left: 2px; }

    .header-right { position: absolute; top: 0; right: 18px; float: none; display: block; width: 234px; }
    .header-right select { margin-top: -2px; }
    .header-right .chzn-container { margin-top: -2px; }
    a.sign-btn, body.french a.sign-btn { line-height: 20px; padding-top: 12px; height: 20px; position: relative; margin-top: -12px; font-size: 11px; }
    .header-right a.register { position: absolute; top: 0; right: 150px; z-index: 100; }
    
    .main .shell img.alignleft, .main .shell img.alignright { width: 25%; }

    .singin-section .shell { width: auto; padding: 0 20px; }

    .banner .slide { width: auto; margin: 0; padding: 0 20px; } 

    .singin-section { font-size: 16px; }
    a.blue-btn { padding: 0 15px; }

    .list { padding-left: 3%; width: 16%; }
    .list.last { float: right; padding: 0; width: auto; }
    .footer-top{ margin-right: 0; }

    .subscribe-form input.medium { width: 50%; }
    .subscribe-form input.gform_button { width: 20%; background-position: center 0; }

    .footer-bottom { padding-top: 8px; height: 65px; }

    .copyright { width: 310px; font-size: 12px; line-height: 24px; padding-top: 8px; }

    .socials { width: 130px; line-height: 24px; }
    .socials span { padding: 0 0 0 10px; }
    
    .cols-holder { padding-bottom: 80px; }
    .col { width: 325px; }    
    .main ul li { padding-left: 0; }    
    .main ul li:first-letter { padding-left: 9px; }

    .banner .testimonial-pagination a { margin-left: 65px; }
    .banner .testimonial-pagination a:first-child { margin-left: 0; }

    .banner .testimonial-pagination a img { width: 71px !important; }

    .popup-holder { width: 674px; }

    .content { width: 504px; }

    #sidebar { width: 200px; padding-left: 22px; }

    .section .section-img.bottom { bottom: -9px; }

    .gform_wrapper li.gfield input, #commentform input { width: 215px; }
    .gform_wrapper li.gfield span.msg, #commentform p span.msg { margin-left: 6px; padding-left: 20px; }
    #commentform textarea { width: 354px; }

    #footer .subscribe-form .gfield input { width: 61px; }

    #sidebar ul li.widget { background: url(images/responsive-widget-divider.png) no-repeat center 0; padding: 24px 8px; margin: 0; }
    #sidebar ul li.widget:first-child { background: transparent; }

    .main.welcome-bg { background: url(images/clinicians-bg-tabl.jpg) no-repeat center 84px; padding-top: 111px; }
    .patients-page .main.welcome-bg { background-position: center -20px !important; }

    .welcome-section h2 { font-size: 26px; line-height: 30px; letter-spacing: -0.04em; }

    .section-cnt { width: 250px; padding-top: 24px; }
    .video { width: 446px; background: url(images/video-shadow-tabl.png) no-repeat 0 bottom; padding-bottom: 29px; height: 248px; }
    .video iframe { width: 446px; height: 248px; }

    .feature { width: 30%; padding-left: 3%; background-position: 12px 27px; }

    /*.video-frame #cboxWrapper { width: 80% !important; height: 438px !important; }
    .video-frame #cboxContent { width: 696px !important; height: 406px !important; }
    .video-frame iframe { width: 696px !important; height: 406px !important; }*/    

    .home .welcome-section { background: url(images/home-welcome-section-bshadow.png) no-repeat center bottom; padding-bottom: 30px; }
    .home .welcome-section .section-cnt { width: 308px; }
    .welcome-section .section-cnt h2 { font-size: 25px; line-height: 28px; }    

    a.logo-img { background: url(images/mhome-slogan-img.png) no-repeat 0 0; width: 302px; height: 33px; margin: 0 auto; }
    .logos { text-align: center; }
    .logos a { margin-left: 7px; }

    .slider { display: none; }

    .section.motion-section .section-img, .section.savingtime-section .section-img { width: 362px; margin: 0; }
    .section.motion-section .section-img img, .section.savingtime-section .section-img img { width: 342px; height: 186px; display: block; padding: 9px; }
    .bubble { top: -7px; right: 1px; font-size: 12px; line-height: 15px; width: 76px; height: 70px; padding: 28px 12px 0 12px; }
    .bubble.green-bubble { background: url(images/green-buble-tabl.png) no-repeat 0 0; }
    .bubble.blue-bubble { background: url(images/blue-buble-tabl.png) no-repeat 0 0; top: auto; }

    .section.motion-section .section-cnt, .section.savingtime-section .section-cnt { width: 322px; padding: 0; }    

    .section.metrics-section { padding-top: 172px; height: 256px; }
    .section.metrics-section .bubble.green-bubble { right: -10px; }
    .section.metrics-section .section-img { width: 360px; margin: 0; }
    .section.metrics-section .section-img img { width: 360px; }
    .section.metrics-section .section-cnt { width: 364px; padding-top: 0; }

    .model { width: 31%; }

    .copyright p a { text-decoration: underline; }

    /*.play-holder a.play-btn span.hover { display: none; }*/

}

@media only screen and ( max-width: 767px) {
    
    .header { position: relative; z-index: 10; }
    .main { position: relative; z-index: 2; }

    .shell { padding: 0 10px; }
    .header { background: url(images/mheader-bg.png) repeat-x 0 0; height: 128px; }
    .header-right { width: auto; left: 11px; right: 10px; }

    a.sign-btn, .header-right a.register, body.french a.sign-btn { padding: 0 34px; font-size: 11px; margin-top: 0px; height: 18px; line-height: 24px; background: url(images/msignin.png) repeat-x 0 0; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; }
    .header-right a.register { right: 176px; background: url(images/blue-btn-bg.png) repeat-x 0 -1px; }
    .header-right a.register:hover { background-position: 0 -1px; }

    body .chzn-container-single .chzn-single div b, body .chzn-container-active.chzn-with-drop .chzn-single div b { background: url(images/mlanguage-arrow.png) no-repeat 0 center; }

    .header-right a.register { position: fixed; top: 0; right: 180px; z-index: 100; }

    div#logo { width: 180px; float: none; display: block; margin: 6px auto 10px auto; }
    div#logo a { height: 37px; display: block; background: url(images/mlogo2.png) no-repeat 0 0; }

    #navigation { float: none; display: block; margin: 0; }
    #navigation p { cursor: pointer !important; }
    #navigation ul { position: absolute; top: 100%; left: 0; right: 0; display: none; 
        background: #4c891b;
        background: -moz-linear-gradient(top,  #4c891b 0%, #6da526 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c891b), color-stop(100%,#6da526));
        background: -webkit-linear-gradient(top,  #4c891b 0%,#6da526 100%);
        background: -o-linear-gradient(top,  #4c891b 0%,#6da526 100%);
        background: -ms-linear-gradient(top,  #4c891b 0%,#6da526 100%);
        background: linear-gradient(to bottom,  #4c891b 0%,#6da526 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c891b', endColorstr='#6da526',GradientType=0 );
        border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px;
    }
    #navigation li { padding: 0; height: 33px; line-height: 33px; float: none; display: block; border-bottom: 1px solid #507e1c; }    
    #navigation li.current-menu-item { display: block !important; }
    #navigation li a { padding: 0 11px; display: block; position: relative; }
    #navigation p { background: url(images/mmenu-select.png) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; position: relative; display: block; padding: 0 11px; }    
    #navigation li.current-menu-item { display: none !important; }

    .main .shell img { width: 100%; height: auto; }
    .main .shell img.alignleft,.main .shell img.alignright { width: 100%; }

    .banner .testimonial-pagination a { margin-left: 15px; }

    .section .section-img.bottom { position: relative; }

    .singin-section { font-size: 16px; line-height: 20px; }
    .singin-section p { float: none; display: block; text-align: center; padding-bottom: 18px; }

    a.blue-btn { float: none; display: block; padding: 0; text-align: center; }
    
    .banner .shell { font-size: 16px; line-height: 18px; }
    .banner p.author-name { font-size: 14px; }
    .banner .testimonial-pagination a { margin-left: 10px; width: 46px; height: 46px; }
    .banner .testimonial-pagination a img { width: 40px !important; height: 40px; border: 3px solid #fff; border-radius: 23px; -moz-border-radius: 23px; -webkit-border-radius: 23px; -o-border-radius: 23px; }

    html, body { height: 100%; }
    #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -784px; }
    #footer, #footer-push { height: 784px; }

    #footer { background: url(images/mfooter-bg-center.png) repeat-x 0 0; }
    .footer-inner { background: transparent; }

    .footer-top { padding-top: 0; height: auto; }

    .subscribe-form { background: url(images/msubscribe-shadow.png) no-repeat 0 0; }

    .footer-bottom { padding-top: 20px; text-align: center; }
    .copyright { float: none; display: block; width: 100%; padding-bottom: 16px; }
    .socials { float: none; display: block; margin: 0 auto;  }
    .socials span { float: none; display: block; padding: 0 0 4px 5px; }

    .list { width: 50%; padding: 20px 0 10px 0; letter-spacing: -0.04em; }
    .list.last { float: left; width: 50%; padding: 20px 0 10px 0; }
    .list.contact-list { width: 100%; }

    .subscribe-form input.medium { background: url(images/msubscribe-input.png) repeat-x 0 0; padding: 8px 11px 7px 11px; font-size: 10px; width: 227px; height: 13px; }
    #footer .subscribe-form input.gform_button { width: 49px !important; background: url(images/msubmit-subscribe.png) no-repeat 0 0; height: 28px; }

    .main { padding-top: 32px; }
    .main.welcome-bg { padding-top: 37px; background-position: center -40px !important; }
    .home .main.welcome-bg { padding-top: 0; }

    .person p { padding-bottom: 25px; }

    .footer-bottom a { text-decoration: underline; }

    .register-form { display: none; }

    .home .welcome-section .shell { padding: 0; }
    .home .welcome-section .section-img { display: block; float: none; width: 100%; position:static; height: 198px; }
    .home .welcome-section .section-img img { width: 100%; height: 198px; }
    .home .welcome-section .section-cnt { display: block; float: none; width: 100%; min-height: 0; }
    
    .home .main.welcome-bg { background: transparent !important; }
    .home .welcome-section { background: url(images/mhome-welcome-bg.jpg) no-repeat center 198px; }

    a.logo-img { width: 271px; height: 30px; background: url(images/mlogo-img.png) no-repeat 0 0; margin-bottom: 4px; }

    .home .welcome-section { padding-bottom: 7px; }

    .home .welcome-section .section-cnt { font-size: 13px; line-height: 15px; padding: 30px 0 70px 0; }
    .home .welcome-section .section-cnt h2 { font-size: 23px; line-height: 26px; padding-bottom: 6px; }
    .home .welcome-section .section-cnt p { padding: 0 28px 8px 28px; }

    .play-holder { width: 69px; left: 50%; margin-left: -35px; top: 65px; height: 70px; }    
    .play-holder a.play-btn { width: 69px; height: 70px; }
    .play-holder a.play-btn span.btn { background: url(images/mplay-btn.png) no-repeat 0 0; width: 69px; height: 70px; top: 0; left: 0; }
    
    .logos { text-align: center; }
    .logos a { margin-left: 0; width: 6%; }
    .logos a img { height: 25px !important; width: auto !important; }

    .section.motion-section { padding: 16px 0; }
    
    .section.motion-section .section-img, .section.savingtime-section .section-img { width: 100%; float: none; display: block; padding-bottom: 12px; }
    .section.motion-section .section-img img, .section.savingtime-section .section-img img { border: 0; width: 100%; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; height: auto;  }
    .section.motion-section .bubble { display: none; }

    .section.motion-section .section-cnt, .section.savingtime-section .section-cnt { width: 100%; }

    .section.clinically-section { padding: 14px 0 20px 0; }

    .section.clinically-section .section-img { width: 100%; margin: 0; float: none; display: block; }
    .section.clinically-section .section-img img { width: 90%; display: block; margin-left: auto; }

    .bubble.blue-bubble { left: 0px; }

    .section.clinically-section .section-cnt { width: 100%; float: none; display: block; }

    .section.savingtime-section { padding: 14px 0 26px 0; }

    .section.metrics-section { padding: 18px 0 0 0; height: auto; background: url(images/mipad-section-bg.jpg) no-repeat 0 0; height: 453px; }
    .section.metrics-section .section-cnt { display: block; width: 100%; float: none; }
    .section.metrics-section .section-img { display: block; float: none; width: 100%; }
    .section.metrics-section .section-img img { width: 100%; }

    .section.metrics-section .bubble.green-bubble { right: -6px; }

    .section.models-section { padding: 12px 0 0 0; }
    .models-section h3 { font-size: 23px; letter-spacing: -0.01em; text-align: center; }
    .models { padding-top: 6px; }
    .model { float: none; display: block; width: auto; padding-bottom: 40px; margin: 0; }
    .model img { width: 156px !important; height: 156px; }
    .model p { padding: 0 38px; }
    .model + .model { margin-left: 0; }

    /*.video-frame #cboxWrapper { width: 302px !important; height: 181px !important;  }
    .video-frame #cboxContent,
    .video-frame iframe { width: 286px !important; height: 165px !important; }
    .video-frame #cboxContent { padding: 8px !important; position: relative; }*/
    /*.video-frame#colorbox { width: 100% !important; }*/

    .section { padding: 25px 0 20px 0; }
    .section-cnt { width: 100%; float: none; display: block; padding-top: 0; padding-bottom: 12px; }

    .welcome-section .section-cnt h2 { text-align: center; }
    a.signin-btn {  height: 40px; line-height: 40px; padding: 0; display: block; width: 100%; }

    .video { display: block; float: none; width: 301px; height: 167px; background: url(images/mvideo-shadow.png) no-repeat center bottom; padding-bottom: 20px; margin: 0 auto; }
    .video iframe { width: 301px; height: 167px; }

    .main.welcome-bg { background: url(images/clinicians-bg.jpg) no-repeat center -40px; }

    p.person-name { position: absolute; left: 10px; right: 10px; }
 
    .feature { float: none; display: block; padding: 20px 0 20px 0; width: 100%; margin: 0; background: transparent; min-height: 0 !important; }
    .feature:first-child { padding-bottom: 44px; }
    .feature img { width: 132px !important; height: auto; }

    .section-img { width: 100%; display: block; float: none; margin: 0 ; }

    .home .section-cnt a { margin: 0 10px; width: auto; }
    .home .section-cnt a.logo-img { margin: 0 auto; width: 271px; }

    .person { padding-bottom: 30px; }

    .cols-holder { padding-bottom: 0; }
    .col { width: 100%; float: none; display: block; padding-bottom: 38px; }
    .col:first-child { float: none; display: block; }
    a.btn { width: 100%; padding: 0; text-align: center; }

    .popup-holder { width: 274px; padding: 0 10px 10px 10px; }
    .gform_wrapper li.gfield { padding-bottom: 9px; }
    .gform_wrapper li.gfield input, #commentform input { width: 95%; }
    .gform_wrapper li.gfield textarea, #commentform textarea { width: 95%; }
    .gform_wrapper input.gform_button, #commentform p.form-submit input { float: none; display: block; width: 100% !important; margin: 0; }

    .sub-nav { display: none; }
    .faq-article { padding: 16px 0; }

    .banner { margin-top: 30px; }

    .content { width: 100%; float: none; display: block; }

    .comment img.avatar { width: 77px; height: 77px; }

    .comment-inner { height: auto; overflow: visible; padding-top: 26px; }
    .comment-text { clear: both; padding-top: 16px; }

    .comment-entry { position: relative; padding-bottom: 33px; }

    a.comment-reply-link { background: url(images/mreply-btn.png) no-repeat 0 0; width: 290px; margin: 0; display: block; float: none; padding: 0; position: absolute; left: 50%; margin-left: -150px; height: 33px; line-height: 33px; padding-left: 10px; }

    .comments ul { position: relative; margin: 0 -10px; }
    ul.children li.comment { padding: 87px 9px 10px 9px; background-position: 10px 14px; }
    ul.children li.comment:first-child { background-position: 10px 14px; }

    #sidebar { width: 100%; float: none; display: block; padding: 0; background: transparent; }
    .post img.alignleft, .post img.alignright { margin: 0 0 18px 0; }

    .post-cnt { overflow: visible; }

    .pagination { width: 100%; }
    .pagination a { margin: 0 9px; }

    #footer .subscribe-form .gfield input { width: 95% !important; }

}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .header { background-image: url(images/mheader-bg-x2.png); -webkit-background-size: 104px 128px; background-size: 104px 128px; }
    a.sign-btn, a.register { background-image:url(images/msignin-x2.png); -webkit-background-size: 2px 18px; background-size: 2px 18px; }

    body .chzn-container-single .chzn-single div b, body .chzn-container-active.chzn-with-drop .chzn-single div b { background-image:url(images/mlanguage-arrow-x2.png); -webkit-background-size: 10px 6px; background-size: 10px 6px; }
    div#logo a { background-image: url(images/mlogo-x2.png); -webkit-background-size: 180px 37px; background-size: 180px 37px; }

    #navigation li.current-menu-item a { background-image:url(images/mmenu-select-x2.png); -webkit-background-size: 2px 32px; background-size: 2px 32px; }
    #navigation li a span.arrow { background-image:url(images/mmenu-arrow-x2.png); -webkit-background-size: 11px 6px; background-size: 11px 6px; }

    #footer { background-image:url(images/mfooter-bg-center-x2.png); -webkit-background-size: 320px 784px; background-size: 320px 784px; }
    .subscribe-form { background-image:url(images/msubscribe-shadow-x2.png); -webkit-background-size: 320px 9px; background-size: 320px 9px; }

    .home .main.welcome-bg { background-image:url(images/mhome-welcome-bg-x2.jpg); -webkit-background-size: 320px 243px; background-size: 320px 243px; }
    a.logo-img { background-image:url(images/mlogo-img-x2.png); -webkit-background-size: 271px 30px; background-size: 271px 30px; }

    .socials a.ico.facebook-ico { background-image:url(images/mfacebook-ico-x2.png); -webkit-background-size: 33px 30px; background-size: 33px 30px; }
    .socials a.ico.twitter-ico { background-image:url(images/mtwitter-ico-x2.png); -webkit-background-size: 33px 30px; background-size: 33px 30px; }
    .socials a.ico.gplus-ico { background-image:url(images/mgplus-ico-x2.png); -webkit-background-size: 33px 30px; background-size: 33px 30px; }

    .play-holder a.play-btn span.btn { background-image: url(images/play-btn.png); -webkit-background-size: 69px 141px; background-size: 69px 141px; }

}

@media only screen and ( -webkit-min-device-pixel-ratio: 0 ) {
    .bubble { letter-spacing: -0.08em; }
}