/*
Author       :Syed Ekram    
Theme Name:  :Modest - Responsive One Page Template
Version      :1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, button, section-title, preloader section etc)
    02. NAVIGATION
    03. START HOME DESIGN
     3.1.HOME BACKGROUND
     3.2.TEXT-SLIDER BACKGROUND
     3.3.YOUTUBE BACKGROUND
     3.4.GOOGLE MAP BACKGROUND
    
    04. ABOUT US DESIGN
    05. TESTIMONIAL ONE DESIGN
    06. SERVICE DESIGN    
    07. FEATURE DESIGN    
    08. PORTFOLIO DESIGN    
    09. CLIENT TESTIMONIAL DESIGN
    10. PRICING DESIGN
    11. COUNTDOWN DESIGN
    12. TEAM DESIGN
        12.1.SKILL DESIGN
        
    13. NEWSLETTER DESIGN
    14. VIDEO DESIGN
    15. CUSTOMER LOGO DESIGN
    16. FAQ DESIGN
    17. PROMOTION DESIGN
    18. BLOG DESIGN
    19. CONTACT DESIGN
    20. FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #4B4B4B;
    font-size: 16px;
    color: #ddd;
    font-weight: 400;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    color: #E9E9E9;
}
p {
font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}
a {
    color: #222;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*=================================================
 PRELOADER 
=================================================*/
#preloader {
    background: #FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
#status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #222;
    margin-top: 30px;
}
.no-padding { padding: 0px }
.section-padding { padding: 60px 15px }
/*Page section-title*/
.section-title { margin-bottom: 50px }
.section-title h1 {
    color: #ff2a40;
    font-weight: 600;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:360px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:320px) { 
    .section-title h1 { text-align: center }
}

