html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:     100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing:    border-box; box-sizing:         border-box;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a {
outline: 0;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: #4C4C4C;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
clear: both; 
}
.medium {
font-size: 30px;
font-weight: 300;
color: #36b593;
}
p {
margin-bottom: 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
.primary {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.primary:after {
border-bottom: 5px solid #404040;
bottom: 0;
content: " ";
display: block;
margin-bottom: 30px;
padding: 6px;
width: 15%;
}
.secondary {
font-size: 36px;
text-align: center;
margin-bottom: 0px;
}
h3.secondary {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
font-weight: 500;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.entry-header {
color: #fff;
font-size: 80px;
font-weight: 200;
}
.featured-price {
float: right;
font-size: 110px;
font-weight: 200;
letter-spacing: -0.05em;
}
.theme-price {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
font-size: 100px;
line-height: 80px;
font-weight: 200;
letter-spacing: -0.05em;
margin-left: -25px;
}
.price {
float: right;
font-size: 40px;
font-weight: 200;
padding-right: 5%;
}
.dollar {
color: #36B593;
}
.theme h2 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 2.25em; 
padding-left: 5%;
text-transform: uppercase;
text-align: left;
}
.theme h3 {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 2.25em;
padding-bottom: 5px;
padding-left: 5%;
text-transform: uppercase;
text-align: left;
}
.cta a { color:#FFF; } 
.cta .fa {
color: #fff;
margin-right: 45px;
text-align: center;
}  
.fa-github {  
color: #fff;
margin-right: 0 !important;  
} hr {
border: 1px dotted #ccc; 
border-style: none none dotted; color: #fafafa; 
background-color: #fafafa;
height: 1px;
margin-bottom: 2em;
margin-top: 3em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
.text-right {
text-align: right !important;
}
.green { color: #36b593; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #36b593;
border-radius: 3px;
background: #36b593;
color: #FFF;
cursor: pointer; -webkit-appearance: button; font-size: 16px;
line-height: 1;
padding: 1em 1.5em .8em;
text-transform: uppercase;
letter-spacing: 0.02em;
font-weight: 400;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #42c9a5 !important;
transition: all 0.3s ease 0s !important;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing:    content-box;
box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 5px 8px 5px;
}
textarea {
overflow: auto; padding-left: 3px;
vertical-align: top; width: 98%;
}
.ginput_container .medium {
color: #4c4c4c !important;
} .site-title, .site-title a, .site-title a:visited {
color: #FFFFFF;
font-size: 38px;
font-weight: 200;
letter-spacing: -0.025em;
line-height: 0.7em;
margin-top: 20px;
padding-left: 20px;
text-decoration: none;
}
.footer-title, .footer-title a, .footer-title a:visited {
color: #FFFFFF;
font-size: 38px;
font-weight: 200;
letter-spacing: -0.025em;
line-height: 0.7em;
margin-top: 5px;
margin-bottom: 10px;
margin-;
padding: 0 20px;
text-decoration: none;
text-align: center;
} a {
color: #36B593;
font-weight:500; 
-webkit-transition:  all 0.5s ease;
-moz-transition:  all 0.5s ease;
-o-transition:  all 0.5s ease;
transition:  all 0.5s ease; 
}
a:hover {
color: #42c9a5;
}
.outline, .outline a {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
border: 2px solid #FFFFFF;
border-radius: 3px;
color: #FFFFFF;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.085em;
margin-top: 20px;
padding: 15px 50px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.outline:visited {
color: #fff;
}
.outline:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #414244;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
float: right;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
display: block;
text-decoration: none;
padding: 18px 20px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #cdd3d6;
transition: all 0.3s ease-in-out 0s;
}
.main-navigation a:hover {
color: #36b593;
transition: all 0.3s ease-in-out 0s;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: right;
left: 0;
position: absolute;
top: 1.5em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
} .menu-toggle {
display: none;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px; 
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
} .site-branding {
width: 45%;
height: 56px;
float: left;
}
.site-header {
position: absolute;
width: 100%;
z-index: 9999;
-webkit-transform: translateZ(0);
}
.site-logo {
float: left;
width: 60px;
padding-left: 20px;
margin-top: -5px;
}
.content-area {
background: #EDEDED;
}
form.login {
background: #fff;
}
.account-form form.login {
padding: 30px 0 20px;
background: #fff;
margin: 0 auto;
}
.login-title {
font-size: 24px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0;
padding-bottom: 1.2em;
}
.footer-logo {
width: 60px;
padding-right: 20px;
margin-bottom: -8px;
}
.nav-container {
width: 55%;
float: left;
height: 56px;
padding-right: 20px;
margin-top: 12px;
}
.site-description, .site-info {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.site-info {
padding: 0 !important;
} 
.slide-content-container {
color: #FFFFFF;
position: absolute;
top: 34%;
width: 100%;
max-width: 1360px;
}
.facts {  
color: #fff;
text-align: center;
padding: 125px 40px;
}
.facts h2 {
font-size: 32px;
font-weight: 300;
margin-bottom:1em;
text-transform:uppercase;
}
.fact .fa { font-size:24px; margin-bottom:10px; }  
.fact h1 { 
font-weight: 800;
font-size: 55px;
margin-bottom: 25px;
line-height: 60px;
}
.fact { 
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.035em;
} 
.details h4 { font-size:16px; }   
.slide-content {
text-align: center;
}
.slide-content h2 {
font-size: 16px;
font-weight: 500;
padding: 10px 0 40px;
text-transform: uppercase;
}
.slide-content p {
text-align: center;
max-width: 650px;
font-size: 20px;
line-height: 22px;
margin: 0 auto;
font-weight: 400;
}
.our-themes {
margin-left: 5%;
width: 250px;
float: left;
box-shadow: 0px 0px 10px #292b2c;
}
.our-themes h2 {
background: none repeat scroll 0 0 #36B593;
display: block;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.15em;
padding: 20px 0 20px 20px;
text-align: left;
text-transform: uppercase;
border-radius: 3px 3px 0 0;
}
.our-themes p {
background: none repeat scroll 0 0 #272928;
color: #FFFFFF;
display: block;
font-weight: 400;
font-size: 16px;
margin: 0;
padding: 12px;
text-align: left;
width: 100%;
}
.our-themes p:last-child {
border-radius: 0 0 4px 4px;
}
.our-themes p span {
color: #36B593;
font-weight: 700;
padding-right: 5px;
}
.featured-container {
margin-top: -15px !important;
position: relative;
z-index: 999;
padding-bottom: 50px !important;
}
.cart {
display: block;
font-weight: 300;
letter-spacing: 0.05em;
padding-bottom: 30px;
text-transform: uppercase;
}
.cart h3 {
font-size: 130px;
font-weight: 200;
margin-bottom: -30px;
padding-left: 22px;
}
.featured-theme {
border-top: 5px solid #36B593;
margin-top: 10px;
}
.featured-theme img {
border: medium none;
width: 100%;
}
.featured-description {
background: none repeat scroll 0 0 #FFFFFF;
margin-left: 10px;
padding: 20px;
font-size: 17px;
}
.featured-description span {
color: #36B593;
display: block;
font-size: 14px;
padding: 20px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 500;
}
.featured-buy {	
display: block;
background: #36B593;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 400;
color: #fff;
padding: 15px 30px;
text-align: center;
}
.theme-links, .theme-links:visited {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;	
display: inline-block;
width: 180px;
background: #36B593;
border: 2px solid #36B593;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 400;
color: #fff;
padding: 15px 0;
margin: 0 10px;
text-align: center;
text-decoration: none;
transition: all 0.3s ease 0s;
font-size: 16px;
}
.theme-links:hover {
color: #fff;
background: #42c9a5;
border: 2px solid #42c9a5;
transition: all 0.3s ease 0s;
}
.theme-container {
background: none repeat scroll 0 0 #f1f1f1;
padding: 60px 0 80px;
}
.theme-description {
padding-top: 50px !important;
padding-bottom: 50px !important;
font-size: 16px;
}
.theme-description .fa {
font-size: 38px;
color: #42c9a5;
text-align: center;
display: block;
}
.theme-description h1 {
font-size: 36px;
text-align: center;
margin-bottom: 30px;
}
.theme-feature {
padding-top: 50px !important;
padding-bottom: 10px !important;
font-size: 18px;
}
.theme-feature h1 {
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
}
.theme-feature-2 {
padding-top: 25px !important;
padding-bottom: 50px !important;
font-size: 18px;
}
.theme-feature-2 h1 {
font-size: 36px;
margin-bottom: 30px;
}
.home-feature-1 img { height:75px; margin: 0 auto; margin: 0 auto 15px; }  
.home-feature-1 h2 { font-size: 1.75em;
margin-bottom: 0.5em;
text-align: center; } 
.home-feature-1 {
padding-top: 45px !important;
padding-bottom: 35px !important;
font-size: 16px;
text-align: center; 
}
.home-feature-1 h1 { 
font-size: 17px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 500;
text-align: center;
}  
.home-feature-1 h3 {  
font-size: 20px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 500;
text-align: center;
}
.home-feature-1 h3 a { color:#000; 
-webkit-transition:  all 0.5s ease;
-moz-transition:  all 0.5s ease;
-o-transition:  all 0.5s ease;
transition:  all 0.5s ease; 
}
.home-feature-1 h3 a:hover { color:#36b593; }  
.home-feature-1 h4 {    
font-size: 16px;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 400;
text-align: center;
}
.home-feature-1 p {    
font-size: 14px;  
}
.home-feature-2 {
padding-top: 20px !important;
padding-bottom: 60px !important;
font-size: 21px;
}
.home-feature-2 h1 {
font-size: 36px;
margin-bottom: 30px;
}
.theme {
background: #fff;
box-shadow: 0px 0px 4px #d6dcde;
margin-bottom: 20px;
margin-top: 30px;
border-radius: 4px;
position: relative;
overflow: hidden;
} 
.theme-icon {
display: block;
margin: 0 auto;
}
.cta {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
background: none repeat scroll 0 0 #36B593;
color: #FFFFFF;
font-size: 32px;
font-weight: 200;
padding: 30px 0;
text-align: center;
}
.cta span {
font-weight: 600;
}
.footer {
background: none repeat scroll 0 0 #131619;
color: #999;
font-size: 13px;
line-height: 25px;
padding: 60px 0 20px;
}
.footer .widget-title {
font-size: 20px; 
font-weight: 600;
letter-spacing: 0.075em;
margin-bottom: 25px;
text-transform: uppercase;
color: #fff;
text-align: center; 
}
.theme-container p { text-align:center; } 
.theme-header {
padding-top: 220px;
text-align: center;
padding-bottom: 60px;
color: #fff;
position: relative;
}
.theme-footer {
padding-top: 120px;
text-align: center;
padding-bottom: 60px;
color: #fff;
position: relative;
}
.theme-header h1 {
font-size: 75px; 
line-height: 90px;
font-weight: 200; 
}
.theme-header h2 { 
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: 25px;
}
.theme-footer h1 {
font-size: 90px;
line-height: 90px;
font-weight: 200;
}
.theme-footer h2 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: 25px;
}
.cta-header {
padding-top: 120px;
text-align: center;
margin-bottom: 60px;
color: #fff;
}
.cta-header h4 {
font-size: 70px; 
line-height: 70px;
font-weight: 200;
}
.cta-header h2 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: 25px;
}
.theme-description h2 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
text-align: center;
margin: 8px auto 15px;
}
.theme-footer-background {
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/outlet-footer.jpg) no-repeat top center rgba(0, 0, 0, 0);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-bottom: 80px;
} 
.home-footer-background {
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/home-footer-bg.jpg) no-repeat top center rgba(0, 0, 0, 0);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.up-arrow {
font-size: 26px;
padding-top: 60px;
padding-bottom: 25px;
text-align: center;
padding-left: 0px;
}
.up-arrow a {
color: #fff;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.up-arrow a:visited, .up-arrow a:hover  {
background: #42c9a5;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-title {
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/outlet-footer.jpg) no-repeat top center rgba(0, 0, 0, 0);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 130px 0 50px;
text-align: center;
}
.account-form {
text-align: center;
width: 100%;
max-width: 500px;
margin: 15px auto !important;
position: absolute;
}
.account-form {
position: relative;
}
.lost-password {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
width: 100%;
max-width: 500px;
margin: 15px auto !important;
padding: 20px;
border-radius: 5px;
border: 1px solid #e0dadf;
}
.force-title {
display: block;
margin-top: 5px;
margin-bottom: 3px;
}
.login-icon {
font-size: 28px;
display: inline-block;
color: #36b593;
padding-right: 10px;
}
input.force-input {
width: 100%;
margin-bottom: 0px;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 20px 15px 50px;
font-size: 20px;
border-radius: 0;
}
input.force-username {
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/user.png) no-repeat scroll 15px 23px rgba(0, 0, 0, 0);    
-webkit-transition: all 0.1s ease-out 0s;    
-moz-transition: all 0.1s ease-out 0s;    
-o-transition: all 0.1s ease-out 0s;    
-ms-transition: all 0.1s ease-out 0s;    
transition: all 0.1s ease-out 0s;
}
input.force-password {
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/password.png) no-repeat scroll 20px 23px rgba(0, 0, 0, 0);    
-webkit-transition: all 0.1s ease-out 0s;    
-moz-transition: all 0.1s ease-out 0s;    
-o-transition: all 0.1s ease-out 0s;    
-ms-transition: all 0.1s ease-out 0s;    
transition: all 0.1s ease-out 0s;
}
input.force-username:focus {
border-left: 5px solid #36b593;    
-webkit-transition: all 0.1s ease-out 0s;    
-moz-transition: all 0.1s ease-out 0s;    
-o-transition: all 0.1s ease-out 0s;    
-ms-transition: all 0.1s ease-out 0s;    
transition: all 0.1s ease-out 0s;
}
input.force-password:focus {
border-left: 5px solid #36b593;    
-webkit-transition: all 0.1s ease-out 0s;    
-moz-transition: all 0.1s ease-out 0s;    
-o-transition: all 0.1s ease-out 0s;    
-ms-transition: all 0.1s ease-out 0s;    
transition: all 0.1s ease-out 0s;
}
.email-contact .gform_body {
float: none;
margin: 0 auto;
width: 100%;
}
.gform_wrapper {
margin: 0 auto !important;
max-width: 50% !important;
overflow: inherit !important;
}
.gform_wrapper .top_label .gfield_label {
font-size: 14px !important; 
font-weight: 300 !important;
text-transform: uppercase !important;
}
.email-contact .gform_footer {
width: 20%;
float: left;
clear: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
margin-left: 2px !important;
}
.email-contact .gform_button {
background: none repeat scroll 0 0 #36b593 !important;
border: 1px solid #36b593 !important;
border-radius: 3px !important;
box-shadow: none !important;
color: #fff !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
line-height: 1 !important;
margin-top: 25px !important;
padding: 1.5em 2.5em 1.5em !important;
text-shadow: none !important;
text-transform: uppercase !important;
width: 100% !important;
}
.email-contact .gform_footer {
clear: none !important;
float: left;
margin-left: 2px !important;
margin-top: 0 !important;
padding-top: 0 !important;
width: 100% !important;
}
.gform_wrapper li, .gform_wrapper form li {
list-style: outside none none !important;
margin-left: 0 !important;
overflow: visible;
text-align: center !important;  
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 100% !important; 
}
.email-contact .gform_body input {
padding: 9px 6px 9px !important;
font-size: 12px !important;
}
.email-contact .gform_button { 
text-transform: uppercase !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
border: 1px solid #36b593 !important;
border-radius: 3px !important;
background: #36b593 !important;
color: #FFF !important;
line-height: 1 !important;
padding: 1em 1.5em .8em !important;
text-shadow: none !important;
box-shadow: none !important;
}
.cart-wrapper { max-width: 900px; margin: 0 auto; background: #fafafa; border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); padding: 40px 75px 50px; }
.cart-wrapper-blank { max-width: 900px; margin: 0 auto; padding: 40px 75px 50px; }
ul.cart_header { list-style: none; margin: 0; font-size: 13px; text-transform: uppercase;}
ul.cart_header li {  display: inline-block; padding-bottom: 8px;  }
ul.cart_item li {  display: inline-block; padding: 15px 5px; vertical-align: middle; }
li.product-thumbnail { width: 15%; text-align: center; }
li.product-thumbnail img { width: 70px; margin: 0 auto;}
li.product-name { width: 55%;  }
li.product-remove { width: 14%; text-align: center; }
li.product-price { width: 13%; text-align: center; }
table.shop_table { background: #fff; }
ul.cart_item { background: #fff; margin: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; padding-top: 5px; margin-bottom: 15px; }
.remove { background: #36b593; padding: 10px 15px; }
li.product-remove a { color: #fff; border-radius: 3px; }
li.product-name h1 { color: #4C4C4C; font-size: 30px; }
li.product-price .amount { font-size: 30px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; }
li.checkout-total { font-size: 30px; color: #36b593; text-align: center; width: 18.5%; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; text-align: right; }
.coupon .button { background: none; border: 3px solid #333; }
.woocommerce .cart-wrapper .coupon input.button { background: none !important; border: 1px solid #4C4C4C !important; font-size: 12px !important;  text-transform: uppercase; font-weight: 500 !important; border-radius: 4px; padding: 13px 18px 11px !important; color: #4C4C4C !important; }
.coupon #coupon_code { font-style: italic; font-size: 14px; }
.coupon { width: 100%; }
.cart-collaterals { width: 42% !important; float: right; }
.product-container { margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
.cart_totals .amount { font-size: 60px; font-weight: 300; color: #36b593; letter-spacing: -0.05em; padding-left: 10px; }
.cart_totals { text-transform: uppercase; font-weight: 500; line-height: 65px; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt{ background: #36b593; border-color: #36b593; text-shadow: none; box-shadow: none; padding: 20px 60px; font-weight: 400; text-transform: uppercase;} 
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover { background: #42c9a5; text-shadow: none; border-color: #42c9a5;}
.shop-total { border: 0px !important; border-radius: 0 !important; background: none !important; padding-top: 25px; }
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { font-weight: 300; font-size: 26px; }
tr.order-total th { padding-top: 20px !important; }
tr.order-total td { text-align: center !important; }
tr.order-total .amount { font-weight: 300 !important; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; }
.cart-collaterals .cart_totals { width: 100% !important; }
.order-list-style .product-name { font-size: 30px; }
.login-styles input.button, form.login input.button, form.lost_reset_password input.button { background: #36b593 !important; border: 1px solid #36b593 !important;border-radius: 3px !important;background: #36b593 !important;color: #FFF !important;  text-shadow: none !important; font-weight: 400 !important; box-shadow: none !important; padding: 25px 20px !important;margin-right: auto !important; text-transform: uppercase; font-size: 15px !important; letter-spacing: 0.025em; display: block !important; width: 70%; }
.login-styles input.button:hover, form.login input.button:hover, form.lost_reset_password input.button:hover { 
background: #42c9a5 !important;
transition: all 0.3s ease 0s !important;
}
background: #42c9a5 !important;
transition: all 0.3s ease 0s !important;
.grid-block {
position: relative;
float: left;
}
.login-styles form.login, .login-styles form.register { margin-top: 15px; background: #fafafa; }
.lost_password { display: block; text-align: center; margin-bottom: 0 !important;}
.caption {
display: none;
position: absolute;
top: 0;
left: 0;
background: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
text-align: center;
}
.caption-out {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.9);
width: 100%;
height: 100%;
text-align: center;
border-radius: 0 0 4px 4px;
transition: all 0.5s ease 0s;
}
.caption-out:hover {
background: rgba(0,0,0,0.7);
}
.caption-out p {
margin-top: 45%;
text-transform: uppercase;
font-weight: 400;
color: #fff;
margin-bottom: 0;
}
.caption-out h4 {
font-size: 55px;
color: #fff;
font-weight: 200;
}
.caption h3, .caption p {
color: #000;
margin: 20px;
text-transform: uppercase;
text-align: center;
}
.caption h3 {
margin: 22% 20px 10px 0px;
font-size: 22px;
font-weight: 200;
}
.caption p {
font-size: 80px;
font-weight: 100;
text-align: center;
border: 1px solid;
border-radius: 100px;
}
.theme-button {
height: 100px;
width: 100px;
border-radius: 100px;
margin: 0 auto;
text-transform: uppercase;
font-weight: 400;
margin-top: 35%; 
}
a img {
display: block;
}
.go-to-top {
padding: 0px 12px 4px;
background: #36b593;
border-radius: 5px;
}
.second-title {
font-size: 36px;
margin-bottom: 1em;
}
.order-complete-button { padding: 30px 40px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; margin-top: 30px;}
.view-all-themes { padding: 25px 70px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; margin: 10px auto 0; display: block;}
.woocommerce-message, .woocommerce-info { display: none; }
.woocommerce-error-message {
}
input.gform_button_select_files { font-size: 12px !important; padding: 10px 15px !important; margin-left: 10px;}
.support-form .gform_wrapper .top_label .gfield_label { font-weight: 300; font-size: 18px; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 100%; }
.blog-container { padding-top: 60px; padding-bottom: 60px; }
.blog-wrap {  background: none repeat scroll 0 0 #fafafa;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
margin: 0px auto;
max-width: 900px;
padding: 40px 75px 20px; text-align: center; font-size: 18px;}
.base-container { padding-top: 60px; padding-bottom: 60px; }
.base-wrap {  background: none repeat scroll 0 0 #fafafa;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
margin: 0px auto;
max-width: 900px;
padding: 40px 75px 20px;  font-size: 15px;}
.base-wrap h1 { font-size: 16px; color: #36b593; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 500; }
.blog-wrap .entry-header { font-size: 40px; line-height: 40px; margin-top: 15px; color: #4c4c4c;}
.entry-header .cat-links { font-size: 20px; color: #4c4c4c;}
.entry-meta { font-size: 14px; color: #4C4C4C; font-weight: 500; text-transform: uppercase; }
.blog-wrap .entry-content img { border-radius: 3px; margin-bottom: 20px; }
.blog-button { padding: 25px 50px; }
.footer .widget ul { margin: 0; list-style: none; }
.footer .widget ul li a { color: #999;}
.footer .widget ul li a:hover { color: #42c9a5;}
.home-down { color: #fff; height: 50px; width: 50px; border: 2px solid #fff; border-radius: 100px; font-size: 30px; line-height: 45px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.home-down:hover { color: #4c4c4c; background: #fff;  -webkit-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s;}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #ededed !important; box-shadow: none !important; border-radius: 3px !important; width: 100% !important; text-shadow: none !important;}
.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { top: -1px !important; border-color: transparent transparent #ededed !important; }
p.mission { font-size: 18px; padding: 0 140px; }
.four-cta .fa {
color: #42c9a5;
font-size: 40px;
margin-bottom: 10px;
}
.email-contact .fa {
font-size: 24px;
margin-right: 10px;
margin-top: 5px;
}
.email-contact a > .fa {
color: #999;
}
.email-contact a:hover > .fa {
color: #42c9a5;
} .sticky {
}
.hentry {
padding: 0 0 1.5em;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.entry-content {
padding-top: 20px;
padding-bottom: 20px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
ul.woocommerce-error-message {
margin: 0 auto;
list-style: none;
max-width: 500px;
text-align: center;
margin-bottom: 10px;
}
.blog-wrap .entry-content {
padding-top: 0;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {} .bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
width: 100%;
display: block;
}
ul.bxslider {
margin: 0;
padding: 0;
}
.bx-viewport li { min-height: 1px; min-width: 1px; } .bx-wrapper .bx-viewport {
background: #fff;
max-height: 700px;
z-index: 1; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 0px;
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/controls.png) no-repeat 0 -73px;
}
.bx-wrapper .bx-next {
right: 0px;
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/controls.png) no-repeat -42px -73px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -42px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -33px;
outline: 0;
width: 34px;
height: 67px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//michaelryandriscoll.com/wp-content/themes/newdriscoll/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
#sequence {
position: relative;
height: 100vh; 
width: 100%;
margin: 0 auto;
overflow: hidden;
color: white; }
ul.sequence-canvas { margin: 0; list-style: none; }
#sequence > .sequence-canvas {
height: 100%;
width: 100%; }
#sequence > .sequence-canvas > li {
position: absolute;
width: 100%;
height: 100%;
z-index: 1; }
#sequence > .sequence-canvas li > * {
position: absolute;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
#sequence .sequence-next,
#sequence .sequence-prev {
background: #36b593;
cursor: pointer;
display: none;
font-size: 40px;
font-weight: bold;
position: absolute;
opacity: 0.7;
top: 43%;
height: 64px;
width: 40px;
z-index: 20;
color: #fff;
text-align: center;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s; }
#sequence .sequence-prev {
left: 0px; }
#sequence .sequence-next {
right: 0px; }
#sequence .sequence-next:hover,
#sequence .sequence-prev:hover {
opacity: 1;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s; }
#sequence .bg {
opacity: 0;
z-index: 1; 
position: asbolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#sequence .animate-in .bg {
opacity: 1;
z-index: 1;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; }
#sequence .animate-out .bg { 
opacity: 0;
z-index: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; }
#sequence .slide-title { 
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
opacity: 0;
z-index: 10;
text-align: center;
right: 150%;
bottom: 50%;
width: 100%;
padding: 15px 20px; 
font-size: 80px;
line-height: 70px;
font-weight: 200;
letter-spacing: -0.025em;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s;
} 
#sequence .animate-in .slide-title {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; 
opacity: 1;
z-index: 10;
right: 0%;
bottom: 50%;
width: 100%;
padding: 8px 20px;
font-size: 80px;
line-height: 70px;
font-weight: 200;
letter-spacing: -0.025em;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s;
}
#sequence .animate-out .slide-title {
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
opacity: 0;
z-index: 10;
right: 0%;
bottom: 150%;
width: 100%;
padding: 15px 20px;
font-size: 80px;
line-height: 70px;
font-weight: 200;
letter-spacing: -0.025em;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; }
#sequence .slide-description {  
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
text-align: center;
font-size: 16px;
font-weight: 500;
padding: 10px 0 40px;
text-transform: uppercase;
opacity: 0;
z-index: 10;
right: -150%;
top: 50%;
width: 100%;
padding: 5px 20px 10px;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s;
}
#sequence .animate-in .slide-description {
opacity: 1;
z-index: 10;
right: 0%;
top: 50%;
width: 100%;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s;
}
#sequence .animate-out .slide-description {
opacity: 0;
z-index: 10;
right: 0%;
top: 150%;
width: 100%;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; }
#sequence .slide-arrow { 
opacity: 0;
z-index: 10;
right: 0%;
top: 150%;
width: 100%;
text-align: center;
padding: 20px 20px 10px;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; 
}
#sequence .animate-in .slide-arrow {
opacity: 1;
z-index: 10;
right: 0%;
top: 58%; 
width: 100%;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s;
}
#sequence .animate-out .slide-arrow {
opacity: 0;
z-index: 10;
right: 0%;
top: 150%;
width: 100%;
-webkit-transition-duration: 1.3s;
-moz-transition-duration: 1.3s;
-ms-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
transition-duration: 1.3s; } *, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0px;
}
[class*='col-'] {
float: left;
padding-right: 20px;
}
[class*='col-']:last-of-type {
padding-right: 0px;
}
.grid {
width: 100%;
max-width: 1360px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid-pad {
padding: 20px 0 0px 20px;
}
.grid-pad > [class*='col-']:last-of-type {
padding-right: 20px;
}
.side-pad > [class*='col-']:last-of-type {
padding-right: 20px;
}
.side-pad {
padding: 0 40px;
}
.push-right {
float: right;
} .col-1-1 {
width: 100%;
}
.col-2-3, .col-8-12 {
width: 66.66%;
}
.col-1-2, .col-6-12 {
width: 50%;
}
.col-1-3, .col-4-12 {
width: 33.33%;
}
.col-1-4, .col-3-12 {
width: 25%;
}
.col-1-5 {
width: 20%;
}
.col-1-6, .col-2-12 {
width: 16.667%;
}
.col-1-7 {
width: 14.28%;
}
.col-1-8 {
width: 12.5%;
}
.col-1-9 {
width: 11.1%;
}
.col-1-10 {
width: 10%;
}
.col-1-11 {
width: 9.09%;
}
.col-1-12 {
width: 8.33%
} .col-11-12 {
width: 91.66%
}
.col-10-12 {
width: 83.333%;
}
.col-9-12 {
width: 75%;
}
.col-5-12 {
width: 41.66%;
}
.col-7-12 {
width: 58.33%
}
.col-cart {
width: 14.667%;
}
.col-featured {
width: 37.667%;
}
.col-description {
margin-left: 2%;
width: 43.66%;
}
.col-theme {
margin-right: 2.5%;
padding: 0;
width: 31.333%;
}
.col-theme-last {
padding: 0 !important;
width: 31.333%;    
}
.grid-nav {
overflow: visible;
}
.theme-details {
padding-top: 50px !important;
padding-bottom: 80px !important;
font-size: 16px;
background: #f1f1f1; 
}
.theme-details h2 { text-align: center; }
.theme-detail-img { width: 70%; margin: 0 auto 10px; display: block; }
.theme-details h1 {
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
text-align: center;
}
@media handheld, only screen and (max-width: 1180px) {
.our-themes{ display: none; }
.slide-content { width: 100% !important; text-align: center; padding-left: 20px;}
.outline, .outline a { float: none; }
.slide-content h2 { padding-bottom: 30px; }
.mob-hide { display: none; }
.second-title { line-height: 40px; }
}
@media handheld, only screen and (max-width: 1020px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
float:right;
transition: all 0.5s ease-in-out 0s;
}
.main-navigation ul {
display: none;
}
ul#menu-main-menu {
background:#fff;
border-radius: 4px;
float: right;
right: 20px;
position: absolute;
top: 60px;
z-index: 99999;
transition: all 0.5s fade-in-out 0s;
padding-top: 3px; 
transition: all 0.5s ease-in-out 0s;
}
ul#menu-main-menu li {
display: block;
float: none;	
}
ul#menu-main-menu li:nth-child(2n) {
background: #f4f4f4;	
}
ul#menu-main-menu li a {
padding: 8px 30px;	
color: #999;
}
ul#menu-main-menu li a:hover {
color: #36b593;
}
.nav-container button { background: none; border: none;
height: 45px;
position: absolute;
right: 20px;
top: 15px;
width: 40px;}
.main-navigation {
cursor: pointer;
display: inline-block;
height: 45px;
right: 20px;
top: 15px;
width: 40px;
}
.main-navigation .bar {
background-color: #FFFFFF;
display: block;
height: 4px;
left: 50%;
margin-left: -11px;
margin-top: -1px;
position: absolute;
top: 49%;
transition: margin 0.10s, opacity 0.10s ease-in-out 0.15s, -webkit-transform 0.10s ease-in-out 0.5s;
width: 22px;
float: right;
}
.main-navigation .bar.bar-1 {
margin-top: -8px;
}
.main-navigation .bar.bar-3 {
margin-top: 6px;
}
.main-navigation:hover .bar.bar-1 {
margin-top: -9px;
}
.main-navigation:hover .bar.bar-3 {
margin-top: 7px;
}
p.mission { padding: 0 60px; }
.home-bx .bx-controls { display: none; }
#sequence .sequence-next, #sequence .sequence-prev { background: none; }
#sequence .slide-title, #sequence .animate-in .slide-title, #sequence .animate-out .slide-title { font-size: 62px !important; } 
}
@media handheld, only screen and (max-width: 980px) {
.four-cta { width: 50%; }
.secondary { line-height: 38px; }
p.mission { padding: 0 40px; }
}
@media handheld, only screen and (max-width: 767px) {
.col-theme img { 
display: block;
float: none;
margin: 0 auto;
}
.grid {
width: 100%;
min-width: 300px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
[class*='col-'] {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
[class*='col-']:last-of-type {
padding-right: 20px;
}
.col-theme-last {
padding: 0 20px !important;
}
.site-branding {
width: 80%;
}
#sequence {
height: 375px;
}
.nav-container {
width: 20%;
}
.side-pad {
padding: 0 !important;
}
.site-title, .site-title a, .site-title a:visited { font-size: 26px; line-height: 1.15em; padding-left: 7px; }
#sequence .slide-arrow { padding-top: 50px; }
#sequence .slide-description { font-size: 14px; padding: 5px 35px 10px }
.cta-header h1 { font-size: 40px; }
.cta { font-size: 28px; line-height: 30px; }
.slide-content h2 { display: none; }
.slide-content a.outline { display: none; }
#sequence .slide-title, #sequence .animate-in .slide-title, #sequence .animate-out .slide-title { font-size: 32px !important; font-size: 8vw !important; line-height: 1 !important;}
#sequence .sequence-next, #sequence .sequence-prev { width: 20px; }
.theme-container { padding-top: 30px; }
.slide-content-container { top: 40%; }
.theme-header h1, .theme-footer h1 { font-size: 60px; line-height: 70px;}
.theme-links, .theme-links:visited { width: 130px; margin: 0 5px; } 
.theme-header h2, .theme-footer h2 { font-size: 13px; }
.theme-header { padding-top: 120px; }
.theme-description { padding-top: 30px !important; }
.theme-description h1 { line-height: 40px;  padding: 0 20px;}
.text-right { text-align: center !important; }
.small-hide { display: none; }
.entry-header { font-size: 50px; line-height: 54px; }
.account-form { max-width: none; }
.cart-wrapper { padding: 0px 0px 10px;  background: none; box-shadow: none;}
.cart-wrapper-blank { padding: 0px 0px 10px;  }
.mob-cart { padding: 0 20px; }
.cart-collaterals { width: 100% !important; float: none; }
.cart-collaterals .cart_totals { text-align: right !important; }
input.checkout-button { width: 100% !important; }
li.product-name { width: 50%; }
.remove { padding: 5px 10px; }
li.product-name a { font-size: 20px; }
li.product-price .amount { font-size: 20px; }
li.checkout-total { width: 23.5%; }
.woocommerce form .form-row label, .woocommerce-page form .form-row label { line-height: 1.5em; }
.blog-wrap { background: none; box-shadow: none; padding: 0 20px 0;}
.base-wrap { background: none; box-shadow: none; padding: 0 20px 0;}
.page-pad { padding: 0 20px !important; }
li.checkout-total { font-size: 24px; text-align:right;}
.order-list-style .product-name { font-size: 24px; }
.wow {
visibility: visible !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
p.mission { font-size: 16px; padding: 0 20px; } 
}
@media handheld, only screen and (max-width: 480px) {   
h3.secondary { font-size: 16px; } 
.facts {
color: #fff;
padding: 20px 0;
text-align: center;
}  
.gform_wrapper {
margin: 0 auto !important;
max-width: 90% !important;
overflow: inherit !important;
}
.cta .fa {
margin-right: 15px;
text-align: left;
}
} 
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
.loadingWrapper{width:100%;height:100%;position:fixed;left:0;top:0;background:#131619;z-index:111111;color:#FFFFFF;}
.loadingWrapper .loading{width:280px;padding:36px;font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;color:#fff;border:4px solid #fff;text-transform:uppercase;margin:0 auto;font-size:24px;font-weight:400;position:absolute;top:50%;left:50%;z-index:-1;margin:-76px 0 0 -140px}
.loadingWrapper .loading h2{font-weight:900;font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;}  
.loadingWrapper .loading h3{margin:10px 0 0 0;font-size:16px;opacity:1;-webkit-animation:loadingPulse 0.5s ease infinite;animation:loadingPulse 0.5s ease infinite;color:#FFFFFF;}
.loadingWrapper h3{text-align:center;}
.gform_wrapper .top_label .gfield_label { font-size: 18px; font-weight: 300 !important; }