/*
Template Name: Maxim - One Page HTML5 Template
Description: Business,  Corporate, Agency, Portfolio
Author: LjMthemes
Author URI: http://Ljubomirmilev.com
Version: 1.0
*/

/*-----------------------------------------------------

1.  BODY
2.  TYPOGRAPHY
3.  BACKGROUND COLORS
4.  COLOR SECTIONS
5.  BORDER
6.  PADDING, MARGIN & ALIGNMENT
7.  SERVICES
8.  LINKS
9.  LISTS
10. BUTTONS
11. SOCIAL ICONS
12. FORMS
13. CONTENT BLOCKS


/*	BODY
/*----------------------------------------------------*/

body {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #5c6873;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}


/*	TYPOGRAPHY
/*----------------------------------------------------*/

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p, .lead {
    margin-top: 0;
    margin-bottom: 10px;
	font-family: "Roboto Condensed", sans-serif;
}

h1, .h1 {
    font-weight: 700;
    font-size: 46px;
    line-height: 56px;
	color:#3f444a;
	text-transform:uppercase;
}

h2, .h2 {
    font-weight: 600;
    font-size: 38px;
    line-height: 30px;
}

h3, .h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 38px;
}

h4, .h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
}

h5, .h5{
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

p {
    font-size: 16px;
    line-height: 28px;
	color: #00001C;
	font-weight:400;
}
.footer p{
	color:#888;
}

/*	HEADING MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {

   h1 {
      font-size: 2em;
   }

   h2 {
      font-size: 1.5em;
   }

   h3 {
	   font-size:1.3em;
   }
   h4, h5 h6 {
	   font-size:1em;
   }

.underlined-title h1
   {
    color: #3f444a;
    margin: 0;
	font-size: 2em;
	}

.underlined-title h2
{
	font-size: 1.5em;
	text-transform: none;
	color: #888;
	font-weight:500;
	text-transform:uppercase;
}

p {
	font-size:0.9em;
}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
	font-family: "Roboto Condensed", sans-serif;
}



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



}

strong,
b {
    font-weight: 900;
}

.lead {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}

.lead strong,
.lead b {
    font-weight: 700;
}

/* BACKGROUND COLORS */
.bg-primary
{
	background-color: rgb(34, 166, 204) !important;
}
.bg-transparent
{
    background-color: transparent !important;
	border:0;
}

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

.bg-dark
{
	background-color: #333 !important;
	border:0;
}

.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: rgb(34, 166, 204) !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;
}

/* Text color classes */
.white {
  color: #ffffff !important;
}
.grey {
  color: #eeeeee !important;
}
.black {
  color: #555555 !important;
}
.red {
  color: #f75353 !important;
}
.green {
  color: #51d466 !important;
}
.lblue {
  color: #32c8de !important;
}
.blue {
  color: #609cec !important;
}
.orange {
  color: #f78153 !important;
}
.yellow {
  color: #fcd419 !important;
}
.purple {
  color: #cb79e6 !important;
}
.rose {
  color: #ff61e7 !important;
}
.brown {
  color: #d08166 !important;
}
/* Background color classes */
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #f75353 !important;
}
.bg-green {
  background-color: #51d466 !important;
}
.bg-lblue {
  background-color: #32c8de !important;
}
.bg-blue {
  background-color: #609cec !important;
}
.bg-orange {
  background-color: #f78153 !important;
}
.bg-yellow {
  background-color: #fcd419 !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #ff61e7 !important;
}
.bg-brown {
  background-color: #d08166 !important;
}

/* Border color classes */
.br-white {
  border: 1px solid #ffffff !important;
}
.br-grey {
  border: 1px solid #eeeeee;
}
.br-black {
  border: 1px solid #555555;
}
.br-red {
  border: 1px solid #f75353;
}
.br-green {
  border: 1px solid #51d466;
}
.br-lblue {
  border: 1px solid #32c8de;
}
.br-blue {
  border: 1px solid #609cec;
}
.br-orange {
  border: 1px solid #f78153;
}
.br-yellow {
  border: 1px solid #fcd419;
}
.br-purple {
  border: 1px solid #cb79e6;
}
.br-rose {
  border: 1px solid #ff61e7;
}
.br-brown {
  border: 1px solid #d08166;
}

/* BG COVER - MTCH */

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

