/*=============================================================
Authour URI: www.binarytheme.com
License: Commons Attribution 3.0

http://creativecommons.org/licenses/by/3.0/

100% To use For Personal And Commercial Use.
IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US

========================================================  */


/*=======================================
GENERAL STYLES
==================================================*/

body {
    font-family:'Open Sans', sans-serif;
    font-size:14px;
}

.pad-adjust {
    padding-top: 5px; 
    padding-bottom: 5px;
}

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


p {
    font-weight:300;
    line-height:30px;
    padding-bottom:20px;
}


.space-free {
    height:100px;
}



.g-pad-bottom {
    padding-bottom:40px;
}
.for-full-back {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    /* IE 5-7 */
    filter: alpha(opacity=90);

    /* Netscape */
    -moz-opacity: 0.9;

    /* Safari 1.x */
    -khtml-opacity: 0.9;

    /* Good browsers */
    opacity: 0.9;
}

section {
    padding-top:50px;
}



/*=======================================
NAV BAR STYLES
==================================================*/
/* ADDED PADDING IN NAVBAR */
.navbar {
    padding:10px;
    -webkit-transition: background .8s ease-out,padding .8s ease-out;
    -moz-transition: background .8s ease-out,padding .8s ease-out;
    transition: background .8s ease-out,padding .8s ease-out;
    background-image: url('../img/top.jpg');
    background-position: top 92px;
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
    padding:0px;
}


/*TO MAKING NAV BAR LINKS WHITE COLORED */
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}

.navbar-inverse .navbar-brand {
    color: #FFF;
}

.navbar-brand{
    font-weight: bold;
}

.navbar-inverse {
    background-color: rgba(20, 173, 124, 1);
    /*border-color: rgba(20, 173, 124, 1)*/
}

/*=======================================
HOME SECTION STYLES
==================================================*/


.head-btn-one {
    background-color: rgba(20, 173, 124, 1);
    border: 0px solid #fff;

}

#home {
    padding-top:130px;
    padding-bottom:200px;
    color:#fff;
}
.head-main {
    font-size:50px ;
    font-weight:900;

}

.head-last {
    font-size:20px ;
    font-weight:300;
    padding:5px 20px 20px 20px;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 0px; 

}

/*=======================================
ABOUT SECTION STYLES
==================================================*/




.team-member {
    float: left;
    position: relative;
    width: 100%;
}
.team-member > a img {
    float: left;
    width: 100%;
}
.team-member > h3 {
    background: rgba(20, 173, 124, 1);
    background: #6db1da;
    bottom: -57px;
    color:#fff;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 15px 0;
    position: absolute;
    text-align: center;  
    width: 100%;
    line-height:25px;
    border-radius: 4px;
    /*background-image: url('../img/top.jpg');*/
    background-position: center 160px;
}

.mpr{
    color:#31708f;
    font-weight:bold;
    font-size:16px;
    text-align:right;
    padding:0px;
    width:100%;
}
.mpr span{
    float:left;
}
.alert.alert-info.list{
    width:100%;
}
.team-member > h3 a{
    color:#fff !important;
    text-decoration: none;
}

.team-member > h3 a:hover{
    color:#d6d6d6;
    text-decoration: none;
}
/*=======================================
CLIENT TESTIMONIAL STYLES
==================================================*/
#about-team .alert-info{
    /* background-color: #6db1da;*/
}

#clients-testimonial {
    color:#fff;
}
#carousel-example {
    margin-top:50px;

}
.slide-custom {
    /*min-height:200px;*/
    /*padding:20px;*/
    line-height:30px;
    width:100%;
    padding:0;
}
#about{
    background-image: url("../img/bottom_slider.jpg");
    padding-top: 60px;
}


#about img{
    display: block;
    margin: 0 auto;
}
#about-team .alert{
    margin-top: 102%;
    padding-top: 33px;
}


#about-team h3{
    margin-top: -20px;
    margin-bottom: 20px; 
}

.alert > p, .alert > ul {
    margin-bottom: 0;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.item img {
    width:100%;
}

h4 i{
    padding:5px;
}
.user-img {
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}

.img-u {
    max-height: 90px;
    max-width: 90px;
}

.c-black {
    color:#fff;
    font-style: italic;
    font-size: 20px;
    padding: 5px;
}
/*=======================================
PRICE SECTION STYLES
==================================================*/


.plan {

    padding: 0 0 2px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;

}

.panel-heading h4 {
    color: #434749;
    font-weight:bold;
}

.panel-heading.h4s h4 {
    font-size:16px;
    margin-bottom: 12px;
}

.panel-heading img{
    width:100%;
}

.plan li {
    padding: 0px 0px;
    color: #434749;
}

.price {
    font-size:30px;
}

.price-s {
    font-size:25px;
}

.price-vs {
    font-size:15px;
    margin-right: 10px;
}

/*=======================================
STATS SECTION STYLES
==================================================*/
.stats-div {
    text-align:center;
    width: 100%;
    min-height: 100px;
    padding: 30px 20px 30px 20px;
    color:#fff;
}

.stats-div > h3 {
    font-size:60px;
    font-weight:900;
}

.empty-view{
    height:250px;
}

/*=======================================
CONTACT STYLES
==================================================*/
#contact, #pricing{
    padding:0px;
}

