/* If you want to add your own CSS code, please do it in this file */

/* font awesome */
.the-icons .span3 { float:left; width: 25%; font-size: 13px; line-height:18px; padding-bottom:10px;}
.the-icons .span3 .muted { color:#ccc;}
.the-icons .span3 [class^="icon-"], .span3 [class*=" icon-"] { color: #3E3E3E; font-size: 18px; width:23px; display:inline-block;}

@media only screen and (min-width: 768px) and (max-width: 959px){
	.the-icons .span3 { width:33.333%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.the-icons .span3 { width:50%;}
}
@media only screen and (max-width: 479px){
	.the-icons .span3 { width:100%;}
}

/* #configurator */
#configurator { color:#213442 !important; background:#f9f9f9; width: 190px; position: fixed; left: -192px; top: 150px; z-index: 9000; color: #515E6C; line-height: 21px; font-size: 12px; text-transform:uppercase;}
#configurator form { margin-bottom:0; text-align:center;}
#configurator select { background:none; box-shadow:0 0 0; margin-bottom:10px; padding: 3px; color:#213442;}
#configurator .control { display:block; width:51px; height:51px; position:absolute; top:37px; right:-51px; background:#f9f9f9 url(../images/configurator/ico.png) no-repeat center; text-indent:-9999px;}
#configurator .inside { padding:10px;}
#configurator .header { text-align:center; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; font-size:18px;}

#configurator ul.image-select { margin-bottom:5px;}
#configurator ul.image-select li { display:block; float:left; }
#configurator ul.image-select li a { display:block; width:32px; height:32px; float:left; margin:5px;}
#configurator ul.image-select li:hover { border-color:#ccc;}

#configurator ul.select-color li a { text-indent:-9999px;}

#configurator ul.text-select { margin-bottom:15px; }
#configurator ul.text-select li { float:left; width:50%; font-size:14px; }
#configurator ul.text-select li:not(.active) a { color:#515E6C; }

#configurator p { line-height:16px; margin-bottom:5px;}

/* mobile only */
@media only screen and (max-width: 768px){
	#configurator { display:none;}
}

/* demo skins */
.color-blue .call-to-action 	{ background-color:#4095C9 !important;}
.color-orange .call-to-action	{ background-color:#E67E22 !important;}
.color-red .call-to-action		{ background-color:#EF5443 !important;}

/* Custom */
.help_section .faq h3 { font-size: 22px; line-height: 31px; margin-bottom: 25px; }
.homepage-faq .faq h3 { font-size: 26px; line-height: 30px; text-align: center; }
.section_ncm .one-second { margin-bottom: 0 !important; }
.center-icon-box { text-align: center; }
.center-icon-box .icon_box .icon_image i { display: inline-block; }
.border-call-to-action { border: 1px solid #262932; }

/* styles for slider in section */
.full-width-section .section_wrapper { width: 100% !important; }
.full-width-section .section_wrapper .one.column { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

/* Styles for fancy heading when no icon */
.padding-bottom { padding-bottom: 40px !important;}

#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}

/****** login ******/
#login{
   width: 300px;
   margin: 0 auto;
   padding: 200px 0;
}

#login input[type="submit"]{
    color: #fff;
    background-color: #454b5b;
}

#login input[type="submit"]:hover{
    color: #88be4c;
    background-color: #373c49;
}

#login h3{
    color: #43535b;
}

/****** alert *******/
.alert-danger {
    color: #fff;
    background-color: #414756;
    border-color: #fff;
}
.alert li{
    font-size: 22px;
}

.alert-warning li{
    color: red;
}

.alert-success li{
    color: green;    
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
/* general */
body, h1, h2, h3, h4, h5, h6,p{
 font-family: 'Open Sans', sans-serif; 
}

p, ul{
    font-size: 14px;
}

/* menu */
#menu > ul > li > a{
 font-family: 'Open Sans', sans-serif; 
    
}
#Header .menu > li ul {
    background: #7796ce;
}

#Header .menu > li a{
    padding: 15px 12px;
}
#Header .menu > li > a:hover,
#Header .menu > li.hover > a {
    color: #7796ce;
}
#Header .menu > li ul li a:hover, #Header .menu > li ul li.hover > a {
    color: #bed3f4;
}	

