/*

Description:

		1 - Including files ("fonts.css", "reset.css" and others)

		2 - Tags styles and General styles

		3 - header

		4 - .content

		5 - footer

		* - @media rules

*/



/* 1 - BEGIN of Including files ("fonts.css", "reset.css" and others) ---------------------------------------------------------- */



@font-face {

  font-family: 'Roboto';

  src: url('fonts/Roboto/Roboto-Regular.eot');

  src: url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'),

	   url('fonts/Roboto/Roboto-Regular.woff') format('woff'),

	   url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'),

	   url('fonts/Roboto/Roboto-Regular.svg#Roboto') format('svg'),

	   url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Roboto';

  src: url('fonts/Roboto/Roboto-Light.eot');

  src: url('fonts/Roboto/Roboto-Light.woff2') format('woff2'),

	   url('fonts/Roboto/Roboto-Light.woff') format('woff'),

	   url('fonts/Roboto/Roboto-Light.ttf') format('truetype'),

	   url('fonts/Roboto/Roboto-Light.svg#Roboto') format('svg'),

	   url('fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype');

  font-weight: 300;

  font-style: normal;

}



@font-face {

  font-family: 'Roboto';

  src: url('fonts/Roboto/Roboto-Bold.eot');

  src: url('fonts/Roboto/Roboto-Bold.woff2') format('woff2'),

	   url('fonts/Roboto/Roboto-Bold.woff') format('woff'),

	   url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'),

	   url('fonts/Roboto/Roboto-Bold.svg#Roboto') format('svg'),

	   url('fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype');

  font-weight: 700;

  font-style: normal;

}



/* BEGIN of CSS RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	display: block;

}



/* END of CSS RESET */



/* 1 - END of Including files ("fonts.css", "reset.css" and others) ---------------------------------------------------------- */

/* 2 - BEGIN of Tags and General styles ---------------------------------------------------------- */



body {

	min-height: 500px;

	margin: 0 auto;

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	line-height: 1.56;

	font-weight: normal;

	color: #242424;

}



a {

	text-decoration: none;

	outline: none;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}



a:hover {

	text-decoration: none !important;

	color: inherit;

	outline: none;

}



a:visited {

	text-decoration: none !important;

}



a:active {

	outline: none;

	color: inherit;

	text-decoration: none;

}



a:focus {

	outline: none;

	color: inherit;

	text-decoration: none;

}



button, input, textarea, select {

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}



button:hover, input:hover, textarea:hover, select:hover {

	opacity: 0.8;

}



strong {

	font-weight: 700;

}



em {

	font-style: italic;

}



img {

	max-width: 100%;

}



h1 {

	margin: 0 0 0;

	padding: 0 0 15px;

	font-size: 48px !important;

	line-height: 1.08 !important;

	font-weight: 700;

}



h2 {

	margin: 0 0 0;

	padding: 0 0 15px;

	font-size: 30px;

	line-height: 1.33;

	font-weight: 400 !important;

}



h3 {

	margin: 0 0 0 !important;

	padding: 0 0 15px;

	font-size: 25px !important;

	line-height: 1.3 !important;

	font-weight: 400;

}



h4 {

	margin: 0 0 0;

	padding: 0 0 15px;

	font-size: 20px;

	line-height: 1.3;

	font-weight: 400 !important;

}



h5 {

	margin: 0 0 0;

	padding: 0 0 15px;

	font-size: 18px !important;

	line-height: 1.33 !important;

	font-weight: 400 !important;

}



h6 {

	margin: 0 0 0;

	padding: 0 0 15px;

}



blockquote {

	margin: 0 auto 0 !important;

	padding: 0 0 15px !important;

	font-size: 30px !important;

	max-width: 750px;

	line-height: 1.33 !important;

	font-weight: 400;

	display: block;

	border: 0 !important;

}



p {

	padding: 0 0 15px;

	margin: 0 !important;

}



ul, ol {

	padding: 0 0 15px 20px;

}



ul ol, ul ul, ol ul, ol ol {

	padding-bottom: 0;

}



.clear:before, .clear:after {

	content: "";

	display: block;

	clear: both;

}



.hide, .hidden {

	display: none;

}



.content-wrapper {

	width: 1000px;

	height: 100%;

	margin: 0 auto;

}



