@import url(font-awesome.css);
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
	max-width: 100%;
	/* Part 1: Set a maxium relative to the parent */

	width: auto\9;
	/* IE7-8 need help adjusting responsive images */

	height: auto;
	/* Part 2: Scale the height according to the width, otherwise you get stretching */

	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;

}
embed { 
	vertical-align:top;
}
* { border:none}

ul, li {
	list-style-image:none;
	margin:0;
	padding:0
}
h1, h2, h3, h4, h5 {
	font-weight:normal;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
.right_20 {	margin-right:20px}
.bottom_20 {	margin-bottom:20px}
.text p {
	padding-bottom:15px
}

.text h6{
	padding-bottom:5px
}
.teb b { width:200px; display:table; float:left}

/*------ template stylization ------*/
/* headings, text */
h2 {
  font-size: 35px;
  letter-spacing: 0px;
  color:#819d2c;
  text-align:left;
  font-weight:600;
  padding-top:2px;
  line-height:42px;
  font-family: 'Bitter', serif;
  padding-bottom:20px;
}
h2 span {
	color:#94b0be
}


h1 {
  font-size: 24px;
  letter-spacing: 0px;
  color:#24343c;
  text-align:left;
  font-weight:600;
  padding-top:px;
  line-height:42px;
  font-family: 'Bitter', serif;
  padding-bottom:10px
 }

h3 {
	color:#fff;
	font-size:21px;
	font-weight:600;
    font-family: 'Bitter', serif;
	margin-bottom:20px;
	text-align:center;
	margin-left:-10px
}

h4 {
	color:#5b8295;
	font-size:36px;
	font-weight:600;
    font-family: 'Bitter', serif;
	margin-bottom:85px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	line-height:34px;
	margin-top:20px
}
h5 {
  font-size: 24px;
  letter-spacing: 0px;
  color:#6e838d;
  text-align:center;
  font-weight:600;
  padding-top:px;
  line-height:42px;
  font-family: 'Bitter', serif;
  padding-bottom:0px;
  text-transform:uppercase;
}

h6{
  font-size: 18px;
  letter-spacing: 0px;
  color:#24343c;
  text-align:left;
  font-weight:400;
  padding-top:10px;
  line-height:18px;
  font-family: 'Bitter', serif;
  margin-bottom:10px

}


p {
  margin-bottom: 10px;
}



figure {
  width: 100%;
}
img.img-radius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.underline {
  text-decoration: underline;
}
a.underline {
  color: #656566;
}
a.underline:hover {
  color: #ffffff;
  text-decoration: underline;
}

.max-size1{
  max-width: 95%
}
.top-0 {
  margin-top: 0 !important;
}
.bot-0 {
  margin-bottom: 0 !important;
}
.left-0 {
  margin-left: 0 !important;
}
.last {
  margin-right: 0 !important;
}

.extra-wrap {
  overflow: hidden;
}
.alignleft{
  float: left;
  margin: 0 20px 20px 0;
}
.alignright{
  float: right;
  margin: 0 0px 20px 20px;
  padding:3px;
  background:#fff;
  border:1px #cfcfcf solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.aligncenter{
  margin: 0 auto 20px;
  
}
.distable{ 
	display:table;
	padding-right:20px
}

ul.list{
  margin: 0;
  list-style: none;
  padding-bottom:20px
}
ul.list li {
	padding-left:20px;
	margin-bottom:8px;
	font-weight:400;
	padding-left:20px;
	background: url(../images/marker_list.png) 0% 7px no-repeat;
	font-size:12px;
	font-family:Arial;
	line-height:20px

}
ul.list li a {
	text-transform:uppercase;
	color:#8a8269;
	font-weight:400;
	text-decoration:underline
}
ul.list li a:hover{
	color:#000;
	text-decoration:none
}



.sidebar {
	float:right;
	width:20%;
	display:block;
}

div.text {
	margin-right:25%
}


/**/
/* buttons*/

.btn_ {
  background: #a9c5d9;
  border: none;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 13px 8px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  font-family: 'Open Sans'
}
.btn-small_ {
  padding: 8px 18px 8px 18px;
  color: #ffffff;
}
.btn_:hover {
  background: #eb6300;
  color: #ffffff;
}
/**/


body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #515151;
  background:#8aa8b7 url(../images/bg_top.jpg) 50% top repeat-x;
}
a {
  color: #70a3bd;
  text-decoration: underline;
  cursor:pointer
}
a:hover {
  text-decoration: none;
}
.container{
	max-width:960px;
	margin:0 auto;
	position:relative
}

img{
	max-width:98%;
}

/*------ header ------- */
header {
	height:176px;
}

a.logo{
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:42%
}


p.phone {
	color:#6e7d85;
	font-size:12px;
	font-family:Arial;
	text-align:right;
	width:23%;
	float:right;
	padding-top:44px;
	line-height:16px;

}
p.phone span{
	display:block;
	font-size:20px;
	padding-bottom:4px
}


.left{ float:left} .right{ float:right} .clear { clear:both}

.name {
	margin-top:16px;
	margin-bottom:8px
}

