/*
Theme Name: Accesspress Themes
Theme URI: https://accesspressthemes.com/
Author: Access Keys
Author URI: https://access-keys.com/
Description: Accesspress Themes is a showcase website for both free and premium WordPress Themes and Plugins..
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accesspressthemes
Domain Path: /languages/
Tags:
*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
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%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units https://clagnut.com/blog/348/#c790 */
    
    /* Keeps page centered in all browsers regardless of content height */
    
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see https://caniuse.com/#search=box-sizing */
    
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see https://caniuse.com/#search=box-sizing */
    
    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 {
    /* tables still need 'cellspacing="0"' in the markup */
    
    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:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
a img {
    border: 0;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}
h1 {
    font-size: 28px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
p {
    margin-bottom: 20px;
}
b,
strong {
    font-weight: 600;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
}
address {
    margin: 0 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
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%;
}
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
    background-color: #e4e4e4;
    border: 0;
    height: 1px;
    margin: 20px 0;
}
ul,
ol {
    margin: 0;
}
ul {
    list-style: square;
    margin-left: 25px;
}
ol {
    list-style: decimal;
    margin-left: 20px;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    
    max-width: 100%;
    /* Adhere to container width. */
    
    vertical-align: middle;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
th {
    font-weight: bold;
}
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-content a.bttn {
    background: #00c1cf;
    border: none;
    color: #fff;
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
    cursor: pointer;
    display: inline-block;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bttn:hover {
    background: #00B7C4;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
    border: 1px solid #e4e4e4;
    border-radius: 1px;
    color: #555;
    height: 38px;
    padding: 3px 10px;
    width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    border: 1px solid #00c1cf;
}
textarea {
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
}
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a {
    color: royalblue;
}
a:visited {
    color: purple;
}
a:hover,
a:focus,
a:active {
    color: midnightblue;
}
/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.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,
.mid-content:before,
.mid-content:after {
    content: '';
    display: table;
}
.clearfix:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.mid-content:after {
    clear: both;
}
/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}
/* Search widget */

.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

.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;
}
/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/

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

.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 {} @font-face {
    font-family: 'scriptinaregular';
    src: url('css/fonts/scriptin_2-webfont.eot');
    src: url('css/fonts/scriptin_2-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/scriptin_2-webfont.woff2') format('woff2'), url('css/fonts/scriptin_2-webfont.woff') format('woff'), url('css/fonts/scriptin_2-webfont.ttf') format('truetype'), url('css/fonts/scriptin_2-webfont.svg#scriptinaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#main-content,
.mid-content {
    width: 1170px;
    margin: 0 auto;
}
#main-content {
    margin-bottom: 30px;
}
#page.nav-fixed {
    padding-top: 51px
}
header#masthead {
    background: #FFF;
}
#top-header {
    border-bottom: 1px solid #E4E4E4;
}
#top-header .contact-info {
    font-size: 13px;
    float: left;
    line-height: 32px;
}
#top-header .contact-info .fa {
    margin-right: 6px;
}
#top-header .contact-info a {
    text-decoration: none;
    color: #404040
}
#top-header .socials {
    float: right;
}
#top-header .socials a {
    color: #00C1CF;
    border-left: 1px solid #E4E4E4;
    padding: 0 10px;
    line-height: 32px;
    font-size: 16px;
    float: left;
    width: auto;
    text-align: center;
}
#top-header .socials a:first-child {
    border-left: medium none;
    margin-right: 15px;
    text-decoration: none;
}
#top-header .socials a .fa {
    vertical-align: middle;
}
#main-header {
    padding: 15px 0;
    border-bottom: 1px solid #E4E4E4;
    background: #FFF;
    transition: padding 0.5s ease;
    -webkit-transition: padding 0.5s ease;
    -moz-transition: padding 0.5s ease;
}
#main-header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0;
    height: 51px;
}
#main-header .site-branding {
    float: left;
}
#main-header .site-branding .site-logo {
    margin: 0;
}
#main-header.fixed .site-branding img {
    height: 50px;
    width: auto;
    padding: 5px 0;
}
#site-navigation {
    float: right;
    margin-top: 10px;
}
#main-header.fixed #site-navigation {
    margin-top: 0
}
#site-navigation ul {
    list-style: none
}
#site-navigation ul li a {
    text-decoration: none;
    color: #666;
    display: block;
    padding: 0 15px;
}
#site-navigation > div > ul > li {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    font-size: 13px;
    line-height: 50px;
}
#site-navigation > div > ul > li.current_page_item {
    background: #00C1CF;
}
#site-navigation > div > ul > li:hover {
    background: #333
}
#site-navigation > div > ul > li.current_page_item:hover {
    background: #00C1CF;
}
#site-navigation > div > ul > li.current_page_item a,
#site-navigation > div > ul > li:hover a {
    color: #FFF;
}
.site-content a {
    color: #3F3933;
    text-decoration: none;
    
}

#featured-bar {
    background: #00C1CF;
    color: #FFF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)
}
#featured-bar .featured-block {
    width: 20%;
    float: left;
    height: 100px;
    cursor: pointer;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.52px
}
#featured-bar .featured-block:hover {
    opacity: 0.9;
    background: #00B2BF !important;
}
#featured-bar .featured-block.active {
    background: #00B2BF;
}
#featured-bar .mid-content:hover .featured-block.active {
    background: none
}
#featured-bar .mid-content:hover .featured-block.active:hover {
    background: #00B2BF;
}
.featured-block .featured-text {
    margin: 15px 0;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#featured-bar .featured-block:hover .featured-text,
#featured-bar .featured-block:hover .featured-icon {
    opacity: 1;
}
.featured-icon {
    height: 46px;
}
#featured-post-list {
    padding: 60px 0 60px;
}
.featured-post {
    float: left;
    width: 25%;
    padding: 0 20px;
}
.featured-post-wrap {
    border-bottom: 2px solid #EEE;
    padding-bottom: 20px;
    position: relative;
}
.featured-post-wrap:after {
    content: "";
    border-bottom: 2px solid #00C1CF;
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.featured-post:hover .featured-post-wrap:after {
    width: 100%;
    left: 0
}
.featured-post h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin: 20px 0 15px;
    color: #666;
}
.featured-post .featured-post-text {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 26px;
}
.featured-post a.readmore {
    text-decoration: none;
    color: #00C1CF;
}
.featured-post a.readmore:after {
    content: "\f0da";
    font-family: "FontAwesome";
    margin-left: 6px;
}
.featured-post-image img {} .featured-post-wrap .featured-post-image {
    text-align: center;
    border: 1px solid #e7e7e7;
    height: 170px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 500px;
}
.featured-post-icon {
    margin-bottom: 10px;
}
.featured-post-icon .fa {
    border: 1px solid #666666;
    color: #666666;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
}
#parallax-banner {
    background: url(images/parallax-banner-bg.jpg) no-repeat fixed;
    position: relative;
    background-size: cover;
    height: 588px;
    text-align: center;
    color: #FFF;
    font-size: 26px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    background-position: bottom center;
    /*font-style: italic;*/
}
#parallax-banner .parallax-banner-wrap {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding-top: 50px;
}
#parallax-banner .buy-btn {
    background: #009861;
    font-size: 25px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF;
    padding: 10px 36px;
    margin-top: 77px;
    display: inline-block;
    border-bottom: 3px solid #006b45;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.access-title {
    font-family: 'scriptinaregular';
    font-size: 84px !important;
}
.access-subtitle {
    font-family: 'open sans', sans-serif;
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 400;
    padding-top: 36px;
}
#parallax-banner .simplicity,
#parallax-banner .comprehensive {
    color: #F6F6F6;
    line-height: 1.2;
    font-size: 48px;
    font-family: 'Tangerine', cursive;
}
#parallax-banner .sep {
    width: 100px;
    border-bottom: 2px solid #FFF;
    margin: 15px auto;
}
#parallax-banner .simplicity b,
#parallax-banner .comprehensive b {
    font-weight: bold;
    color: #fff;
}
.parallax-content {
    font-family: 'Bad Script', cursive;
    font-size: 28px;
    line-height: 1.8;
}
.parallax-punch-lines {
    font-size: 28px;
    background: url(images/punch-bg.png);
    background-repeat: repeat;
    max-width: 877px;
    margin: 55px auto 0;
    font-weight: 300;
    padding: 9px 20px;
    position: relative;
}
.parallax-punch-lines:before {
    content: '';
    position: absolute;
    top: -24px;
    left: 0;
    background: url(images/punch-line.png);
    background-repeat: repeat-x;
    width: 872px;
    height: 14px;
}
.parallax-punch-lines:after {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 0;
    background: url(images/punch-line.png);
    background-repeat: repeat-x;
    width: 872px;
    height: 14px;
}
.download-inner {
    background: url(images/forty-five.png) no-repeat;
    height: 87px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    background-size: cover;
}
.download-theme-name {
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
}
#downloads-counting {
    font-size: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    font-size: 44px;
    width: 155px;
}
#downloads-counting + span {
    color: #fff;
    display: inline-block;
    font-size: 67px;
    font-weight: 300;
    line-height: 37px;
    margin-top: 6px;
    vertical-align: top;
}
#downloads-counting span {
    background: url(images/download-counting-bg.png) 0 0 no-repeat;
    display: inline-block;
    width: 32px;
    height: 46px;
    margin-right: 5px;
}
a.youtubevideo-wrap {
    height: 100% !important;
    padding: 0 !important;
    margin-top: 15px !important;
}
.youtube-video {
    background: #a8a8a8;
    line-height: 46px;
    height: 46px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none;
    text-align: center;
    float: left;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    width: 100%;
}
.youtube-video .fa {
    margin-right: 15px;
    font-size: 22px;
}
.download-count-wrap {
    display: inline-block;
    padding-top: 10px;
}
.counting {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
}
.counting span {
    color: #c5fbff;
    font-size: 16px;
    display: block;
}
.plugin-mid .themes-list li {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.22);
    display: inline-block;
    float: none;
    height: 420px;
    margin-right: 40px;
    overflow: hidden;
    padding: 5px;
    width: 360px;
    vertical-align: top;
}
.our-theme-header,
.our-plugin-header {
    background: #00B3C0;
    font-size: 31.36px;
    line-height: 42px;
    color: #FFF;
    padding: 15px 0 25px;
    text-align: center;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.our-plugin-header {
    padding: 20px 0;
}
.our-plugin-header,
#our-themes {
    margin-bottom: 65px;
}
.our-theme-header:after,
.our-plugin-header:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -29px;
    border-color: #00B3C0 transparent transparent;
    border-style: solid;
    border-width: 15px;
    margin-left: -8px;
}
.view-all-theme {
    padding: 15px 0;
}
.view-all-theme.our-theme-header:after {
    display: none;
}
.view-all-theme:hover {
    background: #4A5763;
}
.our-theme-header a,
.our-plugin-header a {
    color: #FFF;
    text-decoration: none;
}
.our-theme-header a .fa,
.our-plugin-header a .fa {
    margin-left: 20px;
}
.theme-bar,
.plugin-bar {
    margin-top: 50px;
}
#our-testimonials {
    border-bottom: 1px solid #F6F6F6;
}
#youtube-video {
    background: url(images/youtube-section.png) 0 0 no-repeat;
    padding: 30px;
    background-size: cover;
    background-position: center center;
}
#youtube-video iframe {
    vertical-align: middle;
    width: 53%;
}
.youtube-tutorial {
    float: right;
    width: 43%;
}
.testi-title {
    font-size: 34px;
    font-weight: 400;
    line-height: 42px;
}
.youtube-tutorial h1 {
    color: #FFFFFF;
    font-size: 33.36px;
    line-height: 42px;
}
.youtube-tutorial h4 {
    color: #FFFFFF;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;
    font-family: open sans;
}
.subscribe-channel {
    background: rgba(255, 255, 255, .8);
    padding: 8px 8px 12px;
    width: 230px;
}
.testimonials-wrap {
    width: 1170px;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding: 60px 0 50px;
}
.big-button {
    background: #175673;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF !important;
    padding: 8px 36px;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    display: inline-block;
    border-bottom: 3px solid #0e394d;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.yt-username {
    color: #FFFFFF !important;
}
.big-button .fa {
    margin-left: 10px;
}
.testimonial-each {
    border: 1px solid #d9dfe4;
    width: 40%;
    float: left;
    padding: 20px 20px 20px 60px;
    text-align: left;
    margin-right: 2%;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 24px;
    vertical-align: top;
    height: 185px;
    margin-bottom: 20px;
    margin-left: 100px;
    position: relative;
}
.testimonial-desc {
    height: 72px;
    overflow: hidden;
}
.testimonial-each:nth-child(2n) {
    margin-right: 0;
}
/*
.testimonial-each:hover{
    border-color:#00C1CF;
}


.testimonial-each:hover:before{
	background: url(images/testimonial-hover.png) no-repeat;
	width: 59px;
	height: 110px;
}*/