.alignleft, img.alignleft {

	float: left;

	display: block;

	margin: 0 5px 0 0;

}



.alignright, img.alignright {

	float: right;

	display: block;

	margin: 0 0 0 5px;

}



.aligncenter, img.aligncenter {

	float: none;

	display: block;

	margin: 0 auto 0;

}



.alignnone, img.alignnone {

	margin: 0 0 0;

	display: block;

}



/*.container {

	max-width: 1020px !important;

	padding: 0 15px !important;

}*/



.box-wr .clear {

    overflow: unset;

    visibility: visible;

    width: auto;

    height: auto;

}



/* - OVERRIDE SITE styles ---------------------------------------------------------- */



.html_header_top.html_header_sticky #top #wrap_all #main {

	padding-top: 40px !important;

}



td, tr:first-child th, tr:first-child td {

    border-style: unset;

    border-left-style: unset !important;

    border-top-style: unset !important;

    border-right-style: unset !important;

    border-bottom-style: unset !important;

}



.avia_transform a .image-overlay {

	display: none !important;

}



.fancybox-container {

	position: fixed !important;

}



.content {

	padding-bottom: 0 !important;

}



#top .social_bookmarks li {

	display: inline-table;

}





/* 2 - END of Tags styles and General styles ---------------------------------------------------------- */

/* 3 - BEGIN of header ---------------------------------------------------------- */



header {

	background: #FFFFFF;

	position: relative;

	z-index: 60;

	left: 0;

	right: 0;

	top: 0;

}



header + * {

	/* padding-top: 90px; */

}



.navbar, header, .logo, header + * {

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}



.header-fixed {

	position: relative;

	z-index: 60;

	left: 0;

	right: 0;

	top: 0;

	box-shadow: 0px 1px 8px 0px #555555;

}



.logo {

	float: left;

	display: block;

	margin: 0 auto 0;

	padding: 0 0 0;

}



.logo img {

	display: block;

}



header .text-center img {

	display: block;

	margin: 0 auto 0;

}



/*  */



.navbar {

	margin: 0 0 0;

	padding: 0 0 0;

	border-radius: 0;

	clear: none;

	border: none;

	min-height: 0;

	float: right;

}



.navbar-collapse {

	margin: 0 0 0;

	padding: 0 0 0;

	border-radius: 0;

	border: none;

	min-height: 0;

	float: none;

}



.navbar-nav {

	margin: 0 0 0;

	padding: 0 0 0;

	border-radius: 0;

	border: none;

	min-height: 0;

	float: none;

}



.navbar-nav > li {

	outline: none;

}



.navbar-nav > li > a {

	padding: 8px 15px 8px;

	margin: 0 10px 0 0;

	font-size: 17px;

	line-height: 20px;

	color: #1b2030;

	font-weight: 700;

	text-transform: none;

	position: relative;

	background: transparent;

}



.navbar-nav > li.active > a {

	color: #FFFFFF;

	background: #008d36;

}



.nav > li > a:focus, .nav > li > a:hover {

	background-color: #008d36;

	color: #FFFFFF;

}



/* spinner css start */



.spinner-wr {

	position: fixed;

	z-index: 9999;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	background: #ffffff;



	/*!!!!!!!!!!!!!!!!!!!!!!!*/

	/* display: none; */

}



.spinner {

	width: 100px;

	height: 100px;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	margin: auto;

	background: url('img/logo-icon.png') no-repeat center;

	-webkit-background-size: contain;

	background-size: contain;



	-webkit-animation: sk-bounce 5.0s infinite ease-in-out;

	animation: sk-bounce 5.0s infinite ease-in-out;

}



@-webkit-keyframes sk-bounce {

	0%, 100% { -webkit-transform: scale(0.5) }

	50% { -webkit-transform: scale(1.0) }

}



@keyframes sk-bounce {

	0%, 100% {

	transform: scale(0.5);

	-webkit-transform: scale(0.5);

	} 50% {

	transform: scale(1.0);

	-webkit-transform: scale(1.0);

	}

}



/* spinner css end */

/* back-to-top css start */



