/*----------------------------------------------------------------------------------------
Author        : Coderspoint
Template Name : NewApp - One Page App Landing Page
File          : NewApp main CSS file
Version       : 1.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
* ---------------------------------------------------------------------------------------- */





/* INDEX
----------------------------------------------------------------------------------------

01. General css

02. Navigation area css

03. Slider area css

04. Hero area css

05. Price area css

06. Action area css

07. Service area css

08. Pricing area css

09. Testimonial area css

10. Why Choose area css

11. Subscribe area css

12. Client area css

13. Contact area css

14. Footer area css

-------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------
*                                       01. General css
* -------------------------------------------------------------------------------------- */

html,
body {
    height: 100%
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #777;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

p {
    letter-spacing: 0px;
}

a {
    text-decoration: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}



.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.btn, input[type='submit'] {
	color:#FFF;
    font-weight: 500;
    padding: 12px 30px;
    border-radius: 5px;
    letter-spacing: 0px;
    display: inline-block;
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    border: 1px solid transparent;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
}
 
.btn:visited {
    color: #fff;
}

.btn:focus,
.btn:hover, 
input[type="submit"]:hover {
    color: #b050ff;
    background: #fff;
    border: 1px solid #b050ff;
}


.btn-trnsp {
    border: 1px solid #fff;
    background: transparent;
}

.btn-trnsp:hover {
    border: 1px solid #fff;
    background: #fff;
}

.btn-gry {
    color: #222;
    background: #f9f9ff;
    border: 1px solid #ececec;
}

.newsletter-form form input.mc-submit.red-bg:hover,
.btn-gry:hover {
    color: #b050ff;
    background: #fff;
    border: 1px solid #b050ff;
}

.navbar-nav li.btn a {
    padding: 0;
}
.navbar-header h2 a {
    color: #FFF;
}
.navbar-nav li.btn:hover a {
    color: #b050ff !important;
}

.section-big {
    padding: 140px 0px;
}

@media (max-width: 767px) {
    .section-big {
        padding: 80px 0px;
    }
}

.section-small {
    padding: 50px 0px;
}

.section-title {
    margin: auto;
    max-width: 600px;
    margin-bottom: 60px;
}

.section-title h2 {
    margin-top: 0;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
}

.section-title p {
}

.section-title.white h2,
.section-title.white p {
    color: #fff;
}




/* preloader css */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-image: url(../img/preloader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

img {
    max-width: 100%;
}

.space {
    height: 30px;
}

.space-100 {
    height: 100px;
}




/* Gradient Color Background Css */

.green-bg {
    box-shadow: 0px 10px 15px 0px rgba(102, 204, 150, 0.3);
    background: rgb(102,204,153);
    background: -moz-linear-gradient(45deg,  rgba(102,204,153,1) 0%, rgba(108,205,148,1) 19%, rgba(136,209,125,1) 72%, rgba(146,211,117,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(102,204,153,1) 0%,rgba(108,205,148,1) 19%,rgba(136,209,125,1) 72%,rgba(146,211,117,1) 100%);
    background: linear-gradient(45deg,  rgba(102,204,153,1) 0%,rgba(108,205,148,1) 19%,rgba(136,209,125,1) 72%,rgba(146,211,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66cc99', endColorstr='#92d375',GradientType=1 );
}


.form-submit input[type="submit"],
.newsletter-form form input.mc-submit.red-bg,
.red-bg {
    box-shadow: 0px 10px 15px 0px rgba(255, 101, 165, 0.3); 
    background: rgb(255,101,165);
    background: -moz-linear-gradient(45deg,  rgba(255,101,165,1) 0%, rgba(255,101,165,1) 13%, rgba(255,107,154,1) 35%, rgba(255,134,106,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,101,165,1) 0%,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);
    background: linear-gradient(45deg,  rgba(255,101,165,1) 0%,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff65a5', endColorstr='#ff866a',GradientType=1 );
}
.comments .form-submit {
	text-align: center;
	margin: 0;
}
.form-submit input[type="submit"] {
	display: inline-block;
	width: inherit;
}
.gradient-bg {
    box-shadow: 0px 10px 15px 0px rgba(130, 137, 255, 0.3);
    background: rgb(129,138,255);
    background: -moz-linear-gradient(45deg,  rgba(129,138,255,1) 0%, rgba(129,138,255,1) 7%, rgba(139,132,255,1) 17%, rgba(180,107,255,1) 42%, rgba(201,99,249,1) 56%, rgba(217,99,236,1) 68%, rgba(241,105,208,1) 83%, rgba(254,113,188,1) 95%, rgba(255,116,182,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(129,138,255,1) 0%,rgba(129,138,255,1) 7%,rgba(139,132,255,1) 17%,rgba(180,107,255,1) 42%,rgba(201,99,249,1) 56%,rgba(217,99,236,1) 68%,rgba(241,105,208,1) 83%,rgba(254,113,188,1) 95%,rgba(255,116,182,1) 100%);
    background: linear-gradient(45deg,  rgba(129,138,255,1) 0%,rgba(129,138,255,1) 7%,rgba(139,132,255,1) 17%,rgba(180,107,255,1) 42%,rgba(201,99,249,1) 56%,rgba(217,99,236,1) 68%,rgba(241,105,208,1) 83%,rgba(254,113,188,1) 95%,rgba(255,116,182,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818aff', endColorstr='#ff74b6',GradientType=1 );
}

.default-page .entry-content {
	padding-top: 140px;
}

.default-page section.container {
	padding-bottom: 140px;
}

/* ----------------------------------------------------------------------------------------
*                               02. Navigation area css
* --------------------------------------------------------------------------------------- */
.menu-area {
    height: 75px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.menu-area.sticky-menu {
    background: rgb(255,116,182);
    background: -moz-linear-gradient(45deg,  rgba(255,116,182,1) 0%, rgba(254,113,188,1) 5%, rgba(241,105,208,1) 17%, rgba(217,99,236,1) 32%, rgba(201,99,249,1) 44%, rgba(180,107,255,1) 58%, rgba(139,132,255,1) 83%, rgba(129,138,255,1) 93%, rgba(129,138,255,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,116,182,1) 0%,rgba(254,113,188,1) 5%,rgba(241,105,208,1) 17%,rgba(217,99,236,1) 32%,rgba(201,99,249,1) 44%,rgba(180,107,255,1) 58%,rgba(139,132,255,1) 83%,rgba(129,138,255,1) 93%,rgba(129,138,255,1) 100%);
    background: linear-gradient(45deg,  rgba(255,116,182,1) 0%,rgba(254,113,188,1) 5%,rgba(241,105,208,1) 17%,rgba(217,99,236,1) 32%,rgba(201,99,249,1) 44%,rgba(180,107,255,1) 58%,rgba(139,132,255,1) 83%,rgba(129,138,255,1) 93%,rgba(129,138,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff74b6', endColorstr='#818aff',GradientType=1 );

}

.sticky-menu {
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
}

.mainmenu {
    margin-top: 12px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.navbar {
    margin-bottom: 0;
    border: 0px;
}

.nav.navbar-nav.navbar-right {
    margin-right: 0;
}

.navbar-brand {
    padding: 0;
    font-size: 36px;
    display: flex;
    color: #b050ff;
    align-items: center;
    text-transform: uppercase;
}

.navbar-brand span {
    color: #f45e58;
}

.navbar-brand:hover {
    color: #b050ff;
}

.navbar-nav  li {
    float: none;
    display: inline-block;
}
.navbar-nav  li ul {
	background: #222 none repeat scroll 0 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	float: none;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: left;
	top: 110%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 11;
	margin:0;
	padding:0;
}
.navbar-nav li:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar-nav li ul li {
  border-bottom: 1px solid rgba(51, 51, 51, 0.5);
  display: block;
  float: none;
  margin: 0;
}
.navbar-nav li ul li:last-child {
  border-bottom: 0 none;
  margin: 0;
}
.navbar-nav li ul li a i{float:right}
/* --------------------------
  Child Sub menu
-----------------------------*/
.navbar-nav li ul li ul {
  left: 100%;
  opacity: 0;
  position: absolute;
  top: 10%;
  visibility: hidden;
  z-index: 999;
}
.navbar-nav li ul li:hover > ul {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.navbar-nav li ul li a {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 10px 15px;
}
.navbar-nav li ul li:hover > a {
  background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0;
  color: #fff;
}

.navbar-nav li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.navbar-nav li > a:hover, 
.navbar-nav li ul.sub-menu li > a:hover, 
.navbar-nav li.current-menu-parent > a,
.navbar-nav li.current-menu-item > a {
    color: #eee !important;
}


.navbar-nav a.btn {
    color: #fff;
    padding: 10px 25px;
    margin-left: 20px;
}

.navbar-nav a.btn:hover {
    color: rgb(255,101,165);
    background: #fff;
    border: 1px solid rgb(255,101,165);
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    background: none;
    outline: none;
}

.mainmenu .navbar-nav li.active a {}

/* Mobile Nav css */
.navbar-toggle {
    width: auto;
}
.navbar-toggle .icon-bar {
    background: #fff;
}






/* ----------------------------------------------------------------------------------------
*                               03. Slider area css
* -------------------------------------------------------------------------------------- */

.slider-area {
    min-height: 400px;
    /*background-image: url("../img/bg/slider-bg.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.slider-area .carousel,
.slider-area .carousel-inner,
.slider-area .item {
    height: 100%;
}

@media (min-width: 992px) {
    .slider-area {
        height: 100%;
        height: 800px;
    }
}

.intro-text {
    text-align: left;
    color: #fff;
}

.intro-text h1 {
    color: inherit;
    font-size: 36px;
    font-weight: 600;
    line-height: 45px;
    margin-top: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.intro-text p {
    color: inherit;
    margin-bottom: 40px;
}

.line-through {
    text-decoration: line-through;
}



.intro-text .dwnld-btn {
    margin-top: 20px;
    display: inline-block;
    margin-right: 20px;
}

@media (min-width: 992px) {
    .intro-text-box {
        display: table;
        transform: translate(0%, 50%);
    }
}

.dwnld-btn img {
    width: 150px;
    height: auto;
}

.dwnld-btn.appstore img {
    padding-top: 1px;
}

.intro-img {
    text-align: center;
}

@media (max-width: 991px) {
    .intro-text {
        margin: 80px auto;
        text-align: center;
    }
    .intro-img img {
        margin-bottom: 30px;
    }
    .hero-overlay h2 {
        margin-top: 0px;
        font-size: 1.5em;
    }
}


#carousel-example-generic .animated {
    animation-delay: .5s;
}

.slider-area .carousel-indicators li {
    width: 10px;
    height: 10px;
    opacity: 1;
    margin: 2px 4px;
    border-radius: 10px;
    background-color: #ddd;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    border: none;
}

.slider-area .carousel-indicators li.active {
    width: 30px;
    background-color: rgb(102,204,153);
}





/* ----------------------------------------------------------------------------------------
*                               04. Hero area css
* ---------------------------------------------------------------------------------------*/
.hero-box-area {}

.hero-box {
    margin-top: 30px;
    padding: 40px 30px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(../img/bg/hero-box-bg.png);
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
}

.hero-box h3 {
	clear: inherit;
}

.hero-box i.fa,
.hero-box span.lnr {
    color: #fff;
    float: left;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    border-radius: 10px;
    margin-right: 15px;
}

.hero-box p {
    margin-top: 40px;
    margin-bottom: 0px;
}





/* ----------------------------------------------------------------------------------------
*                                   05. Feature area css
* --------------------------------------------------------------------------------------- */
.feature-area {
    background-color: #f9f9ff;
    /*background-image: url("../img/bg/feature-bg.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.feature-box {
    margin-top: 20px;
    padding: 40px 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
}

.feature-box i.fa,
.feature-box span.lnr {
    color: #fff;
    float: left;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    border-radius: 5px;
    margin-right: 15px;
}

.feature-box p {
    margin-bottom: 0;
}

.feature-content {
    overflow: hidden;
}

.feature-content h3 {
    position: relative;
    margin-top: 0px;
}

.feture-img {
    margin-top: 60px;
}

@media (max-width: 767px) {
    .feture-img {
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .feture-img img {
        width: 100%;
    }
}






/* ----------------------------------------------------------------------------------------
*                                   05. Video area css
* --------------------------------------------------------------------------------------- */
.video-area {
    background-image: url("../img/bg/video-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 60px;
    position: relative;
}

.video-area  .section-title {
    max-width: 700px;
}

@media (max-width: 767px) {
    .video-area .section-title {
        max-width: 600px;
    }
}

.video-content {
    width: 100px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 45%);
}

.video-content a.popup-youtube i.fa,
.video-content a.popup-youtube span.lnr {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 35px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 500px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.video-content a.popup-youtube i.fa:hover,
.video-content a.popup-youtube span.lnr:hover {
    color: #ff65a5;
    background: #fff;
}






/* ----------------------------------------------------------------------------------------
*                                   05. Price area css
* --------------------------------------------------------------------------------------- */
.pricing-area {
    padding-top: 160px;
}

.pricing-area .section-title {
    margin-top: 150px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .pricing-area .section-title {
        margin-top: 70px;
    }
}
@media (max-width: 767px) {
    .pricing-area .section-title {
        margin-top: 0px;
    }
}

.pricing-area .section-title p {
    margin-top: 30px;
    margin-bottom: 40px;
}

@media (min-width: 1200px) {
    .pricing-area .section-title {
        max-width: 480px;
        margin-left: 0px;
    }
}

.price-item {
    margin-top: 30px;
    padding: 60px 30px;
    text-align: center;
    position: relative;
    border-radius: 10px;
    transition: 0.3s ease-out;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1);
}

.price-item ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0px;
}

.price-item h3 {
    margin-top: 0px;
}

.price-item p.desc {}

.price span {
    font-size: 15px;
    color: #777;
}

.price-item p.price {
    margin-top: 35px;
    font-size: 42px;
    font-weight: 600;
    line-height: 42px;
    color: rgb(102,204,153);
    text-shadow: 0px 5px 20px rgba(102, 204, 153, 0.3);
	margin-bottom:0;
}

.price-duration {
	text-transform: uppercase;
	font-size: 14px;
}

.price-item.featured .price {
    color: rgb(255,101,165);
    text-shadow: 0px 5px 20px rgba(255, 101, 165, 0.3);
}

.price-item .features {
    margin: 30px 0;
}

.price-item .features li {
    padding: 5px 0;
}

.price-item a.btn {
    display: inline-block;
}







/* ----------------------------------------------------------------------------------------
*                                   06. Action area css
* --------------------------------------------------------------------------------------- */
.action-area {
    color: #fff;
    position: relative;
    /*background-image: url("../img/bg/cta-bg.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media (min-width: 1200px) {
    .action-area .content-box {
        margin-left: 100px;
    }
}

.action-area .content-box h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.action-area .content-box p {
    margin-top: 30px;
    margin-bottom: 40px;
}

.action-area .btn-set .btn {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0px;
}




/*----------------------------------------*/
/*     Screenshot Area Css                  
/*----------------------------------------*/

.screenshot-area {    
    /*background-image: url("../img/bg/screen-bg.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.screen {
    margin: 0 15px;
    overflow: hidden;
    text-align: center;
}

.screen img {
    border-radius: 20px;
}










/* ----------------------------------------------------------------------------------------
*                                08. Testimonial area css
* --------------------------------------------------------------------------------------- */
.testimonial-area .section-title {
    margin-bottom: 0px;
}

.single-testimonial {
	padding: 25px;
	margin: 50px 20px;
	margin-bottom: 35px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 30px 0px rgba(153, 153, 153, 0.2);
	float: left;
	clear: both;
}

.single-testimonial i.fa,
.single-testimonial span.lnr {
    font-size: 20px;
    margin-right: 10px;
    display: inline-block;
    color: rgb(255,101,165);
}

.single-testimonial i.fa.fa-quote-right {
    margin-left: 10px;
}

.details {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 10px;
}

.single-testimonial p:not(.desg) {
	text-align: left;
	overflow: hidden;
	display: inline;
	margin: 0;
}

.testimonial-img {
	width: 100px;
	height: 100%;
	float: left;
	margin-bottom: 30px;
	margin-right: 25px;
}

.single-testimonial img {
    border-radius: 100px;
	width:100%;
}

.testimonial-details {
	width: calc(100% - 125px);
	float: left;
	display: block;
	overflow: hidden;
}
.single-testimonial .desg {
    font-size: 12px;
    line-height: 30px;
    background: #fff;
    margin: 0;
}

.desg strong {
    color: #444;
    font-size: 16px;
    margin-right: 5px;
}

.owl-theme .owl-dots {
	height: 20px;
	margin-top: 30px;
	text-align: center;
}

.testimonial-list .owl-dots {
    margin-top: 0px;
}

.owl-theme .owl-dots .owl-dot {
	margin: 2px 4px;
	filter: Alpha(Opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 10px;
    background-color: #ddd;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.owl-dots .owl-dot.active {
    width: 30px;
    background-color: rgb(255,101,165);
}
.owl-theme .owl-dots .owl-dot span {
	display: block;
	width: 100%;
}





/* ----------------------------------------------------------------------------------------
*                                   11. Client area css
* --------------------------------------------------------------------------------------- */
.client-area {
    border-top: 1px solid #eee;
}

.owl-client .item {
    margin: 0 7px;
}

.owl-client .item img {
    width: auto;
    max-width: 100%;
    padding: 0 15px;
}

.owl-client a.item.text-center {
	display: inline-block;
	text-align: center;
}



/* ----------------------------------------------------------------------------------------
*                                10. Subscribe area css
* --------------------------------------------------------------------------------------- */
.subscribe-area {
    /*background-image: url("../img/bg/subscribe-bg.png");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.subscribe-box {
    text-align: center;
    position: relative;
}

.subscribe-box h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.subscribe-box p {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    margin-bottom: 20px;
}

.newsletter-form {
    margin: auto;
    margin-top: 50px;
    max-width: 570px;
}

.newsletter-form form input[type="email"] {
    float: left;
    width: 70%;
    height: 45px;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.newsletter-form form input[type="email"],
.newsletter-form form input[type="email"]:focus {
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
}

.newsletter-form form input.mc-submit {
    float: left;
    height: 45px;
    width: 29.9%;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    margin-left: -2px;
}

.newsletter-form .mc-submit:hover {}

.subscribe-area .error {
    text-align: left;
}

.mailchimp-alerts {
    display: block;
    width: 100%;
    text-align: left;
}

.mailchimp-success{
    color: #fff;
}

.mailchimp-error{
    color: red;
}






/* ----------------------------------------------------------------------------------------
*                                   12. Contact area css
* --------------------------------------------------------------------------------------- */

.contact-form {}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #777;
}

.form-group .form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 2px 15px;
	color: #fff;
	border: 1px solid #eee;
	background-color: #f9f9ff;
	background-image: none;
	margin-bottom: 5px;
}
.form-group textarea.form-control {
    height: auto;
}
.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 2px 15px;
    color: #fff;
    border: 1px solid #555;
    background-color: #404040;
    background-image: none;
    border-radius: 0px;
    box-shadow: none;
    border-radius: 0px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}

.form-control:focus {
    outline: 0;
    border-color: rgb(255,101,165);
    box-shadow: none;
}

.contact-form textarea#message {
    height: 80px;
    padding-top: 10px;
}

#submitButton {
	float: right;
	display: inline-block;
	padding: 12px 30px;
	font-weight: 500;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	width: 70%;
}

#submitButton:hover {}

.success {
    color: #fff;
    padding: 10px;
    font-weight: 500;
    text-align: center;
}

.error {
    padding: 10px;
    color: #ff0000;
    font-weight: 500;
    text-align: center;
}

.contact-info {
    margin-bottom: 30px;
}

.address span.lnr, 
.address i.fa {
    width: 40px;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
}









/* ----------------------------------------------------------------------------------------
*                                   13. Footer area css
* --------------------------------------------------------------------------------------- */
.footer-widget-area {
    color: #777;
    background-image: url("../img/bg/footer-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.footer-bottom-area {
    color: #777;
    background: #2a2a2a;
    padding: 30px 0px;
}

.footer-bottom-area p {
    margin: 0px;
}

footer a {
    color: #777;
}

footer a:hover {
    color: rgb(255,101,165);
}

@media (min-width: 768px) {
    .social-links{
        float: right;
    }
}

.social-links li {
    list-style: none;
    float: left;
    line-height: 30px;
}


.social-links li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .footer-bottom-area {
        text-align: center;
    }
    .footer-bottom-area .social-links {
        float:none;
        display:table;
        margin: auto;
    }
}

.footer-widget h2,
.footer-widget h3 {
    color: #fff;
    margin-bottom: 40px;
}

.footer-widget table {
	margin-top:0;
}
.footer-widget caption {
	padding-top:0;
}
.footer-widget .comment-author-link {
	font-weight: bold;
}
.footer-widget i.fa,
.footer-widget span.lnr {
    color: rgb(255,101,165);
}

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widget ul li {
    margin-bottom: 7px;
}
.footer-widget.widget_rss ul li {
    margin-bottom: 15px;
}
.footer-widget ul li .rsswidget, .footer-widget ul li cite {
	font-weight: bold;
	display: block;
}
.footer-widget .rss-date {
	font-size: 13px;
}

/* Blog Home CSS  */


.blog-gradient {
    background: rgb(92,193,247);
    background: -moz-linear-gradient(45deg, rgba(92,193,247,1) 0%, rgba(90,191,245,1) 1%, rgba(93,189,247,1) 2%, rgba(91,190,245,1) 2%, rgba(93,189,247,1) 2%, rgba(94,189,247,1) 3%, rgba(92,187,245,1) 4%, rgba(93,187,248,1) 4%, rgba(96,179,245,1) 8%, rgba(98,175,247,1) 12%, rgba(99,171,245,1) 13%, rgba(99,173,248,1) 13%, rgba(99,171,245,1) 13%, rgba(101,170,247,1) 14%, rgba(102,165,245,1) 17%, rgba(107,149,247,1) 24%, rgba(110,148,247,1) 25%, rgba(108,146,247,1) 26%, rgba(111,146,248,1) 26%, rgba(109,144,246,1) 26%, rgba(112,143,249,1) 27%, rgba(110,141,247,1) 28%, rgba(114,138,248,1) 29%, rgba(113,133,246,1) 31%, rgba(116,133,247,1) 31%, rgba(114,131,247,1) 32%, rgba(117,129,247,1) 32%, rgba(117,126,247,1) 35%, rgba(120,119,246,1) 36%, rgba(121,120,248,1) 37%, rgba(119,118,246,1) 37%, rgba(120,117,246,1) 38%, rgba(122,116,248,1) 38%, rgba(121,114,246,1) 39%, rgba(124,112,248,1) 40%, rgba(123,109,246,1) 41%, rgba(127,106,247,1) 43%, rgba(126,101,245,1) 44%, rgba(127,102,248,1) 45%, rgba(127,99,246,1) 45%, rgba(130,97,248,1) 46%, rgba(129,92,247,1) 48%, rgba(132,93,248,1) 48%, rgba(131,90,246,1) 49%, rgba(134,88,248,1) 50%, rgba(132,86,246,1) 51%, rgba(138,76,247,1) 55%, rgba(136,77,247,1) 55%, rgba(139,75,247,1) 55%, rgba(137,73,247,1) 56%, rgba(140,73,248,1) 56%, rgba(139,69,246,1) 58%, rgba(141,67,248,1) 59%, rgba(140,67,245,1) 59%, rgba(141,67,248,1) 59%, rgba(142,60,246,1) 62%, rgba(145,61,247,1) 62%, rgba(145,56,246,1) 64%, rgba(146,56,249,1) 64%, rgba(145,56,246,1) 64%, rgba(146,54,249,1) 65%, rgba(154,33,248,1) 74%, rgba(163,10,248,1) 89%, rgba(166,7,249,1) 93%, rgba(165,6,248,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(92,193,247,1) 0%,rgba(90,191,245,1) 1%,rgba(93,189,247,1) 2%,rgba(91,190,245,1) 2%,rgba(93,189,247,1) 2%,rgba(94,189,247,1) 3%,rgba(92,187,245,1) 4%,rgba(93,187,248,1) 4%,rgba(96,179,245,1) 8%,rgba(98,175,247,1) 12%,rgba(99,171,245,1) 13%,rgba(99,173,248,1) 13%,rgba(99,171,245,1) 13%,rgba(101,170,247,1) 14%,rgba(102,165,245,1) 17%,rgba(107,149,247,1) 24%,rgba(110,148,247,1) 25%,rgba(108,146,247,1) 26%,rgba(111,146,248,1) 26%,rgba(109,144,246,1) 26%,rgba(112,143,249,1) 27%,rgba(110,141,247,1) 28%,rgba(114,138,248,1) 29%,rgba(113,133,246,1) 31%,rgba(116,133,247,1) 31%,rgba(114,131,247,1) 32%,rgba(117,129,247,1) 32%,rgba(117,126,247,1) 35%,rgba(120,119,246,1) 36%,rgba(121,120,248,1) 37%,rgba(119,118,246,1) 37%,rgba(120,117,246,1) 38%,rgba(122,116,248,1) 38%,rgba(121,114,246,1) 39%,rgba(124,112,248,1) 40%,rgba(123,109,246,1) 41%,rgba(127,106,247,1) 43%,rgba(126,101,245,1) 44%,rgba(127,102,248,1) 45%,rgba(127,99,246,1) 45%,rgba(130,97,248,1) 46%,rgba(129,92,247,1) 48%,rgba(132,93,248,1) 48%,rgba(131,90,246,1) 49%,rgba(134,88,248,1) 50%,rgba(132,86,246,1) 51%,rgba(138,76,247,1) 55%,rgba(136,77,247,1) 55%,rgba(139,75,247,1) 55%,rgba(137,73,247,1) 56%,rgba(140,73,248,1) 56%,rgba(139,69,246,1) 58%,rgba(141,67,248,1) 59%,rgba(140,67,245,1) 59%,rgba(141,67,248,1) 59%,rgba(142,60,246,1) 62%,rgba(145,61,247,1) 62%,rgba(145,56,246,1) 64%,rgba(146,56,249,1) 64%,rgba(145,56,246,1) 64%,rgba(146,54,249,1) 65%,rgba(154,33,248,1) 74%,rgba(163,10,248,1) 89%,rgba(166,7,249,1) 93%,rgba(165,6,248,1) 100%);
    background: linear-gradient(45deg, rgba(92,193,247,1) 0%,rgba(90,191,245,1) 1%,rgba(93,189,247,1) 2%,rgba(91,190,245,1) 2%,rgba(93,189,247,1) 2%,rgba(94,189,247,1) 3%,rgba(92,187,245,1) 4%,rgba(93,187,248,1) 4%,rgba(96,179,245,1) 8%,rgba(98,175,247,1) 12%,rgba(99,171,245,1) 13%,rgba(99,173,248,1) 13%,rgba(99,171,245,1) 13%,rgba(101,170,247,1) 14%,rgba(102,165,245,1) 17%,rgba(107,149,247,1) 24%,rgba(110,148,247,1) 25%,rgba(108,146,247,1) 26%,rgba(111,146,248,1) 26%,rgba(109,144,246,1) 26%,rgba(112,143,249,1) 27%,rgba(110,141,247,1) 28%,rgba(114,138,248,1) 29%,rgba(113,133,246,1) 31%,rgba(116,133,247,1) 31%,rgba(114,131,247,1) 32%,rgba(117,129,247,1) 32%,rgba(117,126,247,1) 35%,rgba(120,119,246,1) 36%,rgba(121,120,248,1) 37%,rgba(119,118,246,1) 37%,rgba(120,117,246,1) 38%,rgba(122,116,248,1) 38%,rgba(121,114,246,1) 39%,rgba(124,112,248,1) 40%,rgba(123,109,246,1) 41%,rgba(127,106,247,1) 43%,rgba(126,101,245,1) 44%,rgba(127,102,248,1) 45%,rgba(127,99,246,1) 45%,rgba(130,97,248,1) 46%,rgba(129,92,247,1) 48%,rgba(132,93,248,1) 48%,rgba(131,90,246,1) 49%,rgba(134,88,248,1) 50%,rgba(132,86,246,1) 51%,rgba(138,76,247,1) 55%,rgba(136,77,247,1) 55%,rgba(139,75,247,1) 55%,rgba(137,73,247,1) 56%,rgba(140,73,248,1) 56%,rgba(139,69,246,1) 58%,rgba(141,67,248,1) 59%,rgba(140,67,245,1) 59%,rgba(141,67,248,1) 59%,rgba(142,60,246,1) 62%,rgba(145,61,247,1) 62%,rgba(145,56,246,1) 64%,rgba(146,56,249,1) 64%,rgba(145,56,246,1) 64%,rgba(146,54,249,1) 65%,rgba(154,33,248,1) 74%,rgba(163,10,248,1) 89%,rgba(166,7,249,1) 93%,rgba(165,6,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cc1f7', endColorstr='#a506f8',GradientType=1 );
}
.page-title {
    position: relative;
    color: #fff;
}

.page-title h2 {
    color: #fff;
    font-weight: bold;
    font-size: 48px;
}

.page-title p {
    width: 50%;
    margin: 0 auto;
}

.bredcrumb-box {
    background: #fff;
    position: relative;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.2);
    border-radius: 6px;
    margin: auto;
    margin-top: -30px;
    display: inline-block;
    padding: 17px 40px;
    transform: translate(0,-20%);
}

.bredcrumb-box a {
    color: #000;
    font-size: 13px;
    display: inline-block;
    line-height: 16px;
}
.bredcrumb-box a:focus {
	color: #000;
	outline: none;
}

.lnr-arrow-right {
    vertical-align: middle;
    padding: 0 5px;
}

.blog-full-width {
    padding-top: 105px;
    padding-bottom: 20px;
}


.single-post-loop, .single-post-grid, .blog-item-content {
	border: 1px solid #ececec;
	border-radius: 6px;
	transition: all 0.3s;
	overflow: hidden;
}

.single-post-loop {
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.single-post-loop h2 {
    padding-left: 30px;
    margin-top: 36px;
}
.single-post-loop h2 a {
    color:#222;
}

.single-post-loop .lnr-user,
.single-post-loop .lnr-calendar-full{
    padding-left: 30px;
    padding-right: 5px;
}
.entry-meta {
    margin-bottom: 15px;
}
.entry-meta span a{
	color:#777;
	text-transform: capitalize;
}

.single-post-loop p {
    padding: 0 70px 0 30px;
}

.single-post-grid {
    margin-bottom: 30px;
}

.single-post-grid:hover,.single-post-loop:hover,.blog-item:hover{
    border: 1px solid transparent;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.2);
}

.single-post-grid h3,.blog-item-content h3 {
    padding-left: 30px;
    margin-top: 36px;
    margin-bottom: 12px;
    font-weight: bold;
}

.blog-content .lnr-calendar-full,
.single-post-grid .lnr-user,
.single-post-grid .lnr-calendar-full {
    padding-left: 30px;
    padding-right: 5px;
}

.single-post-grid p {
    margin-top: 12px;
    padding-left: 30px;
    padding-right: 45px;
    padding-bottom: 20px;
}

.blog-item {
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-bottom: 30px;
}

.blog-item h3{
    margin-top: 35px;
    margin-bottom: 13px;
}

.blog-item img {
    float: left;
    margin-right: 30px;
    margin-top: -2px;
}



.blog-item .lnr-user,
.blog-item .lnr-calendar-full {
    padding-right: 5px;
}

.blog-item .lnr-calendar-full {
    padding-left: 20px;
}

.blog-item p{
    margin-top: 15px;
    padding-right: 60px;
}

.blog-pagination ul li {
    list-style: none;
    display: inline-block;
	border-right: 1px solid #eee;
	padding-right: 10px;
}
.blog-pagination ul li:last-child {
	border-right: 1px solid transparent;
	padding-right: 0;
}

.blog-pagination ul li a {
    color: #777;
    margin: 5px;
    position: relative;
}

.blog-pagination ul li:last-child a {
    border: none;
}

.blog-pagination ul li a:hover,
.blog-pagination span:hover {
    color: #000;
}


/* Sidebar CSS */
.post-password-form input[type="password"],
.widget_search input[type="search"] {
	border: 1px solid #ececec;
	border-radius: 6px;
	height: 50px;
	padding-left: 15px;
	width: 100%;
	position: relative;
	font-weight: 400;
}
.widget_search {
    position: relative;
}
.post-password-form input[type="password"]:focus,
.widget_search input[type="search"]:focus {
   outline: 0;
   border: 1px solid rgb(92,193,247);
   border-radius: 6px;
}
.post-password-form button,
.widget_search button {
	float: right;
	border: 0;
	border-radius: 6px;
	height: 50px;
	padding: 0 15px;
	transform: translateY(-50px);
	width: 52px;
}

.post-password-form button:focus,
.widget_search button:focus {
    outline: 0;
}
.post-password-form label,
.search-form label {
	display: block;
	margin-bottom: 0;
}
.fa-search {
    color: #fff!important;
}

.widget-box img {
    padding-bottom: 5px;
}

.sidebar .widget .widget-box h3 {
    margin-bottom: 15px;
}

.widget-box p {
    padding-bottom: 8px;
}

.blog-social ul {
    margin:0;
	padding:0;
	list-style: none;
}

.sidebar .widget .widget-box .blog-social li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 0;
}

.sidebar .widget .widget-box .blog-social li a {
	color: #777;
	padding: 0;
	background: transparent;
}

.sidebar .widget .widget-box .blog-social li a:hover {
    color: #000;
	outline: 0 none;
}

.newapp_recent_widget {
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-top: 30px;
}
.sidebar .widget:first-child {
	margin-top: 0;
}


.newapp_recent_widget h3 {
    margin-bottom: 25px;
}

.recent-post {
    margin-bottom: 20px;
}

.rc-post-thumb {
	width: 110px;
	padding-right: 20px;
    float: left;
}

.rc-post-content {
	float: left;
	width: calc(100% - 110px);
}

.recent-post h4 {
	font-size: 16px;
	font-weight: 500;
}

.recent-post span {
    font-size: 12px;
    margin-right: 3px;
}
.rc-post-content a span {
    text-transform: capitalize;
	color: #777;
}

.recent-post .lnr-calendar-full {
    margin-left: 10px;
}

.widget_media_image {
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-top: 30px;
    padding: 30px;
}
.sidebar .widget, .sidebar .widget_calendar, .sidebar .widget_archive, .sidebar .widget_categories, .sidebar .widget_tag_cloud {
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 30px;
    margin-bottom: 15px;
}

.sidebar .widget h3 {
	text-transform: capitalize;
	margin-bottom: 25px;
	margin-top: 0;
}

.sidebar .widget ul {
	list-style: none;
}
.sidebar .widget > div > ul,
.sidebar .widget > ul {
	padding: 0;
	margin: 0;
}

.sidebar .widget ul li{
    list-style: none;
    display: block;
    background: #f9f9ff;
    border-radius: 6px;
}


.sidebar .widget > ul > li.recentcomments{
 padding-left:15px;
 padding-left:15px;
}
.sidebar .widget > ul > li.recentcomments a{
 padding:0;
}


.sidebar .widget > ul > li{
 margin-bottom:10px;
}

.sidebar .widget ul li a {
	color: #777;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.sidebar .widget_recent_comments ul li a {
	padding-top: 0;
	padding-bottom: 0;
}
.comment-author-link a {
	font-weight:700;
	
}
.sidebar .widget_recent_comments ul li > a {
    display: block;
}
.sidebar .widget ul li a:hover {
    color: #000;
}
.sidebar .widget_rss li {
    padding-left: 15px;
    padding-right: 15px;
}
.sidebar .widget_rss ul li a {
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
    padding-bottom: 0;
}
.sidebar .widget_rss ul li span.rss-date{
	font-size: 13px;
}
.sidebar .widget_rss ul li cite{
	font-weight: 700;
}
.tagcloud a {
    background: #f9f9ff;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tagcloud a {
    color: #777;
	font-size:15px;
    display: inline-block;
    padding: 5px 15px;
}

.tagcloud a:hover {
    color: #000;
}


/* Blog details */

.blog-img {
    padding: 0 40px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.details-pagination {
    padding-top: 50px;
    padding-bottom: 20px;
}

.details-pagination a {
    color: #777;
    margin-right: 50px;
    transition: all 0.3s;
}

.details-pagination a:hover {
    color: #333;
}



.comments {
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 50px 0;
    margin-top: 30px;
}

.comments h3{
    margin: 0;
    margin-top: -5px;
}

.comment-box {
    margin-top: 30px;
    margin-bottom: 22px;
    padding-left: 40px;
    padding-right: 70px;
    
}

.comments-tree li {
    list-style: none;
}

.comment-avatar {
    margin-bottom: 15px;
}

.comment-avatar img {
    float: left;
    margin-right: 20px;
    vertical-align: middle;
}
.comment-author {
	width: calc(100% - 100px);
	float: left;
}

.comment-content p {
margin-bottom: 10px;
}

.comment-avatar span {
    font-size: 13px;
    display: block;
    transform: translate(0,-10px);
}

.comment-avatar span strong {
    color: #000;
    font-weight: normal;
}
ul.comments-tree {
	margin:0;
	padding:0;
}
.comments-tree li ul.children {
    padding-left: 50px;
    position: relative;
}

.comments-tree ul.children:before {
    position: absolute;
    content: "";
    width: 86.5%;
    left: 41px;
    top: -10px;
    height: 1px;
    background: #eee;
}
.comments-tree > li.comment {
	border-bottom: 1px solid #eee;
}
.comment-respond {
    padding-left: 40px;
    padding-right: 40px;
}

.comment-respond h3 {
	margin-bottom: 30px;
	margin-top: 0;
}

.form-btn {
    color: #fff;
    border: 1px solid transparent;
    outline: 0;
    border-radius: 6px;
    padding: 13px 30px;
    box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
    margin-top: 20px;
}



/* --------------------------------------------------------------------------------
*                                  404 Page CSS
* ------------------------------------------------------------------------------- */

.huge_text p {
    font-size: 100px;
    color: #ff73ba;
    margin-bottom: 20px;
    line-height: 100px;
}

p.alas_message {
    font-size: 20px;
}

p.directory_text {
    font-size: 20px;
}




/* --------------------------------------------------------------------------------
*                                   Responsive CSS
* ------------------------------------------------------------------------------- */


/* Medium Layout */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  
}
/* Medium Layout */





/* Tablet Layout */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Mobile Menu Css Starts */
    .navbar-nav li a {
        padding: 15px 5px;
    }
    /* Mobile Menu Css Ends */



}
/* Tablet Layout */




/* Mobile Layout */

@media only screen and (max-width: 767px) {
    
    /* Mobile Menu Css Starts */
    .navbar-toggle {
        margin-right: 0px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        background: #fff;
        margin-top: 15px;
        box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.1); 
    }
    .navbar-nav li > a:hover, 
    .navbar-nav li ul.sub-menu li > a:hover, 
    .navbar-nav li.current-menu-parent > a,
    .navbar-nav li.current-menu-item > a {
        color: #999 !important;
    }
    .navbar {
        min-height: 0px;
    }
    .mainmenu .navbar-nav {
        margin: 0;
    }
    .mainmenu .navbar-nav li {
        float: none;
        display: block;
    }
    .mainmenu .navbar-nav li a {
        padding: 11px 15px;
        color: inherit;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 420px;
    }
    /* Mobile Menu Css Ends */



    /* Slider Css Starts */
    .intro-text {
        padding: 0 15px;
    }
    .intro-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 10px;
    }
    /* Slider Css Ends */

    


    
}