
@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	width: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
@-ms-viewport {
width:device-width;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif !important;
	line-height: 1;
	background: #fff;
}
a {
	color: #263647;
	text-decoration: none;
	-webkit-transition: background ease 0.3s;
	-moz-transition: background ease 0.3s;
	-o-transition: background ease 0.3s;
	-ms-transition: background ease 0.3s;
	transition: background ease 0.3s;
}
a:hover {
	color: #00adee;
	text-decoration: none;
}
a:focus {
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
section {
	padding: 120px 0px;
}
.section2 {
	padding: 50px 0px 120px 0px;
}
article {
}
nav {
	background: #ccc;
	padding: 20px 0px;
}
nav a {
	color: #000;
}
header {
	background: #ffffff none repeat scroll 0 0;
	color: #ffffff;
	position: fixed;
	transition: all 0.4s ease 0s;
	width: 100%;
	z-index: 100;
	top: 0px;
}
header.sticky {
	background: #ffffff none repeat scroll 0 0;
	text-align: left;
}
footer {
	background: #000;
	
	color: #aaaaaa;
	font-size: 16px;
}
footer a {
	color: #777;
}
footer a:hover {
	color: #fff;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
ul, ul li {
	list-style: none;
}
b, strong {
	font-weight: 700;
}
pre {
	overflow: auto;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	display: block;
	height: .1px;
	border: 0;
	border-top: .1px solid #f1f1f1;
	margin: 1em 0;
	padding: 0;

    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    width: 85%;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
h1, h2, h3, h4, h5 {
	line-height: 1;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;
}
h1 {
	font-size: 56px;
	margin-bottom: 35px;
	color: #263647;
	text-transform: uppercase;
}
h1 span {
	color: #263647;
}
h1 small {
	color: #ccc;
}

h2 span {
	color: #fff;
}
h2 small {
	color: #ccc;
}
h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}
h3 span {
	color: #fff;
}
h3 small {
	color: #ccc;
}
iframe[name="google_conversion_frame"] {
	display: none
}
h4 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
}
h4 span {
	color: #fff;
}
h4 small {
	color: #777;
}
h5 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin-bottom: 20px;
	text-transform: uppercase;
}
h5 span {
	color: #fff;
}
h5 small {
	color: #ccc;
}
h6 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 24px;
	font-weight: 300;
	color: #000;
	text-align: center;
}
h6 span {
	color: #fff;
}
h6 small {
	color: #ccc;
}
p {
	margin-bottom: 15px;
	line-height: 26px;
}
p span {
	color: #ed1c24;
}
p small {
	color: #333;
	font-size: 16px;
}
input, textarea, select, button {
	font-family: 'Raleway', sans-serif !important;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
fieldset {
	min-width: 0;
	border: 0;
}
legend {
	padding: 0;
	border: 0;
}
label {
	display: inline-block !important;
	max-width: 100%;
	margin-bottom: 5px !important;
	font-weight: normal;
}
input {
	line-height: normal;
}
textarea {
	overflow: auto;
	resize: none;
	width: 100%;
}
button {
	overflow: visible;
}
input, select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
button, select {
	text-transform: none;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
select[multiple], select[size] {
	height: auto;
}
select {
	padding: 12px 10px !important;
	color: #555;
	border: #e5e5e5 1px solid;
	width: 100%;
	background: #fff url(../images/dropdown-arrow.png) 97% center no-repeat;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	cursor: pointer;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea {
	background: #FFF;
	padding: 15px 10px 15px 10px !important;
	color: #333;
	border: #e5e5e5 1px solid;
	width: 100%;
	margin-bottom: 20px;
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto;
}
input[type="range"] {
	display: block;
	width: 100%;
}
input[type="file"] {
	display: block;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 10px;
	margin-top: -1px;
	line-height: normal;
}
::-webkit-input-placeholder {
color:#ccc;
opacity:1;
}
:-moz-placeholder {
color:#ccc;
opacity:1;
}
::-moz-placeholder {
color:#ccc;
opacity:1;
}
:-ms-input-placeholder {
color:#ccc;
opacity:1;
}

/*--------amaeka-button------*/

.amk-btn a{
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 5px 15px;
}

.amk-btn a:hover{
	background-color: #289795;
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
}

/*--------amaeka-button-end------*/

.creer-btn a{
	margin-left: 70px;
}

.clr {
	clear: both;
}
.bullet ul {
	margin-bottom: 15px;
	list-style: none;
}
.bullet li {
	background: url(../images/bullet.png) 0px 10px no-repeat;
	padding-left: 15px;
	line-height: 26px;
	margin-bottom: 8px;
}
.bulletblack ul {
	margin-bottom: 15px;
	list-style: none;
}
.bulletblack li {
	background: url(../images/bullet-black.png) 0px 10px no-repeat;
	padding-left: 15px;
	line-height: 26px;
	margin-bottom: 8px;
}
.bullet-right li {
	padding-right: 0px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-bottom-100 {
	margin-bottom: 100px;
}
.padding-bottom-none {
	padding-bottom: 0px;
}
.pd-tp-50 {
	padding-top: 50px;
}
.margin-top-40 {
	margin-top: 40px;
}
.img-responsive {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.border_left {
	border-left: #b6b6b6 1px solid;
}
.border_right {
	border-right: #b6b6b6 1px solid;
}
.border_top {
	border-top: #b6b6b6 1px solid;
}
.border_bottom {
	border-bottom: #ccc 1px solid;
}
.zoomeffect {
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: background ease 0.3s;
	-moz-transition: background ease 0.3s;
	-o-transition: background ease 0.3s;
	-ms-transition: background ease 0.3s;
	transition: background ease 0.3s;
}
.zoomeffect:hover {
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.btn-default {
	background: transparent;
	color: #000;
	padding: 13px 25px;
	border: #000 1px solid;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-default i {
	background-image: url(../images/arrow-left-black.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}

.gform_footer input[type="submit"] {
	/*background-image: url(../images/arrow-left-black.png);
	background-repeat: no-repeat;
	background-position:83% center;*/
	background-color:transparent;
	border: #000 1px solid;
	padding:13px 35px 13px 25px;
}
.gform_footer input[type="submit"]:hover{
	color:#fff;
	background-color:#000;
}
.btn-default:before {
	background: #000;
	color: #fff;
	border: #000 1px solid;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn-default:hover i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-default:hover, .btn-default:active {
	color: #fff;
	border: #000 1px solid;
}
.btn-default:hover:before, .btn-default:active:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-default span {
	padding-right: 12px;
}
.btn-white {
	background: transparent;
	color: #fff;
	padding: 13px 25px;
	border: #fff 1px solid;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-white i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-white:before {
	background: #000;
	color: #fff;
	border: #000 1px solid;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn-white:hover i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-white:hover, .btn-white:active {
	color: #fff;
	border: #000 1px solid;
}
.btn-white:hover:before, .btn-white:active:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-white span {
	padding-right: 12px;
}
.btn-red {
	background: #ed1c24;
	color: #fff;
	padding: 13px 25px;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-red i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red:before {
	background: #000;
	color: #fff;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn-red:hover i {
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red:hover, .btn-red:active {
	color: #fff;
}
.btn-red:hover:before, .btn-red:active:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-red span {
	padding-right: 12px;
}
.btn-red-white {
	background: #ed1c24;
	color: #fff;
	padding: 13px 25px;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-red-white i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red-white:before {
	background: #000;
	color: #FFF;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

}
.btn-red-white:hover i {
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red-white:hover, .btn-red-white:active {
	color: #FFF;
}
.btn-red-white:hover:before, .btn-red-white:active:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-red-white span {
	padding-right: 12px;
}
.btn-red-slider {
	width: 100%;
	background: #ed1c24;
	color: #fff;
	padding: 30px 25px;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.btn-red-slider i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red-slider:before {
	background: #000;
	color: #fff;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn-red-slider:hover i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.btn-red-slider:hover, .btn-red-slider:active {
	color: #fff;
}
.btn-red-slider:hover:before, .btn-red-slider:active:before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}
.btn-red-slider span {
	padding-right: 12px;
}
.wrapper {
	width: 100%;
	display: inline-block;
}
.container {
	width: 1580px;
	margin: 0 auto;
}
.logo {
	float: left;
	background: url(https://www.litmusbranding.com/ast/themes/litmus/images/logo-multy.svg) 0px 0px no-repeat;
	width: 150px;
	height: 33px;
	margin-left: 13px;
}
header.sticky .logo {
	background-position: 0px -36px;
}
.pos-relative {
	position: relative;
}
.page-top {
	padding-top: 64px;
}
.slidermain {
	width: 100%;
	position: relative;
}
.slider-data {
	position: absolute;
	top: 20%;
	left: 8%;
	right: 8%;
}
.slider-text {
	float: left;
	text-align: left;
	width: 50%;
}
.slider-text {
	text-align: left;
	width: 52%;
}
.slider-text h6 {
	text-align: left;
}
.slider-info {
	float: right;
	width: 22%;
	position: relative;
}
.slider-caption {
	background: #000;
	width: 100%;
}
.slider-caption h4 {
	text-align: left;
	margin-bottom: 0px;
	font-weight: 400;
}
.slider-action {
	background: red;
}
.caption-slide {
	bottom: -74px;
	position: absolute;
	right: 164px;
	width: 300px;
}
.down-arrow {
	text-align: center;
	padding-top: 15px;
	width: 100%;
}
.down-arrow a {
	display: inline-block;
}
.down-arrow span {
	display: inline-block;
}
.pulse {
	animation: pulse infinite;
	-webkit-animation: pulse infinite;
	-moz-animation: pulse infinite;
	-ms-animation: pulse infinite;
	-o-animation: pulse infinite;
	animation-name: pulse;
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes pulse {
0% {
transform:scale3d(0.9, 0.9, 0.9);
}
50% {
transform:scale3d(1.2, 1.2, 1.2);
}
100% {
transform:scale3d(0.9, 0.9, 0.9);
}
}
@keyframes pulse {
0% {
transform:scale3d(0.9, 0.9, 0.9);
}
50% {
transform:scale3d(1.2, 1.2, 1.2);
}
100% {
transform:scale3d(0.9, 0.9, 0.9);
}
}
.col-home-content {
	width: 50%;
}
.col-home-content p {
	font-size: 24px;
	text-align: left;
	line-height: 30px;
	margin-bottom: 35px;
}
.col-home-content a {
	margin-top: 25px;
}
.col-full {
	width: 100%;
	display: inline-block;
}
.col-md {
	width: 40%;
}
.col-half {
	width: 44%;
}
.col-half-1 {
	width: 77%;
}
.col-half-2 {
	width: 50%;
}
.fl-left {
	float: left;
}
.fl-right {
	float: right;
}
.core-service {
	width: 100%;
	padding: 100px 0px;
	background: #f1f1f1;
}
.core-service-div {
	width: 100%;
	float: left;
	padding-right: 75px;
}
.core-service-div h2 {
	line-height: 24px;
	margin-top: 45px;
	text-align: left;
	font-size: 24px;
}
.core-service-div p {
	margin-bottom: 30px;
}
.core-service-div p a, .servicelogo-left p a {
	color: #000;
	font-weight:500;
}
.parallaxdiv {
	background: #000;
}
.parralaxeffect h6 {
	text-align: center;
	color: #FFF;
	margin-bottom: 50px;
}
.casestudies {
	width: 100%;
	margin: 70px 0px;
}
.calltoaction {
	background: #f1f1f1;
	padding: 90px 0px;
}
.calltoaction h3 span {
	color: #000;
}
.blog-sec {
	background: #383838;
}
.blog-sec h3 {
	color: #999;
	font-size: 48px;
	margin-bottom: 40px;
}
.workbookdiv h3 {
	font-size: 48px;
	margin-bottom: 15px;
	text-align: center
}
.casestudythumb {
	/*background: #CCC;*/
	width: 33%;
	float: left;
}
.casestudythumb img {
	width: 100%;
}
.blogthumb {
	background: #CCC;
	width: 33.33%;
	float: left;
}
.blogthumb h4 {
	text-align: left;
	margin-bottom: 15px;
}
.blogthumb h4 small {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.blogthumb img {
	width: 100%;
}
footer p {
	margin-bottom: 0px !important;
}
footer a {
	color: #aaaaaa;
}
footer a:hover {
	color: #fff;
}
footer ul li a {
	color: #aaaaaa;
}
footer ul li a:hover {
	color: #fff;
}
.footerdiv {
	padding: 0px 190px;
}
.footerdiv h4 {
	margin-bottom: 0px;
	font-size: 22px;
}
.footersec {
	display:inline-block;
	vertical-align:top;
	width: 33%;
	padding: 40px 65px 0px 0px;
}
.footerlink {
	display:inline-block;
	vertical-align:top;
	width: 20%;
	padding: 40px 0px 0px 0px;
	margin-right:-5px;
}
.footersocial {
	display:inline-block;
	vertical-align:top;
	width: 25%;
	padding: 40px 0px 0px 0px;
	margin-right:-5px;
}

.info {
	margin-top: 35px;
}
.social {
	margin-bottom: 15px;
}
.social a {
	width: 28px;
	height: 28px;
	margin-right: 15px; 
	display: inline-block;
	background: url(../images/social.png) no-repeat 0px 0px;
	-webkit-transition: background .2s 0s, visibility 0s .2s;
	-moz-transition: background .2s 0s, visibility 0s .2s;
	transition: background .2s 0s, visibility 0s .2s;
	margin-bottom: 10px;
}
.social a.facebook {
	background-position: 0px 0px;
}
.social a.facebook:hover {
	background-position: 0px -30px;
}
.social a.twitter {
	background-position: -32px 0px;
}
.social a.twitter:hover {
	background-position: -32px -30px;
}
.social a.linkedin {
	background-position: -156px 0px;
}
.social a.linkedin:hover {
	background-position: -156px -31px;
}
.social a.googlep {
	background-position: -60px 0px;
}
.social a.googlep:hover {
	background-position: -60px -30px;
}
.social a.pinterest {
	background-position: -90px 0px;
}
.social a.pinterest:hover {
	background-position: -90px -30px;
}
.social a.youtube {
	background-position: -120px 0px;
}
.social a.youtube:hover {
	background-position: -120px -30px;
}
.social a.instagram {
	background-position: -185px 0px;
}
.social a.instagram:hover {
	background-position: -185px -29px;
}
.innerhead {
	padding: 0px 160px;
}
.innerhead h2 {
	text-align: left;
}
.innerhead h6 {
	text-align: left;
	margin-bottom: 20px;
}
.casestudy-main-img {
	text-align: center;
}
.casestudy-scroll {
	position: relative;
}
.casestudy-info {
	padding: 80px 160px;
	background: #FFF;
}
.casestudy-infowhite {
	padding: 80px 160px;
	background: #fff;
	display: inline-block;
	width: 100%;
}
.casestudy-img {
	width: 100%;
	display: inline-block;
	position: relative;
}
.full-img {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.full-img iframe {
	width: 100%;
	height: 700px;
}
.half-img {
	width: 50%;
	float: left;
	text-align: center;
}
.sticky-div {
	position: absolute;
	top: 80px;
	left: 80px;
	z-index: 1;
	height: 300px;
}
.sticky-div ul {
	background: rgba(237,27,36,0.9);
	padding: 15px;
}
.sticky-div ul li {
	margin: 2px 0px;
	text-align: left;
}
.sticky-div ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 8px 15px;
	letter-spacing: 3px;
}
.sticky-div ul li a:hover, .sticky-div ul li a.active {
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	background: rgba(222,5,8,0.9) url(../images/arrow-left-white.png) no-repeat 96% 9px;
}
.sticky-div.blue {
	position: absolute;
	top: 80px;
	left: 80px;
	z-index: 1;
	height: 300px;
}
.sticky-div.blue ul {
	background: rgba(0,172,238,0.9);
	padding: 15px;
}
.sticky-div.blue ul li {
	margin: 2px 0px;
	text-align: left;
}
.sticky-div.blue ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 8px 15px;
}
.sticky-div.blue ul li a:hover, .sticky-div.blue ul li a.active {
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	background: rgba(0,147,210,0.9) url(../images/arrow-left-white.png) no-repeat 96% 9px;
}
.is_stuck {
	left: 244px;
	display: block;
}
.testimonials {
	background: #f1f1f1;
	padding: 20px 110px 60px 110px;
}
.pin {
	float: left;
	border-bottom: #ccc 1px solid;
	margin: 0px 60px;
	padding: 40px 0px;
	position: relative;
	width: 40%;
}
.quote {
	float: left;
}
.testimonial-text {
	float: left;
	width: 82%;
	margin-left: 40px;
}
.testimonial-text p span {
	color: #999;
}
.gallary {
	width: 100%;
	display: inline-block;
}
.gallary img {
	width: 100%;
}
.gallery-half {
	width: 50%;
	float: left;
}
.gallery-sm {
	width: 50%;
	float: left;
}
.gallery-half img {
	width: 100%;
}
.trustcontent {
	width: 50%;
	float: left;
}
.trustcontent img {
	width: 100%;
}
.videodiv {
	width: 100%;
	margin: 40px 0px 0px;
}
.videodiv iframe {
	width: 100%;
	height: 600px;
}
.number-bullet li {
	position: relative;
	padding-left: 50px;
}
.bullet-number {
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 7px 10px;
	color: #FFF;
	text-align: center;
}
.frmcontact {
	width: 100%;
	display: inline-block;
	padding: 76px 60px 92px;
}
.frmcontact label {
	font-weight: 500;
}
.frmcontact textarea {
	height: 100px;
	resize: none;
}
.frmcontact button {
	margin-left: 6px;
}
.frmcontact p {
	margin-bottom: 5px;
}
.form-half {
	width: 100%;
	padding: 0px 6px 30px;
}
.checkbox {
	padding: 0px 15px 10px 0px;
	width: 50%;
	float: left;
}
.checkbox span {
	padding-right: 13px;
}
.form-full {
	display: inline-block;
	width: 100%;
	padding: 0px 6px 3px;
}
.single-checkbox {
	margin: 30px 0px;
}
.grayfulldiv {
	background: #f6f6f6;
	width: 100%;
	display: inline-block;
}
.grayfulldark {
	background: #f1f1f1;
	width: 100%;
	display: inline-block;
}
.col-pad-address {
	padding: 70px 60px;
	position: relative;
	overflow: hidden;
}
.colhalfcontact {
	width: 50%;
}
.col-pad-min {
	min-height: 315px;
}
.col-pad-address p {
	color: #333;
}
.col-pad-address strong {
	font-weight: 600;
}
.col-pad-address span {
	color: #333;
}
.mapbtn a {
	margin-top: 15px;
}
.contact-sm {
	width: 50%;
	float: left;
}
.addcontent {
	padding: 0px 60px 0px;
	width: 100%;
	display: inline-block;
}
.addressdiv {
	width: 100%;
	display: inline-block;
}
.location {
	width: 75%;
	float: left;
}
.addtitle h6 {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.location a {
	display: inline-block;
	color: #333333;
	margin-top: 0px;
}
.location a:hover {
	display: inline-block;
	color: #ed1c24;
}
.mapbtn {
	float: right;
	margin-top: 13px;
}
.map {
	position: absolute;
	top: 0px;
	right: -100%;
	height: 100%;
	z-index: 10;
	width: 100%;
}
.mapr {
	position: absolute;
	top: 0px;
	left: -100%;
	height: 100%;
	z-index: 50;
	width: 100%;
}
.map iframe, .mapr iframe,.maph iframe {
	width: 100%;
	height: 100%;
}
.maph{
	height:520px;
	width:100%;
	display:inline-block;
	vertical-align:top;
	}
.displyanone {
	display: none;
}
.gray-bg {
	padding: 100px 0px;
	background: #f1f1f1;
}
.gallery {
	background: #fff;
	padding: 40px 0px 0px 0px;
	text-align: center;
}
#filterby {
	display: inline-block;
	width: 100%;
}
.filtertitle {
	display: inline-block;
	margin-bottom: 20px;
}
.filtertitle a {
	background: url(../images/filter-arrow.png) no-repeat right 9px;
	color: #000000;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 3px;
	padding: 5px 30px 5px 10px;
	text-transform: uppercase;
	vertical-align: middle;
}
.portfolioFilter a {
	background: #fff;
	padding: 15px 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 4px 4px 4px 0px;
	color: #000;
	letter-spacing: 2px;
	font-weight: 400;
	border: #ddd 1px solid;
}
.portfolioFilter a:hover {
	background: #ed1c24;
	color: #fff;
}
.portfolioFilter a.current {
	background: #ed1c24;
	font-weight: 400;
	color: #fff;
}
.gray-bg-color {
	background: #f1f1f1;
}
.blog {
	background: #FFF;
	padding: 70px;
	margin-bottom: 30px;
}
.blog h2 {
	font-size: 36px;
	line-height: 36px;
	text-align: left;
}
.blog p {
	margin-bottom: 30px;
}
.blog p span {
	color: #999;
}
.blog p strong a {
	color: #555;
	font-weight: 300;
}
.blog-list .blog img {
	width: 100%;
}
.blog-img-left {
	float: left;
	width: 55%;
	margin-right: 70px;
}
.blog-info-right {
	float: right;
	width: 40%;
	padding: 20px 0px;
}
.blog-img-right {
	float: right;
	width: 55%;
	margin-left: 70px;
}
.blog-info-left {
	float: left;
	width: 40%;
	padding: 20px 0px;
}
.blogcenter {
	width: 100%;
	display: inline-block;
	text-align: center;
}
.blogtitle {
	padding-top: 120px;
	width: 65%;
	display: inline-block;
	margin-bottom: 40px;
}
.blogtitle h2, .blogtitle h1 {
	font-size: 36px;
	text-align: left;
	line-height: 48px;
	margin-bottom: 20px;
}
.authorblogtop {
	float: left;
	width: 100%;
	text-align: left;
	color: #999;
	font-weight: 300;
}
.avtarname {
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}
.authorblogtop img {
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.authorblogtop a, .authorblogtop strong span {
	color: #555;
}
.authorblogtop strong {
	font-weight: 300;
}
.blogtitle a:hover {
	color: #ed1c24;
}
.blog-img-lg {
	text-align: center;
}
.blog-img-lg img {
	width: 100%;
}
.blog-left {
	float: left;
	width: 20%;
	margin-right: 80px;
}
.blog-left p span {
	color: #999;
}
.share {
	position: absolute;
	top: 60px;
	left: 0px;
}
.blog-right {
	width: 65%;
	display: inline-block;
	text-align: left;
}
.comments {
	width: 100%;
	margin-top: 50px;
}
.comments h3 {
	text-align: left;
	width: 100%;
	float: left;
}
.mobile_nav {
	display: none;
}
.borderbox {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.borderleft {
	border-left: 1px solid #e7e7e7;
}
.border-bottom-right {
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}
.textcontent {
	width: 100%;
	display: inline-block;
	padding-bottom: 25px;
}
.frmapplynow {
	width: 100%;
	display: inline-block;
	padding: 0 50px 30px;
}
.applyfieds {
	width: 50%;
	float: left;
	padding: 0px 25px 40px 0;
}
.applyfiedsfull {
	width: 100%;
	padding: 0px 25px 40px 0;
}
.frmapplynow label {
	padding-bottom: 8px;
	text-transform: uppercase;
	display: inline-block;
}
.frmapplynow span {
	font-weight: 300;
	margin-left: 5px;
	display: inline-block;
}
.frmapplynow textarea {
	min-height: 150px;
}
.frmapplynow input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
	margin-top: -1px;
}
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inputfile-6 + label {
	color: #555555;
	width: 100%;
}
.inputfile-6 + label {
	background-color: #fff;
	padding: 0;
	margin: 0px;
}
.inputfile-6 + label span {
	width: 64%;
	min-height: 51px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	color: #ccc;
	border: 1px solid #e5e5e5;
	border-right: none;
	padding: 15px 25px;
	float: left;
	text-transform: none;
	margin-left: 0px;
}
.inputfile-6 + label strong {
	height: 51px;
	color: #fff;
	background-color: #ec1c24;
	float: right;
	font-weight: 300;
	font-size: 16px;
	padding: 18px 28px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong {
	background-color: #000;
}
.inputfile-6 + label strong i {
	background-image: url(../images/arrow-left-white.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 10px;
}
.frmapplynow button {
	margin-left: 0px;
}
.img {
	width: 100%;
}
.career_bg_container {
	background: #fff;
	background-size: cover;
	height: 560px !important;
	overflow: hidden;
}
.whopaintoutsideline_container {
	padding: 120px 0 0 0;
}
.whopaintoutsideline_text_container {
	position: relative;
	float: left;
	width: 75%;
	margin: 2% 0 0 0;
}
.whopaintoutsideline_text_tagline {
	font-size: 56px;
	font-weight: 700;
	margin: 20px 0;
	font-family: 'Raleway', sans-serif !important;
	text-transform: uppercase;
}
.whopaintoutsideline_textdetails {
	font-size: 30px;
	line-height: 40px;
	margin: 20px 0;
}
.whopaintoutsideline_image {
	position: relative;
	float: left;
	width: 13%;
	margin: 50px 0 0 0;
}
.lovetheirjobs_container {
	position: relative;
	float: left;
	width: 100%;
}
.slideshow_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgb(135,0,0);
	background: -moz-linear-gradient(-45deg, rgba(135,0,0,0.8) 0%, rgba(135,0,0,0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(135,0,0,0.8) 0%, rgba(135,0,0,0.8) 100%);
	background: linear-gradient(135deg, rgba(135,0,0,0.8) 0%, rgba(135,0,0,0.8) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#870000', endColorstr='#870000', GradientType=1);
}
.element {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.lovejob {
	background: url('../images/career/lovejob_banner.jpg') 50% 50%;
	background-size: cover;
}
.brilliantcraft {
	background: url('../images/career/brilliant_craft.jpg') 50% 50%;
	background-size: cover;
}
.ownrules {
	background: url('../images/career/own_rules.jpg') 50% 50%;
	background-size: cover;
}
.ownpath {
	background: url('../images/career/own_path.jpg') 50% 50%;
	background-size: cover;
}
.listenclients {
	background: url('../images/career/listen_ourclients.jpg') 50% 50%;
	background-size: cover;
}
.lovejobe_content_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 18% 0 0 5%;
}
.lovejobe_content {
	position: relative;
	float: left;
	width: 100%;
	font-family: 'Raleway', sans-serif !important;
	font-size: 70px;
	font-weight: 700;
	color: #fff;
	line-height: 30px;
	text-transform: uppercase;
}
.lovejobe_content_extralarge {
	font-size: 200px;
	line-height: 100%;
	margin: 0 0 0 -12px;
}
.tobesure_container {
	padding: 10% 0 0 0;
	height: 768px;
	position: relative;
}
.litmus_bus {
	position: absolute;
	bottom: 10%;
	left: 30%;
	width: 55%;
}
.pingpongwithideas {
	position: relative;
	float: left;
	width: 100%;
	background: #009f40;
	height: 768px;
	overflow: hidden;
}
.pingpong_thin_divider {
	position: absolute;
	top: 0;
	left: -5%;
	width: 100%;
}
.pingpong_thick_divider {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
}
.red_racket {
	position: absolute;
	bottom: 18%;
	left: 12%;
	width: 12%;
}
.blue_racket {
	position: absolute;
	top: 10%;
	left: 26%;
	width: 13%;
}
.racket_ball {
	position: absolute;
	top: 59%;
	left: 14%;
	width: 4.5%;
}
.pingpong_content_container {
	position: absolute;
	top: 40%;
	right: 20%;
	width: 30%;
}
.pingpong_content_title {
	position: relative;
	float: left;
	width: 100%;
	font-size: 56px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
}
.pingpong_content_detail {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 28px;
	font-weight: 300;
	line-height: 30px;
	color: #fff;
}
.catchmewithdesign {
	position: relative;
	float: left;
	width: 100%;
	background: #fcc300;
	height: 768px;
	padding: 10% 0 0 0;
	overflow: hidden;
}
.catchmewithdesign_boy {
	position: absolute;
	top: 19%;
	left: -11%;
	width: 25%;
	z-index: 9999;
}
.catchmewithdesign_largeround {
	position: absolute;
	top: 14%;
	left: 0.5%;
	width: 38%;
	z-index: 9;
}
.catchmewithdesign_hand {
	position: absolute;
	top: 34%;
	right: -0.5%;
	width: 45%;
	z-index: 99;
}
.catchmewithdesign_smallround {
	position: absolute;
	top: 17%;
	right: 32%;
	width: 13%;
	z-index: 9;
}
.catchmewithdesign_content_container {
	position: absolute;
	top: 36%;
	left: 9%;
	width: 28%;
	z-index: 999;
}
.catchmewithdesign_content_title {
	position: relative;
	float: left;
	width: 100%;
	font-size: 56px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
}
.catchmewithdesign_content_detail {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 28px;
	font-weight: 300;
	line-height: 30px;
	color: #fff;
}
.goodwordwithcopy {
	position: relative;
	float: left;
	width: 100%;
	background: #8300fc;
	height: 768px;
	overflow: hidden;
}
.goodword_round {
	position: absolute;
	top: 24%;
	left: 10%;
	width: 30%;
}
.goodword_round_characters_container {
	position: absolute;
	top: 5%;
	left: -3%;
	width: 100%;
	height: 100%;
}
.goodword_round_character_C {
	position: absolute;
	top: 15%;
	left: 40%;
	width: 15%;
}
.goodword_round_character_O {
	position: absolute;
	top: 33%;
	left: 41%;
	width: 15%;
}
.goodword_round_character_P {
	position: absolute;
	top: 52%;
	left: 41%;
	width: 15%;
}
.goodword_round_character_Y {
	position: absolute;
	top: 70%;
	left: 40%;
	width: 15%;
}
.goodword_round_character_G {
	position: absolute;
	top: 33%;
	left: 22%;
	width: 15%;
}
.goodword_round_character_GO {
	position: absolute;
	top: 33%;
	left: 60%;
	width: 15%;
}
.goodword_round_character_D {
	position: absolute;
	top: 33%;
	left: 78%;
	width: 15%;
}
.goodword_content_container {
	position: absolute;
	top: 41%;
	right: 20%;
	width: 28%;
	z-index: 999;
}
.goodword_content_title {
	position: relative;
	float: left;
	width: 100%;
	font-size: 56px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
}
.goodword_content_detail {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 28px;
	font-weight: 300;
	line-height: 30px;
	color: #fff;
}
.finaloutput {
	position: relative;
	float: left;
	width: 100%;
	background: #a0cb26;
	height: 768px;
	overflow: hidden;
}
.finaloutput_round {
	position: absolute;
	top: 30%;
	right: 30%;
	width: 20%;
}
.finaloutput_round_arrow {
	position: absolute;
	top: 100%;
	right: 65.8%;
	width: 15%;
}
.finaloutput_content_container {
	position: absolute;
	top: 38%;
	left: 10%;
	width: 35%;
	z-index: 999;
}
.finaloutput_content_title {
	position: relative;
	float: left;
	width: 100%;
	font-size: 56px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
}
.finaloutput_content_detail {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0;
	font-size: 28px;
	font-weight: 300;
	line-height: 30px;
	color: #fff;
}
.expect_inreturn {
	position: relative;
	float: left;
	width: 100%;
	background: #df5151;
	height: 768px;
	overflow: hidden;
}
.expect_inreturn_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 18% 0 0 0;
}
.expect_inreturn_image {
	position: relative;
	float: left;
	width: 15%;
	margin: 1% 0 0 20%;
}
.expect_inreturn_content_container {
	position: relative;
	float: left;
	width: 50%;
	margin: 2% 0 0 1%;
}
.expect_inreturn_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.expect_inreturn_content_title {
	font-size: 170px;
	line-height: 130px;
}
.buzz_withactivity {
	position: relative;
	float: left;
	width: 100%;
	background: #5cd3fe;
	height: 768px;
	overflow: hidden;
}
.buzz_withactivity_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 18% 0 0 0;
}
.buzz_withactivity_image {
	position: relative;
	float: left;
	width: 15%;
	margin: 0 0 0 -2%;
}
.buzz_withactivity_content_container {
	position: relative;
	float: left;
	width: 40%;
	margin: 3% 0 0 20%;
}
.buzz_withactivity_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.buzz_withactivity_content_title {
	font-size: 170px;
	line-height: 130px;
}
.buzz_withactivity_content_title_fullstop {
	margin: 0 0 0 -5%;
}
.noone_sleeps {
	background: #ffb652;
}
.noone_sleeps_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 15% 0 0 0;
}
.noone_sleeps_image {
	position: relative;
	float: left;
	width: 12%;
	margin: 1% 0 0 20%;
}
.noone_sleeps_content_container {
	position: relative;
	float: left;
	width: 50%;
	margin: 4% 0 0 2%;
}
.noone_sleeps_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif !important;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.noone_sleeps_content_title {
	font-size: 170px;
	line-height: 130px;
}
.co_create {
	background: #ff4672;
}
.co_create_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 13% 0 0 0;
}
.co_create_image {
	position: relative;
	float: left;
	width: 15%;
	margin: 1% 0 0 0;
}
.co_create_content_container {
	position: relative;
	float: left;
	width: 40%;
	margin: 4% 0 0 20%;
}
.co_create_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: "futura-pt", sans-serif;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.co_create_content_title {
	font-size: 170px;
	line-height: 130px;
}
.rewards {
	background: #9eba3a;
}
.rewards_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 17% 0 0 0;
}
.rewards_image {
	position: relative;
	float: left;
	width: 15%;
	margin: 1% 0 0 20%;
}
.rewards_content_container {
	position: relative;
	float: left;
	width: 50%;
	margin: 0 0 0 1%;
}
.rewards_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: "futura-pt", sans-serif;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.rewards_content_title {
	font-size: 170px;
	line-height: 130px;
}
.smile {
	background: #8e7bb8;
}
.smile_container {
	position: relative;
	float: left;
	width: 100%;
	margin: 8% 0 0 0;
}
.smile_image {
	position: relative;
	float: left;
	width: 15%;
	margin: 8% 0 0 -2%;
}
.smile_content_container {
	position: relative;
	float: left;
	width: 40%;
	margin: 4% 0 0 20%;
}
.smile_content_detail {
	position: relative;
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	font-family: "futura-pt", sans-serif;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
}
.smile_content_title {
	font-size: 170px;
	line-height: 130px;
}
.wearehiring {
	height: auto !important;
}
.caption_class {
	z-index: 999 !important;
	white-space: nowrap !important;
	width: 300px !important;
	font-family: 'futura-pt', sans-serif !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 1.00) !important;
	background-color: rgba(0, 0, 0, 1) !important;
	padding: 20px !important;
	line-height: 30px !important;
}
/*.tp-rightarrow {
	position: absolute !important;
	bottom: 2% !important;
	top: unset !important;
	left: 59% !important;
	display: none !important;
}
.tp-leftarrow {
	display: none !important;
}*/
.video_text {
	text-transform: uppercase !important;
	left: 0 !important;
	display: block !important;
}
.tp-parallax-wrap {
}
.wearehiring_content p {
	line-height: 30px;
	margin-bottom: 0;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.strategytext {
	margin-top: 80px;
	width: 60%;
}
.strategytext p {
	font-size: 20px;
	line-height: 30px;
	margin: 0px;
}
.sectionstrategy {
	width: 100%;
	display: inline-block;
	padding-top: 60px;
}
.portfolioFilter .sectionstrategy {
	width: 100%;
	display: inline-block;
	padding: 20px 160px 0px;
}
.section33 {
	width: 33%;
	padding: 0px 15px 40px 0px;
}
.section33 h4 {
	text-align: left;
}
.section33 h4 {
	text-align: left;
	font-size: 24px;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
}
.servicemenu {
	text-align: left;
	font-size: 24px;
	margin-bottom: 20px;
	color: #000;
	text-transform: uppercase;
}
.section33 ul {
	margin: 0px;
	padding: 0px;
}
.section33 ul li {
	margin: 0px 0px 15px;
	padding: 0px;
	text-align: left;
}
.section33 ul li a {
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: none;
	text-transform: none;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0px;
}
.section33 ul li a:hover {
	color: #ed1c24;
	background: none;
	border: none;
}
.section33 h2 {
	margin-bottom: 25px;
	font-size: 24px;
}
.abouttextbottom {
	width: 100%;
	padding: 70px 0px 50px;
	display: inline-block;
}
.abouttextbottom h3 {
	margin-top: 5px;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: left;
}
.aboutdata-rt {
	width: 100%;
	padding: 120px 80px 0px;
}
.aboutdata-rt h3 {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: left;
}
.ourteam {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.member {
	width: 25%;
	margin: 0px;
	padding: 0px;
}
.ourteam h4 {
	text-align: left;
	margin-bottom: 0px;
}
.ourteam p {
	text-align: left;
	margin-bottom: 0px;
}
.minheight-team {
	min-height: 395px;
}
.membercontent-half {
	width: 50%;
	padding: 70px 85px 0px;
}
.member-half-data {
	width: 100%;
	padding: 75px 0px 60px;
	display: inline-block;
}
.ourteamweb {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.member-col-50 {
	width: 50%;
}
.col-half-contact {
	width: 100%;
}
.casestudydiv {
	overflow: hidden;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.casestudydiv h1 {
	margin-bottom: 50px;
}
.case-half {
	width: 46%;
}
.case-half2 {
	width: 50%;
}
#showmap {
	display: none;
}
.type-wrap {
	text-align: center;
	color: #000000;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
	font-family: "futura-pt", sans-serif;
}
.typed-cursor {
	display: none;
	opacity: 0;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-webkit-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-ms-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes blink {
0% {
opacity:1;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
section.mar-top-0 {
	padding-top: 0px;
}
.video-preview {
	width: 100%;
	text-align: center;
	height: 560px;
	background-color: transparent;
}
.video-box {
	width: 25%;
	display: inline-block;
	padding: 200px 20px 20px 20px;
	vertical-align: top;
}
.video-box h5 {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
}
.video-thumb {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
.video-thumb img {
	width: 100%;
}
.video-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	opacity: 0;
}
.video-overlay img {
	width: 20%;
	padding: 20% 0%;
}
.video-thumb:hover .video-overlay {
	opacity: 1;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}
.hide {
	display: none;
}
.smalltitle {
	display: inline-block;
	padding-bottom: 25px;
	width: 100%;
}
.smalltitle span {
	font-size: 24px;
	display: block;
	font-weight: 300;
}
.thankyouimg {
	padding: 60px 0px 90px;
	display: inline-block;
	width: 100%;
}
.pressreleaserow {
	width: 100%;
	padding: 90px 0px 0 0;
	display: inline-block;
}
.pressreleaserowgray {
	width: 100%;
	padding: 90px 0px 70px;
	display: inline-block;
}
.padding-bottom-0 {
	padding-bottom: 0px;
}
.casestudies404 {
	padding-top: 80px;
}
.sitemaplist {
	display: inline-block;
	width: 100%;
}
.sitemaplist li {
	background: url(../images/bullet.png) no-repeat left 6px;
	padding-left: 20px;
	width: 20%;
	margin-bottom: 15px;
	float: left;
}
.sitemaplist li a {
	text-transform: uppercase;
}
.sitemaplist li span {
	margin-bottom: 15px;
	display: inline-block;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
}
.sitemaplist li.col-full {
	width: 100%;
}
.wearehiringrow {
	width: 100%;
	padding: 50px 0px 0px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.hiringtitile {
	float: left;
}
.hiringdiv {
	padding: 25px 40px;
	display: inline-block;
	width: 64%;
	border: 10px solid #000;
}
.applynowbtn {
	float: right;
	padding: 10px 0px;
}
.wearehiringrow h3 {
	font-size: 50px;
	line-height: 56px;
	text-align: left;
	margin-bottom: 0px;
}
.colleftgray {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.grayhalfdark {
	background: #f1f1f1;
	width: 100%;
	display: inline-block;
}

/* NEW STYLE 28-09-17 */

.blog-list {
	padding:0px 15px;
}
.blogrow{
	padding:90px 0px 70px;
	}
.blogContainer{
	width:100%;
	display:inline-block;
	vertical-align:top;
	}
.blog-grid{
	width:33.33%;
	display:inline-block;
	padding:0px 15px;
	margin-bottom:30px;
	vertical-align:top;
	margin-right:-5px;
	}
.blog-grid img{
	max-width:100%;
	}	
.blogbglist{
	background:#fff;	
	}
.gridblogthumb{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.gridblogthumb a{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.gridblogtitle{
	padding:33px 40px;
	width:100%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	position:relative;
	min-height:224px;
	}
.btnabsbottom{
	position:absolute;
	bottom:36px;
	}
.blog-grid h2{
	font-size:24px;
	text-align:left;
	margin-bottom:8px;
	line-height:30px;
	}
.blog-grid span {
    color: #999999;
}
.blog-grid p{
	margin-bottom:20px;
	}
.blog-grid p a {
    color: #000;
    font-weight: 300;
}
.grid .effect-blur figcaption{
	width:100%;
	padding:40px;
	height:auto;
	top:auto;
	bottom:-105px;
	transition:all ease 0.4s;
	background:rgba(255,255,255,0.85);
	}
/*.grid .effect-blur figcaption:before{
	content:'';
  	transform: translate(0px, 0px, 0px);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,0.9) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(248,248,248,0.9)));
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,0.9) 100%); 
	background: -o-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,0.9) 100%); 
	background: -ms-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,0.9) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,0.9) 100%);
  position: absolute;
  width: 110%;
  height: 100%;
  -webkit-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  
  top:0px;
  right:-20px;
  left: -20px;
	}
*/.grid .effect-blur:hover figcaption{
	background:#fff;
	bottom:0px;
	}
/*.grid .effect-blur:hover figcaption:before{
	background:#fff;
	-webkit-filter: blur(0px);
	}*/		
.grid .effect-blur  h4{
	margin-bottom:0px;
	position:relative;
	transition:all ease 0.4s;
	}	
.grid .effect-blur h4 span{
	color:#000;
	display:block;
	font-weight:300;
	font-size: 16px;
	min-height:25px;
	text-transform: none;
	line-height: 22px;
	font-family: "proxima-nova", sans-serif;
	}	
.grid .effect-blur:hover figcaption h4{
	margin:22px 0px 18px;
	}
.grid .effect-blur figcaption .casetag{
	position:relative;
	opacity:0;
	transition:all ease 0.4s;
	min-height:60px;
	}
.grid .effect-blur:hover figcaption .casetag{
	margin:0px 0px 20px;
	opacity:1;
	}	
.grid .effect-blur figcaption .casetag span{
	color:#666;
	display:inline-block;
	background:#f2f2f2;
	margin:0px 2px 3px 1px;
	font-size:12px;
	padding:6px 10px;
	margin-bottom:5px;
	letter-spacing:1px;
	}	
.grid .effect-blur figcaption .cityhover{
	position:absolute;
	top:38px;
	color:#4d4d4d;
	z-index:1;
	transition:all ease 0.4s;
	opacity:0;
	font-size:14px;
	}
.grid .effect-blur:hover figcaption .cityhover{
	visibility:visible;
	opacity:1;
	}	
.grid .effect-blur .btn-default{
	opacity:0;
	transition:all ease 0.4s;
	}	
.grid .effect-blur:hover figcaption .btn-default{
	opacity:1;
	}

.clientmap{
	width:100%;
	display:inline-block;
	padding:0px 15px;
	margin-bottom:90px;
	vertical-align:top;	
	}
.clientmap img{
	width:100%;
	}	
.clietnFilter{
	text-align:center;
	padding:0px 15px;	
	}	
.clietnFilter a {
	background: #fff;
	padding: 15px 30px;
	text-align: left;
	text-align:center;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-block;
	margin: 4px 4px 4px 0px;
	color: #000;
	letter-spacing: 2px;
	font-weight: 400;
	border: #ddd 1px solid;
}
.clietnFilter a:hover {
	background: #ed1c24;
	color: #fff;
}
.clietnFilter a.current {
	background: #ed1c24;
	font-weight: 400;
	color: #fff;
}
.clientContainer{
	margin:30px 0px;	
	width:100%;
	display:inline-block;
	vertical-align:top;
	}
.clientgrid{
	float:left;
	width:25%;
	padding:0px 15px;
	margin-bottom:30px;
	}
.clientgridborder{
	border:1px solid #ddd;
	padding:20px 15px 20px;
	width:100%;
	}
.clientgridborder img{
	/*margin-bottom:40px;*/
	max-width:100%;
	}		
.clientgrid	 small{
	 color:#999999;
	 display:block;
	}
.blurImage {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
 .blurImageContainer > [id^="blurred"] {
	position: absolute;
	top:0;
	left:0;
	z-index:0;
}

.gform_wrapper .top_label .check-side .gfield_label{
	width: 90%;
	display: inline-block;
	float: right;
	vertical-align: top;
}
body .gform_wrapper ul li.field_description_below.check-side div.ginput_container_checkbox{
	width:auto;
	display:inline-block;
	vertical-align:top;
}
.gform_wrapper .top_label li.check-side ul.gfield_checkbox{margin:-2px 0 0;}

/* Policy style  start 071218 */
.policy-section{
	margin-bottom: 30px;
}

.policy .bulletblack ul li {
	background: url(../images/bullet-black.png) 0px 10px no-repeat;
	padding-left: 15px;
	line-height: 26px;
	margin-bottom: 8px;
}

.policy .acc_content a{
	margin-top: 0px;
	display: inline-block;
}

.uldouble ul ul { margin-top: 15px; }
/* Policy style end 071218 */

/* policy block section start*/
.policy-block{
	position: fixed;
	bottom: 0px;
	background: #111;
	padding: 30px 15px;
	color: #aaa;
	z-index: 9;
	width: 100%;
}
.policy-block a{
	color: #ddd;
}
.policy-block a:hover{
	color: #fff;
}
.policy-block p{
	margin-bottom: 0px;
}
.p-block-inner{
	padding: 0px 190px;
}

.p-block-text{
	/*position: relative;*/

}

.policy-block-title{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;

}

.p-close{
	position: absolute;
	top: -30px;
	right: 0px;
	cursor: pointer;
	background: #111;
	padding: 10px 10px 0px 10px;
}

.policy-div{
	margin-top: 5px;
	color: #777;
}
.policy-div a{
	margin: 0px 5px;
}
/* policy block section end*/

@media only screen and (min-width:2300px) and (max-width:2560px) {
.caption-slide {
	right: 19.1%;
}
.slider-data {
	top: 25%;
}
.is_stuck {
	right: 22.22%;
}
}
@media only screen and (max-width:1680px) {
.footerdiv {
	padding: 0px 170px;
}
.slider-data {
	left: 0px;
	right: 0px;
	top: 18%;
}
.slider-text {
	width: 45%;
}
.is_stuck {
	right: 130px;
}
.testimonials {
	padding: 30px 90px 85px;
}
.pin {
	width: 47%;
	margin: 0px 20px;
}
.inputfile-6 + label span {
	width: 63.9%;
}
.logo {
	margin-left: 23px;
}
section.mar-top-0 {
	padding-top: 0px;
}
.clientgrid{
	margin-right:-1px;
	}
.p-block-inner { padding: 0px; }
}
@media only screen and (max-width:1600px) {
.container {
	padding: 0px 10px;
}
.slider-text {
	padding-left: 0px;
}
.caption-slide {
	right: 30px;
}
.is_stuck {
	right: 110px;
}
.inputfile-6 + label span {
	width: 63.44%;
}
.minheight-team {
	min-height: 390px;
}
.col-home-content, .core-service {
	padding-left: 25px;
}
.logo {
	margin-left: 21px;
}
.col-pad-min {
	min-height: 311px;
}
.frmcontact {
	padding: 69px 60px 105px;
}
}
@media only screen and (max-width:1440px) {
.container {
	width: 100%;
	padding: 0px 20px;
}
h1 {
	font-size: 50px;
}
.core-service-div {
	padding-right: 60px;
}
.footerdiv {
	padding: 0px 68px;
}
.is_stuck {
	right: 110px;
}
.tab-navigarion a {
	padding: 14px 16px;
}
.testimonials {
	padding: 30px 60px 60px;
}
.pin {
	width: 46%;
}
.blog {
	padding: 60px 50px 50px;
}
.blog-img-left {
	width: 47%;
	margin-right: 48px;
}
.blog-img-right {
	width: 47%;
	margin-right: 0px;
	margin-left: 50px;
}
.blog-info-right, .blog-info-left {
	width: 48%;
}
.blog h2 {
	font-size: 30px;
}
.col-half {
	width: 46%;
}
.videodiv iframe {
	height: 545px;
}
.innerhead {
	padding: 0 130px;
}
.inputfile-6 + label span {
	width: 58.9%;
}
.minheight-team {
	min-height: auto;
}
.casestudy-infowhite, .casestudy-info {
	padding: 80px 100px 65px;
}
.portfolioFilter .sectionstrategy {
	padding: 20px 128px 0px;
}
.col-pad-min {
	min-height: 286px;
}
.col-pad-address {
	padding: 55px 60px 60px;
}
.frmcontact {
	padding: 44px 60px 44px;
}
.hiringdiv {
	width: 70%;
}
.wearehiringrow h3 {
	font-size: 48px;
}
.grid .effect-blur h4 span{
	min-height: 44px;
}

}
@media only screen and (max-width:1366px) {
.footersec  {
	padding: 60px 50px 0px 0px;
}
.footerlink, .footersocial  {
	padding-top:60px;
}
.core-service-div {
	padding-right: 35px;
}
.logo {
	margin-left: 23px;
}
section {
	padding: 40px 0px;
}
.col-half-1 {
	width: 80%;
}
.tab-navigarion a {
	padding: 14px;
}
.testimonials {
	padding: 30px 70px 80px;
}
.pin {
	width: 45%;
	margin: 0px 25px;
}
.testimonial-text {
	width: 80%;
	margin-left: 30px;
}
.innerhead {
	padding: 0 85px;
}
.inputfile-6 + label span {
	width: 58.3%;
}
.col-half-2 {
	width: 100%;
}
.gallery-half .img {
	width: 100%;
}
.col-pad-address {
	padding: 60px 60px 65px;
}
.frmcontact {
	padding: 68px 60px 60px;
}
.col-pad-min {
	min-height: 287px;
}
.strategytext {
	width: 65%;
}
.col-home-content {
	padding-left: 25px;
}
.core-service {
	padding-left: 0px;
}
.aboutdata-rt {
	padding: 100px 70px 0px;
}
.portfolioFilter .sectionstrategy {
	padding: 20px 85px 0px;
}
.wearehiringrow h3 {
	font-size: 44px;
}
.blog-grid h2{
	font-size:19px;
	line-height:24px;
}
.grid .effect-blur h4 span{
	min-height: 44px;
}
}
@media only screen and (max-width:1280px) {
.footersec {
	padding-right: 30px;
}
.col-home-content {
	width: 53%;
}
h1 {
	font-size: 46px;
}
.videodiv iframe {
	height: 498px;
}
.inputfile-6 + label span {
	width: 54.1%;
}
.col-pad-address {
	padding: 52px 45px;
}
.col-pad-min {
	min-height: auto;
}
.frmcontact {
	padding: 52px 45px 68px;
}
.addcontent {
	padding: 0px 45px;
}
.col-home-content, .core-service {
	padding-left: 0px;
}
.aboutdata-rt {
	padding-top: 65px;
}
.wearehiringrow h3 {
	font-size: 40px;
}
.grid .effect-blur figcaption .casetag {
	min-height: 87px;
}
.grid .effect-blur figcaption {
	bottom: -140px;
	padding: 30px 40px 40px 40px;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.mobile_nav .logo {
    float: none;
    background: url(https://www.litmusbranding.com/ast/themes/litmus/images/logo-multy.svg) no-repeat;
    display: block;
    margin: 16px auto 0;
}
.mobile_nav .nav_icn{margin-top:-48px;}

/*--------amaeka-button------*/

.amk-btn a{
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 5px 15px;
}

.amk-btn a:hover{
	background-color: #289795;
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
}

/*--------amaeka-button-end------*/

}

@media only screen and (min-width:641px) and (max-width:767px) {
.mobile_nav .logo {
    float: none;
    background: url(https://www.litmusbranding.com/ast/themes/litmus/images/logo-multy.svg) no-repeat;
    display: block;
    margin: 16px auto 0;
}
.mobile_nav .nav_icn{margin-top:-44px;
}

/*--------amaeka-button------*/

.amk-btn a{
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 5px 15px;
    text-align: center;
}

.amk-btn a:hover{
	background-color: #289795;
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
}

/*--------amaeka-button-end------*/

.creer-btn a {
    margin-left: 0px;}

}

@media only screen and (max-width:1024px) {
.container {
	padding: 0px 10px;
	width: 100%;
}
/*.logo {
	float: left;
	margin: 15px 0px 0px;
	background: url(../images/logo-multy-left.svg) no-repeat ;
}*/
.page-top {
	padding-top: 62px;
}
footer {
	padding: 0px 0px 0px 0!important;
}
.footerdiv {
	padding: 0px;
}
section {
	padding: 70px 0px;
}
.casestudythumb {
	width: 50%;
}
.core-service-div {
	padding-right: 32px;
}
.footersec {
	padding-right: 15px;
}
/*.social a{
	margin-right:15px;	
	}*/
h1 {
	font-size: 44px;
	margin-bottom: 20px;
}
h2 {
	font-size: 40px;
}
.col-half {
	width: 100%;
}
.col-home-content {
	width: 62%;
}
.innerhead {
	padding: 0px 70px;
}
.innerhead h6 {
	font-size: 24px;
	line-height: 30px;
}
.col-half-1 {
	width: 100%;
}
.videodiv iframe {
	height: 400px;
}
.map, .mapr {
	display: none;
}
#show_map_1, #show_map_2, #show_map_3 {
	display: none;
}
#shopmap {
	display: block;
}
.sticky-div {
	display: none !important;
}
.tab-navigarion a {
	font-size: 14px;
	padding: 14px;
}
.testimonials {
	padding: 20px 30px 60px;
}
.pin {
	width: 46%;
	margin: 0px 15px;
	padding: 30px 0px 20px;
}
.quote {
	width: 9%;
}
.quote img {
	max-width: 100%;
}
.testimonial-text {
	width: 85%;
	margin-left: 20px;
}
.blog-img-left, .blog-img-right {
	width: 100%;
	margin: 0px;
}
.blog-info-right, .blog-info-left {
	width: 100%;
}
.blogtitle {
	width: 100%;
}
.blogtitle h2 {
	font-size: 30px;
	line-height: 40px;
}
.blog-left {
	margin-right: 60px;
	width: 24%;
}
.blog-right {
	width: 67%;
}
.caption-slide {
	right: 20px;
}
.slider-data {
	top: 14%;
}
.slider-text {
	width: 55%;
}
.slider-caption h4 {
	font-size: 20px;
}
.frmapplynow {
	padding: 80px 0px 30px;
}
.inputfile-6 + label strong {
	padding: 18px;
}
.inputfile-6 + label span {
	width: 54.8%;
}
.col-half-2 {
	width: 100%;
}
.section33 {
	padding: 0px 0px 35px;
}
.videodiv {
	margin: 20px 0px 0px;
}
.ourteam h4 {
	margin-bottom: 0px;
}
.aboutdata-rt {
	padding: 60px 60px 40px;
}
.member-col-50 {
	width: 100%;
}
.mapbtn {
	margin-top: 0px;
}
.col-pad-address {
	padding: 50px 50px 55px;
}
.grayfulldiv {
	width: 100%;
}
.grayfulldiv img {
	width: 100%;
}
.frmcontact {
	padding: 80px 35px;
}
.col-half-contact {
	width: 100%;
	min-height: auto;
}
.checkbox span {
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.form-half {
	width: 50%;
}
.addcontent {
	padding: 0px 40px;
}
.member-half-data {
	padding: 55px 0px 40px;
}
.membercontent-half {
	padding: 40px 36px 15px;
}
.abouttextbottom {
	padding: 55px 0px 40px;
}
#showmap {
	display: inline-block;
}
.full-img iframe {
	height: 555px;
}
.trustcontent {
	width: 100%;
}
.portfolioFilter .sectionstrategy {
	padding: 20px 70px 0px;
}
.authorblogtop {
	width: 100%;
}
.video-preview a {
	width: 100%;
}
.video-box {
	padding: 20px;
	width: 100%;
}
.blog-sec h3 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 20px;
}
.strategytext {
	width: 100%;
}
.col-pad-min {
	min-height: auto;
}
.colhalfcontact {
	width: 100%;
}
.hiringdiv {
	width: 100%;
}
.wearehiringrow h3 {
	font-size: 46px;
}
.maph{
	height:350px;
	}
.clientgrid{
	width:33%; 
	}
.gridblogtitle{
	padding:30px 20px 30px;
	}		
.blog-grid h2{
	font-size:18px;
	line-height:24px;
}
.grid .effect-blur h4 span {
	font-size: 15px;
}
.grid .effect-blur figcaption {
	bottom: -162px;
}
}
@media only screen and (max-width:980px) {
.rs-background-video-layer {
	background-image: url('../images/slider/video_poster_image.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}
.html5vid {
	display: none;
}
.core-service-div {
	margin-right: 25px;
}
.footersec {
	padding-right: 24px;
}
.casestudy-info, .casestudy-infowhite {
	padding: 80px;
}
.inputfile-6 + label span {
	width: 52.1%;
}
.aboutdata-rt {
	padding: 44px 45px 30px;
}
.membercontent-half {
	padding: 30px 25px 15px;
}
.wearehiringrow h3 {
	font-size: 43px;
}
.blog-grid{
	width:50%;
	}
	
.gridblogtitle{
	padding:30px 30px 30px;
	}	
}
@media only screen and (max-width:960px) {
.inputfile-6 + label span {
	width: 50.7%;
}
.membercontent-half {
	padding: 30px 22px 0px;
}
}
@media only screen and (max-width:800px) {
 .pic-over{
	width: 80% !important;
	height: auto;
	background-color: #f2f2f2;
	z-index: 2;
	position: absolute;
	top: 200px;
}

.pic-over h2{
	padding: 25px 0 20px 50px!important;
	font-size: 35px;
}

.white-body{
	width: 100%;
    padding: 0px 0px!important;
}
.form-gq{
	height: 630px;
}

.baner22{
	background-image: url("../images/officez.jpeg");
	height: 360px;
	z-index: -1;	
}

.fills{
	padding: 30px 50px 0 50px;
}

.tick{
	padding: 7px;
}

.big-box{
	padding: 20px 50px 20px 50px;
}
.form-bution button{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 6px 22px;
    background-color: #f2f2f2!important;
    float: right;
    margin: 25px 50px 20px 0;
  }

  .form-bution button:hover{
  	
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
    background-color: #263647!important;
  }

.blogthumb {
	width: 50%;
}
.col-half {
	width: 100%;
}
.core-service-div {
	width: 100%;
	margin: 60px 0px 0px;
}
.core-service {
	padding-top: 0px;
}
.down-arrow {
	padding-top: 25px;
}
section {
	padding: 30px 0px;
}
.section2 {
	padding: 20px 0px 70px;
}
.pd-tp-50 {
	padding-top: 10px;
}
h2 {
	font-size: 36px;
	line-height: 40px;
}
.footersec, .footerlink, .footersocial  {
	width: 49%;
	padding-right: 15px;
}
.innerhead {
	padding: 0px;
}
.col-half-1 {
	width: 100%;
}
.frmcontact {
	padding: 50px 36px;
}
.addcontent {
	padding: 0 41px;
}
.tab-navigarion a {
	padding: 12px;
}
.testimonials {
	padding: 15px 30px 50px;
}
.pin {
	margin: 0px 20px;
	width: 44%;
}
.quote {
	width: 8%;
}
.testimonial-text {
	font-size: 16px;
}
.testimonial-text p {
	line-height: 28px;
}
.portfolioFilter a {
	padding: 15px 18px;
}
.blog h2 {
	font-size: 30px;
}
.blog-left {
	width: 100%;
}
.blog-right {
	width: 100%;
}
.caption-slide {
	bottom: -63px;
}
.slider-text {
	width: 56%;
}
.slider-text h1 {
	font-size: 30px;
	line-height: 36px;
}
.slider-text h6 {
	font-size: 24px;
	line-height: 30px;
}
.slider-caption h4 {
	line-height: 22px;
}
.slider-caption, .btn-red-slider {
	padding: 24px 20px;
	z-index: 1;
}
.applyfieds {
	padding: 0px 10px 30px;
}
.applyfiedsfull {
	padding: 0px 10px 30px;
}
.inputfile-6 + label span {
	display: none;
}
.inputfile-6 + label strong {
	width: 100%;
}
.frmapplynow button {
	margin-left: 10px;
}
.gallery-half {
	width: 100%;
}
.section33 {
	width: 50%;
}
.membercontent-half {
	padding: 60px 0px 40px;
	width: 100%;
}
.abouttextbottom {
	padding: 60px 0px 45px;
}
.member {
	width: 50%;
}
.member-half-data {
	padding: 0px 0px 45px;
}
.checkbox {
	width: 33%;
}
.case-half2, .case-half {
	width: 100%;
}
.full-img iframe {
	height: 410px;
}
.col-home-content {
	width: 82%;
}
.portfolioFilter .sectionstrategy {
	padding: 20px 0px 0px;
}
.grid .casestudythumb:last-child, .grid .blogthumb:nth-child(3) {
	display: none;
}
body.home .grid .casestudythumb:last-child {
	display:block;
}
.pressreleaserow {
	padding: 50px 0px 50px;
}
.pressreleaserowgray {
	padding: 50px 30px 40px;
}
.sitemaplist li {
	width: 33%;
}
.sitemaplist li.col-full {
	width: 100%;
}
.hiringdiv {
	padding: 18px 30px;
}
.wearehiringrow h3 {
	font-size: 32px;
}
.grid .effect-blur figcaption{
	padding:30px;
	bottom:-100px;
	}
.grid .effect-blur figcaption .cityhover{
	top:30px;
	}
.gridblogtitle{
	padding:30px 20px 30px;
	}	
}
@media only screen and (max-width:768px) {
.membercontent {
	padding: 48px 52px 47px;
}
.grid .effect-blur figcaption {
	padding: 30px 20px 20px;
	bottom: -120px;
}
.grid .effect-blur figcaption .casetag{min-height:90px;}	
.grid .effect-blur:hover figcaption h4 {
	margin: 10px 0px 14px;
}
.grid .effect-blur:hover figcaption .casetag {
	margin: 0px 0px 5px;
}
.grid .effect-blur figcaption .casetag {
	min-height: 116px;
}
.grid .effect-blur figcaption {
	bottom: -150px;
}


/*--------amaeka-button------*/

.amk-btn a{
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 5px 15px;
    text-align: center;
}

.amk-btn a:hover{
	background-color: #289795;
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
}

/*--------amaeka-button-end------*/

.creer-btn a {
    margin-left: 0px;
}

}	

}
@media only screen and (max-width:767px) {
section {
	padding: 60px 0px;
}
.core-service-div {
	width: 100%;
	margin: 60px 0px 0px;
}
.core-service {
	padding: 20px 0px;
}
h3 {
	font-size: 24px;
	line-height: 30px;
}
.footersec {
	width: 49%;
	padding-right: 15px;
}
h1 {
	font-size: 36px;
	line-height: 36px;
}
.gallery-half, .gallery-sm {
	width: 100%;
}
.videodiv iframe {
	height: 300px;
}
.casestudy-info, .casestudy-infowhite {
	padding: 30px 20px;
}
.full-img, .half-img {
	width: 100%;
}
.frmcontact {
	padding: 50px 30px;
}
.min-height50 {
	min-height: 60px;
}
.testimonials {
	padding: 10px 30px 40px;
	width: 100%;
}
.pin {
	width: 100%;
	padding: 35px 0px 25px;
	margin: 0px;
}
.testimonial-text {
	width: 100%;
	margin-left: 0px;
}
.quote {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.portfolioFilter a {
	font-size: 14px;
	padding: 12px 9px;
	margin-right: 5px;
}
.blog {
	width: 100%;
	padding: 60px 40px 40px;
}
.blog h2 {
	font-size: 24px;
}
.blogtitle {
	padding-top: 80px;
}
.slider-text {
	width: 85%;
}
.slider-text h1 {
	font-size: 40px;
	line-height: 46px;
}
.slider-caption h4 {
	font-size: 20px;
}
.caption-slide {
	width: 248px;
}
.slider-text h6 {
	font-size: 30px;
	line-height: 36px;
}
.slider-text h1 {
	font-size: 46px;
	line-height: 50px;
}
.applyfieds {
	width: 100%;
	padding: 0px 0px 30px;
}
.applyfiedsfull {
	padding: 0px 0px 30px;
}
.frmapplynow {
	padding: 80px 0px 30px;
}
.frmapplynow button {
	margin-left: 0px;
}
.membercontent {
	padding: 24px 20px 7px;
}
.col-pad-address {
	padding: 40px 40px 30px;
}
.col-pad-address h4 {
	margin-bottom: 0px;
}
.location {
	margin: 0px 0px 10px;
}
.col-pad-address a {
	margin-bottom: 15px;
}
.mapbtn {
	margin-top: 28px;
}
.checkbox {
	width: 50%;
}
.addcontent {
	padding: 0px 36px;
}
.full-img iframe {
	height: 340px;
}
.col-home-content {
	width: 100%;
}
#typed {
	width: 100%;
	display: inline-block;
}
.avtarname {
	width: 79%;
}
.blogthumb {
	width: 100%;
}
.grid .blogthumb:nth-child(3) {
	display: block;
}
.sitemaplist li {
	width: 50%;
}
.wearehiringrow h3 {
	font-size: 34px;
	line-height: 40px;
}
.hiringtitile {
	width: 100%;
}
.applynowbtn {
	width: 100%;
	padding-top: 15px;
	text-align: left;
}
.maph{
	height:300px;
	}
.clientgrid{
	width:50%; 
	}
}
@media only screen and (max-width:640px) {
.inputfile-6 + label span {
	width: 70%;
	display: block;
}
.inputfile-6 + label strong {
	width: 30%;
}
.logo {
	margin: 15px 0px;
}
.pressreleaserow {
	padding: 50px 0px 50px;
}
.pressreleaserowgray {
	padding: 50px 20px 40px;
}
.smalltitle span {
	font-size: 20px;
}
/*.grid .effect-blur figcaption {
    padding: 20px;
	bottom:-110px;
}*/
.grid .effect-blur figcaption h4{
	font-size:20px;
	}
.grid .effect-blur figcaption .cityhover{
    top: 15px;
}
.mobile_nav .logo {
    float: left;
    background: url(https://www.litmusbranding.com/ast/themes/litmus/images/logo-multy-left.svg) no-repeat;
}
}
@media only screen and (max-width:600px) {
.inputfile-6 + label span {
	width: 64.7%;
}
.inputfile-6 + label strong {
	width: 35.3%;
}
.membercontent {
	padding: 13px 10px;
}
.membercontent p {
	margin: 0px;
}
}
@media only screen and (max-width:599px) {
.wearehiringrow h3 {
	font-size: 30px;
	line-height: 36px;
}
/*.grid .effect-blur figcaption {
	bottom:-80px;
}*/
}
@media only screen and (max-width:480px) {
.footersec {
	width: 100%;
	padding: 50px 0px 0px;
}
.footersocial{
	width: 100%;
	padding: 50px 0px 0px;
	}
.casestudythumb {
	width: 100%;
}
.info {
	margin-top: 0px;
}
h1 {
	font-size: 32px;
	line-height: 40px;
}
h2 {
	font-size: 24px;
	line-height: 26px;
}
.down-arrow {
	padding-top: 70px;
}
.col-home-content a {
	margin-top: 20px;
}
.videodiv iframe {
	height: 245px;
}
h4 {
	font-size: 20px;
	margin-bottom: 15px;
}
.footerdiv h4 {
	font-size: 20px;
}
.form-half, .form-full {
	width: 100%;
	padding: 0px 0px 20px;
}
.frmcontact button {
	margin-left: 0px;
}
.frmcontact {
	padding: 40px 15px;
}
.gray-bg {
	padding: 60px 0px;
}
.margin-bottom-50 {
	margin-bottom: 20px;
}
.calltoaction {
	padding: 50px 0px;
}
.testimonials {
	padding: 10px 20px 40px;
	width: 100%;
}
.blog {
	width: 100%;
	padding: 30px;
}
.blog h2 {
	font-size: 20px;
	line-height: 24px;
}
.blogtitle {
	padding-top: 40px;
}
.blogtitle h2 {
	font-size: 20px;
	line-height: 30px;
}
.slider-text {
	width: 80%;
}
.slider-text h1 {
	font-size: 30px;
	line-height: 36px;
}
.slider-text h6 {
	font-size: 26px;
	line-height: 32px;
}
.slider-caption h4 {
	font-size: 18px;
}
.caption-slide {
	right: 0px;
	padding: 0px 20px;
	width: 100%;
}
.inputfile-6 + label span {
	width: 59%;
}
.inputfile-6 + label strong {
	width: 41%;
}
.col-half-2 {
	width: 100%;
}
.strategytext {
	margin-top: 40px;
}
.sectionstrategy {
	padding-top: 40px;
}
.section33 {
	width: 100%;
	padding: 0px 0px 20px;
}
.videodiv {
	margin: 45px 0px 0px;
}
.abouttextbottom {
	padding: 45px 0 30px;
}
.aboutdata-rt {
	padding: 30px 20px 15px;
}
.member, .member-col-50 {
	width: 100%;
}
.membercontent {
	padding: 45px 0px 25px;
}
.membercontent-half {
	padding: 45px 0px 30px;
}
.member-half-data {
	padding: 0px 0px 30px;
}
.col-pad-address {
	padding: 35px 20px 25px;
}
.location {
	width: 100%;
}
.mapbtn {
	width: 100%;
	margin: 0px 0px 15px;
}
.col-pad-address a {
	margin: 0px;
}
.addcontent {
	padding: 0px;
}
.strategytext p {
	font-size: 24px;
	line-height: 30px;
}
.contact-sm {
	width: 100%;
}
.full-img iframe {
	height: 200px;
}
.teletype-text {
	display: block;
}
.clientgrid{
	width:100%;
	padding:0px;
	}
.clientmap,.clietnFilter{
	padding:0px;	
	}	
.blog-grid{
	width:100%;
	padding:0px;
	}
.blog-list{
	padding:0px;	
	}	
.gridblogtitle{
	padding:20px;
	min-height:190px;
	}
.btnabsbottom{
	bottom:20px;
	}

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

.pic-over h2{
	padding: 25px 0 20px 50px!important;
	font-size: 35px;
}

.white-body{
	width: 100%;
    padding: 0px 0px!important;
}

.form-gq{
	height: 900px !important;
}

.baner22{
	background-image: url("../images/officez.jpeg");
	height: 340px!important;
	z-index: -1;	
}

.fills{
	padding: 30px 50px 0 50px;
}

.tick{
	padding: 7px;
}

.big-box{
	padding: 20px 50px 20px 50px;
}
.form-bution button{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 6px 22px;
    background-color: #f2f2f2!important;
    float: right;
    margin: 25px 50px 20px 0;
  }

  .form-bution button:hover{
  	
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
    background-color: #263647!important;
  }

h1 {
	font-size: 24px;
	line-height: 30px;
}
h6 {
	font-size: 23px;
	line-height: 45px;
}
h2 {
	font-size: 24px;
	line-height: 30px;
}
.core-service-div h4 {
	margin-top: 20px;
}
.casestudies {
	margin: 40px 0px;
}
.videodiv iframe {
	height: 180px;
}
.tab-navigarion a {
	display: block;
	margin: 10px 0px 10px;
}
.portfolioFilter a {
	margin: 0px 0px 8px;
}
.caption-slide {
	bottom: -41px;
	right: 0px;
	padding: 0px 20px;
	width: 100%;
}
.slider-data {
	top: 10%;
}
.slider-caption {
	padding: 18px 15px;
}
.btn-red-slider {
	z-index: 1;
	padding: 18px 15px;
}
.slider-caption h4 {
	font-size: 16px;
}
.slider-text h1 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px;
}
.slider-text h6 {
	font-size: 18px;
	line-height: 24px;
}
.inputfile-6 + label span {
	display: none;
}
.inputfile-6 + label strong {
	width: 100%;
}
.frmapplynow span {
	width: 90%;
	vertical-align: top;
}
.checkbox {
	width: 100%;
}
.sitemaplist li {
	width: 100%;
}

.gridblogtitle{
	padding:20px;
	min-height:190px;
	}
	

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



.pic-over h2{
	padding: 25px 0 20px 50px!important;
	font-size: 27px;
}

.white-body{
	width: 100%;
    padding: 0px 0px!important;
}

.form-gq{
	height: 630px;
}

.baner22{
	background-image: url("../images/officez.jpeg");
	height: 360px;
	z-index: -1;	
}

.fills{
	padding: 30px 50px 0 50px;
}

.tick{
	padding: 7px;
}

.big-box{
	padding: 20px 50px 20px 50px;
}
.form-bution button{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 6px 22px;
    background-color: #f2f2f2!important;
    float: right;
    margin: 25px 50px 20px 0;
  }

  .form-bution button:hover{
  	
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
    background-color: #263647!important;
  }	
.videodiv iframe {
	height: 148px;
}
.slider-caption {
	padding: 14px 15px;
}
.btn-red-slider {
	z-index: 1;
	padding: 14px 15px;
}
.full-img iframe {
	height: 150px;
}
h1 {
	font-size: 20px;
}
.avtarname {
	width: 62%;
}
}


/* animation */ 
.animated {
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes bounce_ball {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:0;
}
20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
opacity:1;
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px);
opacity:1;
}
}
@keyframes bounce_ball {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
opacity:0;
}
20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px);
opacity:1;
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px);
opacity:1;
}
}
.bounce_ball {
	-webkit-animation-name: bounce_ball;
	animation-name: bounce_ball;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg);
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg);
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg);
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg);
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg);
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg);
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg);
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg);
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%);
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg);
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg);
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%);
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9);
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9);
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px);
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px);
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px);
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px);
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px);
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px);
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px);
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px);
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px);
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px);
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px);
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1);
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95);
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95);
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform:translateX(-100%) skewX(30deg);
transform:translateX(-100%) skewX(30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(20%) skewX(-30deg);
transform:translateX(20%) skewX(-30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(15deg);
transform:translateX(0%) skewX(15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform:translateX(-100%) skewX(30deg);
-ms-transform:translateX(-100%) skewX(30deg);
transform:translateX(-100%) skewX(30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(20%) skewX(-30deg);
-ms-transform:translateX(20%) skewX(-30deg);
transform:translateX(20%) skewX(-30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(15deg);
-ms-transform:translateX(0%) skewX(15deg);
transform:translateX(0%) skewX(15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0;
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1;
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-200%) rotate(-360deg);
transform:translateX(-200%) rotate(-360deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
@keyframes rollInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-200%) rotate(-360deg);
-ms-transform:translateX(-200%) rotate(-360deg);
transform:translateX(-200%) rotate(-360deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
.rollInLeft {
	-webkit-animation-name: rollInLeft;
	animation-name: rollInLeft;
}
@-webkit-keyframes rollInRight {
0% {
opacity:0;
-webkit-transform:translateX(200%) rotate(360deg);
transform:translateX(200%) rotate(360deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
@keyframes rollInRight {
0% {
opacity:0;
-webkit-transform:translateX(200%) rotate(360deg);
-ms-transform:translateX(200%) rotate(360deg);
transform:translateX(200%) rotate(360deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
}
.rollInRight {
	-webkit-animation-name: rollInRight;
	animation-name: rollInRight;
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
50% {
opacity:1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
-ms-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
-ms-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
@-webkit-keyframes zoomElement {
0% {
opacity:0;
-webkit-transform:scale(1.7);
transform:scale(1.7);
}
100% {
opacity:1;
}
}
@-moz-keyframes zoomElement {
0% {
opacity:0;
-moz-transform:scale(1.7);
transform:scale(1.7);
}
100% {
opacity:1;
}
}
@keyframes zoomElement {
0% {
opacity:0;
-webkit-transform:scale(1.7);
-ms-transform:scale(1.7);
transform:scale(1.7);
}
100% {
opacity:1;
}
}
.zoomElement {
	-webkit-animation-name: zoomElement;
	animation-name: zoomElement;
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3);
}
100% {
opacity:0;
}
}
@keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
50% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
100% {
opacity:0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom;
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
-ms-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
-ms-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
transform-origin:center top;
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top;
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
/* jquery ui */

/*! jQuery UI - v1.11.0 - 2014-08-12
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
}
.ui-front {
	z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}
/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/*15-11-17 services-logo-design page changes start*/
section.servicerow {
	padding: 148px 0 0;
}
.white-bg-color {
	background: #fff;
}
.service-logo-cntnt h1 {
	margin-bottom: 22px;
	font-size:72px;
	line-height:72px;
}
.service-logo-cntnt p {
    font-size: 30px;
    line-height: 36px;
    margin: 0px 0 0 6px;
    color: #333;
    font-weight: 400;
}
.servicelogo-list {
	width: 100%;
	display: inline-block;
	clear: both;
}
.services-whitebg {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.services-graybg {
	background: #f1f1f1;
	padding: 100px 100px 108px 100px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 87px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.services-whitebg {
	background: #ffffff;
	padding: 72px 100px 97px 100px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.services-whitebg .servicelogo-left {
	float: right;
}
.services-whitebg .servicelogo-right {
	float: left;
	padding-left: 0px;
	padding-right: 35px;
}
.servicelogo-slider img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.servicelogo-left {
	float: left;
	width: 40%;
	padding: 5px 42px 5px 5px;
}
.services-whitebg h2, .services-graybg h2 {
    text-align: left;
	margin-bottom: 20px;
	font-size: 24px;
}
.services-whitebg .servicelogo-left{padding:5px 0px 5px 42px;}
.servicelogo-left p {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	font-weight: 300;
	font-family: "proxima-nova", sans-serif
}
.servicelogo-right {
	float: right;
	width: 60%;
	margin-left: 0;
	display: inline-block;
	padding-left: 40px;
}
.servicelogo-right .slick-dots {
	bottom: -29px;
}
.servicelogo-right .slick-prev, .servicelogo-right .slick-next {
	display: none !important;
}
.services-factcntnt {
	margin: 0 auto;
	max-width: 1008px;
	border: 5px solid #000;
	padding: 25px 100px 22px;
	width: 100%;
}
.service-fact, .work-slide {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.cntntfact h3 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
	color: #000;
	margin: 0 auto 10px;
}
.cntntfact p {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #333;
	text-align: center;
	width: 100%;
	max-width: 740px;
	float: none;
	display: block;
	margin: 0 auto;
}

.section-two {
	padding:0px 0 0px 0;
	position:relative;
}
.section-two h1 {
	margin:0 0 45px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
	line-height:35px;
	color: #333;
}

.baner22 h3{
	z-index: 99;
	text-align: center;
}
.baner22 h1{
	text-align: center;
	text-transform: uppercase;
	font-size: 40px;
}



.about-full{
	margin-bottom: 30px;
}

.about-head h1{
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
	line-height:35px;
	color: #263647;
}

.about-head h1 span{
	display: block;
}

.about-head p{
	text-align: center;
}

.team-head h1{
	margin:0 0 40px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
	line-height:35px;
	color: #263647;
}

.grey-box{
	background-color: #414e5a;
	padding: 55px 40px 40px 80px;
	margin-top: 40px;
}
.grey-box h2{
	text-align: left;
	font-size: 48px;
	color: #fff;
}

.grey-box h6{
	text-align: left;
	color: #fff;
	font-style: italic;
}

.grey-box p{
	color: #fff;
}


.center-line h1{
margin:0 0 45px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	font-weight:400;
	line-height:35px;
	color: #263647;
	position:relative;
	text-transform: lowercase;
 
}
.center-line h1:before{
content: "";
display:block;
width: 30%;
height:1px;
background: #ccc;
position: absolute;
left: 135px;
top: 50%;
z-index: -2;
}
.center-line h1:after{
content: "";
display:block;
width: 30%;
height:1px;
background: #ccc;
position: absolute;
right: 135px;
top: 50%;
z-index: -2;
}

.short-bnr-txt{
	padding:30px 0 0 0;
}

.short-bnr-txt h2{
	color: #f2f2f2;
}

.doing-full{
	margin-bottom: 30px;
}

.doing-head{
	
}

.doing-head h1{
	padding:0;
	text-align:left;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
	line-height:35px;
	color: #263647;
}

.doing-head h1 span{
	display: block;
}

.doing-head p{
	text-align: center;
}

.doing-icon{
	margin: 35px 0;
}

.doing-icon img{
	width: 25%;
}

.doing-icon h5{
	font-weight: 800;
	margin: 15px 0;
}

.doing-icon p{
	font-size: 15px;
}

.doing-icon a{
	font-weight: 700;
	text-decoration: underline;
}

.row:before{
	content: " ";
	display: table;
}

.steps {
	text-align: center;
}

.steps{
	font-size: 26px;
    color: #a0a2a2;
    font-weight: 600;
}

.steps p{
	font-size: 15px;
    text-align: justify;
    margin: 10px 30px 0 25px;
    color: #54667a;
    font-weight: 400;
}

.y-steps-l p{
	font-size: 15px;
    text-align: left;
    margin: 0px;
    color: #000;
    font-weight: 400;
}

.y-steps-r p{
	font-size: 15px;
    text-align: right;
    margin: 0px;
    color: #000;
    font-weight: 400;
}

.y-steps-r{
	font-size: 26px;
    color: #263647;
    font-weight: 600;
    text-align: right;
    margin-bottom: 40px;
    margin-top: 25px
}

.y-steps-l{
	font-size: 26px;
    color: #263647;
    font-weight: 600;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 25px
}

.y-img{
	width: 65px;
}

.y-img img{
	width: 100%;
    margin-top:  60px;

}

.ycontent {
    width:75%;
    float:left;
}

.ysidebar {
    width:25%;
    float:right
}


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

    .ycontent, .ysidebar {
        float: none;
    }
    .fon-img {
	
}

}

.img img{
	width: 18%;
    margin-left: 150px;
    margin-bottom: 25px;
}

.arrow-r{
	position: absolute;
    top: 8%;
    left: 63%;
    width: 65%;
    height: 1px;
    background: #ccc;
}

.arrow-r:after{
	    position: absolute;
    top: -8px;
    right: 3px;
    display: block;
    width: 18px;
    height: 18px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    content: "";
    transform: rotate(43deg);
}

.center-line {
	margin-top: 30px;
}

.procss hr{
	width: 20%;
    float: left;
    margin-right: 75%;
    height: 3px;
    background-color: #263647;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*--------------------OUR_PROCESS--------------*/
.procss h4{
	font-size: 22px;
	margin-bottom: 20px;
	color: #f1f1f1;
	text-transform: uppercase;
	font-weight: 700;	
}

/*--------------------OUR_PROCESS_end--------------*/

.clients{
	background-color: #fff;
	height: auto;
	padding: 30px;
}


.client-item.with-hover .img {
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
}

 .client-item.with-hover .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
}

.border-bottom{
	position: absolute;
    right: 5%;
    bottom: 0;
    width: 90%;
    height: 1px;
    
}

.border-bottom2{
	
    right: 5%;
    bottom: 0;
   
    height: 1px;
    display: none;
}

.border-right{
	    position: absolute;
    top: 5%;
    right: 0;
    height: 90%;
    width: 1px;
    display: block;
}

@media (max-width:399px) {
	.center-line h1:before{
content: "";
display:block;
width: 30%;
height:1px;
background: #ccc;
position: absolute;
left: 0px;
top: 50%;
z-index: -2;
}

.clients{
	background-color: #f1f1f1;
	height: auto;
	padding: 0px;
}

.border-bottom{
	position: absolute;
    right: 5%;
    bottom: 0;
    width: 90%;
    height: 1px;
    
}

.border-bottom2{
	
    right: 5%;
    bottom: 0;
   
    height: 1px;
    display: block;
}

.border-right{
	    position: absolute;
    top: 5%;
    right: 0;
    height: 90%;
    width: 1px;
    display: block;
}


.center-line h1:after{
content: "";
display:block;
width: 30%;
height:1px;
background: #ccc;
position: absolute;
right: 0px;
top: 50%;
z-index: -2;
}
.img img{
	margin-left: 150px;
	margin-top: 20px;
	width: 17%;
}

.y-img{
	width: 20%;
}

.y-img img{
	margin: 20px 0 15px 125px;
	width: 100%;
}
.arrow-r {
	width: 1px;
    height: 70%;
    top: 50%;
    left: 15%;
    visibility: hidden;
}
.arrow-r:after{
	top: auto;
    right: -8px;
    bottom: 3px;
    transform: rotate(134deg);
}

.steps p{
	    font-size: 13px;
    text-align: justify;
    margin: 10px 20px 0px 20px;
    color: #000;
    font-weight: 200;
}

.y-steps{
	    font-size: 26px;
    color: #263647;
    font-weight: 600;
    text-align: center;
}

.y-steps-r p{
	font-size: 13px;
    text-align: right;
    margin: 10px 0px 0px 0px;
    color: #000;
    font-weight: 200;
}

.y-steps-l{
	font-size: 26px;
    color: #263647;
    font-weight: 600;
    text-align: left;
    margin: 40px 0 25px 17px;
}


.y-steps-l p{
	font-size: 13px;
    text-align: left;
    margin: 10px 0px 0px 0px;
    color: #000;
    font-weight: 200;
}

.border-right{
	display: none;
}

}

.services-factcntnt .slick-prev, .services-factcntnt .slick-next {
	background: url('../images/arrow-sprite.png') no-repeat;
	width: 8px;
	height: 14px;
	margin-top: -6px;
}
.services-factcntnt .slick-prev {
	left: -63px;
	background-position: 0px 0px;
}
.services-factcntnt .slick-prev:hover {
	background-position: 0px -20px;
}
.services-factcntnt .slick-next {
	right: -63px;
	background-position: -16px 0px;
}
.services-factcntnt .slick-next:hover {
	background-position: -16px -20px;
}
/*.calltoaction.servicelogobox {
	padding: 99px 0 94px;
}
.calltoaction.servicelogobox h3 {
	margin-bottom: 33px;
}
section.servi-sec {
	padding: 100px 0px 125px;
}
section.servi-sec h2 {
	margin-bottom: 45px;
	color: #999;
}*/
 @media (max-width:1366px) {
	.social a{margin-right: 13px;}
 }

  @media (max-width:1280px) {
  	.social a{margin-right: 10px;}
  }

 @media (max-width:1199px) {
	.services-whitebg {
		padding: 40px 40px 90px;
	}
	.services-graybg {
		padding: 40px;
		margin-top: 60px;
	}
	section.servicerow {
		padding: 100px 0 0;
	}
	.social a{margin-right: 7px;}
}

@media (max-width:1024px) {
	.services-factcntnt {
		max-width: 880px;
	}
	section.servicerow {
		padding: 60px 0 20px;
	}
	.servicelogo-left, .servicelogo-right, .services-whitebg .servicelogo-right, .services-whitebg .servicelogo-left {
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.services-whitebg .servicelogo-right {
		padding-bottom: 40px;
	}
	.services-whitebg {
		display: inline-block;
		padding: 10px 30px 0px;
	}
	.services-graybg {
		margin-top: 40px;
		display: inline-block;
		padding: 50px;
	}
	.servicelogo-right, .services-whitebg .servicelogo-right {
		text-align: center;
	}
	.services-factcntnt {
		padding: 25px 70px 25px;
		margin-top:15px;
	}
	.services-factcntnt .slick-prev {
		left: -33px;
	}
	.services-factcntnt .slick-next {
		right: -33px;
	}
	.service-logo-cntnt h1{font-size:52px;line-height:52px;}
	.service-logo-cntnt p {
	font-size: 23px;
	line-height: 32px;
}
}

@media (max-width:991px) {
	.social a {
		margin-right: 10px;
	}
}
@media (max-width:639px) {
	.service-logo-cntnt h1{font-size:52px;line-height:52px;}
	.service-logo-cntnt p {
	font-size: 20px;
	line-height: 30px;
}
.service-logo-cntnt p > br{display:none;}
}

@media (max-width:479px) {
	.service-logo-cntnt h1{font-size:39px;line-height:39px;}
	.service-logo-cntnt p {
	font-size: 16px;
	line-height: 23px;
}
	.service-logo-cntnt p {
		font-size: 16px;
		line-height: 24px;
		margin: 0px;
	}
	.service-logo-cntnt h1 {
		margin-bottom: 10px;
	}
	section.servicerow {
		padding: 30px 0 20px;
	}
	.servicelogo-left p {
		font-size: 16px;
		line-height: 22px;
		text-align: justify;
	}
	.services-factcntnt {
		padding: 25px 25px 25px;
	}
	.services-factcntnt .slick-prev {
		left: -18px;
	}
	.services-factcntnt .slick-next {
		right: -18px;
	}
	.cntntfact p {
		font-size: 16px;
		line-height: 22px;
	}
	.services-graybg {
		/*padding: 10px 20px 55px;*/
		padding:30px;
		margin-top:30px;
	}
	.services-whitebg {
		padding: 10px 20px 0;
	}
	.cntntfact h3 {
		font-size: 25px;
	}
	.services-factcntnt {
		margin-top: 5px;
}
	
}


/*15-11-17 services-logo-design page changes END*/

/*060718 member hoverbox css in about page*/
.member{position: relative;z-index: 1;}
.arrowlft .member-hoverbox{position: absolute;left:100%;top: 0;z-index: 2;display: none;}
.member-hover-cntnt{
	background: #fff;
	position: relative;
	width: 790px;
	height: 395px;
	padding: 70px;
	text-align: center;
	-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.09);
	box-shadow: 0 0 40px 0 rgba(0,0,0,.09);
}
.arrowlft .member-hover-cntnt:after{
	position: absolute;
	content: '';
	top: 40px;
	right:100%;
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent; 
	border-right:12px solid #fff; 
}
.arrowrht .member-hoverbox{position: absolute;right:100%;top: 0;z-index: 2;display: none;}
.arrowrht .member-hover-cntnt:after{
	position: absolute;
	content: '';
	top: 40px;
	left:100%;
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #fff;
}
.member-divider{
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #c41313;
	margin: 70px auto;
}
.member-hover-cntnt p{
	color: #000;
	font-size: 17px;
	line-height: 26px;
	margin: 0 auto 15px;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.member-hover-cntnt p > strong{
	font-size: 20px;
	text-transform: uppercase;
}
.member-hover-cntnt img {
	max-width: 10%;
	width: auto;
	height: auto;
	margin: 80px auto 0;
	display: block;
}
.closeicn {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 40px;
	right: 40px;
}
.closeicn a {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.start{

}
a.about-linkedin {
	position: relative;
	display: inline-block;
	width: 20px;
	text-align: left;
	margin: 5px 0px 0px;
	height: 20px;
	float: left;
	clear: both;
}
a.about-linkedin:after{ 
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background-image: url('../images/linkedin.png');
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.about-linkedin:hover:after{
	background-position: 0px -18px;
}


@media(max-width: 1600px){
.member-hover-cntnt{width: 780px;height: 390px;}
}

@media(max-width: 1440px){
	.member-hover-cntnt{width: 700px;height: 350px;}
}

@media(max-width: 1400px){
	.member-hover-cntnt{width: 680px;height: 340px;padding: 45px 45px 0;}
}
@media(max-width: 1366px){
	.member-hover-cntnt{width: 663px;height: 332px;}
}

@media(max-width: 1280px){
	.member-hover-cntnt{width: 620px;height: 310px;padding: 25px 30px 0px;}
	.closeicn{right: 20px;top: 20px;}
}
@media(max-width: 1152px){
	.member-hover-cntnt{width: 460px;height: 350px;}
	.member-hover-cntnt p{font-size: 16px;line-height: 23px;}
	a.about-linkedin{margin: 0px;}
}
@media(max-width: 1024px){
	.member-hover-cntnt{width: 350px;height: 351px;padding: 20px 20px 0px;}
	.member-hover-cntnt p {
		font-size: 15px;
		line-height: 20px;
	}
}
@media(max-width: 812px){
	.member-hover-cntnt{width: 386px;height: 386px;padding: 30px 20px 0px;}
}
@media(max-width: 800px){
	.member-hover-cntnt {
		width: 760px;
		height: 380px;
		padding: 50px 40px 0px;
	}
	.member-hover-cntnt p {
		font-size: 16px;
		line-height: 24px;
	}
	.arrowlft:nth-child(odd) .member-hoverbox, .arrowrht:nth-child(odd) .member-hoverbox{top:100%;left: 0;}
	.arrowlft:nth-child(odd) .member-hover-cntnt::after, .arrowrht:nth-child(odd) .member-hover-cntnt::after{
		border-left: 12px solid transparent;
		border-right: 12px solid transparent; 
		border-bottom: 12px solid #fff;
		top: -24px;
		left: 30px;
	}
	.arrowrht:nth-child(even) .member-hoverbox, .arrowlft:nth-child(even) .member-hoverbox {
		top: 100%;
		right: 0;
		left:inherit;
	}
	.arrowrht:nth-child(even) .member-hover-cntnt::after, .arrowlft:nth-child(even) .member-hover-cntnt::after{
		border-left: 12px solid transparent;
		border-right: 12px solid transparent; 
		border-bottom: 12px solid #fff;
		top: -24px;
		left: inherit;
		right: 30px;
	}
	a.about-linkedin{margin: 5px 0px 0px;}
}
@media(max-width: 768px){
	.member-hover-cntnt {
		width: 728px;
		height: 368px;
	}
}

@media(max-width: 736px){
	.member-hover-cntnt {
		width: 696px;
		height: 348px;
	}
}

@media(max-width: 667px){
	.member-hover-cntnt {
		width: 520px;
		height: 335px;
	}
}
@media(max-width: 640px){
	.member-hover-cntnt {
		width: 600px;
		height: 300px;
		padding: 30px 30px 0px;
	}
}
@media(max-width: 568px){
	.member-hover-cntnt {
		width: 528px;
		height: 264px;
		padding: 20px 20px 0px;
	}
	.member-hover-cntnt p {
		font-size: 15px;
		line-height: 22px;
	}
}
@media(max-width: 480px){
	.member-hover-cntnt {
		width: 100%;
		height: 440px;
		padding: 50px 20px 40px;
	}
	.member-hover-cntnt p {
		font-size: 16px;
		line-height: 24px;
	}
	.closeicn a{width:70%;height: 70%;}
	.closeicn {
		right: 10px;
		top: 20px;
	}
	.arrowlft:nth-child(2n+1) .member-hoverbox, .arrowrht:nth-child(2n+1) .member-hoverbox{right: 0px;}
}

@media(max-width: 415px){
	.member-hover-cntnt {
		height: 410px;
		padding: 40px 20px 40px;
	}

	.section-two{

	margin:0 0 0px 0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:20px;
	font-weight:800;
	line-height:25px;
	color: #333;
}

}

@media(max-width: 375px){
	.member-hover-cntnt {
		height: 490px;
		padding: 30px 20px 0;
	}
}

@media(max-width: 360px){
	.member-hover-cntnt {
		height: 450px;
	}
}

@media(max-width: 320px){
	.member-hover-cntnt {
		height: 440px;
	}
	.member-hover-cntnt p {
		font-size: 15px;
		line-height: 22px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%____SLIDER-START_____%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.slider {
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider__nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slider__nav:checked {
  -webkit-animation: check 0.5s linear forwards;
  animation: check 0.5s linear forwards;
}

.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%);
}

.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  -webkit-transform: translateX(-75%);
  transform: translateX(-75%);
}

.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider__image { font-size: 2.7rem; }

.slider__caption {
  font-weight: 700;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 300px;
}
 @-webkit-keyframes 
check {  50% {
 outline-color: #333;
 box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
}
 100% {
 outline-color: #333;
 box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}
 @keyframes 
check {  50% {
 outline-color: #333;
 box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
}
 100% {
 outline-color: #333;
 box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
}
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%____SLIDER-END_____%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.career-full{
	margin-bottom: 30px;
}

.career-head h1{
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-size:35px;
	font-weight:800;
	line-height:35px;
	color: #263647;
}

.career-head h1 span{
	display: block;
}
.career-box{
	border: 1px solid #cecece;
	padding: 15px;
	margin-bottom: 25px;
	box-shadow: 4px 4px 11px 4px #dcdcdc66;
}
.career-box img{
	margin-bottom: 20px;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%GET A QUOTE%%%%%%%%%%%%%%%%%%%%%%%%%*/
.white-body{
	width: 100%;
    padding: 20px 60px!important;
}
.pic-over{
	width: 75%;
	height: auto;
	background-color: #f2f2f2;
	z-index: 2;
	position: absolute;
	top: 200px;
}

.pic-over h2{
	padding: 40px 35px 40px 50px!important;
	font-size: 29px;
}
.form-gq{
	height: 670px;
}

.baner22{
	background-image: url("../images/officez.jpeg");
	height: 460px;
	z-index: -1;	
}

.fills{
	padding: 30px 50px 0 50px;
}
.fills2{
	padding: 0px 50px 0 50px;
}

.tick{
	padding: 7px;
}

.big-box{
	padding: 20px 50px 20px 50px;
}
.form-bution button{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    color: #263647;
    border: 3px solid #30a483;
    padding: 6px 22px;
    background-color: #f2f2f2!important;
    float: right;
    margin: 25px 50px 20px 0;
  }

  .form-bution button:hover{
  	
    color: #ffffff;
    text-decoration: none;
    border: 3px solid #33959c;
    background-color: #263647!important;
  }

  .wh-lft-txt2 {
	background:url(../images/wh-lft-txt-bg.png) center center;
	background-repeat:repeat;
	width:400px;
	min-height:305px;
	margin:0px auto 0 auto;
	text-align:center;
	top:15%;
	left:15%;
	padding:43px 10px 40px 10px;
	color:#fff;
	position:absolute;
	z-index:1;
}
.wh-lft-txt2 h4 {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	color:#fff;
	font-size:20px;
	font-weight:600;
}
.wh-lft-txt2 p {
	font-size:12px;
	font-weight:400;
	margin:0 0 10px 0;
	line-height:18px;
}
.wh-lft-txt2 ul {
	list-style-type:none;
}
.wh-lft-txt2 ul li {
	font-size:12px;
	font-weight:500;
	margin:0 0 0 0;
	line-height:18px;
}
.wh-lft-txt2 a {
	text-transform:uppercase;
	font-size:12px;
	font-weight:300;
	color:#fff;
	border:3px solid #fff;
	padding:5px 15px;
}

.wh-lft-txt2 a:hover, .wh-lft-txt2 a:focus {
	background-color:#fff;
	color:#409ba1;
	text-decoration:none;
}

.wht-we-bg2 img{
	    width: 100%;
    position: relative;
    object-fit: cover;
    height: 430px;
}

.section-three {
	padding:0 0 0px 0;
	background-color:#fff;
	position:relative;
}

.section-three .nav-tabs li a {
	padding:10px 8px 20px 8px !important;
	background:none !important;
	border:3px solid #414e5a  !important;
}
	.wht-we-txt-safe2 {
	padding:45px 0 0 0;}

	@media only screen and (min-width:320px) and (max-width:420px){

.wh-lft-txt2 {
	background:url(../images/wh-lft-txt-bg.png) center center;
	background-repeat:repeat;
	width:265px;
	min-height:305px;
	margin:0px auto 0 auto;
	text-align:center;
	top:15%;
	left:10%;
	padding:43px 10px 40px 10px;
	color:#fff;
	position:absolute;
	z-index:1;
}
.wh-lft-txt2 h4 {
	margin:0 0 0 0;
	padding:5px 0 10px 0;
	color:#fff;
	font-size:20px;
	font-weight:600;
}
.wh-lft-txt2 p {
	font-size:12px;
	font-weight:400;
	margin:0 0 10px 0;
	line-height:18px;
}
.wh-lft-txt2 ul {
	list-style-type:none;
}
.wh-lft-txt2 ul li {
	font-size:12px;
	font-weight:500;
	margin:0 0 0 0;
	line-height:18px;
}
.wh-lft-txt2 a {
	text-transform:uppercase;
	font-size:12px;
	font-weight:300;
	color:#fff;
	border:3px solid #fff;
	padding:5px 15px;
}

.wh-lft-txt2 a:hover, .wh-lft-txt2 a:focus {
	background-color:#fff;
	color:#409ba1;
	text-decoration:none;
}

.wht-we-bg2 img{
	    width: 100%;
    position: relative;
    object-fit: cover;
    height: 430px;
}

.wht-we-txt-safe2{

	display: none;
}

.respo-only{
	display: all;
}
.wht-we-lft-txt{
	display: none;
}
.about-head h1{
	font-size: 25px!important;
}

.grey-box{
	background-color: #414e5a;
	padding: 40px;
	margin-top: 40px;
}
}