.back-to-top {

	position: fixed;

	bottom: 5px;

	right: 4px;

	z-index: 99;

	width: 44px;

	height: 44px;

	padding: 0 0 0;

	margin: 0 0 0;

	overflow: hidden;

	text-align: center;

	font-size: 18px;

	line-height: 1;

	background: transparent url('img/i-arr-up.png') no-repeat center center;

	cursor: pointer;

	text-decoration: none;

	text-indent: -9999px;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	opacity: 0;

}



.back-to-top.show {

	opacity: 1;

}



.back-to-top:not(.show):hover {

	opacity: 0;

	cursor: default;

}



.back-to-top:hover {

	-moz-animation: bounce 1.5s infinite;

	-webkit-animation: bounce 1.5s infinite;

	animation: bounce 1.5s infinite;

}



@-moz-keyframes bounce {

	0%, 20%, 50%, 80%, 100% {

		-moz-transform: translateY(0);

		transform: translateY(0);

	}

	40% {

		-moz-transform: translateY(-20px);

		transform: translateY(-20px);

	}

	60% {

		-moz-transform: translateY(-10px);

		transform: translateY(-10px);

	}

}

@-webkit-keyframes bounce {

	0%, 20%, 50%, 80%, 100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

	40% {

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}

	60% {

		-webkit-transform: translateY(-10px);

		transform: translateY(-10px);

	}

}

@keyframes bounce {

	0%, 20%, 50%, 80%, 100% {

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

	40% {

		-moz-transform: translateY(-20px);

		-ms-transform: translateY(-20px);

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}

	60% {

		-moz-transform: translateY(-10px);

		-ms-transform: translateY(-10px);

		-webkit-transform: translateY(-10px);

		transform: translateY(-10px);

	}

}



/* back-to-top css end */



#ho_adv {

	display: none;

	position: absolute;

	width: 0;

	height: 0;

	left: -9999px;

}



/* 3 - END of header ---------------------------------------------------------- */

/* 4 - BEGIN of .content ---------------------------------------------------------- */



.content {

	position: relative;

}



.box-wr {

	padding: 50px 0 50px;

	position: relative;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

}



/*  */



html body .bg-white {

	background-color: #ffffff;

}



html body .bg-gray {

	background-color: #929292;

}



html body .bg-red {

	background-color: #FA1961;

	color: #ffffff;

}



/*  */



html body .color-white {

	color: #ffffff;

}



html body .color-gray {

	color: #666666;

}



html body .color-red,

a.color-red {

	color: #FA1961 !important;

}



a.color-red:hover {

	text-decoration: underline !important;

}



/*  */



.img-wr {

	position: relative;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

}



.img-wr img {

	display: block;

	margin: 0 auto 0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}



.img-wr > a {

	display: block;

	overflow: hidden;

	width: 100%;

	-webkit-backface-visibility: hidden;

	transform: translate3d(0, 0, 0);

	-webkit-transition: all .7s ease;

	transition: all .7s ease;

}



.img-wr:hover a img {

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

	opacity: 1;

}



.img-wr:hover a:last-of-type img {

	-webkit-transform: scale(1);

	transform: scale(1);

}



/*  */



body .btn-main {

	padding: 10px 40px 10px;

	margin: 0 auto 0;

	font-size: 27px;

	line-height: 1.5;

	color: #FFFFFF;

	width: auto;

	font-style: normal;

	background: #1b2030;

	border: none;

	font-weight: 700;

	text-align: center;

	position: relative;

	display: inline-block;

	border-radius: 4px;

}



/*  */



form {

	margin: 0 0 0;

	padding: 0 0 0;

}



form:after {

	content: "";

	display: block;

	clear: both;

}



form input, form textarea, form select {

	display: block;

	margin: 0 0 0;

	padding: 5px 10px 5px;

	font-size: 14px;

	line-height: 16px;

	color: #1b2030;

	background-color: #FFFFFF;

	clear: both;

	outline: none;

	width: 100%;

	border: 1px solid #c0c0c0;

	border-radius: 3px;

}



form input[type="submit"] {

	margin: 0 0 0;

	width: auto;

}



form input:hover, form textarea:hover, form select:hover {

	color: #1b2030;

	border-color: #1b2030;

	opacity: .65;

}



form input:focus, form textarea:focus, form select:focus {

	color: #1b2030;

	border-color: #1b2030;

	opacity: 1;

}



form label {

	display: block;

}