.testimonial-title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 7px;
    font-weight: 600;
}

.testimonial-title img{
    margin-right: 10px;
}
#our-clients {
    background: none no-repeat #EEE;
    background-position: top center;
}
.client-logos {
    border-top: 3px solid #01C1D0;
    padding: 40px 0;
    margin-top: 60px;
    position: relative;
    text-align: center;
}
.client-logos:before {
    background: url(images/client-bg-arrow.jpg) 0 0 no-repeat;
    position: absolute;
    top: -43px;
    left: 50%;
    width: 86px;
    height: 46px;
    margin-left: -43px;
    content: '';
}
.bigtext {
    font-size: 33.38px;
    color: #fff;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 8px;
}
.bigtext span {
    color: #28ecf5
}
.our-clients-desc {
    font-size: 28px;
    line-height: 38px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background: url(images/ban.png) center top no-repeat #7E6C54;
    background-size: cover;
    padding: 40px 0 30px;
    width: 100%;
}
#social-medias {
    text-align: center;
    padding: 10px 0 15px 0;
}
#social-medias a {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
#social-medias a:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    
    -webkit-transform: scale(1.1);
    /* Chrome, Safari, Opera */
    
    transform: scale(1.1);
}
.client-logos ul li {
    list-style: none;
    display: inline-block;
    margin-right: 40px;
}
#home-content {
    min-height: 500px;
}
.testimonials-img {
    width: 80px;
    height: 80px;
    background: #eee;
    border-radius: 50px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}