div.pad_10{
	padding:10px;
	background:#fff;
	width:940px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	

}

.grid_50{
	width:48%
}
.grid_25{
	width:24%;
	margin-left:1%;
	color:#fff;
	font-size:13px;
}
.more{
	display:block;
	float:left;
	height:38px;
	padding-right:20px;
	padding-left:20px;
	line-height:38px;
	color:#accddc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration:none;
  background: rgb(17,129,181); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExODFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTRkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(17,129,181,1) 0%, rgba(9,77,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,129,181,1)), color-stop(100%,rgba(9,77,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1181b5', endColorstr='#094d6b',GradientType=0 ); /* IE6-8 */

	
}

.more:hover{
	color:#fff;
	text-decoration:none;
	background: rgb(15,156,221); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOWNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTY2OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(15,156,221,1) 0%, rgba(10,102,144,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,156,221,1)), color-stop(100%,rgba(10,102,144,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9cdd', endColorstr='#0a6690',GradientType=0 ); /* IE6-8 */

}



.special_offer {
	background-image: url(../images/bg_special_offer.png)  ;
	background-position:50% 100px;
	background-repeat:no-repeat;
	width:23%;

}

.special_offer span{
	display:block;
	text-align:center;
	padding:0;
	color:#2d4b5a;
	font-size:15px;
    font-family: 'Open Sans';

}

.special_offer strong{
	display:block;
	text-align:center;
	padding:0;
	font-size:35px;
	line-height:35px;
	color:#819d2c;
	letter-spacing:-1px;
    font-family: 'Bitter', serif;
	padding-top:10px	
}

.special_offer b{
	display:block;
	text-align:center;
	padding:0;
	color:#2d4b5a;
	font-size:13px;
	line-height:17px;
	text-transform:uppercase;
	font-weight:400;
	padding-top:10px;
    font-family: 'Bitter', serif;padding-bottom:40px
}

.special_offer p{
	display:block;
	text-align:center;
	padding:0;
	color:#dce8ee;
	font-size:14px;
	font-family:Arial;
	line-height:18px;
	padding-top:10px;
}
.special_offer a{
	display:block;
	text-align:center;
	padding:0;
	color:#f5f9fb;
	font-size:14px;
	font-family:Arial;
	margin-bottom:20px
}

#content_white{
	background:#fff;
	padding-top:30px
}
#content_white p.discription{
	background:#fff;
	width:262px;
	float:left;
}

span.watch{
	display:block;
	padding-right:50px;
	color:#5b8295;
	font-size:18px;
	font-family: 'Bitter', serif;
	font-style:italic;
	background:url(../images/bg_whatch_video.jpg) right 0px no-repeat;
	float:left;
	width:110px;
	line-height:45px;
	margin-left:12px;
	margin-top:20px

}


.bg_video {
	float:right;
	width:440px;
	height:234px;
	background:#fff url(../images/bg_video.jpg) 50% 50% no-repeat;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-moz-box-shadow:  0px 3px 20px   #888;
	-webkit-box-shadow:   0px 3px 20px   #888;
	box-shadow:   0px 3px 20px  #888;

}
.bg_video > iframe {
	width:100%;
	height:100%;
}
.video {
	width:100%;
	height:400px;
}
.video > iframe {
	width:100%;
	height:100%;
}


div.free{
	width:218px;
	float:right;
	background:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align:center;
	-moz-box-shadow:  0px 1px 4px   #aaa;
	-webkit-box-shadow:   0px 1px 4px   #aaa;
	box-shadow:   0px 1px 4px  #aaa;
	margin-top:38px

}

div.free strong{
	display:block;
	color:#b2a98c;
	font-size:60px;
	line-height:60px;
	font-family: 'Bitter', serif;
	padding-top:30px;
	text-transform:uppercase;
	padding-bottom:15px;
}

div.free b{
	display:block;
	color:#5b8295;
	font-size:35px;
	line-height:38px;
	text-transform:uppercase;
	font-family: 'Bitter', serif;
	padding-bottom:20px
}

div.free p{
	display:block;
	color:#6e838d;
	font-size:26px;
	line-height:32px;
	font-family: 'Bitter', serif;
	padding-bottom:10px;
	font-weight:400;
}

div.free span{
	display:block;
	color:#496370;
	font-size:30px;
	line-height:30px;
	padding-bottom:36px;
    font-family: 'Open Sans';
	font-weight:400;

}

#content_grey{
	background:#f2f0ee;
	padding-top:20px;
	line-height:18px
}



.grid_700{
		width:700px;
		float:left;
}






/**/
/* navbar */
#nav_section{
	height:40px;
	position:relative;
	z-index:100;
	clear:both;
    background: url(../images/bg_menu.jpg) 50% 0px repeat-x;
    background-size: auto 100%;
}

.nav-collapse.nav-collapse_.collapse{
	position:relative;
	display:block;
	margin:0 auto;
	height:40px;
}

