/*
Template Name: Bootstrap Starter Kit - Style Library 1
Description: Business Startup & Prototyping HTML Framework
Author: Theme Spirit
Author URI: http://www.creativemarket.com/theme_spirit

Version: 1.0

*/

/*	PATTERN LIBRARY STYLES
/*----------------------------------------------------*/

body
{
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #333333;
    background: #ffffff;
    overflow-x: hidden;
    /*text-rendering: optimizeLegibility;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* BACKGROUND COLORS */
.bg-transparent
{
    background-color: transparent !important;
}

.bg-black
{
    background-color: #111111 !important;
}

.bg-green
{
    background-color: #4d7f70 !important;
}


.bg-white
{
    background-color: #FFFFFF !important;
}

.bg-offwhite
{
    background-color: #F5F5F5 !important;
}

.bg-clouds
{
    background-color: #ECF0F1 !important;
}

.bg-silver
{
    background-color: #BDC3C7 !important;
}

.bg-concrete
{
    background-color: #95A5A6 !important;
}

.bg-asbestos
{
    background-color: #7F8C8d !important;
}

.bg-tan
{
    background-color: #D1DBBD !important;
}

.bg-pewter
{
    background-color: #91AA9D !important;
}

.bg-moonlight
{
    background-color: #3E606F !important;
}

.bg-deepocean
{
    background-color: #193441 !important;
}

.bg-turquoise
{
    background-color: #1ABC9C !important;
}

.bg-aqua
{
    background-color: #16A085 !important;
}

.bg-sunflower
{
    background-color: #F1C40F !important;
}

.bg-orange
{
    background-color: #F39C12 !important;
}

.bg-sienna
{
    background-color: #BF4E19 !important;
}

.bg-milanored
{
    background-color: #AC1C00 !important;
}

.bg-river
{
    background-color: #3498DB !important;
}

.bg-marina
{
    background-color: #2980B9 !important;
}

.bg-deco
{
    background-color: #C9D787 !important;
}

.bg-crete
{
    background-color: #7D8A2E !important;
}

.bg-guardsman
{
    background-color: #D90000 !important;
}

.bg-pomegranate
{
    background-color: #C0392B !important;
}

.bg-finn
{
    background-color: #723147 !important;
}

.bg-tamarind
{
    background-color: #31152B !important;
}



.bg-transparent-hover:hover
{
    background-color: transparent !important;
}

.bg-black-hover:hover
{
    background-color: #111111 !important;
}

.bg-white-hover:hover
{
    background-color: #FFFFFF !important;
}

.bg-offwhite-hover:hover
{
    background-color: #F5F5F5 !important;
}

.bg-clouds-hover:hover
{
    background-color: #ECF0F1 !important;
}

.bg-silver-hover:hover
{
    background-color: #BDC3C7 !important;
}

.bg-concrete-hover:hover
{
    background-color: #95A5A6 !important;
}

.bg-asbestos-hover:hover
{
    background-color: #7F8C8d !important;
}

.bg-tan-hover:hover
{
    background-color: #D1DBBD !important;
}

.bg-pewter-hover:hover
{
    background-color: #91AA9D !important;
}

.bg-moonlight-hover:hover
{
    background-color: #3E606F !important;
}

.bg-deepocean-hover:hover
{
    background-color: #193441 !important;
}

.bg-turquoise-hover:hover
{
    background-color: #1ABC9C !important;
}

.bg-aqua-hover:hover
{
    background-color: #16A085 !important;
}

.bg-sunflower-hover:hover
{
    background-color: #F1C40F !important;
}

.bg-orange-hover:hover
{
    background-color: #F39C12 !important;
}

.bg-sienna-hover:hover
{
    background-color: #BF4E19 !important;
}

.bg-milanored-hover:hover
{
    background-color: #AC1C00 !important;
}

.bg-river-hover:hover
{
    background-color: #3498DB !important;
}

.bg-marina-hover:hover
{
    background-color: #2980B9 !important;
}

.bg-deco-hover:hover
{
    background-color: #C9D787 !important;
}

.bg-crete-hover:hover
{
    background-color: #7D8A2E !important;
}

.bg-guardsman-hover:hover
{
    background-color: #D90000 !important;
}

.bg-pomegranate-hover:hover
{
    background-color: #C0392B !important;
}

.bg-finn-hover:hover
{
    background-color: #723147 !important;
}

.bg-tamarind-hover:hover
{
    background-color: #31152B !important;
}


/* BG COVER - MTCH */

.bg-image-cover
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* COLORS - MTCH added !important */

.black
{
    color: #111111 !important;
}

.white
{
    color: #FFFFFF !important;
}

.offwhite
{
    color: #F5F5F5 !important;
}

.clouds
{
    color: #ECF0F1 !important;
}

.silver
{
    color: #BDC3C7 !important;
}

.concrete
{
    color: #95A5A6 !important;
}

.asbestos
{
    color: #7F8C8d !important;
}

.tan
{
    color: #D1DBBD !important;
}

.pewter
{
    color: #91AA9D !important;
}

.moonlight
{
    color: #3E606F !important;
}

.deepocean
{
    color: #193441 !important;
}

.turquoise
{
    color: #1ABC9C !important;
}

.aqua
{
    color: #16A085 !important;
}

.sunflower
{
    color: #F1C40F !important;
}

.orange
{
    color: #F39C12 !important;
}

.sienna
{
    color: #BF4E19 !important;
}

.milanored
{
    color: #AC1C00 !important;
}

.river
{
    color: #3498DB !important;
}

.marina
{
    color: #2980B9 !important;
}

.deco
{
    color: #C9D787 !important;
}

.crete
{
    color: #7D8A2E !important;
}

.guardsman
{
    color: #D90000 !important;
}

.pomegranate
{
    color: #C0392B !important;
}

.finn
{
    color: #723147 !important;
}

.tamarind
{
    color: #31152B !important;
}


.black-hover:hover
{
    color: #111111 !important;
}

.white-hover:hover
{
    color: #FFFFFF !important;
}

.offwhite-hover:hover
{
    color: #F5F5F5 !important;
}

.clouds-hover:hover
{
    color: #ECF0F1 !important;
}

.silver-hover:hover
{
    color: #BDC3C7 !important;
}

.concrete-hover:hover
{
    color: #95A5A6 !important;
}

.asbestos-hover:hover
{
    color: #7F8C8d !important;
}

.tan-hover:hover
{
    color: #D1DBBD !important;
}

.pewter-hover:hover
{
    color: #91AA9D !important;
}

.moonlight-hover:hover
{
    color: #3E606F !important;
}

.deepocean-hover:hover
{
    color: #193441 !important;
}

.turquoise-hover:hover
{
    color: #1ABC9C !important;
}

.aqua-hover:hover
{
    color: #16A085 !important;
}

.sunflower-hover:hover
{
    color: #F1C40F !important;
}

.orange-hover:hover
{
    color: #F39C12 !important;
}

.sienna-hover:hover
{
    color: #BF4E19 !important;
}

.milanored-hover:hover
{
    color: #AC1C00 !important;
}

.river-hover:hover
{
    color: #3498DB !important;
}

.marina-hover:hover
{
    color: #2980B9 !important;
}

.deco-hover:hover
{
    color: #C9D787 !important;
}

.crete-hover:hover
{
    color: #7D8A2E !important;
}

.guardsman-hover:hover
{
    color: #D90000 !important;
}

.pomegranate-hover:hover
{
    color: #C0392B !important;
}

.finn-hover:hover
{
    color: #723147 !important;
}

.tamarind-hover:hover
{
    color: #31152B !important;
}

.no-shadow {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow:none !important;
}

/* PADDING, MARGIN & ALIGNMENT */

.pad0
{
    padding-top: 0px !important;
}
.pad5
{
    padding-top: 5px !important;
}

.pad10
{
    padding-top: 10px !important;
}

.pad15
{
    padding-top: 15px !important;
}

.pad20
{
    padding-top: 20px !important;
}

.pad25
{
    padding-top: 25px !important;
}

.pad30
{
    padding-top: 30px !important;
}

.pad45
{
    padding-top: 45px !important;
}

.pad60
{
    padding-top: 60px !important;
}

.pad90
{
    padding-top: 90px !important;
}

.pad-bottom0
{
    padding-bottom: 0px !important;
}
.pad-bottom5
{
    padding-bottom: 5px !important;
}

.pad-bottom10
{
    padding-bottom: 10px !important;
}

.pad-bottom15
{
    padding-bottom: 15px !important;
}

.pad-bottom20
{
    padding-bottom: 20px !important;
}

.pad-bottom25
{
    padding-bottom: 25px !important;
}

.pad-bottom30
{
    padding-bottom: 30px !important;
}

.pad-bottom45
{
    padding-bottom: 45px !important;
}

.pad-bottom60
{
    padding-bottom: 60px !important;
}

.pad-bottom90
{
    padding-bottom: 90px !important;
}

.margin-bottom0
{
    margin-bottom: 0px !important;
}
.margin-bottom5
{
    margin-bottom: 5px !important;
}

.margin-bottom10
{
    margin-bottom: 10px !important;
}

.margin-bottom15
{
    margin-bottom: 15px !important;
}

.margin-bottom20
{
    margin-bottom: 20px !important;
}


.margin-bottom25
{
    margin-bottom: 25px !important;
}

.margin-bottom30
{
    margin-bottom: 30px !important;
}

.margin-bottom45
{
    margin-bottom: 45px !important;
}

.margin-bottom60
{
    margin-bottom: 60px !important;
}

.margin-bottom90
{
    margin-bottom: 90px !important;
}

.margin-top0
{
    margin-top: 0px !important;
}
.margin-top5
{
    margin-top: 5px !important;
}

.margin-top10
{
    margin-top: 10px !important;
}

.margin-top15
{
    margin-top: 15px !important;
}

.margin-top20
{
    margin-top: 20px !important;
}

.margin-top25
{
    margin-top: 25px !important;
}

.margin-top30
{
    margin-top: 30px !important;
}

.margin-top45
{
    margin-top: 45px !important;
}

.margin-top60
{
    margin-top: 60px !important;
}

.margin-top90
{
    margin-top: 90px !important;
}

.min-height-100px
{
    min-height: 100px !important;
}

.min-height-200px
{
    min-height: 200px !important;
}

.min-height-300px
{
    min-height: 300px !important;
}

.min-height-400px
{
    min-height: 400px !important;
}

.min-height-500px
{
    min-height: 500px !important;
}

.min-height-600px
{
    min-height: 600px !important;
}

.min-height-700px
{
    min-height: 700px !important;
}

.min-height-800px
{
    min-height: 800px !important;
}

@media only screen and (max-width : 767px){

    .min-height-xs-100px
    {
        min-height: 100px !important;
    }

    .min-height-xs-200px
    {
        min-height: 200px !important;
    }

    .min-height-xs-300px
    {
        min-height: 300px !important;
    }

    .min-height-xs-400px
    {
        min-height: 400px !important;
    }

    .min-height-xs-500px
    {
        min-height: 500px !important;
    }

    .min-height-xs-600px
    {
        min-height: 600px !important;
    }

    .min-height-xs-700px
    {
        min-height: 700px !important;
    }

    .min-height-xs-800px
    {
        min-height: 800px !important;
    }

}

.marg-bottom5
{
    margin-bottom: 5px !important;
}

.marg-left5
{
    margin-left: 5px !important;
}

.marg-right5
{
    margin-right: 5px !important;
}

.but_marg
{
    margin-left: 3px !important;
}

.v-center
{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/** TYPOGRAPHY **/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    line-height: 1.1;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small
{
    color: #e5e5e5;
}

h1, h2, h3
{
    margin-bottom: 20px;
    font-weight: 300;
}

h4, h5, h6
{
    margin-bottom: 15px;
    font-weight: 400;
}

h1, .h1
{
    font-size: 44px;
    font-family: 'Lora', serif;
    font-weight: bold;
    color: #4d7f70;
    text-transform: uppercase;
}

h2, .h2
{
    font-size: 37px;
}

h3, .h3
{
    font-size: 27px;
}

h4, .h4
{
    font-size: 23px;
}

h5, .h5
{
    font-size: 18px;
}

h6, .h6
{
    font-size: 16px;
}

p
{
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 18px;
    line-height: 1.7;
    margin: 15px 0;
    color: #515157;
}

.lead
{
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
}

small, .small
{
    font-size: 80%;
    line-height: 2;
}

em
{
    color: #ff6600;
}

/* LINKS */

a { color: #1abc9c; }

a:hover {
    color: #16a085;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* LISTS */

ol
{
    position: relative;
    padding-left: 22px;
}

ul
{
    list-style: none;
    position: relative;
    padding-left: 22px;
}

ul li,
ol li
{
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 17px;
color: #FFF;
margin-bottom: 5px;
margin-left: 5px;
font-weight: normal;
}

ul.circle li:before
{
  font-family: 'fontawesome';
  content: '\f111';
  font-size: 9px;
  color: #4d7f70;
  padding-top: 7px;
  margin-left: -15px;
  position: absolute;
}

/* TITLES */

.underlined-title
{
    text-align: center;
    padding-bottom: 30px;
}

.underlined-title h1
{
    color: #4d7f70;
    margin: 0;
}

.underlined-title h2
{
  font-size: 30px;
font-weight: 400;
color: #4e4a32;
margin-bottom: 10px;
margin-top: 30px;
}

.underlined-title hr
{
    width: 10%;
    border-width: 2px;
    border-color: #16a085;
}

/* IMAGES */

img
{
}

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

/*	BUTTONS
/*===================================================================================*/

.btn
{
    color: #FFF;
    padding: 10px 20px;
    margin: 15px 0;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.modal-footer .btn+.btn {
    margin-bottom: 15px;
}

.btn-sm
{
    padding: 7px 13px;
    font-size: 12px;
}

.btn-lg
{
    padding: 16px 26px;
    font-size: 16px;
}

.btn-xl
{
    padding: 18px 30px;
    font-size: 24px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

h1 .btn,
h2 .btn,
h3 .btn,
h4 .btn,
p .btn
{
    margin-left: 15px;
}

/* Button DISABLED */

.disabled a
{
    cursor: not-allowed;
}

/* Button DEFAULT */

.btn.btn-default
{
    background: #ecf0f1;
    box-shadow: 0 2px #bdc3c7;
    color: #999;
}

.btn.btn-default:hover
{
    background: #bdc3c7;
}

/* Button PRIMARY */

.btn.btn-primary
{
    background: #1abc9c;
    box-shadow: 0 2px #16a085;
}

.btn.btn-primary:hover
{
    background: #16a085;
}

/* Button WARNING */

.btn.btn-warning
{
    background: #f1c40f;
    box-shadow: 0 2px #f39c12;
}

.btn.btn-warning:hover
{
    background: #f39c12;
}

/* Button DANGER */

.btn.btn-danger
{
    background: #e74c3c;
    box-shadow: 0 2px #c0392b;
}

.btn.btn-danger:hover
{
    background: #c0392b;
}

/* Button SUCCESS */

.btn.btn-success
{
    background: #2ecc71;
    box-shadow: 0 2px #27ae60;
}

.btn.btn-success:hover
{
    background: #27ae60;
}

/* Button DARK */

.btn.btn-dark
{
    background: #34495e;
    box-shadow: 0 2px #2c3e50;
    color: #ffffff;
}

.btn.btn-dark:hover
{
    background: #2c3e50;
}

/* Button INFO */

.btn.btn-info
{
    background: #3498db;
    box-shadow: 0 2px #2980b9;
}

.btn.btn-info:hover
{
    background: #2980b9;
}

/* Outline Buttons */

.btn-outline
{
    color: #FFF;
    padding: 12px 20px;
    margin: 15px 0;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.1em;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.btn-outline:hover
{
    text-decoration: none;
    color: #ffffff;
}

.btn-outline-sm
{
    padding: 5px 13px;
    font-size: 13px;
}

.btn-outline-lg
{
    padding: 14px 26px;
    font-size: 15px;
}

.btn-outline-xl
{
    padding: 18px 30px;
    font-size: 24px;
}

.btn-outline.outline-light, .icon.outline-light {
  color: #FFF;
  background: #4d7f70;
  width: 250px;
  display: block;
  margin: 0px auto;
}

.btn-outline.outline-light:hover,
.icon.outline-light:hover
{
  color: #FFF;
  background: #4d7f70;
  width: 250px;
  display: block;
  margin: 0px auto;
}

.btn-outline.outline-dark,
.icon.outline-dark
{
    color: #2c3e50;
    background: none;
    border: 2px solid #2c3e50;
}

.btn-outline.outline-dark:hover,
.icon.outline-dark:hover
{
    color: #ffffff;
    background: #2c3e50;
}

button:hover
{
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

/*	SOCIAL ICONS
/*===================================================================================*/

.social
{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 100;
}

.social li
{
    display: inline-block;
    margin-right: 6px;
}

.social li a
{
    display: table;
    position: relative;
}

.social li a i
{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    font-size: 18px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.social-light li a i
{
    color: #ffffff;
}

.social-dark li a i
{
    color: #666666;
}

.social li a i:after
{
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.social li a:hover i
{
    color: #f0f0f0;
}

.social li a:hover i:after
{
    height: 100%;
}

.social a .fa-facebook:after
{
    background: #3b5998;
}

.social a .fa-google-plus:after
{
    background: #dd4b39;
}

.social a .fa-twitter:after
{
    background: #00aced;
}

.social a .fa-pinterest:after
{
    background: #CB2027;
}

.social a .fa-behance:after
{
    background: #1769FF;
}

.social a .fa-dribbble:after
{
    background: #EA4C89;
}

/* FORM CONTROL */

fieldset
{
    border: 0px solid #ecf0f1;
    border-radius: 6px;
    padding: 3px 10px;
}

fieldset legend
{
    color: #333;
    padding: 5px 10px;
    border: 2px solid #ecf0f1;
    border-radius: 6px;
}

.form-control
{
    border: 2px solid #ecf0f1;
    color: #34495e;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    line-height: 1.467;
    padding: 8px 12px;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.form-group
{
    position: relative;
    margin-bottom: 20px;
}

.form-group.focus .form-control,
.form-control:focus
{
    border-color: #1abc9c;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control
{
    background-color: #f4f6f6;
    border-color: #d5dbdb;
    color: #d5dbdb;
    cursor: default;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.form-control.form-minimal
{
    border-color: transparent;
}

.form-control.form-minimal:hover
{
    border-color: #bdc3c7;
}

.form-control.form-minimal:focus
{
    border-color: #1abc9c;
}

.has-success .help-block,
.has-success .control-label
{
    color: #2ecc71;
}

.has-success .form-control
{
    color: #2ecc71;
    border-color: #2ecc71;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .form-control:-moz-placeholder
{
    color: #2ecc71;
    opacity: 1;
}

.has-success .form-control::-moz-placeholder
{
    color: #2ecc71;
    opacity: 1;
}

.has-success .form-control:-ms-input-placeholder
{
    color: #2ecc71;
}

.has-success .form-control::-webkit-input-placeholder
{
    color: #2ecc71;
}

.has-success .form-control.placeholder
{
    color: #2ecc71;
}

.has-success .form-control:focus
{
    border-color: #2ecc71;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .input-group-addon
{
    color: #2ecc71;
    border-color: #2ecc71;
    background-color: #ffffff;
}

.has-warning .help-block,
.has-warning .control-label
{
    color: #f1c40f;
}

.has-warning .form-control
{
    color: #f1c40f;
    border-color: #f1c40f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .form-control:-moz-placeholder
{
    color: #f1c40f;
    opacity: 1;
}

.has-warning .form-control::-moz-placeholder
{
    color: #f1c40f;
    opacity: 1;
}

.has-warning .form-control:-ms-input-placeholder
{
    color: #f1c40f;
}

.has-warning .form-control::-webkit-input-placeholder
{
    color: #f1c40f;
}

.has-warning .form-control.placeholder
{
    color: #f1c40f;
}

.has-warning .form-control:focus
{
    border-color: #f1c40f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .input-group-addon
{
    color: #f1c40f;
    border-color: #f1c40f;
    background-color: #ffffff;
}

.has-error .help-block,
.has-error .control-label
{
    color: #e74c3c;
}

.has-error .form-control
{
    color: #e74c3c;
    border-color: #e74c3c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control:-moz-placeholder
{
    color: #e74c3c;
    opacity: 1;
}

.has-error .form-control::-moz-placeholder
{
    color: #e74c3c;
    opacity: 1;
}

.has-error .form-control:-ms-input-placeholder
{
    color: #e74c3c;
}

.has-error .form-control::-webkit-input-placeholder
{
    color: #e74c3c;
}

.has-error .form-control.placeholder
{
    color: #e74c3c;
}

.has-error .form-control:focus
{
    border-color: #e74c3c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .input-group-addon
{
    color: #e74c3c;
    border-color: #e74c3c;
    background-color: #ffffff;
}

/* FORM - INPUT ICON */

.form-control + .input-icon
{
    position: absolute;
    top: 2px;
    right: 2px;
    line-height: 37px;
    vertical-align: middle;
    font-size: 20px;
    color: #b2bcc5;
    background-color: #ffffff;
    padding: 0 12px 0 0;
    border-radius: 6px;
}

.input-hg + .input-icon
{
    line-height: 49px;
    padding: 0 16px 0 0;
}

.input-lg + .input-icon
{
    line-height: 41px;
    padding: 0 15px 0 0;
}

.input-sm + .input-icon
{
    font-size: 18px;
    line-height: 30px;
    padding: 0 10px 0 0;
}

/* FORM - INPUT GROUP */

.input-group .input-group-btn .btn
{
    margin: 0;
    box-shadow: none;
}

/*	ACCORDION / TOGGLE */

.panel-group
{
    margin-bottom: 0;
}

.panel-group + .panel-group
{
    margin-top: 20px;
}

.panel-group .panel
{
    background: #fff;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    box-shadow: none;
}

.panel-group .panel + .panel
{
    margin-top: 10px;
}

.panel-group .panel-heading + .panel-collapse .panel-body
{
    border-top-color: #E6E9ED;
}

.panel-body
{
    padding: 25px;
}

.panel-heading
{
    background-color: inherit !important;
    color: inherit !important;
    padding: 0;
    border-color: inherit !important;
}

.panel-title
{
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-title > a
{
    display: block;
    padding: 15px 25px 15px;
    text-decoration: none;
    color: #fff;
}

.panel-title > a.collapsed
{
    background: #f5f5f5;
}

.panel-title > a.collapsed,
.panel-title > a.collapsed span
{
    color: #16A085;
}

.panel-title > a,
.panel-title > a:hover
{
    background: #16A085;
    color: #fff;
}

.panel-title > a span
{
    display: block;
    position: relative;
    top: 0;
    color: #fff;
    padding-right: 25px;
}

.text-right .panel-title > a span
{
    padding-left: 25px;
    padding-right: 0;
}

.text-center .panel-title > a span
{
    padding-left: 0;
    padding-right: 0;
}

.panel-title > a:hover span
{
    color: inherit;
}

.text-center .panel-title > a:hover span
{
    top: .5em;
    color: transparent;
}

.panel-title > a span:after
{
    font-family: "fontawesome";
    content: "\f077";
    position: absolute;
    top: 0;
    right: 0;
}

.text-right .panel-title > a span:after
{
    left: 0;
    right: auto;
}

.text-center .panel-title > a span:after
{
    top: -.75em;
    left: 0;
    opacity: 0;
}

.panel-title > a.collapsed span:after
{
    content: "\f078";
}

/* TABS */

.nav-tabs
{
    margin: 0 auto;
}

.nav-tabs > li
{
    z-index: 2;
    float: none;
    display: inline-block;
}

.nav-tabs > li > a
{
    padding: 16px 25px 12px;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #737c85;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none !important;
    border-bottom: 4px solid transparent !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    background-color: transparent;
    border-bottom: 4px solid #85d6de !important;
}

.nav > li > a:hover,
.nav > li > a:focus
{
    outline: 0;
}

.tab-content
{
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.tab-pane
{
    padding: 50px 0;
    border-bottom: 1px solid #ecf0f1;
}

/* PAGINATION */

.pagination li a
{
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    color: #16A085;
    background: none;
    margin: 0 3px;
    border: 1px solid #16A085;
    padding: 5px 12px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
{
    color: #16A085;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
    background-color: #1ABC9C;
    border-color: #16A085;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus
{
    color: #999;
}

.pagination li:first-child a,
.pagination li:last-child a
{
    border-radius: 0 !important;
}

.pagination-lg li a
{
    padding: 8px 16px;
    font-size: 16px;
}

.pagination-sm li a
{
    padding: 4px 10px;
    font-size: 12px;
}

/* PAGER */

.pager li > a,
.pager li > span
{
    border: 1px solid #16A085;
    border-radius: 0;
    color: #16A085;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    min-width: 160px;
}

.pager li > a:hover,
.pager li > a:focus
{
    border: 1px solid #ddd;
}

.pager .next > a,
.pager .next > span
{
    float: right;
}

.pager .previous > a,
.pager .previous > span
{
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span
{
    color: #999;
    border: 1px solid #ddd;
}

/* CONTENT BLOCK HOLDERS */

.content-block
{
    width: 100%;
    padding: 60px 0 60px 0;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

.content-block-nopad
{
    width: 100%;
    z-index: 100;
    position: relative;
    background-color: #ffffff;
}

    .CBLogo {
        float: left;
    }

        .RealtorLogo {
            float: right;
        }

        .navbar-default {
    background-color: #FFF;
    border-color: #FFF;
    opacity: 0.90;
    filter: alpha(opacity =70);
    -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100%;
    height: auto;
}

.mainContent h1 {
  color: #FFF;
padding: 0px 10px 0px 10px;
margin: -40px 0px 10px 0px;
font-family: 'Lora', serif;
font-size: 40px;
font-weight: 700;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
}

    .mainContent p {
        color: #FFF;
        padding: 2px 10px 10px 10px;
        margin: 0px;
        font-size: 17px;
        line-height: 1.3;
    }

    .mainContent h3 {
        color: #FFF;
        padding: 0px 10px 0px 10px;
        margin: 14px 0px 0px 0px;
    }

    .txtColor {
      color: #515157;
    }



    .secNav1a {
      background-image: url(../images/Contact_1.jpg);
      background-size: cover;
      min-height: 300px;
      height: auto;
      padding: 0px 0px 0px 0px;
      margin-top: 20px;
    }

    .secNav1b {
      background-image: url(../images/Contact_2.jpg);
      background-size: cover;
      padding: 0px 0px 0px 0px;
      min-height: 300px;
      margin-top: 20px;
      text-align: center;
      border-right: 4px solid #FFF;
      border-left: 4px solid #FFF;
    }

    .secNav1b h2{
  color: #FFF;
  padding: 0px 10px;
  font-family: Lora;

}

    .secNav1b p{
  color: #FFF;
  padding: 0px 20px;

}

    .secNav1c {
      background-image: url(../images/Contact_3.jpg);
      background-size: cover;
      min-height: 300px;
      padding: 0px 0px 0px 0px;
      margin-top: 20px;
    }



    .secNav2a {
      background-image: url(../images/Homes_1.jpg);
      background-size: cover;
      min-height: 300px;
      height: auto;
      padding: 0px 0px 0px 0px;
      margin-top: 50px;
    }

    .secNav2b {
      background-image: url(../images/Homes_2.jpg);
      background-size: cover;
      padding: 0px 0px 0px 0px;
      min-height: 300px;
      margin-top: 50px;
      text-align: center;
      border-right: 4px solid #FFF;
      border-left: 4px solid #FFF;
    }

    .secNav2b h2{
  color: #FFF;
  padding: 0px 10px;
  font-family: Lora;
  text-transform: uppercase;

}

    .secNav2b p{
  color: #FFF;
  padding: 0px 20px;

}

    .secNav2c {
      background-image: url(../images/Homes_3.jpg);
      background-size: cover;
      min-height: 300px;
      padding: 0px 0px 0px 0px;
      margin-top: 50px;
    }


    .secNav3a {
      background-image: url(../images/Features_1.jpg);
      background-size: cover;
      min-height: 300px;
      height: auto;
      padding: 0px 0px 0px 0px;
      margin-top: 20px;
    }

    .secNav3b {
      background-image: url(../images/Features_2.jpg);
      background-size: cover;
      padding: 0px 0px 0px 0px;
      min-height: 300px;
      margin-top: 20px;
      text-align: center;
      border-right: 4px solid #FFF;
      border-left: 4px solid #FFF;
    }

    .secNav3b h2{
  color: #FFF;
  padding: 0px 10px;
  font-family: Lora;

}

    .secNav3b p{
  color: #FFF;
  padding: 0px 20px;

}

    .secNav3c {
      background-image: url(../images/Features_3.jpg);
      background-size: cover;
      min-height: 300px;
      padding: 0px 0px 0px 0px;
      margin-top: 20px;
    }

.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }

.animBlock[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.theBtn {
  padding: 0px 0px 0px 0px;
  border: 0px solid #FFF;
  margin-top: 20px;
}

.marginTop {
  margin-top: 50px;
}


.siteRendering {
    text-align: center;
    width: 95%;
    max-width: 850px;
    margin: 20px auto 0px auto;
    display: block;
}


.floorplan {
  width: 100%;
  max-width: 800px;
  padding: 20px 0px 80px 0px;
  text-align: center;
  margin: 0px auto;
  display: block;
}


hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 {
  border-top: 1px dashed #8c8b8b;
}
hr.style16:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}


hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #FFF;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.style18 {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}

.imgContact {
  -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
border: 3px solid #4d7f70;
}

.bgPattern {
  background-image: url(../images/ps_neutral.png);
}

.copyrighttxt {
width: 400px;
text-align: center;
border: 0px solid #FFF;
margin: 0px auto
}


/* here */
/*	PATTERN LIBRARY MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */



/* Medium Devices, Desktops */



@media only screen and (max-width : 825px){

  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-top:90px;
  }

  .col-md-4 {
      position: relative;
      min-height: 300px;
      padding-right: 0px;
      padding-left: 0px;
      width: 33%;
      min-height: 450px!important;
      float: left;
      border: 0px solid #FFF;

  }


      .secNav1a {
        background-image: url(../images/Area_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
      }

      .secNav1b {
        background-image: url(../images/Area_2.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 300px;
        margin-top: 0px;
        text-align: center;
        border-right: 4px solid #FFF;
        border-left: 4px solid #FFF;
      }

      .secNav1b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav1b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav1c {
        background-image: url(../images/Area_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
      }



      .secNav2a {
        background-image: url(../images/Homes_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }

      .secNav2b {
        background-image: url(../images/Homes_2.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 300px;
        margin-top: 20px;
        text-align: center;
        border-right: 4px solid #FFF;
        border-left: 4px solid #FFF;
      }

      .secNav2b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav2b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav2c {
        background-image: url(../images/Homes_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }


      .secNav3a {
        background-image: url(../images/Features_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }

      .secNav3b {
        background-image: url(../images/Features_2.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 300px;
        margin-top: 20px;
        text-align: center;
        border-right: 4px solid #FFF;
        border-left: 4px solid #FFF;
      }

      .secNav3b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav3b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav3c {
        background-image: url(../images/Features_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }

      .copyright-bar {
    height: 240px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #233447;
    position: relative;
    bottom: 0;
}

}

@media only screen and (max-width : 640px){

  .copyright-bar {
    height: 240px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #233447;
    position: relative;
    bottom: 0;
}

  .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-top:90px;
  }

  .col-md-4 {
      position: relative;
      min-height: 300px;
      padding-right: 0px;
      padding-left: 0px;
      width: 100%;
      float: left;
      border: 0px solid #FFF;

  }


      .secNav1a {
        background-image: url(../images/Area_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }

      .secNav1b {
        background-image: url(../images/ContactMobile.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 300px;
        margin-top: 0px;
        text-align: center;
        border-top: 4px solid #FFF;
        border-bottom: 4px solid #FFF;
      }

      .secNav1b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav1b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav1c {
        background-image: url(../images/Area_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
      }



      .secNav2a {
        background-image: url(../images/Homes_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }

      .secNav2b {
        background-image: url(../images/Homes_2.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 300px;
        margin-top: 0px;
        text-align: center;
        border-top: 4px solid #FFF;
        border-bottom: 4px solid #FFF;
      }

      .secNav2b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav2b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav2c {
        background-image: url(../images/Homes_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
      }


      .secNav3a {
        background-image: url(../images/Features_1.jpg);
        background-size: cover;
        min-height: 300px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }


      .secNav3b {
        background-image: url(../images/Features_2.jpg);
        background-size: cover;
        padding: 0px 0px 0px 0px;
        min-height: 450px!important;
        margin-top: 0px;
        text-align: center;
        display: block;
        border-top: 4px solid #FFF;
        border-bottom: 4px solid #FFF;
      }

      .secNav3b h2{
    color: #FFF;
    padding: 0px 10px;
    font-family: Lora;

  }

      .secNav3b p{
    color: #FFF;
    padding: 0px 20px;

  }

      .secNav3c {
        background-image: url(../images/Features_3.jpg);
        background-size: cover;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        margin-top: 20px;
      }


      .hideonMobile {
        display: none;
      }

      .copyrighttxt {
        position: absolute;
        bottom: 20px;
      width: 90%;
      text-align: center;
      border: 0px solid #FFF;
      margin: 0px auto
      }


}

.© {
  text-align: center;
}