.testimonials-boxes {
    margin-top: 45px;
}
.testimonials-details {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
}
.testimonials-name {
    font-weight: bold;
    font-size: 12.46px;
    text-transform: uppercase;
    color: #ca222d;
}
.testimonial-img {
    background: url(images/dummy.png) center no-repeat;
    width: 92px;
    display: block;
    height: 92px;
    position: absolute;
    left: -49px;
    top: 43px;
    border-radius: 50%;
}
.testimonial-img img {
    border-radius: 50%;
}
.testimonial-each:before {
    position: absolute;
    content: '';
    background: url(images/testimonial-before.png) 0 0 no-repeat;
    width: 59px;
    height: 110px;
    left: -59px;
    top: 34px;
}
#colophon {
    background: #1A1A1A;
    color: #AAA;
}
#colophon ul {
    list-style: none;
    margin-left: 0;
}
#colophon a {
    color: #AAA;
    text-decoration: none;
}
#main-footer {
    padding: 40px 0;
    font-size: 13px;
}
#main-footer h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
#main-footer > .footer-block:first-child {
    width: 25%
}
#main-footer > .footer-block {
    width: 22%;
    float: left;
    margin-right: 3%;
}
#main-footer > .footer-block:last-child {
    margin-right: 0;
}
#main-footer > .footer-block li {
    border-bottom: 1px solid #333;
    padding: 6px 0;
}
#main-footer > .footer-block li:last-child {
    border-bottom: none;
}
#bottom-footer {
    background: #202020;
    padding: 16px 0;
    font-size: 12px;
}
#bottom-footer .copyright {
    float: left;
}
#bottom-footer .footer-menu {
    float: right;
}
.footer-menu ul li {
    float: left;
    margin-left: 15px;
}
.contact-detail {
    white-space: nowrap;
}
.contact-detail .white {
    color: #F6F6F6
}
.contact-detail a:hover {
    border-bottom: 1px dotted #AAA
}
.contact-detail a.footerlogo:hover {
    border-bottom: none;
}
#home-content {
    padding: 0;
    text-align: center;
}
.themes-list {
    list-style: none;
    margin: 0;
}
.themes-list li {
    float: left;
    margin-right: 40px;
    overflow: hidden;
    height: 420px;
    width: 360px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.22);
    padding: 5px
}
.themes-list li:last-child {
    margin-right: 0
}
.theme-img,
.isotope {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #FFF;
}
.theme-header {
    position: absolute;
    width: 100%;
    height: 50%;
    background: rgba(0, 193, 207, 0.8);
    left: 0;
    top: -210px;
    text-align: center;
    padding: 40px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.theme-buttons {
    position: absolute;
    width: 100%;
    height: 50%;
    background: rgba(0, 0, 0, 0.6);
    bottom: -210px;
    left: 0;
    text-align: center;
    padding-top: 80px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.theme-header h1 {
    color: #FFF;
    font-size: 22px;
    margin: 0 0 15px;
}
.theme-header p {
    font-size: 18px;
}
.theme-buttons a,
a.button {
    background: #00C1CF;
    display: inline-block;
    padding: 6px 25px;
    font-size: 18px;
    color: #FFF !important;
    text-decoration: none;
    border-radius: 20px;
    margin: 0 5px
}
.theme-buttons a.demo .fa {
    margin-left: 10px;
}
.theme-buttons a.detail .fa {
    margin-right: 10px;
}
.theme-img:hover .theme-header,
.theme-portfolios:hover .theme-header {
    top: 0
}
.theme-img:hover .theme-buttons,
.theme-portfolios:hover .theme-buttons {
    bottom: 0
}
.price-tag {
    background: url(images/free-ribbon.png) no-repeat;
    height: 40px;
    width: 81px;
    bottom: 20px;
    left: 0px;
    position: absolute;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    padding-right: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    font-weight: 400;
}
/*Theme detail page CSS*/

.main-title {
    background: #F6F6F6;
    padding: 20px 0;
    font-size: 35px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 25px;
}
.main-title h1 {
    width: 1170px;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.theme-specification {
    margin-bottom: 40px;
}
.theme-slider {
    float: left;
    width: 800px;
    text-align: center;
}
.theme-details {
    float: right;
    width: 340px;
    position: relative;
}
.theme-details .intro {
    line-height: 1.8;
    margin-bottom: 30px;
}
.details {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-transform: capitalize;
}
.details li {
    position: relative;
    background: #F6F6F6;
    line-height: 40px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.details li label {
    background: #e9e9e9;
    width: 115px;
    display: inline-block;
    padding: 0 10px;
    margin-right: 15px;
}
.theme-details .buttons {
    margin: 25px 0 15px;
}
.theme-details .buttons a,
.theme-details .buttons button {
    background: #00C1CF;
    line-height: 46px;
    height: 46px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
    text-decoration: none;
    text-align: center;
    float: left;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.theme-details .buttons a.demo {
    margin-right: 2%;
    width: 45%;
}
.theme-details .buttons a.demo .fa {
    margin-left: 15px;
}
.theme-details .buttons a.documentation {
    width: 53%;
}
.theme-details .buttons a.documentation .fa,
.theme-details .buttons .download-buy .fa {
    margin-right: 15px;
}
.theme-details .buttons .download-buy {
    clear: both;
    width: 100%;
    margin-top: 15px;
    background: #C92128;
    float: none
}
.update-log {
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 40px;
}
.update-log span {
    background: #EEE;
    border-radius: 10px;
    padding: 3px 8px;
    line-height: 1;
    border: 1px solid #DDD
}
.intro h3 {
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.intro ul,
.intro ol {
    margin-left: 15px;
}
.intro ul {
    list-style: square;
}
.isotope-buttons {
    margin-bottom: 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.isotope-buttons ul {
    float: left;
    list-style: none;
    margin: 0;
    margin-right: 40px;
}
.isotope-buttons ul li {
    float: left;
    cursor: pointer;
    line-height: 40px;
    background: #00C1CF;
    color: #FFF;
    padding: 0 25px;
}
.isotope-buttons ul li.nolink {
    cursor: auto;
    background: #000;
}
.isotope-buttons ul li.is-checked {
    background: #C92128;
}
.theme-portfolios {
    margin: 0 30px 30px 0;
    overflow: hidden;
    height: 420px;
    width: 360px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    position: relative;
    position: relative;
}
.theme-portfolios:nth-child(3n) {
    margin-right: 0
}
.blog-lists {
    margin-bottom: 40px;
    margin-top: 30px;
}
.blog-lists .blog-items {
    width: 378px;
    margin: 0 6px 12px
}
.blog-lists .blog-items:nth-child(3n) {
    margin-right: 0
}
.blog-items .blog-exercpt {
    padding: 15px;
    color: #FFF;
    background: #00C1CF;
}
.blog-items:nth-child(2n) .blog-exercpt {
    background: #C92128
}
.blog-items:nth-child(3n+1) .blog-exercpt {
    background: #43626E
}
.blog-items .blog-exercpt h1 {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 10px;
    font-weight: 300
}
.blog-items a {
    color: #FFF;
    text-decoration: none;
}
.post-date-comment {
    font-style: italic;
    font-size: 13px;
    margin-bottom: 10px;
}
.post-date {
    float: left;
}
.post-date .fa {
    margin-right: 10px;
}
.post-comment {
    float: right;
}
.post-comment .fa {
    margin-left: 10px;
}
.circle {
    background: red;
}
#sequence .mid-wrapper {
    width: 1170px;
    margin-left: -585px;
    left: 50%;
    position: absolute;
}
#sequence .button .fa {
    margin-right: 10px;
}
#sequence {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: white;
    height: 550px;
}
#sequence > .sequence-canvas {
    height: 100%;
    width: 100%;
    margin: 0;
}
#sequence > .sequence-canvas > li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    margin-left: 0;
}
.slide-btn {
    background: #01aefd;
    border-radius: 5px;
    border-bottom: 3px solid #035d86;
    line-height: 50px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color: #FFF !important;
    display: inline-block;
    padding: 0 25px;
    font-size: 20px;
}
.slide-btn.green {
    background: #1fc1ce;
    border-bottom: 3px solid #13676e;
}
.slide-btn.red {
    background: #a01616;
    border-bottom: 3px solid #640c0c;
}
.slide-btn .fa {
    margin-right: 10px;
}
.sequence-prev {
    background: url(images/arrows.png) no-repeat rgba(0, 0, 0, 0.2) -83px 5px;
    position: absolute;
    left: 0;
    top: 50%;
    height: 52px;
    margin-top: -26px;
    width: 38px;
    z-index: 99;
    cursor: pointer;
    text-indent: -9999px;
}
.sequence-next {
    background: url(images/arrows.png) no-repeat rgba(0, 0, 0, 0.2) 11px 5px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 52px;
    margin-top: -26px;
    width: 38px;
    z-index: 99;
    cursor: pointer;
    text-indent: -9999px;
}
#sequence li .slider-bg {
    background-position: center top;
    background-repeat: repeat-x;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0
}
#sequence li.animate-in .slider-bg {
    opacity: 1;
}
#sequence li.animate-out .slider-bg {
    opacity: 0;
}
li.slide1 .slider-bg {
    background-image: url(images/banner1.jpg);
    background-color: #000;
}
li.slide2 .slider-bg {
    background-image: url(images/banner2.jpg);
    background-color: #000;
}
li.slide3 .slider-bg {
    background-image: url(images/banner3.jpg);
    background-color: #000;
}
li.slide4 .slider-bg {
    background-image: url(images/banner4.jpg);
    background-color: #000;
}
li.slide5 .slider-bg {
    background-image: url(images/banner5.jpg);
    background-color: #000;
}
li.slide6 .slider-bg {
    background-image: url(images/banner6.jpg);
    background-color: #000;
}
li.slide7 .slider-bg {
    background-image: url(images/banner7.jpg);
    background-color: #000;
}
li.slide8 .slider-bg {
    background-image: url(images/banner8.jpg);
    background-color: #000;
}
li.slide9 .slider-bg {
    background-image: url(images/banner9.jpg);
    background-color: #000;
}
li.slide10 .slider-bg {
    background-image: url(images/banner10.jpg);
    background-color: #000;
}
li.slide11 .slider-bg {
    background-image: url(images/banner11.jpg);
    background-color: #000;
}
li.slide12 .slider-bg {
    background-image: url(images/banner12.jpg);
    background-color: #000;
}
li.slide13 .slider-bg {
    background-image: url(images/banner13.jpg);
    background-color: #000;
}
li.slide14 .slider-bg {
    background-image: url(images/banner14.jpg);
    background-color: #000;
}
li.slide15 .slider-bg {
    background-image: url(images/banner15.jpg);
    background-color: #000;
}
li.slide16 .slider-bg {
    background-image: url(images/banner16.jpg);
    background-color: #000;
}
li.slide17 .slider-bg {
    background-image: url(images/banner17.jpg);
    background-color: #000;
}
li.slide18 .slider-bg {
    background-image: url(images/banner18.jpg);
    background-color: #000;
}
#sequence .subtitle ul {
    list-style: none;
    margin-bottom: 15px;
    margin-left: 10px;
}
#sequence .subtitle li {
    background: url(images/list.png) no-repeat left 5px;
    padding-left: 24px;
}
.slide9 .big-text,
.slide11 .big-text {
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 27px;
    line-height: 35px
}
#sequence > .sequence-canvas li > * {
    position: absolute;
    /* only cause the left and opacity properties to transition */
    
    -webkit-transition-property: left, opacity;
    -moz-transition-property: left, opacity;
    -ms-transition-property: left, opacity;
    -o-transition-property: left, opacity;
    transition-property: left, opacity;
}
#sequence > .sequence-canvas li > strong,
#sequence > .sequence-canvas li > span {
    position: static;
}
.slide-wrap {
    opacity: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.animate-in .slide-wrap {
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.animate-out .slide-wrap {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.mid-wrapper {
    opacity: 0;
}
.animate-in .mid-wrapper {
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.animate-out .mid-wrapper {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#sequence .title {
    font-size: 48px;
    white-space: nowrap;
    width: 42%;
    opacity: 0;
    margin: 100px 0 10px;
    position: relative;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) -ms-transform: translateX(-100px);
    /* IE 9 */
    
    -webkit-transform: translateX(-100px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-100px);
    /* Standard syntax */
    
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}
#sequence .animate-in .title {
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
#sequence .animate-out .title {
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -ms-transform: translateX(-100px);
    /* IE 9 */
    
    -webkit-transform: translateX(-100px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-100px);
    /* Standard syntax */
}
#sequence .subtitle {
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    left: 100px;
    width: 30%;
    opacity: 0;
    top: 0;
    position: relative;
    margin-bottom: 15px;
    font-family: 'Open Sans';
    font-weight: normal;
}
.slide14 #sequence .subtitle {
    color: #000;
}
#sequence .subtitle strong {
    font-weight: bold;
}
#sequence .animate-in .subtitle {
    left: 0;
    opacity: 1;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#sequence .animate-out .subtitle {
    left: 100px;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.social-icon1 {
    position: absolute;
    right: 0;
    top: 0
}
.social-icon2 {
    position: absolute;
    right: 0;
    top: 0
}
.social-icon3 {
    position: absolute;
    right: 0;
    top: 0
}
.social-icon4 {
    position: absolute;
    right: 0;
    top: 0;
}
.social-icon1 {
    right: 50px;
    top: 20px;
    opacity: 0;
    position: absolute;
    height: 522px;
    width: 412px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .social-icon1 {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .social-icon1 {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.social-icon2 {
    right: 370px;
    top: 262px;
    opacity: 0;
    position: absolute;
    height: 223px;
    width: 219px;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.animate-in .social-icon2 {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .social-icon2 {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.social-icon3 {
    right: 540px;
    top: 160px;
    opacity: 0;
    position: absolute;
    height: 153px;
    width: 156px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .social-icon3 {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .social-icon3 {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 2s;
    -moz-transition: all 1s ease-in-out 2s;
    -ms-transition: all 1s ease-in-out 2s;
    -o-transition: all 1s ease-in-out 2s;
    transition: all 1s ease-in-out 2s;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.social-icon4 {
    right: 426px;
    top: 140px;
    opacity: 0;
    position: absolute;
    height: 116px;
    width: 112px;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.animate-in .social-icon4 {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 3s;
    -moz-transition: all 0.5s ease-in-out 3s;
    -ms-transition: all 0.5s ease-in-out 3s;
    -o-transition: all 0.5s ease-in-out 3s;
    transition: all 0.5s ease-in-out 3s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .social-icon4 {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 3s;
    -moz-transition: all 1s ease-in-out 3s;
    -ms-transition: all 1s ease-in-out 3s;
    -o-transition: all 1s ease-in-out 3s;
    transition: all 1s ease-in-out 3s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.anonymous-post-pro {
    position: absolute;
    right: 0;
    top: 0
}
.anonymous-post-pro2 {
    position: absolute;
    right: 0;
    top: 0
}
.anonymous-post-pro {
    right: 50px;
    top: 47px;
    opacity: 0;
    position: absolute;
    height: 510px;
    width: 665px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .anonymous-post-pro {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .anonymous-post-pro {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.anonymous-post-pro2 {
    right: 0px;
    top: 136px;
    opacity: 0;
    position: absolute;
    height: 372px;
    width: 373px;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.animate-in .anonymous-post-pro2 {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .anonymous-post-pro2 {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.ap-mac img {
    position: absolute;
    left: 0;
    top: 0
}
.ap-ipad img {
    position: absolute;
    left: 0;
    top: 0
}
.ap-iphone img {
    position: absolute;
    left: 0;
    top: 0
}
.ap-mac img.mac-website {
    position: absolute;
    left: 19px;
    top: 18px
}
.ap-ipad img.ipad-website {
    position: absolute;
    left: 29px;
    top: 30px
}
.ap-iphone img.iphone-website {
    position: absolute;
    left: 23px;
    top: 32px;
}
.ap-mac {
    right: 60px;
    top: 80px;
    opacity: 0;
    position: absolute;
    height: 477px;
    width: 477px;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.animate-in .ap-mac {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .ap-mac {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.ap-ipad {
    right: 490px;
    top: 155px;
    opacity: 0;
    position: absolute;
    height: 352px;
    width: 259px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .ap-ipad {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-ipad {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.ap-iphone {
    right: -30px;
    top: 270px;
    opacity: 0;
    position: absolute;
    height: 238px;
    width: 135px;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.animate-in .ap-iphone {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-iphone {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.ap-mac {
    right: 60px;
    top: 80px;
    opacity: 0;
    position: absolute;
    height: 477px;
    width: 477px;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.animate-in .ap-mac {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .ap-mac {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-200px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.ap-ipad {
    right: 490px;
    top: 155px;
    opacity: 0;
    position: absolute;
    height: 352px;
    width: 259px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .ap-ipad {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-ipad {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.ap-iphone {
    right: -30px;
    top: 270px;
    opacity: 0;
    position: absolute;
    height: 238px;
    width: 135px;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.animate-in .ap-iphone {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-iphone {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.ap-middle-image {
    right: 115px;
    top: 90px;
    opacity: 0;
    position: absolute;
    height: 476px;
    width: 471px;
    -ms-transform: translateY(-400px);
    /* IE 9 */
    
    -webkit-transform: translateY(-400px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-400px);
    /* Standard syntax */
    
    z-index: 99;
}
.animate-in .ap-middle-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 3s;
    -moz-transition: all 0.5s ease-in-out 3s;
    -ms-transition: all 0.5s ease-in-out 3s;
    -o-transition: all 0.5s ease-in-out 3s;
    transition: all 0.5s ease-in-out 3s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .ap-middle-image {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-2400px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.ap-right-image {
    right: -35px;
    top: 115px;
    opacity: 0;
    position: absolute;
    height: 437px;
    width: 389px;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.animate-in .ap-right-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-right-image {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -ms-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.ap-left-image {
    right: 350px;
    top: 115px;
    opacity: 0;
    position: absolute;
    height: 437px;
    width: 389px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .ap-left-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ap-left-image {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}







.ufb-middle-image {
    right: 245px;
    top: 150px;
    opacity: 0;
    position: absolute;
    height: 300px;
    width: 195px;
    -ms-transform: translateY(-400px);
    /* IE 9 */
    
    -webkit-transform: translateY(-400px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-400px);
    /* Standard syntax */
    
    z-index: 99;
}
.animate-in .ufb-middle-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 3s;
    -moz-transition: all 0.5s ease-in-out 3s;
    -ms-transition: all 0.5s ease-in-out 3s;
    -o-transition: all 0.5s ease-in-out 3s;
    transition: all 0.5s ease-in-out 3s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .ufb-middle-image {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -ms-transform: translateY(-2400px);
    /* IE 9 */
    
    -webkit-transform: translateY(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(-200px);
    /* Standard syntax */
}
.ufb-right-image {
    z-index: 999;
    right: -65px;
    top: 160px;
    opacity: 0;
    position: absolute;
    height: 358px;
    width: 382px;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.animate-in .ufb-right-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ufb-right-image {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -ms-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.ufb-left-image {
    z-index: 999;
    right: 380px;
    top: 160px;
    opacity: 0;
    position: absolute;
    height: 358px;
    width: 361px;
    -ms-transform: translateX(-200px);
    /* IE 9 */
    
    -webkit-transform: translateX(-200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(-200px);
    /* Standard syntax */
}
.animate-in .ufb-left-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .ufb-left-image {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}




.customize-image {
    right: -20px;
    top: 94px;
    opacity: 0;
    position: absolute;
    height: 404px;
    width: 653px;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.animate-in .customize-image {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    
    -webkit-transform: translate(0, 0);
    /* Chrome, Safari, Opera */
    
    transform: translate(0, 0);
    /* Standard syntax */
}
.animate-out .customize-image {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.customize-image-zoom {
    right: 315px;
    top: 124px;
    opacity: 0;
    position: absolute;
    height: 243px;
    width: 243px;
    -ms-transform: scale(0);
    /* IE 9 */
    
    -webkit-transform: scale(0);
    /* Chrome, Safari, Opera */
    
    transform: scale(0);
    /* Standard syntax */
}
.animate-in .customize-image-zoom {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 2s;
    -moz-transition: all 0.3s ease-in-out 2s;
    -ms-transition: all 0.3s ease-in-out 2s;
    -o-transition: all 0.3s ease-in-out 2s;
    transition: all 0.3s ease-in-out 2s;
    -ms-transform: scale(1);
    /* IE 9 */
    
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    
    transform: scale(1);
    /* Standard syntax */
}
.animate-out .customize-image-zoom {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: scale(0);
    /* IE 9 */
    
    -webkit-transform: scale(0);
    /* Chrome, Safari, Opera */
    
    transform: scale(0);
    /* Standard syntax */
}
#sequence .slide-btn {
    opacity: 0;
    transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    /* IE 9 */
    
    -webkit-transform: rotateY(-180deg);
    /* Opera, Chrome, and Safari */
    
    -webkit-transform-style: preserve-3d;
    /* Chrome, Safari, Opera */
    
    transform-style: preserve-3d;
}
#sequence .animate-in .slide-btn {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2.5s;
    -moz-transition: all 0.5s ease-in-out 2.5s;
    -ms-transition: all 0.5s ease-in-out 2.5s;
    -o-transition: all 0.5s ease-in-out 2.5s;
    transition: all 0.5s ease-in-out 2.5s;
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    
    -webkit-transform: rotateY(0deg);
    /* Opera, Chrome, and Safari */
    
    -webkit-transform-style: preserve-3d;
    /* Chrome, Safari, Opera */
    
    transform-style: preserve-3d;
}
#sequence .animate-out .slide-btn {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 2.5s;
    -moz-transition: all 0.5s ease-in-out 2.5s;
    -ms-transition: all 0.5s ease-in-out 2.5s;
    -o-transition: all 0.5s ease-in-out 2.5s;
    transition: all 0.5s ease-in-out 2.5s;
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* IE 9 */
    
    -webkit-transform: rotateY(0deg);
    /* Opera, Chrome, and Safari */
    
    -webkit-transform-style: preserve-3d;
    /* Chrome, Safari, Opera */
    
    transform-style: preserve-3d;
}
.anonymous-post-ipad {
    right: 200px;
    top: 180px;
    opacity: 0;
    position: absolute;
    height: 390px;
    width: 695px;
    -ms-transform: translateY(200px);
    /* IE 9 */
    
    -webkit-transform: translateY(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(200px);
    /* Standard syntax */
}
.animate-in .anonymous-post-ipad {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translateY(0px);
    /* IE 9 */
    
    -webkit-transform: translateY(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(0px);
    /* Standard syntax */
}
.animate-out .anonymous-post-ipad {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -ms-transform: translateY(200px);
    /* IE 9 */
    
    -webkit-transform: translateY(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateY(200px);
    /* Standard syntax */
}
.anonymous-post-text {
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    height: 395px;
    width: 365px;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.animate-in .anonymous-post-text {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translateX(0px);
    /* IE 9 */
    
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(0px);
    /* Standard syntax */
}
.animate-out .anonymous-post-text {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -ms-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.social-counter {
    right: -20px;
    top: 64px;
    opacity: 0;
    position: absolute;
    height: 491px;
    width: 688px;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.animate-in .social-counter {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    
    -webkit-transform: translate(0, 0);
    /* Chrome, Safari, Opera */
    
    transform: translate(0, 0);
    /* Standard syntax */
}
.animate-out .social-counter {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.customize-image-zoom1 {
    right: 100px;
    top: 130px;
    opacity: 0;
    position: absolute;
    height: 336px;
    width: 457px;
    -ms-transform: scale(0);
    /* IE 9 */
    
    -webkit-transform: scale(0);
    /* Chrome, Safari, Opera */
    
    transform: scale(0);
    /* Standard syntax */
}
.animate-in .customize-image-zoom1 {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 2s;
    -moz-transition: all 0.3s ease-in-out 2s;
    -ms-transition: all 0.3s ease-in-out 2s;
    -o-transition: all 0.3s ease-in-out 2s;
    transition: all 0.3s ease-in-out 2s;
    -ms-transform: scale(1);
    /* IE 9 */
    
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    
    transform: scale(1);
    /* Standard syntax */
}
.animate-out .customize-image-zoom1 {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0;
    -moz-transition: all 0.5s ease-in-out 0;
    -ms-transition: all 0.5s ease-in-out 0;
    -o-transition: all 0.5s ease-in-out 0;
    transition: all 0.5s ease-in-out 0;
    -ms-transform: scale(0);
    /* IE 9 */
    
    -webkit-transform: scale(0);
    /* Chrome, Safari, Opera */
    
    transform: scale(0);
    /* Standard syntax */
}
.social-share {
    right: -20px;
    top: 30px;
    opacity: 0;
    position: absolute;
    height: 491px;
    width: 688px;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.animate-in .social-share {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 1s;
    -moz-transition: all 0.5s ease-in-out 1s;
    -ms-transition: all 0.5s ease-in-out 1s;
    -o-transition: all 0.5s ease-in-out 1s;
    transition: all 0.5s ease-in-out 1s;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    
    -webkit-transform: translate(0, 0);
    /* Chrome, Safari, Opera */
    
    transform: translate(0, 0);
    /* Standard syntax */
}
.animate-out .social-share {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -ms-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.social-shareIpad {
    right: -20px;
    top: 220px;
    opacity: 0;
    position: absolute;
    height: 491px;
    width: 688px;
    -ms-transform: translate(200px, 100px);
    /* IE 9 */
    
    -webkit-transform: translate(200px, 100px);
    /* Chrome, Safari, Opera */
    
    transform: translate(200px, 100px);
    /* Standard syntax */
}
.animate-in .social-shareIpad {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out 2s;
    -moz-transition: all 0.5s ease-in-out 2s;
    -ms-transition: all 0.5s ease-in-out 2s;
    -o-transition: all 0.5s ease-in-out 2s;
    transition: all 0.5s ease-in-out 2s;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    
    -webkit-transform: translate(0, 0);
    /* Chrome, Safari, Opera */
    
    transform: translate(0, 0);
    /* Standard syntax */
}
.animate-out .social-shareIpad {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -ms-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    -ms-transform: translateX(200px);
    /* IE 9 */
    
    -webkit-transform: translateX(200px);
    /* Chrome, Safari, Opera */
    
    transform: translateX(200px);
    /* Standard syntax */
}
.slide14-feature p {
    margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
    #sequence .title {
        width: 42%;
    }
}
@media only screen and (max-width: 838px) {
    #sequence {
        height: 550px;
    }
    #sequence .model {
        max-height: 530px !important;
        width: auto;
    }
}
@media only screen and (max-width: 767px) {
    #sequence {
        height: 500px;
    }
    #sequence .title {
        font-size: 2.8em;
    }
    #sequence .subtitle {
        font-size: 1.6em;
    }
    #sequence .sequence-next,
    #sequence .sequence-prev {
        height: 60px;
        margin-top: -40px;
    }
    #sequence .model {
        max-height: 480px !important;
        width: auto;
    }
}
@media only screen and (max-width: 568px) {
    #sequence .model {
        left: 50%;
        min-width: 40%;
        /*prevents the model from shrinking when the browser is resized*/
        
        width: 40%;
    }
    #sequence .animate-in .model {
        left: 50%;
        margin-left: -20%;
    }
    #sequence .animate-out .model {
        left: 50%;
        margin-left: -20%;
    }
    #sequence .title {
        background: #a1a1a1;
        background: rgba(0, 0, 0, 0.3);
        bottom: 0;
        left: 100%;
        padding: 4%;
        bottom: -50%;
        width: 100%;
        z-index: 10;
    }
    #sequence .animate-in .title {
        left: 0%;
    }
    #sequence .animate-out .title {
        left: -100%;
    }
    #sequence .subtitle {
        visibility: hidden;
    }
    #sequence .sequence-pagination {
        bottom: 40px;
    }
    #sequence .sequence-pagination li img {
        height: 100px;
    }
}
@media only screen and (max-width: 518px) {
    #sequence {
        height: 450px;
    }
}
@media only screen and (max-width: 468px) {
    #sequence {
        height: 415px;
    }
    #sequence .sequence-pagination {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 418px) {
    #sequence {
        height: 375px;
    }
}
@media only screen and (max-width: 368px) {
    #sequence {
        height: 325px;
    }
    #sequence .title {
        font-size: 2.2em;
    }
}
@media only screen and (max-width: 320px) and (orientation: portrait) {
    /*iphone portrait*/
    
    #sequence {
        height: 320px;
    }
    #sequence .model {
        min-width: 45%;
        width: 45%;
    }
    #sequence .animate-in .model {
        margin-left: -22.5%;
    }
    #sequence .animate-out .model {
        margin-left: -22.5%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
    #sequence {
        height: 260px;
    }
    #sequence .model {
        min-width: 24%;
        width: 24%;
    }
    #sequence .animate-in .model {
        left: 17.5%;
        margin-left: 0;
    }
    #sequence .animate-out .model {
        left: 17.5%;
        margin-left: 0;
    }
    #sequence .sequence-pagination {
        right: 17.5%;
    }
}
/*NEW CSS*/

.features-row1 {
    padding: 0 0 50px;
}
.features-row1 h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 300;
    text-align: center;
}
.horizontal-line {
    background-color: #E4E4E4;
    height: 1px;
    margin: 15px auto 20px;
    width: 50px;
}
span.sub {
    color: #222222;
    display: block;
    font-size: 18px;
    margin: 0 0 50px;
    text-align: center;
}
.access-features,
.access-small-features {
    float: left;
    margin-right: 4%;
    text-align: center;
    width: 30.6%;
}
.access-features.feature-col3,
.access-small-features.feature-col3 {
    margin-right: 0;
}
.access-features .feat-image {
    margin-bottom: 30px;
}
.access-features h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
/*** features-row2 ***/

.features-row2 {
    padding: 80px 0;
    background: #F7F7F7;
}
.access-small-features {
    text-align: left;
}
.clear.break-line {
    margin-bottom: 46px;
}
.access-small-features i {
    color: #00C1CF;
    float: left;
    font-size: 42px;
    position: relative;
    text-align: center;
    width: 85px;
}
.access-small-features .right-cont {
    float: left;
    margin-left: 33px;
    width: 240px;
}
.right-cont h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 400;
}
/*NEW CSS by suman*/

.hosting-wrapper .intro {
    color: #222222;
    font-size: 18px;
    margin: 0 0 50px;
    line-height: 32px;
}
.hosting-wrapper .left {
    float: left;
    width: 250px;
    margin-right: 45px;
    border: 4px solid #00C1CF;
}
.hosting-wrapper .mid {
    float: left;
    width: 532px;
    margin-right: 30px;
}
.hosting-wrapper .right {
    float: right;
    width: 265px;
}
.hosting-wrapper .row {
    display: block;
    margin-bottom: 30px;
}
h3.hosting_title {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin: 30px 0 20px;
    text-transform: uppercase;
}
.hosting-wrapper .btn-lg {
    background: #00C1CF;
    border-radius: 100%;
    height: 100px;
    line-height: 90px;
    width: 100px;
    color: #FFF;
    display: block;
    padding: ;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-top: 70px;
    position: relative;
    font-weight: 300;
}
.hosting-wrapper .btn-lg .fa {
    position: absolute;
    width: 100%;
    top: 55%;
    left: 0;
    font-size: 20px;
}
.left-contact {
    float: left;
    width: 780px;
    border-right: 1px solid #e4e4e4;
    margin-bottom: 30px;
}
.left-contact .wpcf7-form {
    width: 710px;
}
.right-side {
    float: right;
    padding-left: 60px;
    width: 388px;
}
.right-side a {
    color: #333
}
.right-side a:hover {
    color: #00C1CF
}
.left-contact h3,
.right-side h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.right-side ul {
    margin-left: 0;
}
.business-hours li {
    list-style: none;
}
.left-contact label {
    display: block;
    font-size: 13px;
    color: #555;
    margin-bottom: 3px;
}
.left-contact label .imp {
    color: #777
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
    padding: 3px 10px;
    width: 100%;
    color: #555;
}
.wpcf7-form textarea {
    height: 200px;
    padding: 3px 10px;
    border-radius: 1px;
    width: 100%;
    color: #555;
}
.left-contact .email {
    float: right;
    width: 50%;
    padding-left: 10px;
}
.left-contact .namee {
    float: left;
    width: 50%;
    padding-right: 10px;
}
.wpcf7-form .wpcf7-submit {
    background: #00C1CF;
    border: none;
    line-height: 38px;
    color: #FFF;
    height: 38px;
    padding: 0 30px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
/**** REQUEST CUSTOMIZATION ****/

.left-column {
    float: left;
    margin-right: 6%;
    width: 47%;
}
.right-column {
    float: left;
    width: 47%;
}
.left-column h3.heading-tag,
.right-column h3.heading-tag {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 20px;
}
.left-column ol,
.left-column ul {
    margin: 0 0 18px 15px;
}
.rows {
    display: block;
    margin-bottom: 50px;
}
.right-column .core-services li {
    clear: both;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 30px;
    position: relative;
}
.right-column .service-img {
    background: none repeat scroll 0 0 #d0d0d0;
    border-radius: 90px;
    color: #ffffff;
    display: table;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 30px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.right-column .service-img i {
    display: table-cell;
    font-size: 25px;
    vertical-align: middle;
}
.right-column .service-content {
    float: left;
    width: 82%;
}
.right-column .service-content h4 {
    font-size: 14px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 400;
}
.core-line {
    border-right-style: dashed;
    border-right-width: 1px;
    color: #d0d0d0;
    height: 100%;
    left: 25px;
    position: absolute;
    top: 50px;
    width: 1px;
}
.service_wrapper {
    padding: 40px 0;
}
.service {
    float: left;
    margin: 0 30px;
    width: 330px;
    text-align: justify;
}
.service h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}
.master_wrapper h2,
.experience_wrapper h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}
.text {
    margin-top: 20px;
}
.img {
    margin-bottom: 40px;
}
.master_wrapper > p {
    float: left;
    width: 475px;
}
.service_column {
    float: left;
    padding: 60px 15px;
    position: relative;
    width: 30%;
}
.service-wrapper {
    float: right;
    width: 70%;
    padding-bottom: 80px;
    padding-top: 80px;
}
.right-experience {
    float: right;
    padding: 60px 15px;
    position: relative;
    width: 30%;
    text-align: right;
}
.left-experience {
    float: left;
    width: 70%;
    padding-bottom: 80px;
    padding-top: 80px;
}
.master_wrapper {
    background: #F7F7F7;
    position: relative;
}
#comparision {
    margin: 25px 0 50px;
    padding-top: 20px;
    border-top: 1px solid #f3f3f3;
}
#comparision h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    text-align: center;
    position: relative;
    font-weight: 300;
    color: #333;
    line-height: 1.5;
    margin-bottom: 50px;
}
#comparision h2:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #666;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: -10px
}
#comparision h4 {
    background: #00C1CF;
    color: #FFF;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    padding: 8px 15px;
    font-weight: 300;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}
#comparision .comparision-features h4 {
    background: #C92128;
}
.comparision-wrap {
    display: table;
    width: 60%;
    float: left;
}
.comparision-features,
.free-features,
.pro-features {
    display: table-cell;
    width: 32%;
}
.comparision-features {
    width: 36%;
}
#comparision ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}
#comparision ul li {
    height: 40px;
    border-bottom: 1px dashed #DDD;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#comparision ul li:last-child {
    border: none
}
.single-wordpress-plugins .comparision-features ul li {
    width: 600px;
}
.download a {
    background: #C92128;
    border-radius: 20px;
    display: inline-block;
    line-height: 38px;
    color: #FFF;
    padding: 0 30px;
}
.free-features .download a {
    background: #333;
}
.free-features {
    background: url(images/free-theme.png) no-repeat 110px 60px;
}
.pro-features {
    background: url(images/premium-theme.png) no-repeat 110px 60px;
}
.free-features .download,
.pro-features .download {
    height: 60px !important;
}
.premium-theme-image {
    float: right;
    width: 38%;
    text-align: center;
    position: relative;
}
.premium-theme-image img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.premium-theme-image .theme-price {
    background: url(images/price-tag.png) no-repeat;
    color: #FFF;
    height: 126px;
    width: 100px;
    text-align: center;
    font-size: 34px;
    font-family: georgia;
    position: absolute;
    right: 0;
    bottom: -58px;
    padding-top: 35px;
}
.request-customization {
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #e0e0e0;
}
.wpb_accordion_header.ui-accordion-header > a {
    font-weight: bold;
}
.not-found {
    text-align: center;
    margin-bottom: 50px;
    min-height: 300px;
}
.error-404 {
    font-size: 100px;
    line-height: 1.2
}
.error-404 span {
    font-size: 30px;
}
.error-404 + span {
    font-style: italic;
    font-size: 16px;
}
#primary {
    width: 70%;
    float: left;
    padding-right: 30px;
}
#secondary {
    width: 30%;
    float: right;
}
.blog-listing {
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-listing li {
    border-bottom: 1px dashed #CCC;
    padding: 8px 0
}

.blog-listing li span{
    color:#555;
}
.blog-listing li a {
    color: #333;
}
.blog-listing li a:hover {
    color: #00C1D0
}
.facebook-box {
    float: left;
}
.facebook-box iframe {
    background: #FFFFFF;
}
.twitter-box {
    float: right;
}
#sequence circle.circle {
    fill: #00C1CF
}
.bb-main-title h1 {
    float: left;
    width: auto;
}
.bb-main-title .bb-login-in {
    float: right;
}
.bb-login-in {
    font-size: 13px;
    position: relative;
    padding-bottom: 25px;
}
.bbp-logged-in.bb-login-in {
    padding-bottom: 0;
}
.bb-login-in .or {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: top;
    display: inline-block;
}
.bb-login-in .bbp-login-form {
    display: inline-block;
}
.bb-login-in .bbp-form > div {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: top;
}
.bb-login-in .bbp-form input[type="text"],
.bb-login-in .bbp-form input[type="password"] {
    width: 120px;
    height: 28px;
}
.bb-login-in .bbp-form button,
.site-content .bb-login-in .bttn {
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    vertical-align: top;
}
.bb-login-in .bbp-login-form label {
    width: auto;
    margin-right: 5px;
}
.bb-login-in .bbp-remember-me {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 1;
}
.bb-login-in .bbp-remember-me input {
    float: right;
}
.bb-login-in div.bbp-submit-wrapper {
    clear: none;
    float: none;
}
.bb-login-in div.bbp-template-notice.info {
    margin: 0;
}
#bbpress-forums .bbp-search-form {
    margin-bottom: 20px;
}
#bbpress-forums .bbp-breadcrumb {
    font-size: 13px;
}
.primary-content {
    width: 72%;
    float: left
}
.secondary-content {
    width: 26%;
    float: right;
}
.fblbCenterOuter * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.like-update {
    text-align: center;
    padding: 6px 10px;
    color: #FFF;
    background: #3b5998;
    font-style: italic;
    border-radius: 0 0 5px 0;
}
.social-bttns {
    white-space: nowrap;
    margin-bottom: 15px;
    background: #E9E9E9;
    padding: 15px 9px;
    line-height: 10px;
}
.social-bttns iframe {
    height: 25px;
}
.notice {
    background: #fffebe;
    font-size: 12px;
    padding: 15px;
    font-style: italic;
    margin-bottom: 20px;
}
.notice span {
    color: #01c1d0;
}
.notice h6 {
    color: #ca2128;
    font-size: 13px;
    font-style: normal;
    text-align: center;
    margin-bottom: 5px;
}
.secondary-content h1 {
    font-size: 20px
}
.widget_display_topics ul {
    list-style: none;
    font-size: 13px;
    margin-left: 0;
}
.widget_display_topics ul li {
    border-bottom: 1px solid #EEE;
    padding: 5px 0
}
.widget_display_topics ul li a,
#bbpress-forums a {
    color: #404040;
}
#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
    text-decoration: underline;
}
.widget_display_topics ul li a:hover,
#bbpress-forums a:hover {
    color: #00C1D0
}
.topic-author .bbp-author-name {
    font-style: italic;
}
.topic-author + div {
    font-size: 12px;
    color: #888
}
.wp-editor-container {
    border: 1px solid #e4e4e4
}
#new-post input[type="text"],
#new-post input[type="email"],
#new-post input[type="url"],
#new-post input[type="password"],
#new-post input[type="search"] {
    height: 34px;
}
#new-post textarea {
    height: 160px;
}
#new-post select {
    height: 34px;
    border: 1px solid #e4e4e4
}
#subscription-toggle {
    float: right;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    margin-bottom: 0;
}
.bbp-logged-in div.bbp-template-notice.info {
    margin-top: 5px;
    background: url(images/lock_off.png) no-repeat scroll 96% center #f0f8ff;
    padding-right: 40px;
}
.bbp-forum-info .bbp-forum-title {
    font-size: 15px;
    font-weight: 600;
}
.hidden {
    display: none;
}
.secondary-content #bbp_search {
    width: 180px !important;
}
/* css of checkout page  */

.order-again .button {
    background: none repeat scroll 0 0 #00c1cf !important;
    border: medium none !important;
    color: #fff !important;
    font-family: "Oswald", sans-serif !important;
    height: 38px;
    line-height: 38px !important;
    padding: 0 30px !important;
    text-transform: uppercase;
    text-shadow: none !important;
}
.woocommerce .button,
.woocommerce .login .form-row .button {
    background: none repeat scroll 0 0 #00c1cf !important;
    border: medium none !important;
    color: #fff !important;
    font-family: "Oswald", sans-serif !important;
    height: 38px;
    line-height: 38px !important;
    padding: 0 30px !important;
    text-transform: uppercase;
    text-shadow: none !important;
    margin-right: 15px !important;
}
.order-again .button:hover,
.woocommerce .button:hover {
    background: none repeat scroll 0 0 #00b7c4 !important;
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
    line-height: 2em !important;
    padding-left: 4em !important;
    padding-right: 4em !important;
}
.woocommerce .shop_table {
    border-radius: 0 !important;
}
.product-name a:hover,
.woocommerce > a:hover,
.lost_password > a:hover {
    text-decoration: underline;
}
.woocommerce p,
.woocommerce {
    font-size: 15px;
    line-height: 1.6;
}
.woocommerce-tables.clearfix {
    margin-top: 40px;
}
.woocommerce-tables .order_details {
    margin-bottom: 30px !important;
}
.woocommerce-tables dl {
    width: 30%;
}
.woocommerce-tables dt {
    display: inline-block;
    width: 120px;
}
.woocommerce-tables dd {
    display: inline-block;
}
.woocommerce-tables .title {
    margin-top: 20px;
    opacity: 1;
    transform: translateX(0px) !important;
}
.theme-details .buttons .download-buy a {
    background: none repeat scroll 0 0 #c92128;
    clear: both;
    margin-top: 15px;
    width: 100%;
}
.woocommerce .login .form-row.form-row-wide {
    margin-bottom: 15px;
}
.woocommerce .login .lost_password {
    margin-bottom: 10px;
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
    background: #00c1cf !important;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
    border-top: 3px solid #00c1cf !important;
}
.woocommerce-tables .left-details {
    float: left;
    width: 49%;
}
.woocommerce-tables .right-details {
    float: right;
    width: 49%;
}
.woocommerce-tables dl {
    width: 62%;
}
.left-details .customer_details .fa {
    padding-right: 10px;
}
.woocommerce-tables .right-details h3 {
    margin-bottom: 23px;
    margin-top: 0;
}
.woocommerce-tables .right-details .title {
    margin-top: 0;
}
.left-details > header {
    display: block;
    margin-bottom: 20px;
}
.woocommerce .order-again {
    margin-bottom: 40px;
}
#top-header .socials a.my-account {
    font-size: 13px;
    text-decoration: none;
    background: #00C1D0;
    color: #FFF;
    margin-right: 0;
}
/* css of donation page  */

.container {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 800px;
}
.container .title {
    font-family: "Oswald", sans-serif;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 40px 0 30px;
    opacity: 1;
    position: relative;
    text-align: center;
    transform: translateX(0px);
    white-space: nowrap;
    width: 100%;
}
.donation_form > input {
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    margin-left: 138px;
}
.name-label > label,
.your-say-label > label {
    display: inline-block;
    width: 135px;
}
.name-label > input,
.email-label > input,
.your-say-label > input {
    display: inline-block;
    width: 660px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.name-label {
    margin-bottom: 20px;
}
.email-label > label {
    display: inline-block;
    width: 133px;
}
.email-label {
    margin-bottom: 20px;
}
.your-say-label {
    margin-bottom: 20px;
}
.donation-label > label {
    display: inline-block;
    vertical-align: top;
    width: 135px;
}
.donations-radio {
    display: inline-block;
    width: 650px;
}
.donations-radio > span {
    margin-right: 75px;
}
.your-say-label > textarea {
    height: 110px;
    width: 658px;
}
.your-say-label {
    margin-bottom: 20px;
    margin-top: 20px;
}
.donation-label > span {
    display: block;
    margin-left: 140px;
    margin-top: 5px;
}
.more_amount > span {
    display: inline-block;
    width: 135px;
}
.more_amount .don_amt {
    display: inline-block;
    width: 135px;
}
.more_amount {
    margin-top: 20px;
}
.eg-do-not {
    margin-left: 138px;
    margin-top: 5px;
    width: 55% !important;
}
.donation_form label.error {
    color: red;
    font-size: 14px;
    margin-left: 136px;
    width: 50%;
}
.donations-radio label.error {
    bottom: -28px;
    color: red;
    font-size: 14px;
    margin-bottom: 12px;
    margin-left: -10px;
    position: absolute;
    width: 50%;
}
.donation-label {
    position: relative;
}
.toggle-menu {
    display: none;
}
/** css of checkout page **/

.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    border-top: 3px solid #00B7C4;
}
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {} .woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    padding-top: 0;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
    font-weight: normal;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
    width: 76%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 20%;
}
.click-desk-tool-tip1 {
    display: none;
}
.cart .coupon .input-text {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 125px !important;
}
.single-screenshot #content {
    background: #CCC;
}
.screenshot-lists > div {
    box-shadow: 0 0 0 1px #EEE;
    border-radius: 3px;
    margin-bottom: 30px;
}
.screenshot-thumbs {
    display: block;
    width: 47%;
    margin: 0 3% 3% 0;
    float: left;
    position: relative;
}
.screenshot-thumbs h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 5px;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    font-size: 14px;
    font-family: "Open Sans";
    width: 100%;
    margin: 0;
    line-height: 1.2;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}