.navbar_ {
  margin: 0px 0 0 0;
}
.navbar_ .navbar-inner_ {
  padding: 0px 0px 0 0px;
  margin: 0;
  border: none;
  min-height: inherit;
}
/*nav*/
.navbar_ .container {
  position: relative;
}
.nav-collapse_ {
  padding-top: 0px;
}
.nav-collapse_ .nav li {
  margin: 0;
  position: relative;
  zoom: 1;
}
.nav-collapse_ .nav > li {
  line-height: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  float:left;

}

.nav-collapse_ .nav > li + li {
  background: url(../images/separator_menu.jpg) 0% 50% no-repeat;
  float:left;
  margin-left:20px;
  padding-left:20px

}


.nav-collapse_ .nav > li > a {
  font-size: 16px;
  color: #f0ebe5;
  text-shadow: none;
  text-decoration: none;
  font-family: 'Bitter', serif;
  font-weight:400;
  display:block
}

.nav-collapse_ .nav > li.sfHover > a,
.nav-collapse_ .nav > li.sfHover > a:hover,
.nav-collapse_ .nav > li > a:hover,
.nav-collapse_ .nav > li.active > a,
.nav-collapse_ .nav > li.active > a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color:#fff;
  background: url(../images/hover_menu.png) 50% 0% no-repeat;
}

.nav-collapse_ .nav > li.active > a, 
.nav-collapse_ .nav > li.active > a:hover {  
	color: #fff;
}






.nav-collapse_ .nav > li.sub-menu > a:before {
  content: " ";
  position: absolute;
}
.nav-collapse_ .nav ul {
  position: absolute;
  display: none;
  width: 180px;
  left: 0px;
  top: 40px;
  list-style: none;
  zoom: 1;
  z-index: 1090;
  margin: 0;
  padding:0px;
  background: #8a8269;  
}

.nav-collapse_ .nav > li li.sub-menu > a:before {
  content: " ";
  position: absolute;
  width: 7px;
  height: 5px;
  right: 10px;
  top: 10px;
}
.nav-collapse_ .nav ul li a {
  display: block;
  text-transform: none;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 10px 8px 10px;
  color:#dfd9cc;
  text-transform:none;
  letter-spacing:0;
  font-family: 'Bitter', serif;
  text-decoration:none
}


.nav-collapse_ .nav > li > ul li > a:hover,
.nav-collapse_ .nav > li > ul li.sfHover > a {
  text-decoration: none;
  background:#7b7560;
  color:#fff
}
.nav-collapse_ .nav ul ul {
  position: absolute;
  display: none;
  width: 150px;
  left: 151px;
  top: -2px;
  height: auto;
  list-style: none;
  z-index: 111;
  padding: 12px 15px ;
  margin: 0;
}
/**/
/*Content*/
.main-content{
  background: url(../images/bg_center_content.png) 50% 0% no-repeat;

}

/**/
/* slider */
.slider {
	width:1060px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px
}


.btn.primary{
	display:inline-block;
	background:#e6e6e6;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
	color:#959595;
	padding:10px 15px;
	margin-top:4px;
	font-family: 'Bitter', serif;
	font-size:16px;

}

.btn.primary:hover{
	background:#0c7cbc;
	color:#fff;
}



.top p {
	float:right;
	font-size:12px;
	color:#353535;
    font-family: 'Open Sans';
	font-weight:400;
	line-height:34px;
}

.top p b{
	font-size:16px;
	font-weight:700;
	padding:0 18px 0 2px
}





/*--- header end ------*/
/*------ content ------- */
ul{
	margin:0;
	padding:0;
	list-style:none;
}

ul li{
	list-style:none;
	display:block;
}
.main-content ul li{
	padding-bottom:15px
}

.main-content {

}

div.table {
	display:table;
	width:none;
}
/**/
/* thumbnails */
#content .thumbnails {
  margin-bottom: 0px;
}
#content .thumbnails li {
  margin-bottom: 10px;
  line-height:18px
}
#content .thumbnails .thumbnail {
  border: none;
  margin: 0;
  padding: 0;
}
#content .thumbnails .thumbnail a {
  background:none;
  padding-left:0
}
#content .thumbnails .thumbnail .caption {
  padding: 16px 0px 17px 0px;
  background: url(../images/thumbnail-caption.gif) 0 0 repeat-x;
  overflow: hidden;
}
#content .thumbnails .thumbnail .caption > img {
  float: left;
  margin-right: 20px;
  margin-top: 2px
}




/*----------- .portfolio --------------*/
.portfolio {
  list-style: none outside;
}
.imgarea{
  margin: 0 auto 0px;
  padding:3px;
  background:#fff;
  border:1px #cfcfcf solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width:258px
}
.imgarea:hover{
  border:1px #f55f3d solid;

}
.magnifier {
  opacity: 1;
  position: relative;
  height: auto;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.magnifier:hover {
  opacity: 0.7;
}
.magnifier:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.magnifier:hover:after {
  opacity: 0.6;
}

.preloader {
  background: url(../images/loader.png) center center no-repeat;
  height: 193px;
  position: relative;
}

.element{
}

.thumbnail-pad {
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#content #filters{
	margin:0;
	padding:0;
	list-style-image:none
}

#content #filters li{
	float: left;
	padding:0;
	margin:0;
	list-style-image:none;
	list-style: none;
	margin-right: 18px;
	font-family: 'Open Sans';
	color: #EEF1F6;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

#content #filters li a{
  text-decoration: none;
  color: #EEF1F6;
  font-size: 14px;
  background:none;
	color:#0c7cbc;
    font-family: 'Bitter', serif;
	font-weight:400;
	line-height:1.11em;
	padding-left:0

}
#content #filters li a:hover{
  color: #f55f3d;
  text-decoration: underline;
}