/* COLORS - 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: rgb(34, 166, 204) !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: rgb(34, 166, 204) !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;
}


.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: rgb(34, 166, 204);
}

a:hover {
    color: rgb(34, 166, 204);
    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: 14px;
    color: #515157;
    margin-bottom: 5px;
}

ul.circle li:before
{
    font-family: 'fontawesome';
    content: '\f10c';
    font-size: 12px;
    color: rgb(34, 166, 204);
    padding-top: 2px;
    margin-left: -20px;
    position: absolute;
}


/* TITLES */

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

.content-block.inner .underlined-title {
	padding-bottom: 15px;
}

.underlined-title h1
{
    color: #3f444a;
    margin: 0;
}

.content-block.inner .underlined-title h1{
	font-size: 36px;
	text-align: left;
}

.underlined-title h2
{
	font-size: 20px;
	text-transform: none;
	color: #888;
	font-weight:500;
	text-transform:uppercase;
}

.underlined-title hr
{
	width: 20%;
	margin:15px 40% 30px 40%;
	border-width: 2px;
	border-color: rgb(34, 166, 204);
}

.content-block.inner .underlined-title hr{
	width: 100%;
	margin: 15px 0px 15px;
}


/*	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: 0px;
	background:rgb(34, 166, 204) ;
}

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

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

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

/* Button colors */
.btn.btn-white {
	background: #ffffff;
	color: rgb(34, 166, 204);
	border: 2px solid #fff;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white.active,
.btn.btn-white:active {
	background: rgb(34, 166, 204);
	color: #fff;
	border: 2px solid #fff;
}
.btn.btn-grey {
	background: #eeeeee;
	color: #666666;
	border: 1px solid #d5d5d5;
}
.btn.btn-grey:hover,
.btn.btn-grey:focus,
.btn.btn-grey.active,
.btn.btn-grey:active {
	background: #d5d5d5;
	color: #999;
}
.btn.btn-black {
	color: #ffffff;
	background: #666666;
	border: 1px solid #4d4d4d;
}
.btn.btn-black:hover,
.btn.btn-black:focus,
.btn.btn-black.active,
.btn.btn-black:active {
	background: #4d4d4d;
	color: #ffffff;
}
.btn.btn-red {
	color: #ffffff;
	background: #ed5441;
	border: 1px solid #e52d16;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red.active,
.btn.btn-red:active {
	color: #ffffff;
	background: #e52d16;
}
.btn.btn-green {
	color: #ffffff;
	background: #51d466;
	border: 1px solid #30c247;
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green.active,
.btn.btn-green:active {
	background: #30c247;
	color: #ffffff;
}
.btn.btn-lblue {
	color: #ffffff;
	background: #32c8de;
	border: 1px solid #1faabe;
}
.btn.btn-lblue:hover,
.btn.btn-lblue:focus,
.btn.btn-lblue.active,
.btn.btn-lblue:active {
	background: #1faabe;
	color: #ffffff;
}
.btn.btn-blue {
	color: #ffffff;
	background: #609cec;
	border: 1px solid #3280e7;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue.active,
.btn.btn-blue:active {
	background: #3280e7;
	color: #ffffff;
}
.btn.btn-orange {
	color: #ffffff;
	background: #f8a841;
	border: 1px solid #f69110;
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange.active,
.btn.btn-orange:active {
	background: #f69110;
	color: #ffffff;
}
.btn.btn-yellow {
	background: #fcd419;
	color: #ffffff;
	border: 1px solid #dfb803;
}
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow.active,
.btn.btn-yellow:active {
	background: #dfb803;
	color: #ffffff;
}
.btn.btn-purple {
	background: #cb79e6;
	color: #ffffff;
	border: 1px solid #ba4ede;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple.active,
.btn.btn-purple:active {
	background: #ba4ede;
	color: #ffffff;
}
.btn.btn-rose {
	background: #ff61e7;
	color: #ffffff;
	border: 1px solid #ff2edf;
}
.btn.btn-rose:hover,
.btn.btn-rose:focus,
.btn.btn-rose.active,
.btn.btn-rose:active {
	background: #ff2edf;
	color: #ffffff;
}
.btn.btn-brown {
	background: #d08166;
	color: #ffffff;
	border: 1px solid #c4613f;
}
.btn.btn-brown:hover,
.btn.btn-brown:focus,
.btn.btn-brown.active,
.btn.btn-brown:active {
	background: #c4613f;
	color: #ffffff;
}

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: rgb(34, 166, 204) ;
    box-shadow: 0 2px #bdc3c7;
    color: #fff;
}

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

/* Button PRIMARY */

.btn.btn-primary
{
    background: rgb(34, 166, 204);
	border:2px solid rgb(34, 166, 204);
}

.btn.btn-primary:hover
{
    background: #fff;
	color:rgb(34, 166, 204);
	border:2px solid rgb(34, 166, 204);
}

/* 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;
}

.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: rgb(34, 166, 204);
    background: none;
    border: 2px solid rgb(34, 166, 204);
}
.btn-outline.outline-light-full,
.icon.outline-light-full
{
    color: #fff;
    background: rgb(34, 166, 204);
    border: 2px solid rgb(34, 166, 204);
}
.btn-outline.outline-light-full:hover,
.icon.outline-light-full:hover
{
    color: rgb(34, 166, 204);
    background: #fff;
	border: 2px solid rgb(34, 166, 204);
}
.btn-outline.outline-light:hover,
.icon.outline-light:hover
{
    color: #fff;
    background: rgb(34, 166, 204);
}

.tp-banner .btn-outline.outline-light,
.icon.outline-light
{
    color: rgb(34, 166, 204);
    background: none;
    border: 2px solid rgb(34, 166, 204);
}
.tp-banner .btn-outline.outline-light-full,
.icon.outline-light-full
{
    color: #fff;
    background: rgb(34, 166, 204);
    border: 2px solid rgb(34, 166, 204);
}

.btn-outline.outline-dark,
.icon.outline-dark
{
    color: rgb(34, 166, 204) ;
    background: none;
    border: 2px solid rgb(34, 166, 204) ;
}

.btn-outline.outline-dark:hover,
.icon.outline-dark:hover
{
    color: #ffffff;
    background: rgb(34, 166, 204) ;
}

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;
}
.social a .fa-vk:after
{
    background: #537599;
}

.social a .fa-instagram:after
{
    background: #125688;
}

.social a .fa-linkedin:after
{
    background: #0077B5;
}


/* FORM CONTROL */

fieldset
{
    border: 2px solid #ecf0f1;
    border-radius: 0px;
    padding: 30px 50px;
}

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

.form-control
{
    border: 2px solid #000;
    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: 0px;
    -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: rgb(34, 166, 204);
    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: rgb(34, 166, 204);
}

.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;
}



/


/* PAGER */

.pager li > a,
.pager li > span
{
    border: 1px solid rgb(34, 166, 204);
    border-radius: 0;
    color: rgb(34, 166, 204);
    /*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 */

.content-block
{
	width: 100%;
	padding: 120px 0 0 0;
	z-index: 100;
	position: relative;
	background-color: #ffffff;
}
.content-block.inner
{
	padding-top: 120px;
}
.content-block.inner #workarea{
	margin-right: 0;
    margin-left: 0;
	padding-right: 15px;
    padding-left: 15px;
}
.content-block.inner #workarea h2{
	margin: 0px;
	padding: 10px 0px;
	font-size: 20px;
	text-align: center;
}

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

.clear{
	clear: both;
}
#contact-us {
    padding: 40px 0 0 0;
    background-color: rgb(34, 166, 204);
    background-image: url(/bitrix/templates/main/images/bg-light.png);
}
#contact-us .underlined-title {
    margin-bottom: 0;
}
#contact-us .form-control {
    border: none;
}
#contact-us .btn-primary {
    background-color: #fff !important;
	color: rgb(34, 166, 204) !important;
}
#contact-us .contact-info li {
    color: #fff !important;
}
#contact-us .contact-info span {
    color: #fff !important;
}
#contact-us .contact-info a {
    color: #fff !important;
}

.header_top {
    padding: 10px 0;
    border-bottom: 1px solid rgb(34, 166, 204);
    margin-bottom: 10px;
}
.header_top-content {
    display: grid;
    grid-template-columns: 30px 130px 130px 100px;
    grid-template-rows: 25px;
    align-items: center;
    grid-column-gap: 10px;
}
.header_top-content > i {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
    color: white;
}
.header_top-content > a {
    color: white;
}

.bg-main {
    background-color: black;
}

#header > .navbar-fixed-top {
    border: none;
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    .content-block.inner {
        padding-top: 170px;
    }
}