.screenshot-thumbs:hover h4 {
    opacity: 1;
}
.theme-thumb-screens {
    width: 340px;
    top: 75px;
    position: static;
}
.scroll-window,
.documentation-right {
    position: relative;
    height: 100%;
    /* Or whatever you want (eg. 400px) */
    
    overflow: hidden;
    padding-right: 12px;
    top: 0;
}
.sales-button {
    padding: 20px 0;
    text-align: center;
}
.sales-button a {
    background: #a8a8a8;
    color: #FFF;
    line-height: 50px;
    border-radius: 3px;
    padding: 0 15px 0 20px;
    display: inline-block;
    width: 22.5%;
    margin-left: 1%;
    float: left;
    font-weight: bold;
}
.sales-button a .fa {
    margin-left: 15px;
    border: 1px solid #6d6d6d;
    background: #828282;
    line-height: 28px;
    width: 38px;
    border-radius: 2px;
    float: right;
    margin-top: 10px;
}
.sales-button a.profeatures {
    background: #C92128;
    width: 25.5%;
    padding: 0 10px;
}
.sales-button a.profeatures .fa {
    background: #7f1d1a;
    border: 1px solid #460a0a
}
.social-share {
    margin-top: 20px;
}
.social-share a {
    width: 20%;
    float: left;
}
.border {
    box-shadow: 0 0 0 1px #EEE;
    padding: 15px 0;
}
.single-blog #primary,
.single-documentation #main-content {
    line-height: 2;
}
.single-documentation #main-content img {
    border: 1px solid #DDD;
    padding: 5px;
}
.youtubevideo-wrap {
    margin-top: 15px;
    clear: both;
}
.youtubevideo-wrap iframe {
    vertical-align: middle;
    width: 100%;
}
.footer-download-right {
    float: right;
}
.lite-version {
    background: #00C1CF;
    margin-right: 20px;
    width: 206px;
    padding: 20px;
    float: right;
    text-align: center;
    margin-right: 16px;
}
.pro-version {
    background: #00C1CF;
    margin-right: 20px;
    width: 206px;
    padding: 20px;
    float: right;
    text-align: center;
}
.footer-download-right a {
    display: inline-block;
    line-height: 50px;
    width: 80%;
    color: #FFF;
    border-radius: 6px
}
.lite-version a {
    background: #009AA5;
}
.pro-version a {
    background: #009AA5;
}
.donation-Large-text {
    font-weight: 100;
    color: #000;
    font-size: 26px;
}
.highlight {
    color: #c7242e;
}
.donation-form {
    width: 480px !important
}
div.ssl img {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -73px;
}
div.ssl {
    position: relative;
}
footer#colophon {
    position: relative;
}
.pro-tag {
    background: url("images/priceTag.png") no-repeat scroll 0 0;
    bottom: 1px;
    height: 94px;
    left: 0;
    position: absolute;
    width: 93px;
    font-size: 22px;
}
.pro-tag span {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    
    transform: rotate(45deg);
    display: block;
    font-family: "Open Sans";
    font-weight: 600;
    margin: 70px 5px 0px 0px;
    font-size: 20px;
    text-align: left;
}
.pro-tag.plugin-tag {
    background: url("images/priceTag.png") no-repeat scroll 0 0;
}
.pro-ribbon {
    background: url("images/pro-tag.png") no-repeat scroll 0 0;
    height: 99px;
    width: 96px;
    position: absolute;
    top: -6px;
    right: -5px;
}
.free_pro_title {
    margin-bottom: 40px;
}
.pro-content,
.pro-plugin,
.pro-theme-wrap {
    /* background: url("images/sep.jpg") no-repeat scroll bottom center;*/
    
    padding-bottom: 20px;
    /* margin-bottom: 30px;*/
}
.plugin-mid .themes-list li {
    float: none !important;
}
.free_pro_title > h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
}
#bbpress-forums .status-closed.sticky {
    background: #00C1D0 !important;
}
#bbpress-forums .status-closed.sticky,
#bbpress-forums .status-closed.sticky a {
    color: #FFF;
}
#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: inherit;
}
.affiliate-register {
    width: 58%;
    float: left;
}
.affiliate-login {
    width: 38%;
    float: right;
}
.wpam-daterange-selection input[type="text"] {
    width: auto;
}
.aff-wrap h3 {
    font-size: 16px;
}
.aff-wrap .wpam-creative-code {
    margin-bottom: 20px;
    height: 60px;
}
#aff-controls.pure-menu li a {
    padding: 10px 20px;
}
.wpam-logged-in-gravatar {
    float: left;
    margin-right: 15px;
}
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    box-shadow: none !important;
    border-radius: 0 !important;
}
#mainForm .pure-table {
    border: 0
}
#mainForm .pure-table td,
#mainForm .pure-table th {
    border: 0;
    font-weight: normal;
    padding-left: 0;
}
.wpam_registration_input_help_text {
    font-size: 13px;
    font-style: italic;
}
.affiliate-text {
    width: 70%;
    margin: 0 auto 30px;
    border: 1px solid #EEE;
    border-radius: 5px;
    padding: 15px;
    background-color: #fefefe;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
}
.affiliates_banner .main {
    background: #00c1d0;
}
.affiliates_banner aside {
    float: left;
}
.affiliates_banner .left {
    width: 38%;
}
.affiliates_banner .left img {
    width: 100%;
}
.affiliates_banner .right {
    width: 62%;
    padding: 22px 30px 0;
    color: #ffffff;
}
.affiliates_banner .right header {
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
    font-family: 'Oswald', sans-serif;
    /* text-transform: uppercase; */
    
    line-height: 70px;
    margin-bottom: 10px;
    margin-top: 40px
}
.affiliates_banner .right article {
    font-size: 18px;
    font-family: open sans;
    margin-bottom: 20px
}
.affiliates_banner .right a,
.earn a,
.partner a {
    background: #c71a21;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF !important;
    padding: 8px 36px;
    margin-top: 0px !important;
    display: inline-block;
    border-bottom: 3px solid #760B0F;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.earn {
    color: #000000;
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/earn1.jpg') no-repeat;
    background-size: cover;
    padding: 40px
}
.earn header {
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}
.earn article {
    color: #4e4e4e;
    font-size: 16px;
    font-family: open sans;
    margin-bottom: 30px;
    line-height: 36px;
}
.what_why {
    padding: 60px 0px 0;
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/what_why.jpg') no-repeat 50% top;
}
.what {
    width: 40%;
    float: left;
    color: #2d2d2d;
    margin-top: 40px;
    padding-bottom: 40px;
}
.what header {
    font-size: 41px;
    font-family: 'Oswald', sans-serif;
    line-height: 1;
}
.what footer {
    font-size: 25px;
    margin-top: 35px;
    font-family: open sans;
    font-weight: bold;
    margin-top: 25px;
}
.what ul {
    margin: 0;
    margin-top: 40px
}
.what li {
    font-size: 18px;
    list-style: none;
    line-height: 30px
}
.what ul.ap-download-count {
    margin-top: 10px
}
.what ul.ap-download-count li {
    list-style: none;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4;
}
.more-info {
    font-size: 14px;
    margin-top: 15px;
}
.what article {
    font-size: 15px;
    font-family: open sans;
    width: 340px;
    line-height: 20px;
}
.themes-download {
    font-size: 18px
}
.themes-sales {
    font-size: 21px;
    color: #c71a21
}
.wordPress {
    color: #00c1d0
}
.why {
    width: 40%;
    float: right;
    color: #707070;
    text-align: right;
    padding-right: 50px;
}
.why header {
    font-size: 41px;
    line-height: 61px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 30px;
}
.what li span {
    background-color: #c7242d;
    color: #fff600;
    padding: 0px 10px;
}
.why article {
    font-size: 18px;
    line-height: 40px;
    line-height: 35px;
}
.partner {
    padding: 50px 0px 40px;
    color: #ffffff;
    background: #00c1d0;
    text-align: center;
    position: relative
}
.partner:before {
    background-color: #00c1d0;
    content: '';
    position: absolute;
    width: 100%;
    left: -100%;
    height: 100%;
    top: 0;
}
.partner:after {
    background-color: #00c1d0;
    content: '';
    position: absolute;
    width: 100%;
    right: -100%;
    height: 100%;
    top: 0;
}
.partner header {
    font-size: 43px;
    font-family: 'Oswald', sans-serif;
    width: 90%;
    margin: 0 auto;
    line-height: 1;
    margin-bottom: 30px;
}
.tools {
    padding: 50px 0px 20px;
    text-align: center;
    position: relative
}
.tools>.container>header {
    font-size: 49px;
}
.tools aside {
    float: left;
    width: 48%;
    text-align: left;
    padding-left: 90px;
    margin: 20px 0px;
    background-position: center left;
    background-size: 72px 70px;
    font-family: 'Open Sans';
}
.tools aside.ads {
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/ads1.jpg') no-repeat;
}
.tools aside.notice {
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/email.jpg') no-repeat;
    margin-left: 2%
}
.tools aside.stats {
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/visit.jpg') no-repeat;
}
.tools aside.news {
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/affiliate.jpg') no-repeat;
    margin-left: 2%
}
.tools header {
    font-size: 44px;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
}
.tools aside header {
    font-size: 20px;
}
.tools footer {
    font-size: 14px;
}
.ads header {
    color: #90aade;
}
.notice header {
    color: #ea7880;
}
.notice {} .stats header {
    color: #00b3f0;
}
.news header {
    color: #15ba83;
}
.page-id-13055 {
    overflow-x: hidden
}
.page-id-13055 #main-content {
    margin-bottom: 0;
}
.partner-with-us {
    background: #00c1d0;
    border-radius: 5px;
    overflow: hidden;
    margin: 15px 0;
    width: 725px;
    float: left;
    margin-left: -70px;
}
.partner-with-us img {
    float: left
}
.partner-with-us-text {
    width: 560px;
    padding: 25px 20px;
    float: left;
}
.join-now {
    float: left;
    color: #fff;
    margin-top: 2px;
}
.partner-with-us-text h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 30px;
}
.partner-with-us-text span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
#termsBox {
    border: 1px solid #E4E4E4 !important;
    padding: 20px !important;
    height: 600px !important
}
.button-primary,
.pure-button {
    background: #175673 !important;
    border: none !important;
    font-size: 18px !important;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF !important;
    padding: 8px 36px;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    display: inline-block;
    border-bottom: 3px solid #0e394d !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-family: 'Oswald', sans-serif !important;
    font-weight: 300;
}
.pure-button {
    box-shadow: none !important;
}
.wpam_terms_table strong {
    font-size: 20px;
}
.detailsBlock label {
    font-weight: bold;
}
.widefat td:first-child {
    font-weight: bold;
}
.detailsBlock table:first-child tr:last-child td {
    font-size: 12px
}
.wpam-logged-in {
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}
.pure-table td,
.pure-table th {
    width: 80px
}
.wpam_registration_input_help_text {} .woocommerce .address {
    border: 1px solid #ccc;
    padding: 20px
}
.woocommerce a {
    color: #404040 !important;
    font-weight: bold !important
}
.affiliate-register {
    width: 58%;
    border-right: 1px solid #EDEDED;
    padding-right: 5%;
    min-height: 364px;
}
.affiliate-manager {
    float: left;
    width: 100%;
    position: relative;
    height: 500px;
}
.affiliate-manager-message {
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/bhava-affiliate-manager.png') center center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    height: 500px;
    width: 100%
}
.message-text {
    position: absolute;
    left: 0;
    top: 0;
    position: absolute;
    left: 50px;
    top: 340px;
    width: 80%;
    color: #fff;
}
.message-text a {
    color: #fffc27;
    text-decoration: none;
}
.affiliate-manager-message strong {
    font-size: 20px;
}
div.affiliates-photo {
    float: left;
    float: left;
    position: relative;
    bottom: -1px;
}
.affiliate-manager-message h2 {
    font-weight: 400;
}
.affiliate-message {
    background-color: #ebebeb;
    padding: 20px;
    width: 726px;
    float: left;
    position: relative;
    border-radius: 5px;
    margin-left: -70px;
    position: relative;
}
.affiliate-message:before {
    content: '';
    background: url('https://accesspressthemes.com/wp-content/uploads/2015/07/pointer.png') center center no-repeat;
    position: absolute;
    top: 60px;
    left: -41px;
    width: 42px;
    height: 68px;
}
.our-affiliates {
    margin-top: 60px;
}
#bbpress-forums .bbp-forums-list li {
    display: block;
    font-size: 13px
}
.woocommerce form .form-row .select2-container{
    height: 38px;
    line-height: 38px;
}
.woocommerce .blue{
    color:#00C1D0 !important; 
    }