/**/

/*list-news*/
.list-news {
}


/**/
/*divider*/
div.divider{}

/**/
/*padcontent*/
/**/
.padcontent{
  padding: 15px 0 ;
  clear: both;
}
.padcontent_small{
	padding-bottom:15px
}


/*top area*/
#top-area{
}

/*bottom content*/




/*-- contacts page --*/
#top-area-contact{
  height: 353px
}
#top-area-contact button {
  background: linear-gradient(to bottom, #E8E9E7 0%, #CACBCB 100%) repeat scroll 0 0 transparent;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 2px 4px #000101;
  color: #1A1D21;
  cursor: default;
  float: left;
  font-family: 'Open Sans';
  font-size: 35px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 50px;
  margin: 60px 0 0;
  padding: 0 20px;
  text-shadow: 1px 1px #E7E8E7;
  text-transform: uppercase;
  margin-top: -200px;
  position: relative;
}
address strong {
  font-weight: normal;
}
address span {
  display: inline-block;
  width: 70px;
}

/*-- Map --*/
.map {
	height:400px;
	margin:0 auto;
	position:relative;
	top:0px;
	width:100%;
}
.map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.captcha {
	float:left
}

a.light {
	text-align:center;
	line-height:24px;
	margin-bottom:10px
}


a.light img{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width:75%;
}


.contact-form {
  padding-top: 1px;
}
.contact-form input {
  border: #bdbdbd 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  -moz-box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  -webkit-box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  
  line-height: 24px;
  width: 97.5%;
  float: left;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 8px;
  background: #fff;
  color:#555555;
  padding-left:2%;
  font-family:Arial
}
.contact-form label {
  min-height: 20px;
  position: relative;
  overflow: hidden;
  margin: 0;
  display: block;
  width: 100%;
}
.contact-form .error,
.contact-form .empty {
  display: none;
  position: relative;
  font-size: 11px;
  line-height: 14px;
  color: #ff7676;
  float: left;
  margin: 2px 0 4px 10px;
  min-width: 160px;
}
.contact-form .success {
  display: none;
  padding-bottom: 5px;
}
.contact-form textarea {
  border: #bdbdbd 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  -moz-box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  -webkit-box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  box-shadow: inset  0px 3px 10px 3px  #f0f0f0;
  
  line-height: 24px;
  width: 97.0%;
  float: left;
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 6px;
  background: #fff;
  color:#555555;
  height:200px;
  padding-left:2%;
  font-family:Arial;
  font-size:12px
}
.contact-form input:focus,
.contact-form textarea:focus {
  box-shadow: none;
}


.btn.submit{ 
	border:none;
	display:block;
	margin-top:0px;
	white-space:nowrap;
	text-align:center;
	float:right;
	height:36px;
	line-height:14px;
	cursor:pointer;
	margin-left:10px
}


.btn.submit.more:hover {
	color:#fff
}

.notification_error {
	color:#f55f3d
}
/**/

/*-- end contacts --*/

/*--- content end ------*/


/*------ footer ------- */
footer {
  padding: 15px 0 15px 0;
  color: #8e8e8e;
  background: #b2a98c;
  border-top:10px #f2f0ee solid;
  text-align:center;
  color:#fff;
}
footer div.inner{
	width:960px;
	position:relative;
	margin:0 auto;
}

footer a {
  text-decoration: underline;
  color: #fff;
  text-transform: uppercase;
}



/* ------    carusel      -----------*/ 

.carousel-box{
	padding-top:20px
}
div.carousel-box{
	padding-bottom:20px;
	background:#f9f8f7;
}
div.carousel-box .inner{
	margin:0 auto;
	display:block;
	float:none;
	width:920px
}

ul.car  {
	position: relative;
	text-align:center
}

ul.car li {
	position: relative;
	display:inline-block;
	padding:0 6px
}