/* Header */
#Header .logo{
    margin: 50px 0 0 0;
}

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    color: #6699cc;
}

#Subheader .title {
    color: #2b448b;
}
/* social */
.social li{
    margin: 1px 3px;
    font-size: 12px;
}

/** contact */
.contact p{
    color:#000;
}

.contact .fancy_heading .fancy_heading_wrapper{
    border:none;
}

/*  front page*/
.addons h3{
    font-size: 23px;
    font-style:italic ;
    font-weight: 600;
    color:#2b448b;
}

.fancy_heading_wrapper .inside p{
    display: block;
    float: right;
    margin-right:120px;
}

.fancy_heading_wrapper .inside hr{
    display: block; border: solid; outline: none; 
    height: 1px; width: 100%; margin-bottom: 15px; clear: both; background-color: #252222; 
    width: 300px;
}

.address{
    font-size: 16px;
    color:#000;
}

.footer_address{
    padding: 0 0 15px;
}
.swiper-desc{
    width:960px;
    text-align:center;
    margin:0 auto;
}

.swiper-desc p{
    font-size:32px;
    line-height:40px;
}

.swiper-desc .slide-author{
    font-size:23px;
    line-height: 32px;
}

.desc{
    text-align:center;
}

.desc h3{
    font-size: 26px;
    color: #ff6600;
}

.who-we-are, .how-we-help, .who-we-helped{
    margin-bottom: 10px;
}

.front-cont-5{
    text-align: center;
}

.front-cont-5 p{
    font-size: 20px;
}

/* footer */
#Footer{
    background-color: #3a5389;
}
.copyrights p{
    font-size: 12px;
    color: #fff;
}
#Footer a{
    color:#fff;

}

#Footer a:hover{
    color:#82a4e0;
    text-decoration: none;
}

/*pages*/
/* .founder li:before{ */
/*     content:  "\2713\0020"; */
/* } */

.founder {
    list-style: disc url("../images/check.png");
}

.orange{
    color:#FF6600;
}

.disc{
    list-style:disc;
    list-style-position:outside;
}

.underphoto, .contact .underphoto{
    font-size:24px;
    line-height: 31px;
    font-style: italic;
    margin-bottom:5px;
    color: #2b448b;
}

.author, .contact .author{
    font-size:17px;
    line-height:21px;
    float:right;
    color:#2b448b;
}

/* media */
@media only screen and (max-width 959px) and (min-width: 768px){
    #Header .addons {
        right:80px;
        top:120px;
    }
    .addons h3{
        font-size: 16px;
    }


}


@media only screen and (max-width:767px){
    .container{
        width: 90% !important;
    }

    .social{
        display: none;
    }

    #Header .addons{
        top: 10px;
        text-align:center;
    }

    .fancy_heading_wrapper .inside p{
        margin-right:0;
        text-align:center;
        float:none;
    }
    .addons h3{
        font-size:14px;
    }

    #mfn-slider .swiper-controls{
        left:0;
        margin-left:0;
        top: 80%;
    }

    .swiper-desc{
        width: 100%;
    }

    .swiper-desc p{
        font-size: 20px;
        line-height: 24px;
    }

}

/* ipad mini */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 
    .addons h3{
        font-size:18px;
    }

    #Header .addons{
        top:115px;
        right:90px;

    }
}

/***
 * error
 */
.error{
    width:90%;
    padding:20px;
    font-size: 18px;
    margin: auto;
    color: red;
}
/***
 * info
 */
 .info{
    width:90%;
    padding:20px;
    font-size: 18px;
    margin: auto;
    color: green;
}

/*
 * updates
 */

.column, .columns {
    margin: 0 1% 15px;
}
#Subheader { padding-bottom: 20px; }
#Subheader .one { padding: 20px 0;}

.sections_group{
    margin-bottom:25px;
}
.fancy_heading .fancy_heading_wrapper {
    padding: 10px 20px;
}

a, .post .date .day {
    color: #118ddb;
}

em, i {
    font-weight: 600;
}