.woocommerce a{
    font-weight:normal !important;
}

.woocommerce #aptab3 a{
    color:#00C1D0 !important;
}
.myaccount_user{
    margin-bottom: 30px;
}
.myaccount-tab{
    border:1px solid #DDD;
    position: relative;
    overflow: hidden;
}
.ap-tab:after{
    content: "";
    display: block;
    width: 100%;
    height: 9999em;
    position: absolute;
    bottom: -9999em;
    left: 0;
    background-color: #fafafa;
    border-right: 1px solid #ddd;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.myaccount-tab *{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ap-tab{
    float:left;
    width:20%;
    border-right:1px solid #DDD;
    background: #F6F6F6;
    position: relative;
}
.ap-tab a{
    display: block;
    padding: 10px;
    border-bottom:1px solid #DDD;
    color:#333 !important;
}
.ap-tab-content{
    float: left;
    width: 80%;
}
.ap-tab-content > div{
    padding: 10px 25px;
}
.aptabcontent{
    display: none;
}
.ap-tab a.apactive{
    background: #EEE;
}
.woocommerce .woocommerce-error::before, 
.woocommerce-page .woocommerce-error::before{
    background: none !important;
}
.woocommerce-account ul.digital-downloads li:before{
    display: none;
}
.woocommerce-account ul.digital-downloads li{
    border:1px solid #EEE; 
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}
.woocommerce-account ul.digital-downloads li:hover{
    background: #F6F6F6;
}
.woocommerce-account ul.digital-downloads .prd_thumbnail{
    width: 66px;
    height: 66px;
    display: block;
    float: left; 
    margin-right: 20px;
    border:1px solid #EEE;
}
.woocommerce-account ul.digital-downloads .button{
    position: absolute;
    right:0;
    bottom:0;
    border-radius:0;
    margin: 0 !important;
}
.woocommerce-account ul.digital-downloads .button .fa{
    margin-right: 10px;
}
.woocommerce .address{
    border:0;
    padding:0;
}
.blog-pagination{
    text-align: center;
    margin-bottom: 30px;
}
.blog-pagination .page-numbers{
    display: inline-block;
    background: #00C1CF ;
    padding: 4px 10px;
    margin: 0 1px;
    color: #FFF;
}
.blog-pagination .page-numbers:hover{
    background:#00b7c4;
}
.blog-pagination .page-numbers.current{
    background: #333;
}