header .socials {
	float: right;
	padding-top: 40px;
	padding-right: 20px;
}
header .socials li {
	float: left;
	padding-right: 10px;
}
header .socials li a {
	display: block;	
}
header .socials li a[href*=facebook]:hover i {
	color: #3a5897
}
header .socials li a[href*=instagram]:hover i {
  background: linear-gradient(225deg, #970adf 0%, #a826b7 25%, #ca5f73 50%, #eb982a 75%, #fdb402 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header .socials li a i {
	font-size: 58px;
	color: #a5a09a;
}

header .socials li a:hover i {
	color: #00aee8;
}



.copyright {
	padding:10px 10px 5px;
	text-align: left; 	
}

.copyright .socials {
	float: right;
	margin-top: -4px;
}
.copyright .socials li {
	float: left;
	padding-right: 14px;
}
.copyright .socials li a {
	display: block;	
}
.copyright .socials li a i {
	font-size: 20px;
	line-height: 24px;
	color: #f9f8f7;
}

.copyright .socials li a:hover i {
	color: #fff;
}





/* BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
MEDIA QUERIES 
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB*/


@media (min-width: 1200px) {
	.container{
		max-width:960px;
	}
	div.pad_10, .camera_fakehover {
		min-height:296px
	}
	div.carousel-box .inner {
		padding-left:8px!important
	}
	h2 {
		 width: 450px;
	}
	.bg_video, div.free {
		margin-right:10px
	}
	p.face  {
		width:37%;
		white-space:nowrap
	}
	p.phone  {
		width:21%
	}
	span.watch {
		padding-left:30px
	}
	.nav-collapse_ .nav > li > a {
	  line-height: 40px;
	  height:40px;
	}
	  #nav_section {
	  	height: 40px;
	  }


}
@media (max-width: 1199px) {
     #nav_section {
	  	height: 40px;
	 }
  	.nav-collapse_ .nav > li > a {
	  line-height: 40px;
	  height:40px;
	}
	header p.phone {
		width: inherit
	}
	header .socials li a i {
		font-size: 40px;
	}
	.copyright {
		text-align: center;
		padding-left: 40px;
		padding-right: 40px;		
	}
	.copyright .socials {
		float: none;
		text-align: center;		
	}
	.copyright .socials li {
		float: none;
		display: inline-block;
		padding-bottom: 15px;
	}


}
@media (min-width: 980px) and (max-width: 1199px) {
	
     #nav_section {
	  	height: 40px;
	 }
  	.nav-collapse_ .nav > li > a {
	  line-height: 40px;
	  height:40px;
	}

	.container{
		max-width:960px;
	}
	.slider {
		width:960px;
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	h2 {
		 width: 450px;
	}
	.bg_video , div.free{
		margin-right:10px
	}
	p.face  {
		width:37%
	}
	p.phone  {
		width:21%
	}
	span.watch {
		padding-left:30px
	}

}
@media (min-width: 979px) {

}
@media (max-width: 979px) {

	header .socials {
		padding-right: 10px;
		padding-top: 45px;
	}
	header .socials li a i {
		font-size: 32px;
	}


  #nav_section {
  	height: 56px;
  }
	.nav-collapse_ .nav > li > a {
	  line-height: 56px;
	  height:56px;
	}


	.container{
		max-width:740px;
	}
	.slider {
		width:740px;
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	
	a.logo{
		width:40%;
		padding-top:20px
	}
	p.phone {
		width:40%;
		font-size:11px;
		line-height:16px;
	}

	p.face {
		width:40%;
		font-size:12px;
		line-height:17px
	}
	p.face span{
		padding-top:20px;
		font-size:12px
	}
	.nav-collapse_ .nav > li + li {
		padding-left:10px;
		margin-left:10px;
	}
	.nav-collapse_ .nav > li a {
		font-size:14px
	}
	div.pad_10 {
		width:720px;
	}
	.main-content{
	  background: url(../images/bg_center_content_780.png) 50% 0% no-repeat;

	}
	h4 {
		font-size:30px;
		margin-bottom:78px
	}
	.special_offer {
		background-image: url(../images/bg_special_offer_780.png)  ;
		background-position:50% 100px;
		background-repeat:no-repeat;
	}
	.special_offer strong {
		 font-size: 28px;
		 padding-bottom:0;
		 padding-top:0
	}
	.special_offer p {
		padding-top:0
	}
	h2 {
		font-size:24px;
		line-height:1.2em
	}
	
	#content_white p.discription {
		width:230px;
	}
	
	span.watch {
		margin-top:0
	}
	.grid_700 {
		width:490px
	}
	div.carousel-box .inner {
		width:700px;
	}
	#prev{ 
		left:-20px;
		top:100px;
	}
	#next{ 
		right:-20px;
		top:100px;
	}

	.btn.submit {
		margin-top:10px
	}

	div.free {
		width:175px
	}
	div.free b{
		font-size:28px
	}
	div.free {
		width:175px
	}
	.nav-collapse_ .nav ul {
		top: 56px;
	}



}
@media (min-width: 768px) and (max-width: 979px) {
	
}
@media (max-width: 767px) {


   #nav_section {
	  	height: 64px;
	 }
  	.nav-collapse_ .nav > li > a {
	  line-height: 64px;
	  height:64px;
	}
	.nav-collapse_ .nav ul {
		top: 64px;
	}


	.container{
		max-width:600px;
	}
	.slider {
		width:580px;
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	
	a.logo{
		width:40%;
		padding-top:20px
	}
	p.phone {
		width:50%;
		font-size:14px;
		line-height:16px;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	p.face {
		width:28%;
		font-size:13px;
		line-height:18px;
		padding-left:4%
	}
	.nav-collapse_ .nav > li + li {
		padding-left:5px;
		margin-left:5px;
		background:none
	}
	.nav-collapse_ .nav > li a {
		font-size:12px
	}
	div.pad_10 {
		width:560px;
	}
	.main-content{
	  background: url(../images/bg_center_content_620.png) 50% 0% no-repeat;

	}
	h4 {
		font-size:30px;
		margin-bottom:78px
	}
	div.grid_25.special_offer {
		background-image: url(../images/bg_special_offer_780.png)  ;
		background-position:50% 100px;
		background-repeat:no-repeat;
		width:200px
		
	}
	.special_offer strong {
		 font-size: 28px;
		 padding-bottom:0;
		 padding-top:0
	}
	.special_offer p {
		padding-top:0
	}
	h2 {
		font-size:24px;
		line-height:1.2em;
		padding-top:30px
		
	}
	
	#content_white p.discription {
		width:210px;
	}
	
	span.watch {
		margin-top:0
	}
	div.carousel-box .inner {
		width:580px;
	}
	#prev{ 
		left:-20px;
		top:100px;
	}
	#next{ 
		right:-20px;
		top:100px;
	}
	
	p.face .alignleft {
		display:none
	}
	p.face span {
		padding-top:30px;
		font-size:12px
	}
	
	div.grid_25 {
		width:100%;
		margin-bottom:5px
	}
	h3 {
		text-align:left;
		margin-left:0;
		padding-top:20px
	}
	.bg_video {
		float:none;
	}
	span.watch {
		display:none;
	}
	#content_white p.discription {
		width:100%;
	}
	.grid_700 {
		width:330px
	}
	div.free {
		width:100%
	}
	
	
	
	
	
}
@media (min-width: 626px) and (max-width: 767px) {
	
}
@media (max-width: 625px) {

	header .socials {
		padding-right: 0px;
		padding-top: 5px;
		float: left;
	}


	.nav-collapse.nav-collapse_.collapse{
		height:0
	}
	
	a.btn.btn-navbar {
		display:block;
	  background: rgb(17,129,181); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExODFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTRkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(17,129,181,1) 0%, rgba(9,77,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,129,181,1)), color-stop(100%,rgba(9,77,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1181b5', endColorstr='#094d6b',GradientType=0 ); /* IE6-8 */
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-decoration:none;
		color:#accddc;
		padding:10px 0px;
		font-family: 'Bitter', serif;
		font-size:14px;
		float:none;
		width:100px;
		text-align:center;
		margin:0px auto 0;
	}
	a.btn.btn-navbar:hover {
		background: rgb(15,156,221); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOWNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTY2OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(15,156,221,1) 0%, rgba(10,102,144,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,156,221,1)), color-stop(100%,rgba(10,102,144,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9cdd', endColorstr='#0a6690',GradientType=0 ); /* IE6-8 */
		color:#fff
	}
	
	#nav_section {
		height:auto;
		
	}
	.nav-collapse {
	  background: url(../images/opa_80.png) 50% 0% repeat;
	}
	
	.nav-collapse_ .nav > li, .nav-collapse_ .nav > li + li{
		float:none;
		text-align:center;
		line-height:20px;
		height:20px;
		margin-bottom:20px
	}

	.nav-collapse_ .nav > li a{
		font-size:16px
	}
	.container{
		max-width:420px;
	}
	.slider {
		width:420px;
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	
	a.logo{
		width:100%;
		padding-top:0px
	}
	p.phone {
		width:100%;
		font-size:14px;
		line-height:20px;
		text-align:left;
		padding-top:0
	}
	p.face {
		width:100%;
		font-size:13px;
		line-height:18px;
		padding-left:0;
		margin-left:-50px
	}
	.nav-collapse_ .nav > li + li {
		padding-left:5px;
		margin-left:5px;
		background:none
	}
	.nav-collapse_ .nav > li a {
		font-size:12px
	}
	div.pad_10 {
		width:400px;
	}
	.main-content{
	  background: url(../images/bg_center_content_620.png) 50% 0% no-repeat;

	}
	h4 {
		font-size:30px;
		margin-bottom:78px
	}
	.special_offer {
		background-image: url(../images/bg_special_offer_780.png)  ;
		background-position:50% 100px;
		background-repeat:no-repeat;
		width:100%!important;
	}
	.special_offer strong {
		 font-size: 28px;
		 padding-bottom:0;
		 padding-top:0
	}
	.special_offer p {
		padding-top:0
	}
	h2 {
		font-size:24px;
		line-height:1.2em
	}
	
	#content_white p.discription {
		width:210px;
	}
	
	span.watch {
		margin-top:0
	}
	div.carousel-box .inner {
		width:420px;
	}
	#prev{ 
		left:-20px;
		top:100px;
	}
	#next{ 
		right:-20px;
		top:100px;
	}
	
	p.face .alignleft {
		display:block
	}
	
	div.grid_25 {
		width:100%;
		margin-bottom:5px
	}
	h3 {
		text-align:left;
		margin-left:0
	}
	.bg_video {
		float:none;
	}
	span.watch {
		display:none;
	}
	#content_white p.discription {
		width:100%;
	}
	.grid_700 {
		width:100%;
	}
	
	body {
		background:#8aa8b7
	}
	header{
		background:#f0ebe5;
		height:inherit;
	}
	.main-content {
		background:none
	}
	.nav-collapse.nav-collapse_.collapse {
		position:absolute;
		width:100%;
		overflow:hidden;
	}
	div.free {
		width:100%;
		margin-bottom:30px
	}
	
	div.carousel-box ul li {
		width:110px!important
	}
	.bg_video {
		background: url(../images/bg_video_440.jpg) 50% 50% no-repeat;
		float:none;
		width:373px;
		height:198px
	}
	.contacts .grid_50{
		float:none!important;
		width:100%;
		clear:both
	}
	.btn.submit {
		margin-top:0px
	}
	.nav-collapse_ .nav ul {
		position:relative!important;
		top:0;
		width:100%;
	}
	.nav-collapse_ .nav > li, .nav-collapse_ .nav > li + li {
		height:inherit;
		margin-bottom:0;
		padding-left:0;
		margin-left:0
	}
	p.face span {
		font-size:14px;
		padding-top:30px
	}
	.sidebar {
		float:none;
		width:100%;
	}
	div.text {
		margin-right:0
	}
	a.light.right_20 {
		margin-right:0
	}
}
/**/
@media (min-width: 482px) and (max-width: 625px) {

	div.carousel-box ul li {
		width:140px!important
	}

}
@media (max-width: 481px) {
	header .socials {
		padding-right: 0px;
		padding-top: 0px;
		float: left;
		padding-bottom: 15px;
		margin-top: -5px;
	}
	header .socials li {
		padding-right: 0px;
		padding-top: 0px;
		float: none;
	}
	header .socials li a i {
		font-size: 32px;
	}
	.copyright {
		padding-left: 0;
		padding-right: 0;
	}




}
@media (min-width: 320px) and (max-width: 481px) {

	.nav-collapse.nav-collapse_.collapse{
		height:0
	}
	
	a.btn.btn-navbar {
		display:block;
	  background: rgb(17,129,181); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExODFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTRkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(17,129,181,1) 0%, rgba(9,77,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,129,181,1)), color-stop(100%,rgba(9,77,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1181b5', endColorstr='#094d6b',GradientType=0 ); /* IE6-8 */
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-decoration:none;
		color:#accddc;
		padding:10px 0px;
		font-family: 'Bitter', serif;
		font-size:14px;
		float:none;
		width:100px;
		text-align:center;
		margin:0px auto 0;
	}
	a.btn.btn-navbar:hover {
		background: rgb(15,156,221); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOWNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTY2OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(15,156,221,1) 0%, rgba(10,102,144,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,156,221,1)), color-stop(100%,rgba(10,102,144,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9cdd', endColorstr='#0a6690',GradientType=0 ); /* IE6-8 */
		color:#fff
	}
	
	#nav_section {
		height:auto;
		margin-bottom:0px
	}
	.nav-collapse {
	  background: url(../images/opa_80.png) 50% 0% repeat;
	}
	
	.nav-collapse_ .nav > li, .nav-collapse_ .nav > li + li{
		float:none;
		text-align:center;
		line-height:20px;
		height:inherit;
	}

	.nav-collapse_ .nav > li a{
		font-size:16px
	}
	.container{
		max-width:280px;
	}
	.slider {
		width:280px;
		display:none
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	
	a.logo{
		width:100%;
		padding-top:0px
	}
	p.phone {
		width:100%;
		font-size:14px;
		line-height:20px;
		text-align:left;
		padding-top:0
	}
	p.face {
		width:120%;
		font-size:13px;
		line-height:18px;
		padding-left:0;
		margin-left:-50px
	}
	.nav-collapse_ .nav > li + li {
		padding-left:0px;
		margin-left:0px;
		background:none
	}
	.nav-collapse_ .nav > li a {
		font-size:12px
	}
	div.pad_10 {
		width:280px;
	}
	.main-content{
	  background: url(../images/bg_center_content_620.png) 50% 0% no-repeat;

	}
	h4 {
		font-size:30px;
		margin-bottom:78px
	}
	.special_offer {
		background-image: url(../images/bg_special_offer_780.png)  ;
		background-position:50% 100px;
		background-repeat:no-repeat;
	}
	.special_offer strong {
		 font-size: 28px;
		 padding-bottom:0;
		 padding-top:0
	}
	.special_offer p {
		padding-top:0
	}
	h2 {
		font-size:24px;
		line-height:1.2em
	}
	
	#content_white p.discription {
		width:210px;
	}
	
	span.watch {
		margin-top:0
	}
	div.carousel-box .inner {
		width:280px;
	}
	#prev{ 
		left:-10px;
		top:100px;
	}
	#next{ 
		right:-10px;
		top:100px;
	}
	
	p.face .alignleft {
		display:block
	}
	
	div.grid_25 {
		width:100%;
		margin-bottom:5px
	}
	h3 {
		text-align:left;
		margin-left:0
	}
	.bg_video {
		float:none;
	}
	span.watch {
		display:none;
	}
	#content_white p.discription {
		width:100%;
	}
	.grid_700 {
		width:100%;
	}
	
	body {
		background:#8aa8b7
	}
	header{
		background:#f0ebe5;
		height:inherit;
	}
	.main-content {
		background:none
	}
	.nav-collapse.nav-collapse_.collapse {
		position:absolute;
		width:100%
	}
	div.free {
		width:100%;
		margin-bottom:30px
	}
	
	div.carousel-box ul li {
		width:140px!important
	}
	.bg_video {
		background: url(../images/bg_video_280.jpg) 50% 50% no-repeat;
		float:none;
		width:237px;
		height:127px;
		
	}
	.aligncenter {
		margin-bottom:14px
	}
	p.face span {
		padding-top:20px
	}
}

