scrolltojs-rails 0.0.5 → 0.1.0

data/vendor/assets/stylesheets/third_landing_page/main.css

@@ -0,0 +1,2500 @@
+
+/* ===================================================
+   Apppick Layout Stylesheet
+
+   TOC:
+    01. General & Global Styles
+    02. Section Common Styles
+    03. Preloader Styles
+    04. Header Styles
+    05. Banner Styles
+    06. Welcome / Features Styles
+    07. Why-This-App Styles
+    08. Awesome-Feature Styles
+    09. App-Brief Styles
+    10. Statistics Styles
+    11. Screenshot Styles
+    12. Video Styles
+    13. Testimonial Styles
+    14. Pricing-Table Styles
+    15. Offer Styles
+    16. Download Styles
+    17. Team Styles
+    18. Blog Styles
+    19. News-Letter Styles
+    20. Twitter Styles
+    21. Map Styles
+    22. Contact Styles
+    23. Footer Styles
+    24. Some Helper Styles
+
+====================================================== */
+
+
+
+
+/* ====================================================
+   General & Global Styles
+=======================================================*/
+.container .row {
+    margin: 0px;
+    margin-left: -15px;
+    margin-right: -15px;
+}
+
+.col-xxs-1,
+.col-xxs-2,
+.col-xxs-3,
+.col-xxs-4,
+.col-xxs-5,
+.col-xxs-6,
+.col-xxs-7,
+.col-xxs-8,
+.col-xxs-9,
+.col-xxs-10,
+.col-xxs-11,
+.col-xxs-12 {
+    position: relative;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px;
+    float: left;
+}
+
+
+.visible-xxs {
+    display: none !important;
+}
+
+@media (max-width: 600px) {
+
+    .col-xxs-12 {
+        width: 100%;
+    }
+    .col-xxs-11 {
+        width: 91.66666667%;
+    }
+    .col-xxs-10 {
+        width: 83.33333333%;
+    }
+    .col-xxs-9 {
+        width: 75%;
+    }
+    .col-xxs-8 {
+        width: 66.66666667%;
+    }
+    .col-xxs-7 {
+        width: 58.33333333%;
+    }
+    .col-xxs-6 {
+        width: 50%;
+    }
+    .col-xxs-5 {
+        width: 41.66666667%;
+    }
+    .col-xxs-4 {
+        width: 33.33333333%;
+    }
+    .col-xxs-3 {
+        width: 25%;
+    }
+    .col-xxs-2 {
+        width: 16.66666667%;
+    }
+    .col-xxs-1 {
+        width: 8.33333333%;
+    }
+    .hidden-xxs {
+        display: none !important;
+    }
+    .visible-xxs {
+        display: block !important;
+    }
+}
+
+
+@-webkit-keyframes fadeInUpSmall{
+    0%{
+        opacity:0;
+        filter: alpha(opacity=0);
+        -webkit-transform:translate3d(0,20px,0);
+                transform:translate3d(0,20px,0)
+    }
+    100%{
+        opacity:1;
+        filter: alpha(opacity=100);
+        -webkit-transform:none;
+                transform:none
+    }
+}
+@keyframes fadeInUpSmall{
+    0% {
+        opacity:0;
+        filter: alpha(opacity=0);
+        -webkit-transform:translate3d(0,20px,0);
+                transform:translate3d(0,20px,0)
+    }
+    100% {
+        opacity:1;
+        filter: alpha(opacity=100);
+        -webkit-transform:none;
+                transform:none
+    }
+}
+.fadeInUpSmall {
+     -webkit-animation-name:fadeInUpSmall;
+             animation-name:fadeInUpSmall
+}
+
+@-webkit-keyframes fadeOutUpSmall{
+    0% {
+        opacity:1;
+        filter: alpha(opacity=100);
+    }
+    100% {
+        opacity:0;
+        filter: alpha(opacity=0);
+        -webkit-transform:translate3d(0,-20px,0);
+                transform:translate3d(0,-20px,0);
+    }
+}
+
+@keyframes fadeOutUpSmall{
+    0% {
+        opacity:1;
+        filter: alpha(opacity=100);
+    }
+    100% {
+        opacity:0;
+        filter: alpha(opacity=0);
+        -webkit-transform:translate3d(0,-20px,0);
+                transform:translate3d(0,-20px,0);
+    }
+}
+.fadeOutUpSmall {
+    -webkit-animation-name:fadeOutUpSmall;
+            animation-name:fadeOutUpSmall;
+}
+
+
+
+html,
+button,
+input,
+select,
+textarea {
+    color: #666;
+}
+
+body, html {
+    font-size: 14px;
+    line-height: 2;
+    color: #666;
+    width: 100%;
+    height: 100%;
+    font-family: "Roboto", sans-serif;
+}
+p {
+    margin: 0px;
+    margin-bottom: 25px;
+}
+
+img {
+    max-width: 100%;
+}
+
+a,
+a:hover,
+a:visited,
+a:focus,
+a:active {
+    text-decoration: none;
+    outline: none !important;
+}
+
+a {
+    -webkit-transition: all .3s ease;
+            transition: all .3s ease;
+}
+
+.bg-white {
+    background-color: #fff !important;
+}
+.text-center {
+    text-align: center;
+}
+
+h1, h2, h3 {
+    line-height: 1.2;
+    margin: 0px;
+}
+
+h4, h5, h6 {
+    line-height: 1.5;
+    margin: 0px;
+}
+
+ul, ol {
+    margin: 0px;
+    padding: 0px;
+}
+
+iframe {
+    border: none;
+}
+
+/*
+ * Remove text-shadow in selection highlight: h5bp.com/i
+ * These selection rule sets have to be separate.
+ * Customize the background color to match your design.
+ */
+
+::-moz-selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+::selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+/*=============== A better looking default horizontal rule */
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+/*
+ * Remove the gap between images, videos, audio and canvas and the bottom of
+ * their containers: h5bp.com/i/440
+ */
+
+audio,
+canvas,
+img,
+video {
+    vertical-align: middle;
+}
+
+/* ================ Remove default fieldset styles */
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+/* ================ Allow only vertical resizing of textareas */
+
+textarea {
+    resize: vertical;
+}
+
+/* ========================== Browse Happy prompt */
+
+.browsehappy {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+
+/* ======================================= buttons */
+
+.th-btn {
+    outline: none;
+    display: inline-block;
+    line-height: 1;
+    border: none;
+    border-radius: 0;
+    font-size: 16px;
+    height: auto;
+}
+
+.th-btn-default {
+    color: #fff !important;
+    border-color: #fff;
+    background: #666;
+}
+
+
+
+.th-btn-big {
+    padding: 17px 43px 16px;
+}
+
+.th-btn-medium {
+    padding: 16px 30px 15px;
+    font-size: 14px;
+    text-transform: uppercase;
+}
+
+.th-btn-small {
+    padding: 11px 16px 10px;
+    font-size: 13px;
+}
+
+
+.btn-plain {
+    background: #fff;
+    box-shadow: none !important;
+    padding-left: 0px;
+    font-weight: 700;
+}
+.btn-plain:hover {
+    padding-left: 16px;
+    color: #fff !important;
+}
+
+blockquote {
+    margin: 0px;
+    padding: 0px;
+    border: none;
+}
+
+main.main {
+    position: relative;
+    z-index: 888;
+}
+
+
+
+/* ====================================================
+   Section Common Styles
+=======================================================*/
+
+.hidden-overflow {
+    overflow: hidden;
+}
+
+.overlay {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+}
+
+
+.overlay-content {
+    position: relative;
+    z-index: 1;
+}
+
+
+.section-head {
+    margin-bottom: 83px;
+    line-height: 2.2;
+}
+.section-head.only-title {
+    margin-bottom: 66px;
+}
+
+.section-title {
+    font-size: 36px;
+    line-height: 1.2;
+}
+
+.section-title.title-1 {
+    margin-bottom: 33px;
+    color: #222;
+    font-weight: 900;
+    text-transform: uppercase;
+}
+
+.section-title.title-2 {
+    margin-bottom: 28px;
+    color: #333;
+    font-weight: 300;
+}
+
+.section-title.white {
+    color: #fff;
+}
+
+.section-space {
+    padding: 115px 0px;
+}
+
+.section-space-top {
+    padding-top: 120px;
+}
+
+.section-space-bottom {
+    padding-bottom: 120px;
+}
+
+.parallux-bg {
+    background-attachment: fixed;
+    background-size: cover !important;
+    background-repeat: no-repeat;
+}
+
+.section-bg-01 {
+    background-color: #f7f7f7;
+}
+.section-bg-02 {
+    background-color: #fff;
+}
+
+.color-white {
+    color: #fff !important;
+}
+.color-black {
+    color: #666 !important;
+}
+
+.container-width {
+    width: 1420px;
+    max-width: 100%;
+    position: relative;
+    margin: 0 auto;
+    padding: 0px 45px;
+}
+.container-width .container {
+    max-width: 100%;
+}
+
+
+.slider-arrow {
+    position: absolute;
+    font-size: 30px;
+    color: #d0d0d0;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    top: 50%;
+    margin-top: -20px;
+}
+.slider-arrow.right-arrow {
+    right: 0px;
+}
+.slider-arrow.left-arrow {
+    left: 0px;
+}
+
+
+
+
+/* ====================================================
+   Preloader Styles
+=======================================================*/
+
+#loader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 99999;
+    background-color: #fff;
+}
+
+.loader-content {
+    text-align: center;
+    position: relative;
+    top: 50%;
+    margin-top: -50px;
+    height: 103px;
+}
+
+.loading-title {
+    color: #333;
+}
+
+#loader .preloader-wrapper {
+    margin-bottom: 30px;
+}
+
+
+
+
+
+
+/* ====================================================
+   Header Styles
+=======================================================*/
+
+.main-header {
+    position: fixed;
+    width: 100%;
+    z-index: 999;
+    top: 0px;
+    left: 0px;
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
+    height: auto !important;
+}
+
+.header-big-screen {
+    background-color: #fff;
+}
+
+
+.main-header.mobileBG .full-height {
+    height: 100%;
+}
+
+.logo {
+    float: left;
+    display: inline-block;
+    max-width: 100px;
+    padding: 22px 0px;
+}
+
+.menu {
+    float: right;
+    background: transparent;
+    width: auto;
+    height: auto;
+    line-height: inherit;
+    box-shadow: none;
+}
+
+.menu li {
+    list-style: none;
+    position: relative;
+    background: none !important;
+    display: inline-block;    
+    margin-left: 15px;
+    float: none;
+}
+
+.menu li a {
+    display: block;
+    outline: none !important;
+    font-size: 13px;
+    color: #727272;
+    padding: 30px 8px 26px;
+    line-height: 1;
+    text-transform: uppercase;
+    border-bottom: 6px solid transparent;
+}
+
+.menu li.has-sub a {
+    border-color: transparent !important;
+}
+
+.menu li.has-sub > a:after {
+    content: "\f107";
+    font-family: FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    display: inline-block;
+    margin-left: 10px;
+}
+
+.menu li .sub-menu {
+    position: absolute;
+    background: #fff;
+    width: 200px;
+    right: 0px;
+    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2);
+    visibility: hidden;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    -webkit-transition: all .3s;
+            transition: all .3s;
+    border-top: 6px solid transparent;
+    top: 100%;
+    margin-top: -6px;
+    padding-top: 6px;
+}
+
+.menu li .sub-menu li {
+    width: 100%;
+    margin: 0px;
+}
+
+.menu li .sub-menu li a {
+    padding: 17px 25px 15px;
+    border: none;
+}
+.menu li:hover .sub-menu {
+    visibility: visible;
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+
+/*---- Header Mobile Screen ----*/
+
+
+.mobileBG .header-mobile-screen .header-inner {
+    padding-bottom: 63px;
+}
+
+.main-header.mobileBG {
+  top: 0px !important;
+  height: auto !important;
+}
+
+
+
+.header-mobile-screen .logo-area {
+    padding: 0px 35px;
+    background: #fff;
+}
+
+.header-mobile-screen .logo-area .logo {
+    margin-bottom: 0px;
+}
+
+.header-mobile-screen .bar-area {
+    margin-top: 22px;
+}
+
+.header-mobile-screen .bar-area a {
+    font-size: 25px;
+    line-height: 1;
+    display: block;
+}
+
+.header-mobile-screen .bar-area a.close-menu {
+    display: none;
+}
+
+.header-mobile-screen .menu {
+    text-align: left;
+    display: none;
+    overflow: auto;
+    overflow-x: hidden;
+    max-height: 100%;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-top: 15px;
+    padding-bottom: 15px;
+}
+
+
+.header-mobile-screen .menu li {
+    display: block;
+    margin-left: 0px;
+    padding-left: 20px;
+    padding-right: 20px;
+}
+.header-mobile-screen .menu li:hover,
+.header-mobile-screen .menu li.current {
+    background-color: #fff !important;
+}
+
+.header-mobile-screen .menu li:last-child {
+    border-bottom: none;
+}
+
+.header-mobile-screen .menu li a {
+    color: #fff;
+    font-size: 14px;
+    padding: 21px 0px 18px;
+    border: none;
+    position: relative;
+}
+
+
+.header-mobile-screen .sub-menu li a {
+    padding: 14px 0px 13px;
+    font-size: 13px;
+}
+
+.header-mobile-screen .menu li.has-sub > a:after {
+    position: absolute;
+    right: 0px;
+    -webkit-transform: rotate(-90deg);
+        -ms-transform: rotate(-90deg);
+            transform: rotate(-90deg);
+}
+
+.header-mobile-screen .menu li.has-sub.active > a:after {
+    -webkit-transform: rotate(0deg);
+        -ms-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+
+
+.header-mobile-screen .menu li .sub-menu {
+    position: relative;
+    border-top: none;
+    width: 100%;
+    padding: 0px 0px 20px;
+    display: none;
+    visibility: visible;
+    opacity: 1;
+    filter: alpha(opacity=100);
+    margin: 0px;
+}
+.header-mobile-screen .menu li .sub-menu li {
+    padding: 0px;
+}
+
+
+/* ====================================================
+   Banner Styles
+=======================================================*/
+
+.banner {
+    position: relative;
+    min-height: 100%;
+    padding-top: 189px;
+    padding-bottom: 90px;
+}
+.banner-bg {
+    background-image: url('../../img/banner_bg.jpg');
+}
+
+.banner .heading {
+    font-size: 50px;
+    color: #fff;
+    line-height: 1.18;
+    margin-bottom: 25px;
+    letter-spacing: 2px;
+    font-weight: bold;
+}
+
+.banner .banner-content {
+    margin-top: 8%;
+    margin-bottom: 15%;
+}
+
+.banner .button-area {
+    display: table;
+    width: 100%;
+}
+.banner .button-area a {
+    margin: 10px;
+}
+
+.banner .sub-heading {
+    width: 100%;
+    color: #fff;
+    word-spacing: 3px;
+    font-size: 17px;
+    font-weight: 300;
+    line-height: 1.9;
+}
+.banner .sub-heading a {
+    color: #fff;
+    font-weight: 400;
+}
+
+
+
+.home-bottom-content {
+    position: absolute;
+    width: 100%;
+    bottom: 0px;
+    text-align: center;
+    border-bottom: 1px solid #e9e9e9;
+    overflow: hidden;
+}
+
+.single-section {
+    display: inline-block;
+    padding: 32px 0px 28px;
+    border-right: 1px solid #E9E9E9;
+    width: 300px;
+}
+
+.single-section:last-child {
+    border-right: none;
+}
+
+.single-section i {
+    margin-left: 10px;
+}
+
+.single-section a {
+    color: #666;
+}
+
+.banner-feature {
+    color: #fff;
+}
+.banner-feature-list {
+    display: inline-block;
+    width: 9%;
+    min-width: 175px;
+    margin-bottom: 50px;
+}
+.banner-feature-list i {
+    font-size: 30px;
+    color: #FFF;
+    margin-bottom: 25px;
+    display: inline-block;
+    line-height: 1;
+}
+.banner-feature-list .title {
+    font-size: 13px;
+    font-weight: 300;
+}
+
+
+.call-to-section {
+  background: #FFFFFF;
+  position: relative;
+  z-index: 2;
+}
+
+
+
+
+
+
+
+/* ====================================================
+   Why-This-App Styles
+=======================================================*/
+
+.why-this-app .section-space {}
+
+.why-this-app .section-title {
+    margin-bottom: 38px;
+}
+
+
+.why-section-col {
+    display: table-cell;
+    float: none;
+    vertical-align: middle;
+    max-width: 50% !important;
+}
+
+.why-this-app p {
+    margin-bottom: 20px;
+}
+
+.why-slider {
+    width: 556px;
+    position: relative;
+    overflow: hidden;
+    margin-top: 10px;
+}
+
+
+.why-slider > * {
+    margin-top: 0px !important;
+    position: absolute !important;
+    width: 100%;
+    top: 0px;
+    left: 100%;
+    overflow: hidden;
+}
+
+
+.why-this-app .thumb-area img:nth-child(2) {
+    -webkit-transform: translateX(200px);
+        -ms-transform: translateX(200px);
+            transform: translateX(200px);
+    -webkit-transition: all 1s;
+            transition: all 1s;
+}
+
+.why-this-app .thumb-area.active img:nth-child(2) {
+    -webkit-transform: translateX(0px);
+        -ms-transform: translateX(0px);
+            transform: translateX(0px);
+}
+.why-this-app .thumb-area.inactive img:nth-child(2) {
+    -webkit-transform: translateX(-50px);
+        -ms-transform: translateX(-50px);
+            transform: translateX(-50px);
+}
+
+.owl-carousel .owl-item {
+    overflow: hidden;
+}
+
+.app-reasion-lists li {
+    list-style: none;
+    margin-bottom: 30px;
+    min-height: 60px;
+}
+
+.app-reasion-lists li:last-child {
+    margin-bottom: 0px;
+}
+
+.app-reasion-lists li a {
+    display: block;
+    position: relative;
+    padding-left: 80px;
+}
+
+.app-reasion-lists li a .left-area,
+.app-reasion-lists li a:focus .left-area {
+    font-size: 24px;
+    overflow: hidden;
+    width: 60px;
+    height: 60px;
+    display: inline-block;
+    background: #fff;
+    border-radius: 50%;
+    border: none;
+    text-align: center;
+    line-height: 58px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    padding: 0px;
+    -webkit-transition: all .3s ease;
+            transition: all .3s ease;
+}
+
+.app-reasion-lists li a .right-area {
+    color: #666;
+}
+
+.app-reasion-lists li a:hover .left-area i,
+.app-reasion-lists li.active a .left-area i,
+.app-reasion-lists li.active a:hover .left-area i {
+    color: #fff;
+}
+
+
+/* ====================================================
+   Awesome-Feature Styles
+=======================================================*/
+
+.amazing-feature.section-space {
+    padding-bottom: 90px;
+}
+
+.feature-lists-style-one .feature-list {
+    position: relative;
+    margin-bottom: 23px;
+}
+
+.feature-lists-style-one .icon-area {
+    width: 60px;
+    color: #fff;
+    height: 60px;
+    line-height: 60px;
+    border-radius: 50%;
+    font-size: 24px;
+    text-align: center;
+    -webkit-transition: .3s;
+            transition: .3s;
+    float: left;
+    margin-right: 20px;
+}
+
+.feature-lists-style-one .icon-area i {}
+.feature-lists-style-one .f-content-area {
+    overflow: hidden;
+}
+.feature-lists-style-one .title {
+    font-size: 18px;
+    margin-bottom: 13px; 
+    font-weight: 400;
+    color: #333;
+    margin-top: 2px;
+}
+
+
+
+/* ====================================================
+   App-Brief Styles
+=======================================================*/
+
+.app-brief.owl-carousel {
+    background-color: #fff;
+    padding-bottom: 100px;
+}
+.thumb-area {
+    position: relative;
+    height: 474px;
+    margin-top: 10px;
+}
+.thumb-area img {
+    position: relative;
+    top: 0px;
+}
+
+.app-brief-article .content,
+.app-brief-article .thumb-area  {
+    -webkit-transition: all 1.5s ease;
+            transition: all 1.5s ease;
+}
+
+.app-brief.owl-theme .owl-controls .owl-pagination .owl-page span {
+    width: 50px;
+    height: 5px;
+    margin: 0px 2px;
+    opacity: 1;
+    filter: alpha(opacity=100);
+    border-radius: 0px;
+    background: #ddd;
+}
+
+
+.left-item .app-brief-article .thumb-area {
+    -webkit-transform:translateX(-500px);
+        -ms-transform:translateX(-500px);
+            transform:translateX(-500px);
+}
+
+
+.right-item .app-brief-article .content {
+    -webkit-transform:translateX(500px);
+        -ms-transform:translateX(500px);
+            transform:translateX(500px);
+}
+
+
+.active .app-brief-article .thumb-area {
+    -webkit-transform:translateX(0%);
+        -ms-transform:translateX(0%);
+            transform:translateX(0%);
+}
+
+.active .app-brief-article .content {
+    -webkit-transform:translateX(0%);
+        -ms-transform:translateX(0%);
+            transform:translateX(0%);
+}
+
+
+
+
+.app-brief-article {
+    padding-bottom: 110px;
+}
+
+.owl-item .app-brief-article {
+    padding-bottom: 40px;
+}
+.app-brief-article .section-title {
+    margin-bottom: 40px;
+}
+
+.app-brief-article p {
+    margin-bottom: 20px;
+}
+
+.thumb-area img:nth-child(1) {
+    left: 76px;
+    z-index: 2;
+}
+.thumb-area img:nth-child(2) {
+    right: 76px;
+    position: absolute;
+    top: 21px;
+}
+
+.content a {}
+.content ul {
+    margin: 0px;
+    padding: 0px;
+    margin-bottom: 30px;
+}
+.content ul li:before {
+    list-style: none;
+    content: "\f474";
+    margin-right: 20px;
+    display: inline-block;
+    font-family: "Ionicons";
+    speak: none;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    text-rendering: auto;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    vertical-align: middle;
+}
+
+.content ol {
+    padding: 0px;
+    margin: 0px;
+    padding-left: 23px;
+}
+.content ol li {
+    -webkit-padding-start: 12px;
+    -moz-padding-start: 12px;
+}
+
+.content li {
+    margin-bottom: 5px;
+}
+.content ul li {
+    list-style: none;
+}
+
+
+/* ====================================================
+   Statistics Styles
+=======================================================*/
+
+.statistics-01 {}
+
+.statistics-bg {
+    background-image: url('../../img/bg-02.jpg');
+}
+
+.statistics-01 .section-space {
+    padding: 118px 0px 64px;
+}
+
+.statistic-area {
+    position: relative;
+    margin: 0px 30px;
+}
+.statistics-01 .statistic-area {
+    margin: 0px;
+    margin-bottom: 50px;
+    padding: 0px !important;
+}
+
+.statistics-01 .top {
+    line-height: 1;
+    margin-bottom: 16px;
+}
+
+.statistics-01 i {
+    font-size: 50px;
+    color: #fff;
+    vertical-align: middle;
+    margin-right: 16px;
+}
+
+.statistics-01 .number {
+    font-size: 40px;
+    display: inline-block;
+    vertical-align: middle;
+    font-weight: 900;
+}
+.statistics-01 .text {
+    font-size: 16px;
+    color: #fff;
+    margin: 0px;
+    font-weight: 300;
+}
+
+
+
+
+/* ====================================================
+   Screenshot Styles
+=======================================================*/
+
+.screenshot {
+    background-color: #fff;
+}
+
+.screenshot.section-space {
+    padding-bottom: 108px;
+}
+
+.screenshoot-wrapper {
+    margin-top: 52px;
+}
+
+.screenshoot-area {
+    position: relative;
+}
+
+
+
+.screenshoot-area .mobile-bg {
+    position: absolute;
+    top: -52px;
+    left: 50%;
+    margin-left: -122px;
+    z-index: 3;
+}
+
+.screenshoot-slider {
+    z-index: 2;
+}
+
+.screenshoot-slider .owl-wrapper-outer {
+    margin-bottom: 100px;
+}
+
+.screenshoot-slider .owl-item {
+    -webkit-transition: all .2s ease;
+            transition: all .2s ease;
+}
+
+.screenshoot-slider .owl-item img {
+    width: auto;
+    display: inline-block;
+}
+.screenshoot-slider .owl-item {
+    -webkit-transition: all .5s ease;
+            transition: all .5s ease;
+}
+
+.screenshoot-slider .owl-item.left-item {
+    padding-right: 24px;
+    text-align: left;
+}
+.screenshoot-slider .owl-item.center-item {
+    padding: 0px 12px;
+    text-align: center;
+}
+.screenshoot-slider .owl-item.right-item {
+    padding-left: 24px;
+    text-align: right;
+}
+
+.screenshoot-slider .owl-item img {
+    max-width: 100%;
+}
+
+.owl-theme .owl-controls .owl-pagination {
+    text-align: center;
+}
+.owl-theme .owl-controls .owl-pagination .owl-page {
+    display: inline-block;
+}
+.owl-theme .owl-controls .owl-pagination .owl-page span {
+    width: 12px;
+    height: 12px;
+    margin: 3px;
+    opacity: 1;
+    filter: alpha(opacity=100);
+    border-radius: 50%;
+    background: #bbb;
+    display: block;
+}
+
+.screenshoot-arrow {
+    margin-top: -88px;
+}
+
+
+
+
+
+
+
+
+/* ====================================================
+   Video Styles
+=======================================================*/
+
+.video-section.section-space {
+    padding-bottom: 120px;
+}
+.video-section .section-head {
+    margin-bottom: 0px;
+}
+
+.video-buttons {
+    margin: -3px;
+    margin-top: 40px;
+}
+.video-buttons a {
+    margin: 3px;
+}
+
+
+
+
+/* ====================================================
+   Testimonial Styles
+=======================================================*/
+
+.testimonial {
+    color: #ccc;
+}
+.testimonial-bg {
+    background-image: url('../../img/bg-03.jpg');
+}
+
+.testimonial .section-space {
+    padding-bottom: 111px;
+}
+
+.section-relative {
+    position: relative;
+}
+
+.single-testimonial {
+    text-align: center;
+}
+.single-testimonial .tes-thumbnail-area {
+    position: relative;
+    display: table;
+    margin: 0px auto 34px;
+}
+.single-testimonial .tes-thumbnail-outer {
+    width: 184px;
+    height: 184px;
+    border-radius: 50%;
+    overflow: hidden;
+    border: 2px solid #fff;
+    background-color: #fff;
+}
+.single-testimonial .tes-thumb-img {
+    width: 100%;
+}
+.single-testimonial .thumb-icon-area {
+    position: absolute;
+    top: 20px;
+    right: -6px;
+    width: 50px;
+    height: 50px;
+    line-height: 50px;
+    border-radius: 50%;
+    font-size: 20px;
+    background-color: #fff;
+}
+
+
+.single-testimonial blockquote {
+    padding: 0;
+    margin: 0;
+    border: none;
+    line-height: 1.7;
+}
+.single-testimonial blockquote .blockquote-text {
+    font-size: 18px;
+    font-style: italic;
+    color: #fff;
+    margin-bottom: 18px;
+}
+.single-testimonial blockquote .blockquote-text p {}
+.single-testimonial blockquote cite {
+    color: #fff;
+    font-style: normal;
+    font-size: 16px;
+}
+
+
+.tes-thumb-ctrl-area {
+    margin-top: 45px;
+}
+.tes-thumb-ctrl-lists {
+    display: table;
+    margin: 0px auto;
+}
+.tes-thumb-ctrl-lists li {
+    width: 52px;
+    height: 52px;
+    border: 1px solid #fff;
+    border-radius: 50%;
+    overflow: hidden;
+    display: inline-block;
+    margin-right: 15px;
+    z-index: 2;
+    position: relative;
+    background-color: #fff;
+}
+.tes-thumb-ctrl-lists li a {
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    overflow: hidden;
+}
+.tes-thumb-ctrl-lists li a img {
+    position: relative;
+    width: 100%;
+    border-radius: 50%;
+}
+.tes-thumb-ctrl-lists li a .tes-thumb-overlay {
+    position: absolute;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    -webkit-transition : opacity .5s ease;
+            transition : opacity .5s ease;
+}
+.tes-thumb-ctrl-lists li.active a .tes-thumb-overlay {
+    opacity: .5;
+    filter: alpha(opacity=50);
+}
+
+
+
+
+/* ====================================================
+   Pricing-Table Styles
+=======================================================*/
+
+.pricing-table {
+    position: relative;
+    background-color: #fff;
+}
+
+.pricing-table.section-space,
+.pricing-table .section-space {
+    padding-bottom: 90px;
+}
+
+.single-pricing-table {
+    background-color: #fff;
+    margin-bottom: 30px;
+    box-shadow: 0px 1px 5px rgba(0,0,0,.2);
+}
+
+.pricing-table-style-one .pricing-container > * {
+    padding: 0px 40px;
+    position: relative;
+}
+
+.pricing-table-style-one .pricing-container .p-t-header {
+    padding-top: 60px;
+    margin-bottom: 30px;
+}
+
+
+.pricing-table-style-one .th-btn-parent {
+    color: #fff;
+}
+
+
+.pricing-table-style-one .pricing-container .p-t-header .pricing-title {
+    font-size: 36px;
+    margin: 0px;
+    margin-left: -3px;
+    font-weight: 300;
+}
+
+.pricing-table-style-one .best-tag {
+    width: 60px;
+    height: 47px;
+    background-color: #fff;
+    text-align: center;
+    padding: 15px 5px;
+    line-height: 16px;
+    font-size: 14px;
+    position: absolute;
+    top: -2px;
+    right: 20px;
+    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
+}
+
+.pricing-table-style-one .pricing-container .p-t-body {
+    margin-bottom: 40px;
+}
+
+.pricing-table-style-one .pricing-container .p-t-body ul {
+    margin: 0px;
+    padding: 0px;
+}
+
+.pricing-table-style-one .pricing-container .p-t-body ul li {
+    list-style: none;
+    margin-bottom: 22px;
+    color: #999;
+}
+
+.pricing-table-style-one .pricing-container .p-t-body ul li.not-include {
+    text-decoration: line-through;
+}
+
+.pricing-table-style-one .pricing-container .p-t-footer {
+    padding-bottom: 40px;
+}
+
+.pricing-table-style-one .pricing-container .p-t-footer .price {
+    float: left;
+    font-size: 36px;
+    line-height: 1;
+    font-weight: 300;
+}
+
+.pricing-table-style-one .pricing-container .p-t-footer .price .currency {
+    font-size: 25px;
+    line-height: 1;
+    display: inline-block;
+    font-weight: 400;
+    margin-right: 3px;
+}
+.pricing-table-style-one .pricing-container .p-t-footer .price span {
+    vertical-align: middle;
+}
+
+.pricing-table-style-one .pricing-container .p-t-footer .button {
+    float: right;
+}
+
+.pricing-table-style-one.best {
+    color: #fff;
+}
+.pricing-table-style-one.best .th-btn {
+    background-color: #fff !important;
+}
+
+.pricing-table-style-one.best .pricing-container .p-t-body ul li {
+    color: #fff;
+}
+
+
+
+/* ====================================================
+   Offer Styles
+=======================================================*/
+
+.special-offer {}
+.offer-content-wrapper {
+    position: relative;
+    min-height: 610px;
+}
+.offer-left-area,
+.offer-right-area {
+    float: left;
+    width: 50%;
+    min-height: 1px;
+}
+
+.offer-image-area {
+    text-align: center;
+    position: absolute;
+    bottom: 0px;
+    width: inherit;
+    padding: 0px 20px;
+}
+.offer-content {
+    margin-top: 16%;
+    margin-bottom: 50px;
+    position: relative;
+    padding-left: 15px;
+}
+.offer-content .offer-abs-bg {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+}
+.offer-content .offer-abs-bg .big-font {
+    font-size: 300px;
+    opacity: .1;
+    filter: alpha(opacity=10);
+    margin-top: -30px;
+}
+
+
+.offer-content h2 {
+    font-size: 30px;
+    font-weight: 400;
+    line-height: 1.13;
+    margin-bottom: 47px;
+    color: #333;
+}
+.offer-content h2 span {
+    display: block;
+    margin-left: 80px;
+    font-size: 39px;
+    font-weight: 500;
+    text-transform: uppercase;
+}
+.offer-content h3 {
+    color: #333;
+    margin-bottom: 42px;
+    font-size: 24px;
+    font-weight: 400;
+}
+.offer-content h3 span {
+}
+.offer-content p:last-of-type {
+    margin-bottom: 41px;
+}
+.offer-content a {}
+
+
+
+
+
+
+/* ====================================================
+   Download Styles
+=======================================================*/
+
+.download {
+}
+
+.download-bg {
+    background-image: url('../../img/bg-04.jpg');
+}
+
+.download-buttons {
+    margin-top: 66px;
+}
+
+.download-buttons a {
+    display: inline-block;
+    background: #fff;
+    padding: 19px 33px;
+    line-height: 1;
+    margin: 5px;
+    text-align: left;
+    color: inherit;
+    height: auto;
+    border-radius: 0px;
+}
+.download-buttons a * {
+    letter-spacing: 0px;
+            
+}
+.download-buttons .left-area {
+    font-size: 25px;
+    float: left;
+    margin-right: 17px;
+}
+
+.download-buttons .right-area {
+    float: right;
+}
+.download-buttons .right-area * {
+}
+.download-buttons .top-area {
+    display: block;
+    font-size: 11px;
+    margin-bottom: 3px;
+    color: #666;
+}
+.download-buttons .bottom-area {
+    display: block;
+    color: #333;
+    font-size: 16px;
+}
+
+.download-buttons a:hover * {
+    color: #fff;
+}
+
+.download-buttons a:active {
+    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) inset;
+}
+
+
+
+
+
+
+/* ====================================================
+   Team Styles
+=======================================================*/
+
+.team-member {
+    background-color: #fff;
+}
+.team-member.section-space {
+    padding-bottom: 28px;
+}
+.single-team-wrap {
+    padding: 0px 20px;
+    padding-bottom: 160px;
+}
+.single-team {
+    position: relative;
+}
+.single-team .team-member-img {
+    position: relative;
+    z-index: 2;
+}
+.single-team .team-member-img img {
+    width: 100%;
+    max-width: 100%;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    filter: grayscale(100%);
+    -webkit-filter: gray;
+    filter: gray;
+
+    -webkit-transition: all .4s ease;
+            transition: all .4s ease;
+}
+
+.single-team .team-member-info {
+    position: absolute;
+    width: 100%;
+    left: 0px;
+    top: 100%;
+    padding-top: 26px;
+}
+.single-team .info-area-top {
+    margin-bottom: 20px;
+}
+
+.team-theme-01 .single-team .info-area-top {
+    -webkit-transform: translateY(-66px);
+        -ms-transform: translateY(-66px);
+            transform: translateY(-66px);
+    -webkit-transition: all .4s ease;
+            transition: all .4s ease;
+}
+
+.team-theme-01:hover .single-team .info-area-top {
+    -webkit-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+            transform: translateY(0px);
+}
+
+.team-theme-01:hover .single-team .team-member-img img {
+    -webkit-filter: grayscale(0%);
+    -moz-filter: grayscale(0%);
+    -o-filter: grayscale(0%);
+    -ms-filter: grayscale(0%);
+    filter: grayscale(0%);
+}
+
+.team-theme-01 .single-team .info-area-bottom {
+    -webkit-transform: translateY(-66px);
+        -ms-transform: translateY(-66px);
+            transform: translateY(-66px);
+    -webkit-transition: all .4s ease;
+            transition: all .4s ease;
+}
+.team-theme-01:hover .single-team .info-area-bottom {
+    -webkit-transform: translateY(06px);
+        -ms-transform: translateY(06px);
+            transform: translateY(06px);
+}
+
+.single-team .info-area-bottom .t-m-name {
+    font-size: 18px;
+    color: #333;
+    margin-bottom: 5px;
+    text-transform: uppercase;
+    font-weight: 500;
+}
+.single-team .info-area-bottom .t-m-designation {
+    font-size: 14px;
+}
+
+.social {
+    padding: 0px;
+    margin: 0px;
+    display: table;
+    width: 100%;
+    margin-bottom: -5px;
+}
+.social li {
+    list-style: none;
+    display: inline-block;
+    margin: 5px;
+}
+.social li a {
+    display: block;
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+    line-height: 35px;
+    font-size: 15px;
+    text-align: center;
+    padding: 0;
+}
+
+.team-theme-01 .single-team:hover .area-top img {
+    -webkit-filter: grayscale(0%);
+    -moz-filter: grayscale(0%);
+    -o-filter: grayscale(0%);
+    -ms-filter: grayscale(0%);
+    filter: grayscale(0%);
+}
+
+
+
+
+
+
+/* ====================================================
+   Blog Styles
+=======================================================*/
+
+
+.blog-section {
+    background-color: #f7f7f7;
+    padding-bottom: 120px;
+}
+.blog-section .home-blog-posts {
+    margin-bottom: 25px;
+}
+.single-post {
+    padding-top: 4px;
+}
+
+.comment-link {
+    color: #333;
+}
+
+.blog-posts {
+    overflow: hidden;
+}
+.single-blog-post.theme01 {
+    background: #fff;
+    padding: 20px;
+}
+
+.single-blog-post {
+    margin-bottom: 30px;
+    width: 100%;
+}
+.blog-post-thumb-container {
+    position: relative;
+    margin-bottom: 15px;
+    line-height: 1;
+    width: 100%;
+    overflow: hidden;
+}
+.blog-post-thumb-container .blog-post-thumb-permalink {
+    display: block;
+    position: relative;
+}
+.blog-post-thumb-container .blog-post-thumb-permalink:after {
+    position: absolute;
+    content: "\f08e";
+    font: normal normal normal 15px/33px FontAwesome;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    border: 1px solid #fff;
+    color: #fff;
+    left: 50%;
+    top: 50%;
+    width: 35px;
+    height: 35px;
+    text-align: center;
+    margin-left: -17px;
+    margin-top: -17px;
+    -webkit-transition: all .3s ease;
+            transition: all .3s ease;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    -webkit-transform: scale(0);
+        -ms-transform: scale(0);
+            transform: scale(0);
+}
+.blog-post-thumb-container .blog-post-thumbnail {
+    max-width: 100%;
+    width: 100%;
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    filter: grayscale(100%);
+    -webkit-filter: gray;
+            filter: gray;
+
+    -webkit-transition: all .4s ease;
+            transition: all .4s ease;
+}
+.blog-post-thumb-container:hover .blog-post-thumbnail {
+    -webkit-filter: grayscale(0%);
+    -moz-filter: grayscale(0%);
+    -o-filter: grayscale(0%);
+    -ms-filter: grayscale(0%);
+    filter: grayscale(0%);
+}
+.blog-post-thumb-container .blog-post-thumb-permalink:hover:after {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+            transform: scale(1);
+}
+
+.blog-post-thumb-container .jwlogo {
+    display: none !important;
+}
+
+.single-blog-post .blog-post-title-permalink {
+    display: table;
+    color: #333;
+}
+.single-blog-post .blog-post-title {
+    font-size: 20px;
+    margin-bottom: 4px;
+    text-transform: uppercase;
+    font-weight: 900;
+}
+.single-blog-post .blog-post-meta,
+.single-blog-post .blog-post-meta a {
+    font-size: 13px;
+    color: #bbbbbb;
+}
+.single-blog-post .blog-post-meta {
+    margin-bottom: 13px;
+}
+
+.single-blog-post .blog-post-content {
+    color: #666;
+    margin-bottom: 18px;
+    max-height: 137px;
+    overflow: hidden;
+}
+.single-blog-post .blog-post-content *:last-child {
+    margin-bottom: 0px;
+}
+
+.single-blog-post .blog-post-bottom-meta {
+}
+
+.single-blog-post .blog-post-bottom-meta a.favorite-link {
+    color: #a3a3a3;
+}
+
+.single-blog-post .blog-post-bottom-meta.read-more .favorite-link {
+    margin-top: 6px;
+}
+
+
+
+.blog-post-thumb-container > iframe {
+    width: 100% !important;
+    border: none;
+    height: 100% !important;
+}
+
+.thumb-slides-controller {}
+.thumb-slides-controller a {
+    font-size: 16px;
+    width: 25px;
+    height: 25px;
+    line-height: 25px;
+    text-align: center;
+    display: block;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    color: #fff;
+    -webkit-transition: all .5s ease;
+            transition: all .5s ease;
+}
+.thumb-slides-controller a.right-arrow {
+    left: 35px;
+}
+.thumb-slides-controller a:hover {
+    background-color: #444;
+}
+
+
+
+
+
+/* ====================================================
+   News-Letter Styles
+=======================================================*/
+
+.news-letter {}
+
+.news-letter-bg {
+    background-image: url('../../img/bg-05.jpg');
+}
+
+.news-letter .section-space {
+    padding-bottom: 111px;
+}
+
+.newsletter-form-area form {
+    display: inline-block;
+    position: relative;
+    width: 530px;
+    max-width: 100%;
+}
+
+.newsletter-form-area .mail-icon {
+    width: 25px;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    height: 100%;
+    padding: 0px;
+    margin: 0px;
+    line-height: 39px;
+    color: #ADADAD;
+    font-size: 17px;
+    text-align: left;
+}
+
+.newsletter-form-area form input[type="email"] {
+    border: none;
+    max-width: 100%;
+    color: #ddd;
+    border-bottom: 1px solid #fff;
+    margin: 0px;
+    padding-right: 30px;
+    padding-left: 30px;
+    text-align: center;
+    display: block;    
+    box-sizing: border-box;
+    font-weight: 300;
+    font-size: 14px;
+}
+.newsletter-form-area form input[type="submit"] {
+    outline: none;
+    text-indent: -99999px;
+    background: url('../../img/go-btn.png') transparent no-repeat;
+    width: 25px;
+    background-position: center right;
+    border: none;
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    height: 100%;
+    padding: 0px;
+    margin: 0px;
+}
+
+
+
+.newsletter-form-area input::-webkit-input-placeholder {
+   line-height: 1.9;
+   color: #bbb;
+}
+
+.newsletter-form-area input:-moz-placeholder {
+   line-height: 1.9;
+   color: #bbb;
+}
+
+.newsletter-form-area input::-moz-placeholder {
+   line-height: 1.9;
+   color: #bbb;
+}
+
+.newsletter-form-area input:-ms-input-placeholder {  
+   line-height: 1.9;
+   color: #bbb;
+}
+
+.mailchimp-form-message {
+    display: table;
+    margin: 30px auto 0px;
+    color: #333;
+    font-size: 13px;
+    padding: 7px 15px;
+    font-weight: 400;
+    background-color: #fff;
+}
+.mailchimp-form-message.error {
+    color: #FF5F5F;
+}
+.mailchimp-form-message * {
+    margin: 0px;
+}
+
+
+
+
+
+/* ====================================================
+   Twitter Styles
+=======================================================*/
+
+.tweet-section {
+    background-color: #fff;
+}
+.tweet-section.section-space {
+    padding-bottom: 108px;
+}
+.twitter-header {
+    margin-top: 5px;
+}
+.twitter-header .twitter-icon {
+    font-size: 50px;
+    margin-bottom: 18px;
+    display: inline-block;
+}
+.twitter-header .twitter-title {
+    font-size: 30px;
+}
+
+
+#allTweets {}
+#allTweets .single-tweet {}
+#allTweets .single-tweet .tweet-date {
+    font-size: 15px;
+    color: #999;
+    margin-bottom: 18px;
+    line-height: 1;
+}
+
+#allTweets .single-tweet .tweet-text {
+    margin-bottom: 25px;
+    font-size: 15px;
+}
+
+#allTweets .single-tweet .tweet-text a:hover {}
+
+#allTweets .single-tweet .tweet-controlls {
+    margin-bottom: 22px;
+}
+
+#allTweets .single-tweet .tweet-controlls a {
+    color: #999;
+    margin-left: 15px;
+    margin-right: 15px;
+}
+
+#allTweets .single-tweet .tweet-controlls a i {
+    display: inline-block;
+    margin-right: 5px;
+    font-size: 14px;
+    vertical-align: middle;
+}
+#allTweets .single-tweet .tweet-controlls a.relpy-btn i {
+    font-size: 22px;
+}
+#allTweets .single-tweet .tweet-controlls a.retweet-btn i {
+    font-size: 16px;
+}
+#allTweets .single-tweet .tweet-controlls a.favorite-btn i {
+    font-size: 16px;
+}
+
+
+.slider-arrow.tweets-arrow {
+    margin-top: 20px;
+}
+
+
+
+
+
+
+
+/* ====================================================
+   Map Styles
+=======================================================*/
+.map-section {
+    position: relative;
+}
+
+.map-header-area {
+    text-align: center;
+    color: #fff;
+    padding: 36px 0px;
+    width: 100%;
+    z-index: 1;
+}
+.map-header-area h2 {
+    font-size: 24px;
+    text-transform: uppercase;
+    font-weight: 900;
+}
+.map-header-area h2 .location-icon {
+    display: inline-block;
+    background: #fff;
+    color: #666;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    line-height: 50px;
+    margin-right: 18px;
+}
+
+.map {
+    width: 100%;
+    height: 450px;
+}
+.map #map {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+#map img {
+    max-width: inherit;
+}
+
+
+
+
+
+
+
+/* ====================================================
+   Contact Styles
+=======================================================*/
+
+.contact {
+    position: relative;
+    bottom: 0px;
+    width: 100%;
+    background-color: #fff;
+    border-top: 1px solid rgba(0,0,0,.1);
+}
+
+.contact .contact-location-toggle-btn {
+    display: block;
+    width: 66px;
+    height: 66px;
+    line-height: 66px;
+    text-align: center;
+    border-radius: 50%;
+    color: #fff;
+    padding: 0px;
+    position: absolute;
+    top: 0px;
+    left: 50%;
+    margin-left: -33px;
+    margin-top: -33px;
+    z-index: 333;
+}
+.contact .contact-location-toggle-btn i {
+    font-size: 30px;
+}
+
+.contact .contact-content-wrapper {
+    padding-top: 110px;
+    display: none;
+    padding-bottom: 120px;
+}
+.contact-title {
+    font-size: 20px;
+    color: #777;
+    margin-bottom: 35px;
+}
+
+.contact-info .contact-info-lists li {
+    list-style: none;
+    margin-bottom: 20px;
+}
+.contact-info .contact-info-lists li a {
+    font-size: 14px;
+    color: #777;
+    display: inline-block;
+    position: relative;
+    padding-left: 47px;
+    min-height: 35px;
+    padding-top: 4px;
+}
+.contact-info .contact-info-lists li a span {
+    display: inline-block;
+    width: 35px;
+    height: 35px;
+    line-height: 36px;
+    background: #fff;
+    border-radius: 50%;
+    text-align: center;
+    font-size: 12px;
+    padding: 0px;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+.contact-info .contact-info-lists li a span i {
+    font-size: 17px;
+}
+.contact-info .contact-info-lists li a:hover span i {
+    color: #fff !important;
+}
+
+
+.cu-form input,
+.cu-form textarea {
+    margin-bottom: 23px;
+    border-bottom-color: #ececec;
+    height: 30px;
+}
+
+
+.cu-form input:focus,
+.cu-form textarea:focus {
+    color: #444;
+    font-size: 14px;
+}
+
+.cu-form input[type="submit"] {
+    width: auto;
+    font-size: 14px;
+    color: #fff;
+    border: none;
+    padding: 15px 30px;
+    height: auto;
+    margin-bottom: 30px;
+    margin-top: 20px;
+}
+
+
+.cu-form .input-field label {
+    color: #bbb;
+    left: 0px;
+    top: 0px;
+}
+.cu-form .input-field label.active {
+    font-size: 13px;
+    color: #727272;
+    -webkit-transform: translateY(-94%);
+    -ms-transform: translateY(-94%);
+    transform: translateY(-94%);
+}
+
+
+.cu-form .form-message {
+    padding: 10px;
+    font-size: 13px;
+    background: #fff;
+}
+.cu-form .form-message * {
+    margin: 0px;
+}
+.cu-form .form-message.error {
+    color: #FF5F5F;
+}
+
+
+
+
+
+
+/* ====================================================
+   Footer Styles
+=======================================================*/
+
+.main-footer {
+    position: relative;
+    z-index: 111;
+}
+.main-footer {
+    text-align: center;
+}
+.main-footer .top {
+    background-color: #1e1e1e;
+    color: #fff;
+    padding: 85px 0px 50px;
+}
+
+.main-footer .footer-logo {
+    margin-bottom: 50px;
+}
+
+.main-footer .bottom {
+    background-color: #171717;
+    color: #666;
+    font-size: 13px;
+    padding: 13px 0px;
+    border-top: 1px solid #222222;
+}
+.main-footer .bottom p {
+    margin: 0px;
+}
+.main-footer .footer-social li {}
+.main-footer .footer-social li a {
+    font-size: 17px;
+    border: none;
+    width: 50px;
+    height: 50px;
+    padding: 0px;
+    line-height: 50px;
+    background-color: #fff;
+}
+.main-footer .footer-social li a:hover {
+    color: #fff;
+}
+
+
+
+
+
+
+/* ====================================================
+   Some Helper Styles
+=======================================================*/
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}
+
+.nobgimage {
+    background-image: inherit !important;
+}
+
+.opaciry30 {
+    opacity: .3 !important;
+    filter: alpha(opacity=30);
+}
+
+@media print,
+       (-webkit-min-device-pixel-ratio: 1.25),
+       (min-resolution: 120dpi) {
+    /* Style adjustments for high resolution devices */
+}
+
+/*
+ * Print styles.
+ *  Inlined to avoid required HTTP connection: h5bp.com/r
+ */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}