*::-webkit-input-placeholder {

	color: #999999;

	text-indent: 0;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



*:-moz-placeholder {

	color: #999999;

	text-indent: 0;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



*::-moz-placeholder {

	color: #999999;

	text-indent: 0;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



*:-ms-input-placeholder {

	color: #999999;

	text-indent: 0;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

}



*:focus::-webkit-input-placeholder {

	text-indent: 220px;

	opacity: 0;

}



*:focus::-moz-placeholder {

	text-indent: 220px;

	opacity: 0;

}



*:focus:-moz-placeholder {

	text-indent: 220px;

	opacity: 0;

}



*:focus:-ms-input-placeholder {

	text-indent: 220px;

	opacity: 0;

}



/*  */



body .box-top-banner {

	padding: 0 0 0;

	background-size: 100% 100%;

	background-position: center bottom;

	background-repeat: no-repeat;

}



.box-top-banner .text-wr {

	padding: 83px 0 83px;

	min-height: 320px;

	color: #ffffff;

}

.color-white b{
	color: #fff !important;
	font-weight: bold !important;
}

.box-top-banner .img-item {

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: 50%;

	background-size: contain;

	background-position: right center;

	background-repeat: no-repeat;

}



.box-top-banner h4 {

	font-size: 23px;

	line-height: 1.35;

}



.box-top-banner .container {

	/*max-width: 1020px !important;*/

	padding: 0 15px;

}



/*  */



.list-styled {

	font-size: 20px;

	line-height: 1.3;

	padding: 0 0 0;

	margin: 0 0 0;

}



.list-styled li {

	padding: 0 0 12px;

	margin: 0 0 0;

	position: relative;

	list-style: none;

}



.list-styled i {

	padding: 0 0 0;

	margin: 6px 15px 0 0;

	width: 20px;

	float: left;

}



.list-styled i img {

	display: block;

	margin: 0 auto 0;

}



.list-styled li > span {

	display: block;

	overflow: hidden;

}



.list-styled li:after {

	content: "";

	display: block;

	clear: both;

}



/*  */



.box-benefits {

	padding: 0 0 0;

}



.box-benefits .img-wr:hover a img {

	-webkit-transform: scale(1.0);

	transform: scale(1.0);

}



body .video-popup-img {

	padding: 170px 0 0;

	margin: -30px 0 0 -40px;

	color: #ffffff;

	line-height: 1.3;

	display: block;

	width: 380px;

	height: 380px;

	position: relative;

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	max-width: none;

	text-decoration: none;

}



body .video-popup-img h3 {

	padding: 0 0 5px;

}



body .video-popup-img p {

	padding: 0 0 0;

}



/*  */



.box-awards {

	padding: 15px 0 15px;

}



.box-awards.bg-gray {

	background: linear-gradient(180deg, #FFFFFF 0%, #F9F6FA 100%);

}



.box-awards .alignleft, .box-awards .alignright {

	margin: 45px 0 0;

	padding: 0 0 0;

	width: 100px;

}



.box-awards .alignnone {

	margin: 0 0 0;

	padding: 0 0 0;

}



.box-awards .btn-main {

	margin: 0 auto 15px;

}



.box-awards h5 {

	padding: 0 0 0;

}



.box-awards h2 {

	padding: 0 0 20px;

}



/*  */



.benefits-item {

	padding: 0 0 0;

	margin: 40px 0 20px;

}



.benefits-item .img-wr {

	padding: 0 0 0;

	margin: 0 18px 0 0;

	width: 51px;

	float: left;

}



.benefits-item .text-wr {

	padding: 0 0 0;

	margin: 0 0 0;

	overflow: hidden;

}



.benefits-item h4 {

	padding: 0 0 10px;

}



/*  */



.logo-items {

	margin: 40px auto 45px;

	padding: 0 0 0;

	width: 100%;

	text-align: center;

	vertical-align: middle;

	table-layout: fixed;

	border-collapse: collapse;

}



.logo-items td {

	padding: 15px 15px 15px;

	text-align: center;

	vertical-align: middle;

}



.logo-items tr+tr {

	border-top: 1px solid #ccc !important;

}



.logo-items td+td {

	border-left: 1px solid #ccc !important;

}



/*  */



body .testimonial-item-logo {

	padding: 0 0 0;

	margin: 0 20px -15px;

	width: 104px;

	height: 104px;

	left: 0;

	bottom: 0;

	position: absolute;

	z-index: 3;

	text-align: center;

	border-radius: 500px;

	border-radius: 50%;

	background: #ffffff;

}



body .testimonial-item-logo img {

	display: block;

	margin: 0 auto 0;

}



/*  */



.testimonial-item {

	padding: 0 0 0;

	margin: 25px 0 0;

	position: relative;

	box-shadow: 10px 10px 20px rgba(255, 68, 128, 0.3);

	border-radius: 20px;

}



.testimonial-item .img-wr {

	border-radius: 20px 20px 0 0;

	padding: 0 0 0;

	margin: 0 0 0;

	position: relative;

}



.testimonial-item .img-wr img {

	border-radius: 20px 20px 0 0;

	width: 100%;

}



.testimonial-item .text-wr {

	border-radius: 0 0 20px 20px;

	padding: 22px 25px 0;

	margin: 0 0 0;

	position: relative;

	min-height: 290px;

	line-height: 1.45;

	font-size: 17px;

	text-align: left;

}



.testimonial-item .text-wr:before {

	height: 40px;

	content: "";

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 100%;

	background: inherit;

	clip-path: polygon(0 0, 0% 100%, 100% 100%);

}



/*  */









































































/* 4 - END of .content ---------------------------------------------------------- */

/* 5 - BEGIN of footer ---------------------------------------------------------- */



footer {

	min-height: 30px;

}



/* 5 - END of footer ---------------------------------------------------------- */

/* * - BEGIN of @media ---------------------------------------------------------- */



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

	.box-top-banner .container {

		max-width: 1020px !important;

		padding: 0 15px;

	}

}



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

body {

	font-size: 14px;

	line-height: 1.56;

}

h1 {

	padding: 0 0 15px !important;

	font-size: 40px !important;

}

h2 {

	padding: 0 0 15px !important;

	font-size: 25px !important;

}

h3 {

	padding: 0 0 15px;

	font-size: 20px;

}

h4 {

	padding: 0 0 15px;

	font-size: 18px;

	line-height: 1.2em !important;

}

h5 {

	padding: 0 0 15px !important;

	font-size: 16px !important;

}

h6 {

	padding: 0 0 15px;

}

blockquote {

	padding: 0 0 15px !important;

	font-size: 25px !important;

}

.box-top-banner h4 {

	font-size: 20px;

}

.list-styled {

	font-size: 18px;

}

body .video-popup-img {

	padding: 125px 0 0;

	margin: -20px 0 0 0;

	width: 280px;

	height: 280px;

	font-size: 12px;

}

.testimonial-item .text-wr {

	border-radius: 0 0 20px 20px;

	padding: 20px 25px 10px;

	min-height: 225px;

	font-size: inherit;

}

body .btn-main {

	padding: 10px 30px 10px;

	margin: 0 auto 0;

	font-size: 20px;

}



.container {

	max-width: 970px !important;

}



p.color-gray {

	font-size: 0.9em;

	line-height: 1.6em;

}



.bg-red p {

	font-size: 0.9em;

	line-height: 1.4em;

}











}



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



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

body {

	font-size: 13px;

	line-height: 1.56;

}

h1 {

	padding: 0 0 15px;

	font-size: 35px;

}

h2 {

	padding: 0 0 15px;

	font-size: 20px;

}

h3 {

	padding: 0 0 15px;

	font-size: 18px;

}

h4 {

	padding: 0 0 15px;

	font-size: 16px;

}

h5 {

	padding: 0 0 15px;

	font-size: 14px;

}

h6 {

	padding: 0 0 15px;

}

blockquote {

	padding: 0 0 15px;

	font-size: 20px;

}

.box-top-banner h4 {

	font-size: 18px;

}

.list-styled {

	font-size: 16px;

}

.box-top-banner .text-wr {

	padding: 50px 0 50px;

	min-height: 330px;

}

body .video-popup-img {

	padding: 125px 0 0;

	margin: -20px 0 0 -55px;

	width: 280px;

	height: 280px;

	font-size: 12px;

}

.back-to-top {

	width: 24px;

	height: 24px;

	background-size: contain;

}























}



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



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

body {

	font-size: 13px;

	line-height: 1.56;

}

h1 {

	padding: 0 0 15px;

	font-size: 32px !important;

}

h2 {

	padding: 0 0 15px;

	font-size: 20px;

}

h3 {

	padding: 0 0 15px;

	font-size: 18px;

}

h4 {

	padding: 0 0 15px;

	font-size: 16px;

}

h5 {

	padding: 0 0 15px;

	font-size: 14px;

}

h6 {

	padding: 0 0 15px;

}

blockquote {

	padding: 0 0 15px;

	font-size: 20px;

}

.box-wr {

	padding: 35px 0 35px;

}

.box-top-banner h4 {

	font-size: 16px;

	max-width: 85%;

}

.list-styled {

	font-size: 15px;

}

.navbar-toggle .icon-bar {

	position: relative;

	-webkit-transition: all .2s ease;

	-moz-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

}

.navbar-toggle.active .icon-bar {

	margin: 0;

	height: 3px;

}

.navbar-toggle.active .icon-bar:nth-of-type(1) {

	top: 10px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}

.navbar-toggle.active .icon-bar:nth-of-type(2) {

	background-color: transparent;

}

.navbar-toggle.active .icon-bar:nth-of-type(3) {

	top: -10px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.navbar-toggle {

	padding: 0 0 0;

	margin: 0 0 0;

	border: none;

	min-height: 25px;

	position: relative;

	z-index: 5;

}

.navbar-toggle .icon-bar+.icon-bar {

	margin-top: 7px;

}

.navbar-toggle .icon-bar {

	width: 36px;

	height: 3px;

	background: #000000;

}

.box-top-banner .text-wr {

	padding: 30px 0;

	min-height: unset;

}

body .video-popup-img {

	padding: 175px 0 0;

	margin: 15px auto 0;

	width: 350px;

	height: 350px;

	font-size: 12px;

}

.box-awards .alignleft, .box-awards .alignright {

	margin: 20px 0 1em;

	padding: 0 0 0;

	width: 50%;

	height: 100px;

	text-align: center;

	display: table;

}



.box-awards .alignnone {

	clear: both;

}



.box-awards .alignleft img, .box-awards .alignright img {

    display: inline-block;

    margin-bottom: 1em;

}



.benefits-item {

	padding: 0 0 0;

	margin: 25px 0 20px;

}



.testimonial-item {

	max-width: 450px;

    margin: 3em auto;

}



.testimonial-item .text-wr {

	border-radius: 0 0 20px 20px;

	padding: 25px;

	min-height: 0;

	font-size: 15px;

}

.box-awards {

	padding: 0 0 0;

}

.box-benefits {

	padding: 20px 0 0;

}

.box-top-banner .img-item {

	position: relative;

    top: auto;

    bottom: 0;

    width: 100%;

    padding: 0;

    height: 350px;

}





/*.container {

	width: 100% !important;

}*/



.content {

	padding-top: 0 !important;

}





.html_header_top.html_header_sticky #top #wrap_all #main {

	padding-top: 0px !important;

}















}



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



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



	.responsive #top #wrap_all .main_menu {

	    position: relative !important;

	}



}



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



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

.testimonial-item {

	padding: 0 0 0;

	margin: 15px 0 0;

}

/*.box-top-banner .img-item {

	bottom: -35px;

	width: 50%;

	padding: 50% 0 0;

}

*/



.box-awards .alignleft, .box-awards .alignright {

	width: 30%;

}





}



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



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

/*.box-top-banner .img-item {

    bottom: 0;

    width: 100%;

    padding: 0;

    position: relative;

    min-height: 200px;

}*/



.box-top-banner .text-wr {

    padding: 30px 10px;

    min-height: unset;

    text-align: center;

}







}



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

/* * - END of @media ---------------------------------------------------------- */



@media(max-width:767px){
	.responsive #top .logo{
		z-index: 99999999999;
	}
	.header-fixed #header_main{
		position:fixed !important;
		background:#fff !important;
		width:100%;
		top:0
	}
  .html_av-overlay-side .av-burger-overlay-scroll {
		width: 100% !important;
	}
  .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{
		padding: 15px 25px !important;
	}
	#top #av-burger-menu-ul{
		padding-top: 120px !important;
		vertical-align: top !important;
	}
	.av-burger-overlay-active .header-fixed#header #av-burger-menu-ul{
        vertical-align: top !important;
        padding-top: 80px !important;
    }
}