@media (max-width: 320px) {
	header .socials li {
		padding-right: 10px;
		padding-top: 0px;
		float: left;
	}

	.nav-collapse.nav-collapse_.collapse{
		height:0
	}
	
	a.btn.btn-navbar {
		display:block;
	  background: rgb(17,129,181); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExODFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTRkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(17,129,181,1) 0%, rgba(9,77,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,129,181,1)), color-stop(100%,rgba(9,77,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(17,129,181,1) 0%,rgba(9,77,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1181b5', endColorstr='#094d6b',GradientType=0 ); /* IE6-8 */
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-decoration:none;
		color:#accddc;
		padding:10px 0px;
		font-family: 'Bitter', serif;
		font-size:14px;
		float:none;
		width:100px;
		text-align:center;
		margin:0px auto 0;
	}
	a.btn.btn-navbar:hover {
		background: rgb(15,156,221); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOWNkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTY2OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(15,156,221,1) 0%, rgba(10,102,144,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,156,221,1)), color-stop(100%,rgba(10,102,144,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(15,156,221,1) 0%,rgba(10,102,144,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9cdd', endColorstr='#0a6690',GradientType=0 ); /* IE6-8 */
		color:#fff
	}
	
	#nav_section {
		height:auto;
		margin-bottom:0px
	}
	.nav-collapse {
	  background: url(../images/opa_80.png) 50% 0% repeat;
	}
	
	.nav-collapse_ .nav > li, .nav-collapse_ .nav > li + li{
		float:none;
		text-align:center;
		line-height:20px;
	}

	.nav-collapse_ .nav > li a{
		font-size:16px
	}
	.container{
		max-width:220px;
		width:220px;
		padding:0 10px
	}
	.slider {
		display:none
	}
	.camera_prev { 
		left:0px
	}
	.camera_next {
		right:00px
	}
	
	a.logo{
		width:100%;
		padding-top:0px
	}
	p.phone {
		width:100%;
		font-size:14px;
		line-height:20px;
		text-align:left;
		padding-top:0
	}
	p.face {
		width:100%;
		font-size:13px;
		line-height:18px;
		padding-left:0;
		margin-left:00px
	}
	.nav-collapse_ .nav > li + li {
		padding-left:0px;
		margin-left:0px;
		background:none
	}
	.nav-collapse_ .nav > li a {
		font-size:12px
	}
	.main-content{
	  background: url(../images/bg_center_content_620.png) 50% 0% no-repeat;

	}
	h4 {
		font-size:30px;
		margin-bottom:78px
	}
	.special_offer {
		background-image: url(../images/bg_special_offer_780.png)  ;
		background-position:50% 100px;
		background-repeat:no-repeat;
	}
	.special_offer strong {
		 font-size: 28px;
		 padding-bottom:0;
		 padding-top:0
	}
	.special_offer p {
		padding-top:0
	}
	h2 {
		font-size:24px;
		line-height:1.2em
	}
	
	
	span.watch {
		margin-top:0
	}
	div.carousel-box .inner {
		max-width:200px;
		width:200px;
	}
	#prev{ 
		left:10px;
		top:100px;
		display:none!important
	}
	#next{ 
		right:10px;
		top:100px;
		display:none!important
	}
	
	p.face .alignleft {
		display:none
	}
	
	div.grid_25 {
		width:100%;
		margin-bottom:25px
	}
	h3 {
		text-align:left;
		margin-left:0
	}
	.bg_video {
		float:none;
	}
	span.watch {
		display:none;
	}
	#content_white p.discription {
		width:100%;
	}
	.grid_700 {
		width:100%;
	}
	
	body {
		background:#8aa8b7
	}
	header{
		background:#f0ebe5;
		height:inherit;
	}
	.main-content {
		background:none
	}
	.nav-collapse.nav-collapse_.collapse {
		position:absolute;
		width:92%
	}
	div.free {
		width:100%;
		margin-bottom:30px
	}
	
	div.carousel-box ul li {
		width:100px!important
	}
	.bg_video {
		background: url(../images/bg_video_220.jpg) 50% 50% no-repeat;
		float:none;
		max-width:220px;
		width:187px;
		height:98px;
		
	}
	.aligncenter {
		margin-bottom:14px
	}
	#content_white {
		padding-top:14px
	}
}


.collapse {
  position: relative;
  height: 0;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}

.navbar .btn-navbar {
  display: none;
}


.control-group {
	overflow:auto;
	padding-bottom:10px
}




/*----- Fonts ------*/

::selection{ background:#6e838d!important; color:#fff}
::-moz-selection{ background:#6e838d!important; color:#fff}

@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{  

}