#contact-inner {
    padding-bottom:60px;
    padding-bottom:50px;
}

/*=======================================
COLOR CODES
==================================================*/

.color-bg-one {
    background-color:rgba(20, 173, 124, 1)!important;
    color:#fff;
}
.color-white {
    background-color:#fff!important;
}
#add {
    font-size:30px;
    line-height:40px;

}
#contact-inner .form-control {

    height: 55px;
}

/*=======================================
SOCIAL SECTION STYLES
==================================================*/

.scl {
    background:rgba(20, 173, 124, 1);

    color:#fff;
}
.scl h4 {
    font-size:40px;
}
.scl a {
    color:#fff;
}
.scl-dark-bk {
    background:rgb(13, 138, 98);
}
/*=======================================
FOOTER STYLES
==================================================*/


#footer {
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
    background-color:rgba(20, 173, 124, 1);
}

.product_img img{
    width:100%;
}

.price{
    font-size:2.9em;
    text-align:center;
}

.collapse.cl-1 h4
{
    color: #ff6a00;
}

.collapse.cl-2 h4
{
    color: #d9eb37;
}

.collapse.cl-3 h4
{
    color: #8e8e8e;
}
.collapse.cl-4 h4
{
    color: #fec700;
}
.collapse.cl-6 h4
{
    color: #e84b37;
}
.image-responsive-u{
    width:100%
}

#pricing h1{
    font-size:5em;
}

.map-container {
    width: 100%;
    height:450px;
}
.map-container iframe{
    display: block;
    width: 100%;
    position: relative; /* IE needs a position other than static */
    pointer-events: none;

}
.map-container iframe.clicked{
    pointer-events: auto;
}

.ex{
    background-image: url("../img/x.png");
    background-size: contain;
    background-repeat: no-repeat;
    display:inline-block;
    position:absolute;
    width: 44px;
    margin-top: 8px;
    margin-left: 0px;
    opacity: 0.8;
}

.alert-dangers{
    color: #a94442;
    opacity:1.0;
}
.alert-success.green{
    background-color: #bee6ae;
}

.logo{
    width:150px;
    height:150px;
    display:inline-block;
    background-position: center;
    background-repeat: no-repeat;
}
.logo.bn-w{
    background-image: url("../img/logo/bn-w.png");
}
.logo.bn-w:hover{
    background-image: url("../img/logo/bn.png");
}
.logo.ml-w{
    background-image: url("../img/logo/ml-w.png");
}
.logo.ml-w:hover{
    background-image: url("../img/logo/ml.png");
}
.logo.hg-w{
    background-image: url("../img/logo/hg-w.png");
}
.logo.hg-w:hover{
    background-image: url("../img/logo/hg.png");
}
.logo.sn-w{
    background-image: url("../img/logo/sn-w.png");
}
.logo.sn-w:hover{
    background-image: url("../img/logo/sn.png");
}
.logo.pt-w{
    background-image: url("../img/logo/pt-w.png");
    background-size: contain;
}
.logo.pt-w:hover{
    background-image: url("../img/logo/pt.png");
    background-size: contain;
}
.logo.fd-w{
    background-image: url("../img/logo/fd-w.png");
}
.logo.fd-w:hover{
    background-image: url("../img/logo/fd.png");
}
.icon{
    width:45px;
    height:45px;
    display:inline-block;
}
.icon.email{
    width:53px;
    background-image: url("../img/email.png");
}
.icon.skype{
    background-image: url("../img/skype.png");
}
.icon.address{
    width:60px;
    height:80px;
    background-image: url("../img/address.png");
}
.icon.facebook{
    width:45px;
    height:45px;
    background-image: url("../img/facebook.png");
}
.icon.big{
    height:45px;
    width:146px;
    background-image: url("../img/p-v-w.png");
}
.flag-bg{
    width:39px;
    height:25px;
    background-image: url("../img/flag-bg.png");
    margin-top:10px;
    margin-right:10px;

}
.flag-en{
    width:39px;
    height:25px;
    background-image: url("../img/flag-en.png");
    margin-top:10px;
    margin-right:10px;

}
.flag-es{
    width:39px;
    height:25px;
    background-image: url("../img/flag-es.png");
    margin-top:10px;

}

/*.col-md-3{
height:690px;
}*/

.row.text-center.g-pad-bottom .col-md-3{
    height:618px;
}

.col-md-3 .p-text{
    height: 59px;
    overflow: hidden;
    display: block;
}

.panel-heading.h4s h4{
    font-size:110%;
}
.panel-heading.h4s2 h4{
    font-size:103%;
}

.panel-heading h4{
    font-size:120%;

}

.rss{width:20px;height:20px;background-image:url(../img/rss.png); float:right;} 
.rss a{width:20px;height:20px;display:block;}

@media (max-width: 1200px) {
    .price {
    font-size: 30px !important;
    text-align: center;
}
.ex {
    width: 44px;
    margin-top: 3px;
    margin-left: -5px;
}
}



@media (max-width: 450px) {
    .price {
    font-size: 20px !important;
    text-align: center;
}
.ex {
    width: 44px;
    margin-top: 1px;
    margin-left: -3px;
}
}

@media (max-width: 590px) {
    .panel-heading.h4s h4{
    font-size:86%;
}

.panel-heading h4{
    font-size:90%;

} 
}