/*Notification Bar CSS*/
.edn-type-text-wrap{
    width: 100% !important;
    padding: 10px;
    max-width: 980px;
}
.edn_close_section .container{
    width:100%;
}
.edn-notify-bar.edn-position-Top{
    box-shadow: none;
    border:0;
}
.edn-top-up-arrow .fa.fa-angle-up,
.edn-top-down-arrow .fa.fa-angle-down {
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 19px;
}

.edn-type-text-wrap strong{
    color: #f91120;
}

.edn-type-text-wrap a{
    color: #FFF;
    background-color: #f91120;
    text-decoration: none;
    padding: 0 4px;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.edn-type-text-wrap a:hover{
    background: #000;
}
.edn-notify-bar.edn-position-Top, .edn-notify-bar{
    position: relative;
}
.edn-type-main-wrapper{
    float: none;
}
.edn-controls-Top{
    position: absolute;
}

/*
.strike{
    margin-left: 10px;
    color:#FB0B0B;
}
.pro-tag span{
    font-size:16px !important;
    margin-left: -5px ;
    margin-top:65px;
}
.pro-tag span .strike{
    margin-left: 5px;
    color:#FFF902
}
*/
.single-blog #primary a{
    color:#f91120
}

.single-blog #primary a.button{
    border-radius:0
}

