/*
Author       : Syed Ekram.
Template Name: Titanic - App Landing Page
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SCREENSHOT DESIGN
    05. START ABOUT US DESIGN
    06. START FEATURES DESIGN
    07. START APP DESCRIBE DESIGN
    08. START VIDEO DESIGN
    09. START PRICING DESIGN
    10. START TESTIMONIAL DESIGN
    11. START DOWNLOAD DESIGN
    12. START NEWSLETTER DESIGN
    13. START CONTACT FORM DESIGN
    14. START CONTACT ADDRESS DESIGN
    15. START SOCIAL PROFILE DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #93989B;
overflow-x: hidden;
margin: auto;
background: #222222;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
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;
}
::-moz-selection {
    color: #fff;
    background: #03a9fa;
}
::-webkit-selection {
    color: #fff;
    background: #03a9fa;
}
::selection {
    color: #fff;
    background: #03a9fa;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #000;
    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: #fff;
    margin-top: 30px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #03a9fa none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 2px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #fff;
    color: #333;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    color: #fff;
font-size: 24px;
font-weight: 700;
letter-spacing: 2px;
margin-top: 0;
text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-title  h2 { font-size: 24px }
}
.section-title-white {
    color: #fff !important;
    position: relative;
}
.section-title div {
    border-bottom: 1px dashed #ccc;
    margin: auto;
    width: 80px;
}
.section-title p {
margin: 20px auto 0;
width: 70%;
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START 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: #03a9fa  !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: #03a9fa  !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { width: 150px }
@media only screen and (max-width:480px) { 
.navbar-brand img {margin-left:10px;}
}
.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
.menu-top li a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #03a9fa !important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top {
        background-color: #fff;
    }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
    background-color:#161616;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
	margin-top:0px
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color: #fff!important }
.navbar-default.menu-shrink li a:hover { color: #03a9fa  !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #03a9fa }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
@media only screen and (max-width:480px) { 
.home_bg {height: 1150px;}
}
@media only screen and (max-width:360px) { 
.home_bg {height: 1100px;}
}
@media only screen and (max-width:320px) { 
.home_bg {height: 1100px;}
}

.home_bg:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 52px;
    padding-top: 200px;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
    font-size: 30px;
    line-height: 40px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 100px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
    text-transform: capitalize;
    width: 80%;
}
@media only screen and (max-width:768px) { 
    .hero-text p { width: 100% }
}
.hero-text img { box-shadow: 0 11px 10px rgba(0, 0, 0, 0.25) }
@media only screen and (max-width:480px) { 
.hero-text img{ margin: 10px 0}
}
.mbleft15 { margin-left: 15px }
@media only screen and (max-width:480px) { 
.mbleft15 { margin-left: 0px}
}
.hero-text-img {
    margin: auto auto 0;
    max-width: 350px;
    padding-top: 150px;
}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top: 220px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{padding-top: 50px; }
}
/*START HOME OTHER VERSION DESIGN*/
/*Start transparent background design*/
.home_bg_transparent {
    position: relative;
}
.home_bg_transparent:before {
    background:rgba(55,155,188, 0.8);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
/*End transparent background design*/

/*Start Gradient background design*/
.home_bg_gradient {
    position: relative;
}
.home_bg_gradient:before {
    background:rgba(0, 0, 0, 0.4) linear-gradient(to left, #03a9fa 0%, #fe275a 120%) repeat scroll 0 0;
    content: "";
    height: 100%;
	opacity:0.8;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
/*End Gradient background design*/

/*Start solid background design*/
.home_bg_solid {
    height: 700px;
    background:#03a9fa;
}
@media only screen and (max-width:480px) { 
.home_bg_solid {height: 100%;}
}
@media only screen and (max-width:360px) { 
.home_bg_solid {height: 1100px;}
}
@media only screen and (max-width:320px) { 
.home_bg_solid {height: 1100px;}
}
/*End solid background design*/
/*END HOME OTHER VERSION DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px 7px;
    border-radius: 20px;
    background-color: #03a9fa   !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 04.END SCREENSHOTD ESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-overview {
    padding-bottom: 20px;
    padding-top: 60px;
}
.single_about { margin-bottom: 40px }
.single_about i {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
}
.single_about i:after {
    background-color: #03a9fa;
    border-radius: 50%;
    content: "";
    height: 60px;
    left: 0;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    -webkit-transform: scale();
        -ms-transform: scale();
            transform: scale();
    -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.3s ease 0s;
            transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
    width: 60px;
    z-index: -1;
}
.single_about:hover i:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.single_about:hover i { color: #fff }
.single_about h4 {font-size: 20px;
text-transform: capitalize;}
@media only screen and (max-width:768px) { 
.single_about h4 { font-size: 16px }
}
@media only screen and (max-width:480px) { 
.single_about h4 { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature { padding-top: 100px }
@media only screen and (max-width:768px) { 
    .single_feature { padding-top: 0px }
}
@media only screen and (max-width:480px) { 
    .single_feature { padding-top: 50px }
}
.single_feature i {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
}
.single_feature i:after {
    background-color: #03a9fa;
    border-radius: 50%;
    content: "";
    height: 60px;
    left: 0;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    -webkit-transform: scale();
        -ms-transform: scale();
            transform: scale();
    -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.3s ease 0s;
            transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
    width: 60px;
    z-index: -1;
}
.single_feature:hover i:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.single_feature:hover i { color: #fff }
.single_feature h3 {
text-transform: capitalize;
}
.single_feature span {
    border-bottom: 1px dashed #ccc;
    margin: auto;
    width: 80px;
    display: block;
    margin: 20px auto;
}
.single_feature p { margin-bottom: 0 }
.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
.carousel-indicators .active {
    height: 6px;
    margin: 0 1px;
    width: 6px;
    border: 1px solid #03a9fa;
    background: #03a9fa none repeat scroll 0 0;
}
.carousel-indicators { bottom: -60px }
@media only screen and (max-width:480px) { 
    .carousel-indicators { bottom: -60px }
}
/*
* ----------------------------------------------------------------------------------------
* 06.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
.description_text {
  margin-top: 60px;
}
@media only screen and (max-width:768px) { 
.description_text {margin-top: 0px;}
}
.description_text h3 {
color: #fff;
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
margin-top: 0;
}
@media only screen and (max-width:768px) { 
    .description_text h3 {
        font-size: 26px;
    }
}
@media only screen and (max-width:480px) { 
    .description_text h3 {
        font-size: 20px;
        line-height: 30px;
    }
}
.description_text p { }
.mbottom40 { margin-bottom: 40px }
@media only screen and (max-width:480px) { 
.description_text_img{margin-top:60px; }
}
/*
* ----------------------------------------------------------------------------------------
* 07.END APP DESCRIBE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.video { background: #15191c none repeat scroll 0 0 }
.watch_video iframe {
    border: medium none;
    height: 450px;
    width: 70%;
}
@media only screen and (max-width:480px) { 
.watch_video iframe {
    height: 300px;
    width: 100%;
}
}
/*
* ----------------------------------------------------------------------------------------
* 08.END VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #161616;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .pricing-table { margin-bottom: 40px }
}
.pricing-table.active { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) }
.pricing-table h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
}
.price {
    background: #03a9fa;
    color: #fff;
    border: 1px solid #03a9fa;
    border-radius: 500px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    height: 124px;
    line-height: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 124px;
}
.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}
.pricing-list {
    border-top: 1px dashed #232323;
    list-style: outside none none;
    margin-bottom: 0;
    text-align: center;
}
.pricing-list li {
    border-bottom: 1px dashed #232323;
    color: #93989b;
    font-size: 16px;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.pricing-list li:hover { background: rgba(0,0,0,0.02) }
.pricing-btn { padding: 20px 0 }
.pricing-btn  button {
    background: #03a9fa;
    border: 1px solid #03a9fa;
    color: #fff;
    font-family: montserrat,sans-serif;
    padding: 8px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.pricing-btn  button:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_testimonial {
    border: 1px solid #333;
    padding: 20px;
}
@media only screen and (max-width:480px) { 
.single_testimonial {margin-bottom:30px;}
}
.single_testimonial h4 {
    letter-spacing: 1px;
    margin-top: 0;
}
.single_testimonial i {
    color: #ffc207;
    margin-bottom: 20px;
    margin-top: 5px;
}
.single_testimonial img {
    border-radius: 500px;
    display: block;
    height: 100px;
    width: 100px;
    margin: auto;
}
.single_testimonial h3 {
    font-size: 16px;
    margin-bottom: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.download_icon img { margin: 0 10px }
@media only screen and (max-width:480px) { 
    .download_icon img { margin-bottom: 10px }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter { position: relative }
.newsletter:before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.signup_form h3 {
    color: #333;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.signup_form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
	color: #fff;
    margin-bottom: 30px;
}
.signup_form button {
    background: #03a9fa none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.signup_form button:hover {
    background: #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-us { background: #222 }
.contact {
    background: #161616 none repeat scroll 0 0;
    padding: 35px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.contact:hover { box-shadow: none }
.form-control {
    background: #191919 none repeat scroll 0 0;
    border: 0 solid #eee;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    height: 45px;
    padding-left: 10px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.form-control:hover,
.form-control:focus {
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
}
.mbnone { margin-bottom: 0px }
.actions {
    margin-top: 30px;
    text-align: center;
}
.btn-contact-bg {
    background: #03a9fa none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #03a9fa;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.address {
    position: relative;
}
.address:before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
filter: alpha(opacity=80);
}
@media only screen and (max-width:480px) { 
    .single_address { margin-bottom: 30px }
}
.single_address i {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    float: left;
    font-size: 26px;
    height: 60px;
    line-height: 62px;
    margin: 0 40px 40px auto;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
}
@media only screen and (max-width:768px) { 
.single_address i {margin: 0 20px 40px auto;}
}
.single_address i:after {
    background-color: #03a9fa;
    border-radius: 50%;
    content: "";
    height: 60px;
    left: 0;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    -webkit-transform: scale();
        -ms-transform: scale();
            transform: scale();
    -webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.3s ease 0s;
            transition: transform 0.4s ease 0s, opacity 0.3s ease 0s;
    width: 60px;
    z-index: -1;
}
.single_address:hover i:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.single_address:hover i { color: #fff }
.single_address h4 {
    color: #fff;
    margin: 0 0 10px;
}
@media only screen and (max-width:768px) { 
.single_address h4 {letter-spacing: 0;}
}
.single_address p {
    color: #fff;
    margin-bottom: 0;
}
.single_address_mbnone{margin-bottom:0}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-social-profile { background: #040e18 }
.footer_social_logo img {
    width: 200px;
    margin-bottom: 30px;
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
    background: #2e3537 none repeat scroll 0 0;
    border: 1px solid #2e3537;
    border-radius: 50px;
    box-shadow: 0 0 0 7px transparent;
    color: #aaa;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 28px;
    padding: 9px 13px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 45px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:480px) { 
   .footer_social ul li a {
    width: 40px;
    height: 40px;
    line-height: 20px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    box-shadow: 0 0 0 0px #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END SOCIAL PROFILE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    padding: 30px 0;
    background-color: #09121b;
}
.footer_copyright {
    color: #fff;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/