.section-title h4{
line-height: 30px;
text-transform: capitalize;
}
.section-title span {
background: #e8e8e9 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto;
width: 50px;
}
@media only screen and (max-width:768px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:480px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:360px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:320px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
/*End Page section-title*/
/*
 * ----------------------------------------------------------------------------------------
 * TOP CONTROL ICON DESIGN
 * ----------------------------------------------------------------------------------------
 */
#topcontrol {
    background: #ff2a40;
    bottom: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    width: 40px;
    height: 40px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    padding: 0px 12px;
    position: fixed;
    right: 5px;
    border-radius: 500px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
#topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END TOP CONTROL ICON DESIGN*/
/*BTN STYLE*/
.btn-theme-bg {
    border: 4px double #e8e8e9;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin: 24px 0;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-theme-bg:hover,
.btn-theme-bg:focus {
    color: #fff;
    background: #ff2a40;
    border: 4px double #e8e8e9;
}
.btn-dark-bg {
    border: 4px double #e8e8e9;
    border-radius: 0;
    background: #222;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-dark-bg:hover {
    border: 4px double #e8e8e9;
    background: #ff2a40;
    color: #fff;
}
/*COLOR ICON*/
.color-icon-1 { color: #FCCB17 }
.color-icon-2 { color: #3ACFF0 }
.color-icon-3 { color: #A6D900 }
/*END COLOR ICON*/
/*END BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 02.BOOTSTRAP NAVIGATION OVERRIDES
 * ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ff2a40 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #ff2a40 !important;
    background-color: transparent;
}
.navbar-brand { padding: 5px }
@media only screen and (max-width:768px) { 
.navbar-brand img {width:120px;}
}
.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    font-size: 14px;
}
@media only screen and (max-width:768px) { 
.navbar-default .navbar-nav>li>a {padding:10px;}
}
.menu-top {
    background-color: transparent;
    width: 100%;
}
@media only screen and (max-width:768px) { 
.menu-top {background-color: rgba(255,255,255,0.9);}
.navbar-default .navbar-nav > li > a {color: #333 !important;}
}
@media only screen and (max-width:480px) { 
.menu-top {background-color: rgba(255,255,255,0.9);}
.navbar-default .navbar-nav > li > a {color: #333 !important;}
}
@media only screen and (max-width:360px) { 
.menu-top {background-color: rgba(255,255,255,0.9);}
.navbar-default .navbar-nav > li > a {color: #333 !important;}
}
@media only screen and (max-width:320px) { 
.menu-top {background-color: rgba(255,256,255,0.9);}
.navbar-default .navbar-nav > li > a {color: #333 !important;}
}
.navbar-default {
    background-color: rgba(255,255,255, 0.9);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 5px 0 35px 0;
    width: 100%;
}
@media only screen and (max-width:768px) { 
.navbar-default {background-color: rgba(255,255,255,0.8);}
}
@media only screen and (max-width:480px) { 
.navbar-default.menu-shrink {background-color: rgba(255,255,255,0.8);}
}
@media only screen and (max-width:360px) { 
.navbar-default.menu-shrink {background-color: rgba(255,255,255,0.8);}
}
@media only screen and (max-width:320px) { 
.navbar-default.menu-shrink {background-color: rgba(255,255,255,0.8);}
}
.menu-top li a {
    color: #f3f3f3 !important;
    text-transform: uppercase;
}
.menu-top {
    color: #f3f3f3 !important;
    text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #f3f3f3 !important;
        margin-left: 0px;
    }
}
.navbar-default { color: #ff2a40 !important }
.navbar-default li a { color: #000 !important }
.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #FF2A40 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*3.1 home background*/
.hero {
    height: 635px;
}
.welcome{
background: rgba(38, 39, 50, 0.15) none repeat scroll 0 0;
height: 100%;
}
.welcome-overlay{
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
height: 100%;
}
/*3.1 home background*/
/*3.2 text-slider background*/
.hero-slider {
    height: 635px;
}
/*3.2 End text-slider background*/

/*3.3 video background*/
.hero-video {
    height: 635px;
}
/*3.3 End video background*/

/*3.4 google map background*/
.home-google-map {
    height: 635px;
}
/*3.4 End google map background*/

@media only screen and (max-width:768px) { 
    .hero { height: 610px }
}
@media only screen and (max-width:480px) { 
    .hero { height: 640px }
}
.hero-text h2 {
color: #fff;
font-size: 60px;
line-height: 84px;
padding-top: 200px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
    .hero-text h1 {
        font-size: 30px;
        letter-spacing: 2px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h1 {
        font-size: 28px;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:320px) { 
    .hero-text h1 {
        font-size: 24px;
        letter-spacing: 1px;
    }
}
.hero-text span { color: #ff2a40 }
.hero-text p {color: #fff;
font-size: 22px;
font-weight: 400;
text-transform: capitalize; }
/*start slideshow*/
#home-slider {
    overflow: hidden;
    position: relative;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-repeat: no-repeat;
    background-size: cover;
    height: 635px;
}
.carousel-fade .carousel-inner .item:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
}
.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-control { z-index: 2 }
#home-slider .caption {
    position: absolute;
    top: 50%;
    margin-top: -104px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 15;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
#home-slider .caption h1 {
color: #fff;
font-size: 60px;
line-height: 84px;
padding-top: 0px;
text-transform: capitalize;
}
#home-slider .caption h1 span { color: #ff2a40 }
#home-slider .caption p { color: #fff;
font-size: 22px;
font-weight: 400;
text-transform: capitalize; }
/*End slideshow*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .about_single  {}
@media only screen and (max-width:480px) { 
.about_single {margin-bottom:20px;}
}
@media only screen and (max-width:360px) { 
.about_single {margin-bottom:20px;}
}
@media only screen and (max-width:320px) { 
.about_single {margin-bottom:20px;}
}
.about_single h4 {
    text-transform: capitalize;
    font-weight: 600;
}
@media only screen and (max-width:768px) { 
    .about_single h4 { font-size: 15px }
}
.about_single img { display: inline }
/*
 * ----------------------------------------------------------------------------------------
 *  04.END ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
 
 /*
 * ----------------------------------------------------------------------------------------
 *  05.START TESTIMONIAL ONE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 #testimonial_one {
  background: #ff2a40 none repeat scroll 0 0;
}
.single_testimonial h4, .single_testimonial p {  color: #fff;}
.single_testimonial p {font-weight: 400;
letter-spacing: 1px;}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END ESTIMONIAL ONE DESIGN
 * ----------------------------------------------------------------------------------------
 */

 
/*
 * ----------------------------------------------------------------------------------------
 *  06.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
#service {}
.single_service {
box-shadow: 0 0 1px 1px #111;
margin-bottom: 20px;
padding: 30px;
}
@media only screen and (max-width:480px) { 
.single_service {margin-bottom: 20px;}
}
@media only screen and (max-width:360px) { 
.single_service {margin-bottom: 20px;}
}
@media only screen and (max-width:320px) { 
.single_service {margin-bottom: 20px;}
}
.single_service i {
border: 1px solid #111;
float: left;
height: 50px;
margin-right: 20px;
padding: 14px;
width: 50px;
color: #FF2A40;
font-size: 22px;
 }
@media only screen and (max-width:768px) { 
.single_service i {margin-right: 10px;}
}
.single_service h4 {
font-weight: 600;
padding-top: 15px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.single_service h4 {font-size:14px;;}
}
.single_service p {
  margin-top: 40px;
}
.btn-service-bg {
    border-radius: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    padding: 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-service-bg:hover,
.btn-service-bg:focus {
    color: #ff2a40;
    text-decoration: underline;
}

/*
 * ----------------------------------------------------------------------------------------
 * 06. END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
 
/*
 * ----------------------------------------------------------------------------------------
 *  07.START FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
.single_feature_heading{}

@media only screen and (max-width:768px) { 
.single_feature_heading{margin-bottom: 30px;}
}
@media only screen and (max-width:480px) { 
.single_feature_heading{margin-bottom: 30px;}
}
@media only screen and (max-width:360px) {
.single_feature_heading{margin-bottom: 30px;}
}
@media only screen and (max-width:320px) { 
.single_feature_heading{margin-bottom: 30px;}
}
.single_feature_heading h2{font-weight: 600;text-transform: capitalize;}
.single_feature_heading p{margin: 20px 0;}
 
.single_feature {margin-bottom:20px;}
.single_feature h4{text-transform: capitalize;}


.cover-container img { display: inline }
.testimonial-image { border-radius: 500px }
.carousel-indicators li {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 12px;
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
.carousel-indicators .active {
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
#about__carousel { margin-bottom: 0px }
#about__carousel .carousel-indicators { bottom: -40px }
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }
/*
 * ----------------------------------------------------------------------------------------
 *  07.END FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  08.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.portfolio-content {
    margin-right: 0px;
    margin-left: 0px;
}
.portfolio-content .portfolio-item {
    padding-left: 0%;
    padding-right: 1%;
    padding-bottom:1%;
    margin-right: 0px;
}
.portfolio-item figure {
    background-color: #ccc;
    margin: 0;
    position: relative;
}
.portfolio-item figure img {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    position: relative;
    
}
.portfolio-item figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30px;
}
/* caption style */
.portfolio-content figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
.portfolio-content figure:hover img {
    -webkit-transform: translateY(-180px);
    -ms-transform: translateY(-180px);
    transform: translateY(-180px);
}
/* caption icon */
.portfolio-content figcaption {
    bottom: 0;
    height: 180px;
    top: auto;
    width: 100%;
    background: #A4A4A4;
}
.portfolio-content figcaption h4 { color: #222 }
.portfolio-content figcaption h5 { color: #222;font-size:12px;}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
 
   /*
 * ----------------------------------------------------------------------------------------
 *  09.START CLIENT TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 #testimonial{background:#ff2a40;}
.cover-container img { display: inline }
.testimonial-image { border: 5px solid #e8e8e9;
border-radius: 500px;
width: 150px;
height: 150px;}

.team_member,.testimonial_text{color:#fff;}
.carousel-indicators li {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 12px;
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
.carousel-indicators .active {
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }

/*
 * ----------------------------------------------------------------------------------------
 *  09.END CLIENT TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 *  10.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-content {
    border: 1px solid #222;
    margin-bottom: 40px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-title {
    margin-bottom: 20px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-title h4 {
background: #ff2a40 none repeat scroll 0 0;
border-bottom: 1px solid #ff2a40;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
margin-top: 0;
padding: 10px 0;
text-transform: uppercase;
}
.pricing-price h4 {
    font-size: 40px;
    height: 100px;
    margin: 0px auto 0;
    padding: 33px 13px;
    width: 100px;
}
.pricing-title i { color: #fff }
.pricing-data p {
    border-bottom: 1px solid #222;
    padding: 5px 0;
}
.pricing-order { margin: 20px 0 }
/*
 * ----------------------------------------------------------------------------------------
 *  10.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  11.START COUNTDOWN DESIGN
 * ----------------------------------------------------------------------------------------
 */
.timer {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    padding: 20px 0;
    margin-bottom: 5px;
}
.time_counter {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
}
.counter_title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.color_one { color: #3ACDED }
.color_two { color: #FACF0F }
.color_three { color: #A5DC02 }
.color_four { color: #FF52BB }
/*
 * ----------------------------------------------------------------------------------------
 * 11.END COUNTDOWN DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  12.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
.team { border: 4px double #222 }
.team h4 {
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
.team img { width: 100% }
.team_social_icon {
    margin-bottom: 20px;
    margin-top: 20px;
}
@media only screen and (max-width:768px) { 
.team_social_icon {margin-bottom: 40px;}
}
@media only screen and (max-width:480px) { 
.team_social_icon {margin-bottom: 40px;}
}
@media only screen and (max-width:360px) {
.team_social_icon {margin-bottom: 40px;}
}
@media only screen and (max-width:320px) { 
.team_social_icon {margin-bottom: 40px;}
}
.team_social_icon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.team_social_icon ul li { display: inline-block }
.team_social_icon ul li a {
    border: 4px double #222;
    border-radius: 500px;
    color: #222;
    font-size: 16px;
    margin: 5px;
    padding: 6px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.team_social_icon ul li a i { width: 20px }
.team_social_icon ul li a:hover {
    color: #ff2a40;
    border: 4px double #fff;
}
/* 12.1 START SKILL DESIGN */
.about-skills { margin-top: 50px }
.progress-bar-text {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 2px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #ff2a40 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* 12.1 END SKILL DESIGN */
/*
 * ----------------------------------------------------------------------------------------
 *  12.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *   13.START NEWSLETTER DESIGN
 * ----------------------------------------------------------------------------------------
 */
#newsletter { background: #FF2A40 }
.newsletter-title {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 12px;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .newsletter-title { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .newsletter-title { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .newsletter-title { font-size: 10px }
}
.newsletter-title i {
    color: #fff;
    margin-right: 10px;
    font-size: 22px;
}
#mc-embedded-subscribe {
    background: #FB0440 none repeat scroll 0 0;
    border-color: #FB0440;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 *   13.END NEWSLETTER DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *   14.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
 */
#video { 
background: #fbfbfb none repeat scroll 0 0;
 }
@media only screen and (max-width:768px) { 
    iframe { width: 100% }
}
@media only screen and (max-width:48px) { 
    iframe { width: 100% }
}
@media only screen and (max-width:360px) { 
    iframe { width: 100% }
}
@media only screen and (max-width:320px) { 
    iframe { width: 100% }
}
/*
 * ----------------------------------------------------------------------------------------
 *   14.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  15.START CUSTOMER LOGO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.client {
background: rgba(255,255,255,0.6);
border: 1px solid rgba(255, 255, 255, 0.03);
margin-top: 0;
padding: 5px 0;
}
.client img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
@media only screen and (max-width:360px) { 
    .client img { width: 100% }
}
@media only screen and (max-width:320px) { 
    .client img { width: 100% }
}
.client img:hover { opacity: 1; filter: alpha(opacity=100) }
/*
 * ----------------------------------------------------------------------------------------
 *  15.END CUSTOMER LOGO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  16.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.faq_desc {
    background: #222 none repeat scroll 0 0;
    border: 4px double #222;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.faq_desc i {
    font-size: 30px;
    margin-right: 10px;
}
.color-icon-4 { color: #3ACFF0 }
.color-icon-5 { color: #FCCC16 }
.color-icon-6 { color: #A6DA01 }
.color-icon-7 { color: #FB55BA }
.faq_desc h5 {
    text-transform: uppercase;
    font-weight: 700;
}
.faq_desc p { }
.faq_desc:hover {
    background: #ff2a40;
    border: 4px double #fff;
}
.faq_desc:hover > i {
    background: #fff;
    color: #ff2a40;
}
.faq_desc:hover > h5 { color: #fff }
.faq_desc:hover > p { color: #fff }
/*
 * ----------------------------------------------------------------------------------------
 *  16.END  FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
  
/*
 * ----------------------------------------------------------------------------------------
 *  17.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */ 
 
#promotion{background:#ff2a40;}
 
.single_promotion{
color: #fff;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 30px;
}
.btn-promotion-bg{
background: #fb0440 none repeat scroll 0 0;
border-color: #fb0440;
border-radius: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
padding: 15px 40px;
text-transform: uppercase;
}
.btn-promotion-bg:hover, .btn-promotion-bg:focus{
color:#e8e8e9;
}

/*
 * ----------------------------------------------------------------------------------------
 *  17.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  18.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
#blog2 {
    position: relative;
    background: #1C2128;
}
.blog {
    width: 50%;
    float: left;
}
.blog figure {
    width: 50%;
    float: left;
    position: relative;
}
@media only screen and (max-width:768px) { 
    .blog {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:480px) { 
    .blog {
        width: 100%;
        float: none;
    }
    .blog .caption {
        width: 100%;
        float: none;
    }
    .blog figure {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:360px) { 
    .blog {
        width: 100%;
        float: none;
    }
    .blog .caption {
        width: 100%;
        float: none;
    }
    .blog figure {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width:320px) { 
    .blog {
        width: 100%;
        float: none;
    }
    .blog .caption {
        width: 100%;
        float: none;
    }
    .blog figure {
        width: 100%;
        float: left;
    }
}
.blog_right figure { float: right }
.blog figure img {
    width: 100%;
    position: relative;
}
.blog figure em {
    display: block;
    width: 25px;
    height: 50px;
    background: url(../img/arrow1.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
}
.blog_right figure em {
    background-image: url(../img/arrow2.png);
    right: auto;
    left: 0;
}
.blog .caption {
    width: 50%;
    float: left;
    padding: 20px 20px 0px 30px;
}
@media only screen and (max-width:480px) { 
    .blog .caption {
        width: 100%;
        padding: 10px;
    }
}
@media only screen and (max-width:360px) { 
    .blog .caption {
        width: 100%;
        padding: 10px;
    }
}
@media only screen and (max-width:320px) { 
    .blog .caption {
        width: 100%;
        padding: 10px;
    }
}
.blog_right .caption { float: right }
.caption h3 {
    border-bottom: 4px double #363a40;
    color: #d2d3d4;
    font-weight: 600;
    padding: 5px 0;
}
@media only screen and (max-width:992px) { 
    .caption h3 { padding: 0px }
}
.caption p {
    color: #d2d3d4;
    padding-bottom: 5px;
}
.btn-blog-bg {
    border-radius: 0;
    color: #d2d3d4;
    font-size: 12px;
    font-weight: 700;
    padding: 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    color: #ff2a40;
    text-decoration: underline;
}
/*
 * ----------------------------------------------------------------------------------------
 *  18.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  19.START CONTACT DESIGN
 * ----------------------------------------------------------------------------------------
 */
.contact-form { margin-top: 50px }
input.form-control {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 0 !important;
    box-shadow: none;
    color: #fff;
    height: 45px;
}
textarea.form-control {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
}
.form-control:focus {
    border: 1px solid #ff2a40;
    box-shadow: none;
    outline: 0 none;
}
.single-address-one {
    background: #222 none repeat scroll 0 0;
    border: 4px double #00c8ab;
    margin-bottom: 20px;
    padding: 15px 0;
}
.single-address-two {
    background: #222 none repeat scroll 0 0;
    border: 4px double #a182d2;
    margin-bottom: 20px;
    padding: 15px 0;
}
.single-address-three {
    background: #222 none repeat scroll 0 0;
    border: 4px double #ff4c83;
    padding: 15px 0;
}
.media .fa {
    color: #ff2a40;
    font-size: 30px;
    line-height: 25px;
    margin-top: 25px;
    padding: 22px;
    width: 70px;
}
.media-heading {
    margin-bottom: 5px;
    margin-top: 0;
    color: #007B40;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}
@media only screen and (max-width:360px) { 
    .media-heading { font-size: 14px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  19.END CONTACT DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
*  20.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
#footer { background: #ff2a40 }
#footer h2 { color: #fff }
.footer_social_icon { padding: 20px 0 }
.footer_social_icon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer_social_icon ul li { display: inline-block }
.footer_social_icon ul li a {
    border: 4px double #e8e8e9;
    border-radius: 500px;
    color: #fff;
    font-size: 16px;
    margin: 5px;
    padding: 6px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.footer_social_icon ul li a i { width: 20px }
.footer_social_icon ul li a:hover {
    color: #ff2a40;
    background: #fff;
}
#footer p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px;
    text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
*  20.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/