.bbp_widget_login .bbp-logged-in{
    border:1px solid #EEE;
    padding: 20px 10px;
    text-align: center;
}

.bbp_widget_login .bbp-logged-in img.avatar{
    float: none;
    margin: 0 0 5px;
    border: 1px solid #F6F6F6;
    border-radius: 50%;
}

.bbp_widget_login .bbp-logged-in h4{
    font-weight: 300;
}

.bbp_widget_login .bbp-logged-in a.button{
    font-size:13px;
}

.header-banner-wrapper{
   width: 1170px;
    margin: 0 auto;
}
.main_title_blog {
    padding: 0;
    background-position: center;
}
.main_title_blog .header-wrapper{
     width: 70%;
        float: left;
}
.main_title_blog .title_blog_page{
       
        font-size: 23px;
        font-weight: bold;
        padding-top: 125px;
        color: #FFF;
}
.main_title_blog .blog_sub_title{
    font-size: 19px;
    color:#FFF
}
.main_title_blog .header_form_sidebar{
    width: 30%;
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 30px;
    text-align: center;
}
.main_title_blog .widget_newsletterwidget{
    font-size: 13px;
    color: #fff;
}
.main_title_blog .widget-title{
    color: #fff;
}
.main_title_blog input[type="email"]{
    height: auto;
    background: #fff;
    padding: 2px 10px;
}
.main_title_blog input[type="submit"]{
    background: #B51D22;
    height: auto;
    padding: 2px 16px;
}
.main_title_blog .newsletter-widget{
    margin-top: 30px;
}

.contact-detail .widget{
    margin-top: 15px;
}

.contact-detail .newsletter-widget{
    margin-top: 5px;
}

.contact-detail .newsletter-widget p{
    margin-bottom: 5px;
}
    
.contact-detail .newsletter-submit{
    width: 100%;
    height: 28px;
    font-size:14px;
    background: #f91120;
}
.contact-detail .newsletter-email{
    height: 34px;
}

.single-blog #primary img{
    box-shadow: 1px 1px 12px rgba(0,0,0,0.2);
}

blockquote{
    box-shadow: 1px 1px 12px rgba(0,0,0,0.2);
    padding: 20px;
    margin: 0 0 25px;
}

blockquote p:last-child{
    margin-bottom: 0;
}

ul.best-rated{
    list-style: none;
    margin:0;
    padding:0;
    float:left;
    width:48%
}

ul.best-rated:last-child{
    float:right;
}

ul.best-rated li{
    margin-bottom:15px;
    border:1px solid #EEE;
    padding: 10px;
}

ul.best-rated li:hover{
    background: #F6F6F6;
}

ul.best-rated li > div{
    margin-top: 10px; 
}

ul.best-rated .bttn{
    line-height: 24px;
    height: 24px;
    padding:0 10px;
    margin-right:5px
}

ul.best-rated li strong{
    color:#000
}