@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif; font-size: 35px;}
p{font-family: 'Roboto Condensed', sans-serif; color: #777;}
a:hover{text-decoration: none;}
ul{list-style-type: none;}
li{font-family: 'Montserrat', sans-serif;}
span{font-family: 'Montserrat', sans-serif;}
/*css*/
header{background: url(images/topbar-bg.jpg)no-repeat; padding: 10px 0px;}
.left-side li{color: #999; display: inline-block; margin-right: 15px; font-weight: 400;}
.left-side i{color: #f6932a;   font-size: 18px;}
.inner-socil-link li {display: inline-block;     margin-right: 10px;}
.inner-socil-link ul {text-align: center;}
.inner-socil-link {background: #f6932a; position: relative; padding: 16px 0 17px 0;}
.inner-socil-link a{color: #fff;}
.inner-socil-link::after{position: absolute;    content: "";    border: 25px solid transparent;    border-bottom-color: #f6932a;    border-right-color: #f6932a;    left: -50px;    top: 0px;    bottom: 1px;    width: 49px;}
.left-side a{color: #999;}
.left-side {position: relative;    top: 6px;}
.logo-side img{width: 100%;}
.icon-part{width: 20%; float: left; text-align: center;}
.content-part{width: 80%; float: left;}
.content-part span{font-weight: 700; color: #f6932a; font-size: 15px; font-family: 'Poppins', sans-serif; line-height: 35px;}
.content-part li {    display: inline-block;     margin-right: 8px; color: #999;}
a.hk-hide {pointer-events: none; color: #9b9b9b;}
.icon-part img {width: 30%; position: relative;    top: 15px;    left: 0px;}
.icon-part:after{ position: absolute; content: ''; height: 35px; width: 2px;        right: 10px;    top: 13px;    border-right: 1px dashed #f6932a;}
.icon-part{position: relative;}
.content-part li a{color: #999;}
.cover-rowing {    position: relative;    top: 28px;}
.nav_bar{background-color: #333 !important;}
/*.content-part ul li {
    display: inline-block;
}*/
section.mission-part { padding: 50px 0;}
.inner-mission{border-right: 1px solid #ccc; text-align: center;}
.inner-mission img { margin-bottom: 5px;}
.inner-mission span{font-size: 22px;line-height: 35px;     color: #282828;    margin: 0 0 15px;    font-weight: 600;}
.inner-mission p{padding: 0 20px;    margin-bottom: 24px;     color: #6d6d6d;    font-size: 16px;    line-height: 26px;    margin: 0 0 15px; }
.bg-img{ position: relative;    background: #FFFFFF;    position: relative;    z-index: 1;    padding: 80px 20px 80px;    -webkit-box-shadow: 0px 4px 29px 3px rgba(0, 0, 0, 0.1);    box-shadow: 0px 4px 29px 3px rgba(0, 0, 0, 0.1);}
.bg-img::after{background: url(images/promo-shap.png)no-repeat; content: '';  width: 100%; height: 40px; position: absolute; left: 0; bottom: 0px;}
.about-section{    padding: 50px 0px 70px 0; background: #f1f1f1; background: url(images/service-bg.jpg)no-repeat;}
.title{position: relative;     margin-bottom: 50px;}
.title span{position: absolute;    left: -53%;    top: 0;    right: 0;    bottom: 0;    margin: auto;    text-align: center;    font-size: 120px;    font-weight: 600;    color: #f7f7f7;    line-height: 40px;    text-transform: uppercase;}
.title h1{font-weight: 600; margin-bottom: 27px;  text-align: center;  position: relative;}
.title h1:after{position: absolute;    width: 100px;    height: 4px;    background-color: #f6932a;  content: '';    left: 44%;    top: 119%;}
.about-text p {line-height: 25px;     margin-bottom: 18px;}
img.class-relative {position: relative;}
img.class-relative {position: absolute;}
.about-img img {float: right;}
.about-text a {background: #f6932a; padding: 8px 20px 8px 20px;  color: #fff;     position: relative;    top: 25px; transition: 0.5s;}
.about-text a:hover{background-color: #333;}
.about-text span{color: #f6932a; font-size: 27px;    font-weight: 600;    line-height: 45px;    text-transform: capitalize;    margin-bottom: 5px;    display: block;}
.last-child {border: none;}
.why-choose{padding: 50px 0px;}
.why-choose-img img{width: 100%; border: 5px groove #f6932a;}
.why-choose-img{position: relative;}
.why-choose-img:after{position: absolute; content: ''; left: 20px; top: 0px;      width: 95%;    height: 412px;    z-index: -9;}
.why-choose-text span{color: #f6932a; line-height: 40px; font-size: 18px; font-weight: 500;}
.why-choose-text h2{font-weight: 700;  margin-bottom: 6px;}
.content-type-why span { margin-top: 28px; display: block;}
.boxing {  margin-top: 20px;}
.under-why-choose-us p { margin-top: 10px;   display: block;}
.under-cover-why-choose-us {padding: 30px;}
.under-cover-why-choose-us p { line-height: 23px; margin-bottom: 25px;}
.icon-type-why{width: 15%; float: left;}
.content-type-why{width: 85%; float: left;}
.icon-type-why img {position: relative;    top: 20px;    left: -14px;}
.tag-line{padding: 50px 0px;}
.inner-bg-tag{background: url(images/1.jpg)no-repeat; text-align: center; padding: 50px 0;     position: relative;    background-repeat: no-repeat;    background-position: center;    background-size: cover;    text-align: center;    background-color: #ffffff;    margin-bottom: 25px;    padding: 55px 20px 0;    -webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.05);    -moz-box-shadow: 0 25px 50px rgba(0,0,0,0.05);    -ms-box-shadow: 0 25px 50px rgba(0,0,0,0.05);    -o-box-shadow: 0 25px 50px rgba(0,0,0,0.05);    box-shadow: 0 25px 50px rgba(0,0,0,0.05);}
.inner-bg-tag h3 {font-weight: 800;    padding-bottom: 12px;}
.inner-bg-tag p{position: relative;  display: block;    font-size: 16px;    line-height: 25px;    color: #333333;    font-weight: 400;    margin-bottom: 5px;     padding-bottom: 15px;}
.inner-bg-tag a {background: #f6932a; padding: 10px 15px 10px 15px; color: #fff;  position: relative; top: 10px; transition: 0.5s;}
.inner-bg-tag a:hover{background: #333;}
.gallery-section {padding: 50px 0px 80px 0px; background: url(images/2.jpg)no-repeat; background-attachment: fixed; background-size: cover;}
.title h4{ font-weight: 600;    margin-bottom: 27px;    text-align: center;    position: relative;}
.title h4:after{position: absolute;    width: 60px; height: 4px; background-color: #f6932a;    content: '';       left: 47%;    top: 119%;}
.gallery-box img {width: 100%;    margin-bottom: 10px;}
.form-home{padding: 50px 0px; background-color: #f1f1f1;}
.coloring-black{background: #282828; padding: 10px 0;}
.coloring-black{padding: 50px;}
.coloring-black span{color: #fff; line-height: 28px;}
.coloring-black h5{color: #f6932a; font-weight: 600; padding-bottom: 30px;}
.home-field input {width: 100%;    background: transparent;    border: none;   border-bottom: 1px solid #ccc; outline: none;     margin-bottom: 20px; color: #fff;}
input.submit-btn {width: 30%;  color: #ccc;    background: #f6932a;    height: 40px;    text-transform: uppercase;      outline: none;    border: none; color: #fff;}
.home-field textarea{width: 100%; background: transparent; border: none;    border-bottom: 1px solid #ccc; outline: none;    margin-bottom: 25px;    height: 105px;    resize: none; color: #fff;}
section.our-partner {padding: 50px 0;}
div#owl-demo-partner .item{text-align: center; margin: 10px;}
footer{background-color: #10140e;  padding: 50px 0px 5px 0;}
.widget a{color: #fff;font-size: 30px; line-height: 55px;}
.logo p{line-height: 30px;}
ul.social-footer-link a { font-size: 18px; color: #a0a0a0; transition: 0.5s;}
ul.social-footer-link a:hover{color: #f6932a;}
ul.social-footer-link li {display: inline-block;    margin-right: 12px;}
.widget span{color: #fff;  font-size: 22px; line-height: 65px; position: relative;}
.widget span:after{position: absolute;    width: 60px;    height: 2px;    background-color: #fff;    content: '';    left: 0;    top: 119%;}
ul.quick-link a {font-size: 16px;    line-height: 30px; transition: 0.2s; color: #8e8e8c;}
ul.quick-link a:hover{padding-left: 5px; color: #f6932a;}
.footer-icon {float: left; width: 10%;}
.footer-icon i{color: #fff;  position: relative; top: 5px; font-size: 25px;}
.footer-address {float: left; width: 90%;}
.footer-address p{line-height: 25px;}
.footer-address ul li a {font-size: 16px !important; color: #777;}
.footer-address li{display: inline-block;}
.footer-address a{font-size: 16px; color: #777;}
.mesg i {position: relative;    top: 20px;}
.copy-right{background-color: #10140e;}
.copy-right { background-color: #10140e; padding: 10px 0; text-align: center;}
.copy-para a {color: #fff;}
.copy-right {background-color: #10140e;    padding: 20px 0;    text-align: center;    border-top: 1px solid #777;}
img.img-person width: 20%;    border-radius: 100px;}
div#owl-demo-testimonial .item-client img {    margin-bottom: 15px;}
div#owl-demo-testimonial p{line-height: 20px; margin-bottom: 22px;}
p.client-name {margin-bottom: 0 !important;}
.client-mode {margin-top: 5%;}
/*images*/
div#owl-demo1 .item {margin: 10px;}
#slider-one{background: url(images/slider-one.png)no-repeat; height: 600px;}
.carousel-control.right{background-image:inherit;}
.carousel-control.left{background-image:inherit;}
#slider-one .carousel-caption {position: relative;    left: 0px;    text-shadow:inherit;    top: 130px; text-align: left;}
#slider-one .carousel-caption span{font-size: 50px; text-transform: uppercase; line-height: 70px;}
#slider-one .carousel-caption p{line-height: 25px; color: #fff; margin-bottom: 35px;}
#slider-one .carousel-caption ul.flaoting-btn li {display: inline-block;    margin-right: 15px;}
#slider-one ul.flaoting-btn a {background: #7abf18; padding: 8px 12px; color: #fff; transition: 0.5s;}
#slider-one ul.flaoting-btn a:hover{background-color: #f6932a;}
#slider-one .slider-img img {width: 75%;position: relative;top: 90px;left: 15%;}
/*slider-two*/
#slider-two{background: url(images/slider-two.png)no-repeat; height: 600px; background-position: 50% 50%; background-attachment: fixed; background-size: cover;}
#slider-two .carousel-caption {position: relative;    left: 0px;    text-shadow:inherit;    top: 130px; text-align: left;}
#slider-two .carousel-caption span{font-size: 50px; text-transform: uppercase; line-height: 70px;}
#slider-two .carousel-caption p{    line-height: 25px; color: #fff;     margin-bottom: 35px;}
#slider-two .carousel-caption ul.flaoting-btn li {    display: inline-block;    margin-right: 15px;}
#slider-two ul.flaoting-btn a {background: #7abf18;    padding: 8px 12px; color: #fff; transition: 0.5s;}
#slider-two ul.flaoting-btn a:hover{background-color: #f6932a;}
#slider-two .slider-img img {width: 85%;    position: relative;    top: 50px;   left: 5%;}
/*slider-Three*/
#slider-three{background: url(images/banner-three.png)no-repeat; height: 600px; background-position: 50% 50%; background-attachment: fixed; background-size: cover;}
#slider-three .carousel-caption {   position: relative;    left: 0px;    text-shadow:inherit;    top: 130px; text-align: left;}
#slider-three .carousel-caption span{font-size: 49px; text-transform: uppercase; line-height: 70px;}
#slider-three .carousel-caption p{    line-height: 25px; color: #fff;     margin-bottom: 35px;}
#slider-three .carousel-caption ul.flaoting-btn li {    display: inline-block;    margin-right: 15px;}
#slider-three ul.flaoting-btn a {background: #7abf18;    padding: 8px 12px; color: #fff; transition: 0.5s;}
#slider-three ul.flaoting-btn a:hover{background-color: #f6932a;}
#slider-three .slider-img img {width: 85%; position: relative;    top: 50px;   left: 5%;}
section.our-products {padding: 50px 0;}

.project-block .inner-box{	position:relative;}
.project-block .inner-box .image{	position:relative;}
.project-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 5px;
    height: 300px;
    object-fit: fill;
}
.project-block .inner-box .image .overlay-box{	position: absolute;    left: 10px;    bottom: 10px;    right: 10px;    top: 10px;    z-index: 2;	opacity: 0;    display: block;    -webkit-transition: all 900ms ease;    -ms-transition: all 900ms ease;    -o-transition: all 900ms ease;    transition: all 900ms ease;}
.project-block .inner-box .image .overlay-box:before{	position:absolute;	content:'';	right:0px;	top:0px;	width:50%;	height:100%;	display:block;	opacity:0;	text-align:center;	-webkit-transition: all 900ms ease;    -ms-transition: all 900ms ease;    -o-transition: all 900ms ease;    transition: all 900ms ease;    -webkit-transform: perspective(400px) rotateY(-90deg);    -moz-transform: perspective(400px) rotateY(-90deg);    -ms-transform: perspective(400px) rotateY(-90deg);    -o-transform: perspective(400px) rotateY(-90deg);    transform: perspective(400px) rotateY(-90deg);    -webkit-transform-origin: right;    -moz-transform-origin: right;    -ms-transform-origin: right;    -o-transform-origin: right;    transform-origin: right;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s;	background-color: rgba(0,132,53,0.90);}
.project-block .inner-box:hover .image .overlay-box:before{	opacity: 1;    -webkit-transform: perspective(400px) rotateY(0deg);    -moz-transform: perspective(400px) rotateY(0deg);    -ms-transform: perspective(400px) rotateY(0deg);    -o-transform: perspective(400px) rotateY(0deg);    transform: perspective(400px) rotateY(0deg);}
.project-block .inner-box .image .overlay-box:after{	position:absolute;	content:'';	left:0px;	top:0px;	width:50%;	height:100%;	display:block;	opacity:0;	text-align:center;	-webkit-transition: all 900ms ease;    -ms-transition: all 900ms ease;    -o-transition: all 900ms ease;    transition: all 900ms ease;    -webkit-transform: perspective(400px) rotateY(90deg);    -moz-transform: perspective(400px) rotateY(90deg);    -ms-transform: perspective(400px) rotateY(90deg);    -o-transform: perspective(400px) rotateY(90deg);    transform: perspective(400px) rotateY(90deg);    -webkit-transform-origin: left;   -moz-transform-origin: left;    -ms-transform-origin: right;    -o-transform-origin: left;    transform-origin: left;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -webkit-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s;	background-color: rgba(0,132,53,0.90);}
.project-block .inner-box:hover .image .overlay-box:after{	opacity: 1;    -webkit-transform: perspective(400px) rotateY(0deg);    -moz-transform: perspective(400px) rotateY(0deg);    -ms-transform: perspective(400px) rotateY(0deg);    -o-transform: perspective(400px) rotateY(0deg);    transform: perspective(400px) rotateY(0deg);}
.project-block .inner-box:hover .image .overlay-box{	opacity: 1;}
.project-block .inner-box .image .overlay-box .icons{position:absolute;	right:15px;	left:15px;	bottom:15px;	top:15px;	z-index:1;}
.project-block .inner-box .image .overlay-box .icons .plus{	position:absolute;	right:0px;	top:0px;	z-index:1;	width:30px;	height:30px;	color:#000000;	font-size:14px;	text-align:center;	line-height:30px;	font-weight:600;	display:inline-block;	background-color:#ffaa00;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}
.project-block .inner-box .image .overlay-box .icons .link{	position:absolute;	left:0px;	bottom:0px;	z-index:1;	width:30px;	height:30px;	color:#000000;	font-size:14px;	text-align:center;	line-height:30px;	font-weight:600;	display:inline-block;	background-color:#ffaa00;transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}
.project-block .inner-box .image .overlay-box .icons .plus:hover,.project-block .inner-box .image .overlay-box .icons .link:hover{	background-color:#ffffff;}
.project-block .inner-box .image .overlay-box .overlay-inner{	position: absolute;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    display: table;    text-align: left;    padding: 10px 20px;    vertical-align: middle;}
.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content{    position: relative;	text-align:center;    display: table-cell;    vertical-align: middle;}
.project-block .inner-box .image span{position:relative;font-size:20px;	color:#ffffff;	z-index:1;	font-weight:700;	line-height:1.3em; font-family: 'Lato', sans-serif;}
.project-block .inner-box .image span a{position:relative;	color:#ffffff;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}
.project-block .inner-box .image span a:hover{	color:#ffb200;}
.project-block .inner-box .image .category{	position:relative;	color:#ffb200;	font-size:14px;	margin-top:4px;	z-index:1;}
.category p { color: #fff; line-height: 22px;}
img.img-person {width: 20%; border-radius: 60px;}
header{padding: 8px 0px 0px 0px;}
.top-links li a{color: #fff;}
.top-links li{display: inline-block; margin-right: 30px;}
.top-links li i{padding-right: 5px;}
.links ul{float: right;}
.links li{display: inline-block;}
.top-links ul {position: relative;top: 8px;}
section.counter-section{background: url(images/counter-bg.jpg); text-align: center; background-attachment: fixed; background-size: cover; padding: 80px 0px;}
.middle-part ul li {display: inline-block;    margin-right: 70px;}
.middle-part span {font-size: 45px;    font-weight: 600;}
.middle-part p {   font-size: 20px; color: #333;    font-weight: 600;}
.margin-box img {width: 100%; margin-bottom: 25px;}
a.view-gallery-btn  {    background: #f6932a;        padding: 10px 35px 10px 35px;    color: #fff;  position: relative;    top: 40px;   transition: 0.5s;}
a.view-gallery-btn:hover  {background-color: #333;}


.center-cls{    background: rgb(246 147 42);  width: 50%; text-align: center;  margin: 0px auto; padding: 10px;}
.common-banner{background: url(images/slider-one.png)no-repeat; background-attachment: fixed; padding: 100px 0px;     padding: 150px 0px;}
.center-cls ul li {display: inline-block;}
.center-cls h1 {color: #fff; margin-bottom: 8px;}
.center-cls ul li a{color: #fff; font-size: 16px;}
.center-cls li{color: #fff; font-size: 16px;}
.our-products{padding: 50px 0px;}
.plan-text-full p {margin-bottom: 20px; line-height: 25px;}
.project .thumb {    position: relative;    overflow: hidden;}
.img-fullwidth {    width: 100% !important;}
.project .hover-link {    left: 44%;    opacity: 0;    position: absolute;    top: 20%;    transition-duration: 0.3s;    z-index: 9;}
.btn-theme-colored2 {    color: #fff;    background-color: #F21B51;    border-color: #F21B51;}
.text-theme-colored {          font-weight: 700;    line-height: 1.42857143;    color: #333333;    margin-bottom: 8px;        font-size: 24px;}
.project img {    width: 100% !important;    margin-bottom: 12px;}
.project .thumb {    position: relative;    overflow: hidden;}
.project .hover-link {    left: 44%;    opacity: 0;    position: absolute;    top: 20%;    transition-duration: 0.3s;    z-index: 9;}
.project .thumb:after {    background: rgba(242, 27, 81, 0.8);}
.project .thumb:after {    content: "";    height: 100%;    left: 0;    opacity: 0;    position: absolute;    top: 0;    transition-duration: 0.3s;    width: 100%;}
.project .hover-link i {    color: #fff;    display: block;    font-size: 20px;    padding: 10px;}
.project .hover-link i, .project:hover .project-details {    background: #002E5B;}
.paragraph-bg{	background: #fff;	clear: both;}
.bcc-padding{	padding: 90px 0px;}
.title-section h2 { color: #333;   font-weight: 600;    position: relative;    letter-spacing: -2px;     padding-bottom: 45px;}
.title-section p {	font-size: 16px;}
.title-section h2::before {    content: "";    position: absolute;    bottom: -15px;    left: 0;    right: 0;    display: inline-block;    width: 150px;    margin: 0 auto;    height: 55px;    background-image: url('../images/icon_heading.png');    background-repeat: no-repeat;    background-position: bottom;}
.title-section h2 span{	color: #01477f;}
.about-text-left p{	margin-bottom: 20px;	font-size: 13px;	font-weight: 300;}
.text-italic{	font-style: italic;	color: #01477f;}
.about-video-right {    position: relative;    padding-bottom: 0%;    box-shadow: 0 0 45px -30px rgba(0,0,0,1);    margin-top: 0px;    min-height: 100%;    height: 100%;    border-radius: 0;    overflow: hidden;    border: solid #fff 10px;}
.about-video-right iframe{	width:100%; 	height:100%;}
.about-choose-inner{	position: relative;	margin-bottom: 30px;	-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,1,0.09);	-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,1,0.09);	-ms-box-shadow: 8px 8px 0px 0px rgba(0,0,1,0.09);	box-shadow: 8px 8px 0px 0px rgba(0,0,1,0.09);}
.about-choose-thumb{	position: relative;}
.about-choose-thumb img{	width: 100%; }
.about-choose-icon{	position: absolute;width: 61px;  height: 61px;	background: #fff;	border-radius: 100%;	line-height: 105px;	text-align: center;	margin: 0px auto;	left: 0;	right: 0;	bottom: -50px;	box-shadow: 0 3px 16px -6px #555;	z-index: 1;}
.about-choose-icon span{	font-size: 40px;	color: #01477f;}
.about-choose-text{	padding: 60px 15px 20px 15px;}
.about-choose-text h4{	text-align: center;	font-size: 22px;	padding: 0px;	color: #01477f;}
.about-choose-thumb .overlay{	display: block;	overflow: hidden;	position: relative;}
.about-choose-thumb .overlay::before, .about-choose-thumb .overlay::after {   position: absolute;    content: "";    height: 30%;    width: 30%;    background: #f6932a;    opacity: 0;    -webkit-transition: all .5s ease-in-out;    transition: all .5s ease-in-out;}
.about-choose-inner:hover .about-choose-thumb .overlay::before{	height: 50%;	width: 100%;	opacity: .8;	background: #59a01861;}
.about-choose-thumb .overlay::before{    top: 0;	left: 0;	z-index: 1;}
.about-choose-inner:hover .about-choose-thumb .overlay::after{	height: 50%;	width: 100%;	opacity: .8;	background: #59a01861;}
.about-choose-thumb .overlay::after {    bottom: 0;    right: 0;    z-index: 1;}
.about-choose-icon i {    font-size: 40px;    position: absolute;    top: 24%;    left: 28%;color: #819c16;}
.about-choose-text {    text-align: center; background: #333;}
.about-choose-text a {    font-size: 20px;}
.bcc-padding {    padding: 30px 0px; background: #fff;}
.about-choose-text a {font-size: 20px;  color: #fff;}
.hover-shadow:hover{	-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);	box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);	position:relative;	z-index:10;}
.plan-text{padding: 50px 0px; background-color: #f1f1f1;}
.full-para p {  line-height: 25px; margin-bottom: 15px;}
.product-bg {    padding: 50px 0;}
.image-effect-one span { font-size: 20px; }
.form-site form input{width: 100%; height: 35px; padding-left: 10px; margin-bottom: 12px; border: 1px solid #ffffff; outline: none; font-family: 'Roboto Condensed', sans-serif;}
.form-site form textarea{padding-left: 10px; width: 100%; resize: none; height: 100px; padding-top: 10px; margin-bottom: 12px; outline: none;border: 1px solid #fff; font-family: 'Roboto Condensed', sans-serif;}
.form-site form button{ border: none;    width: 100%;    height: 40px;    background: #f6932a;    color: #fff;  outline: none; font-family: 'Roboto Condensed', sans-serif;}
.inner-form {text-align: center;/*border: 2px solid #f6932a; */padding: 15px;background: #000000;}
.under-infomation li {    background: #c70000; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px;}
.under-infomation a{color: #fff; font-size: 16px;}
.inner-form p {font-size: 29px;margin-bottom: 30px;position:relative;color: #fff;  font-weight: 600;}
.inner-form p:after{ position: absolute;  content: "";    width: 50px;    height: 2px;    background-color: #f6932a;    left: 38%;    top: 40px;}
section.products-details {padding: 50px 0;}
.final-products img{width: 100%;     margin-bottom: 20px;}
.final-products p {line-height: 25px;}
.products-details{padding: 50px 0px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width:385px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;border: 1px solid #c0d2c0;}
.cover-product-this p {  line-height: 25px;}
.products-fill { border-right: 1px solid #ccc;}
.sitemap-list li {    line-height: 30px;}
.sitemap-list a{font-size: 16px; color: #333; transition: 0.5s; font-family: 'Roboto Condensed', sans-serif;}
.sitemap-list a:hover{padding-left: 5px; color: #f6932a;}
.sitemap-list ul ul{padding-left: 30px;}
section.sitemap {    padding: 50px 0;}
.sitemap-links ul ul{padding-left: 15px;}
.cover-product-this ul li { margin-bottom: 10px;}
section.our-presence {padding: 50px 0;}
.inner-our-presence {background: #43790b; padding: 15px 0;  text-align: center; color: #fff;}
.inner-our-presence a{ color: #fff;  font-size: 18px;  font-weight: 500;  font-family: 'Roboto Condensed', sans-serif;}
.city{background-color: #7c1415; padding: 15px 20px 15px 20px;     margin-bottom: 25px;}
.city a{color: #fff;  font-size: 18px; }
.our-presence-row {margin-bottom: 16px;     padding: 2px;}
.inner-box-cities{background-color: #333; text-align: center;     padding-bottom: 15px;  padding-top: 15px;}
.inner-box-cities a{color: #fff; font-size: 16px;  font-family: 'Roboto Condensed', sans-serif;}
.under-cover{margin-bottom: 15px; width: 100%; float: left;}
.boxes {    margin-bottom: 15px;     padding: 2px;}
contact-page-section{	position: relative; padding: 50px 0 15px;}
.contact-page-section .form-column{	position: relative;	margin-bottom: 50px;}
.contact-page-section .form-column .inner-column{	position: relative;}
.contact-page-section .sec-title .text{	margin-top: 10px;}
.support-block{	position: relative;	margin-bottom: 30px;}
.support-block .inner-box{	position: relative;	padding: 40px 30px 25px;	padding-left: 150px;	box-shadow: 0 0 10px rgba(0,0,0,0.08);	min-height: 180px;}
.support-block .thumb{	position: absolute;	left: 30px;	top: 45px;	height: 100px;	width: 100px;	border-radius: 50%;	overflow: hidden;}
.support-block .name{	position: relative;	display: block;	font-size: 20px;	line-height: 1.2em;	color: #333333;	font-weight: 700;	margin-bottom: 5px;}
.support-block .designation{	display: block;	font-size: 15px;	line-height: 25px;	color: #ed7902;	font-weight: 400;	margin-bottom: 5px;}
.support-block .contact-info{	position: relative;}
.support-block .contact-info li{	position: relative;	display: block;	font-size: 15px;	line-height: 26px;	color: #666666;	font-weight: 400;	padding-left: 25px;	margin-bottom: 3px;}
.support-block .contact-info li i{	position: absolute;	left: 0;	top: 2px;	line-height: 25px;	font-size: 18px;	color: #ed7902;}
.support-block .contact-info li a{	color: #666666;	display: inline-block;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;transition: all 300ms ease;}
.support-block .contact-info li a:hover{	color: #ed7902;}
/*=== Contact Form Style Two ===*/
.contact-form.style-two{	margin-top: 30px;	position: relative;	padding: 20px 20px 20px; background-repeat: no-repeat;	background-position: center;}
.contact-form.style-two:before{	position: absolute;left: 0;	top: 0;	height: 100%;	width: 100%;	/*background-color: #00752d;*/	opacity: .90;content: '';background-image: url(images/contact-us-bg.jpg); z-index: -999999;}
.contact-form.style-two .form-group textarea{	height: 150px;	margin-bottom: 0;}
.contact-form.style-two .form-group button{	margin-top: 0px;}
.contact-page-section .map-column{	position: relative;	margin-bottom: 50px;}
.contact-page-section .map-column .inner-column{	position: relative;	padding-left: 20px;}
.contact-page-section .map-column .title{	position: relative;	display: block;	font-size: 20px;	line-height: 1.2em;	color: #333333;font-weight: 700;padding-bottom: 8px;	margin-bottom: 25px;}
.contact-page-section .map-column .title:before{	position: absolute;	left: 0;	bottom: 0;	height: 2px;	width: 40px;	background-color: #00752d;	content: "";}
.contact-page-section .map-column .contact-info,
.contact-page-section .map-column .location-info{	position: relative;	margin-bottom: 20px;}
.contact-page-section .map-column .info-list li{	display: block;	font-size: 15px;	line-height: 25px;	color: #666666;	margin-bottom: 5px;}
.contact-page-section .map-column .info-list li a{	color: #666666;}
.contact-page-section .map-column .info-list li a:hover{	color:#579512;}
.contact-page-section .map-column .social-links{position: relative;	margin-bottom: 30px;}
.contact-page-section .map-column .social-icon{	position: relative;}
.contact-page-section .map-column .social-icon li{	position: relative;	display: inline-block;	margin-right: 4px;}
.contact-page-section .map-column .social-icon li a{	display: block;	height: 40px;	width: 40px;	text-align: center;	font-size: 16px;	color: #ffffff;line-height: 40px;	background-color: #00752d;	border-radius: 50%;}
.contact-page-section .map-column .social-icon li a:hover{	background:#101010;	}
.contact-page-section .map-outer{	position: relative;}
.contact-page-section .map-canvas{	height: 250px;}
.form-group input{position: relative;    display: block;    width: 100%;    font-size: 15px;    line-height: 25px;    color: #777777;    font-weight: 400;    height: 35px;    padding: 10px 20px;    border:none;    border-radius: 0px;    background-color: #ffffff;  -webkit-transition: all 300ms ease;   -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;     font-family: 'Roboto Condensed', sans-serif;}
.form-group textarea{position: relative; display: block;    width: 100%;    font-size: 15px;    line-height: 25px;    color: #777777;    font-weight: 400;    padding: 10px 20px;    resize: none;    border: none;    border-radius: 0px;    background-color: #ffffff; -webkit-transition: all 300ms ease;    -moz-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;    transition: all 300ms ease;     font-family: 'Roboto Condensed', sans-serif;}
button.theme-btn.btn-style-four { width: 100%;    display: block;    text-transform: uppercase;    font-size: 14px;    line-height: 23px;   border: none;    height: 45px;    background-color: #333;    color: #fff; transition: 0.5s;     font-family: 'Roboto Condensed', sans-serif;}
button.theme-btn.btn-style-four:hover{ color: #333333;    border: 1px solid #ffffff;    -webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;    -moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;    -ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;    -o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;    box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;}
section.contact-page-section {padding: 50px 0 0 0;}
.location-info p {    line-height: 24px;}
.about-journey {   background: #e8efe8;  padding: 47px;  color: #f6932a;overflow-y: scroll;
    height: 450px;}
.about-text p {  text-align: justify;}
.about-journey h3 { color: #612222;  font-size: 25px;  padding: 10px 0px 11px 0px;}
.about-journey p { line-height: 25px;  color: #3a3c3a; text-align:justify;margin-bottom: 14px;}
.about-journey h2 {  font-size: 30px;  padding: 3px; color:#f6932a;}
.cover-product-this p strong {  color: #75981c;  font-size: 16px;  font-weight: 500;}
.cover-product-this p{text-align:justify;}
.full-para p {  text-align: justify;}
.cover-product-this ul { text-align: justify; line-height: 25px; color: #777;margin-bottom: 12px;   margin-left: 33px;list-style-image: url(../images/leaf2.png);}
.cover-product-this h3 { font-size: 25px;}
.cover-product-this h4 { font-size: 24px;}
.cover-product-this h5 { font-size: 23px;}
.cover-product-this h3,h4,h5 {margin:11px 0px 11px 0px; color: #f6932a;}
.cover-product-this table tr td{border: 1px solid #bdd8b4; padding: 10px 5px 0px 33px;}
.cover-product-this table {width:100%;}
.city p { color: #fff;  text-align: center;}
#main-menu a:active {  color: #f6932a;}.about-text h3,h4 {  color: #f6932a;}
.about-text h3 {  font-size: 25px;margin-bottom: 10px;}
.about-text h4 { font-size: 20px;margin-bottom: 10px;}
.about-text p strong {color: #75981c;  font-weight: 500;}
.scroll-height {height: 400px;  overflow-y: scroll;}
.scroll-height::-webkit-scrollbar {width: 5px;}
.scroll-height::-webkit-scrollbar-track {background: #ffbc13;}
.scroll-height::-webkit-scrollbar-thumb {background: #4e1111;}
.scroll-height::-webkit-scrollbar-thumb:hover {background: #555;}
.scroll-height::-moz-selection {background-color: #ffbd1f; color: #444444;}
.scroll-height::selection {background-color: #ffbd1f; color: #444444;}


.page-scroll {height: 400px; margin-top: 50px;}
.page-scroll::-webkit-scrollbar {width: 10px;}
.page-scroll::-webkit-scrollbar-track {background: #ffbc13;}
.page-scroll::-webkit-scrollbar-thumb {background: #4e1111;}
.page-scroll::-webkit-scrollbar-thumb:hover {background: #555;}
.page-scroll::-moz-selection {background-color: #ffbd1f; color: #444444;}
.page-scroll::selection {background-color: #ffbd1f; color: #444444;}
.page-scroll::-webkit-scrollbar {width: 5px;}
.inner-mission.last-child ul {    font-size: 14px;    text-align: left;    line-height: 26px;    list-style: disc;    color: #6d6d6d;}
.under-cover-why-choose-us{overflow-y: scroll;height: 396px;background:#e8efe8; padding-left:40px;border-bottom:2px solid #ffbc13;}
.under-cover-why-choose-us::-webkit-scrollbar {width: 10px;}
.under-cover-why-choose-us::-webkit-scrollbar-track {background: #ffbc13;}
.under-cover-why-choose-us::-webkit-scrollbar-thumb {background: #4e1111;}
.under-cover-why-choose-us::-webkit-scrollbar-thumb:hover {background: #555;}
.under-cover-why-choose-us::-moz-selection {background-color: #ffbd1f; color: #444444;}
.under-cover-why-choose-us::selection {background-color: #ffbd1f; color: #444444;}
.under-cover-why-choose-us::-webkit-scrollbar {width: 5px;}
.under-cover-why-choose-us ul{line-height:25px;}
.under-cover-why-choose-us ul {line-height: 26px; list-style-image: url(../images/leaf2.png);}
.under-cover-why-choose-us ul li {padding-bottom: 15px;}
.under-cover-why-choose-us h3 {    padding-bottom: 15px;}
.full-width-section-list li{color: #777; font-family: 'Roboto Condensed', sans-serif;}
.view-more { padding: 15px;  text-align: center;margin-bottom: 9px;}
.view-more a { background: #f6932a; padding: 10px 15px 10px 15px; color: #fff; position: relative;  transition: 0.5s;}
.view-more-video a { background: #f6932a;  padding: 10px 15px 10px 15px;  color: #fff; position: relative;  top: 10px; transition: 0.5s;}
.galley-box-this {  margin-bottom: 35px;}
.view-more-video {  text-align: center;}
.logo img {    width: 50%;}
.sticky.fixed {position: fixed; top: 0; box-shadow: 5px 0px 5px #ccc; transition all: 200s; z-index: 99; width: 100%; background-color:#fff;}
.border-gray {    border: 1px solid #ccc;}
p.gallery-name a {   font-size: 25px;    color: #fff;    text-align: center;   }
.margin-box {    text-align: center;}
.margin-box p a {  text-align: center;    background: #12960a;    padding: 8px 18px 8px 18px;    color: #fff; transition: 0.5s;}
.margin-box p a:hover{background-color: #7c1314;}
p.gallery-name a { background: #fff;    position: relative;    top: 145px;    left: 33%;    font-size: 20px;    color: #333;    padding: 5px 15px 5px 15px;}
div#coursel-gallery-file .item {    margin-bottom: 30px;}
div#carousel-example-generic .item img {    width: 100%;    /* float: left; */}
.about-us p {line-height: 25px; text-align:justify;    margin-bottom: 18px;}
ul.megamenu-list.list-col-12 {   column-count: 5;}


section.blog-page { padding: 50px 0;}
.text-blog-page span {padding-bottom: 12px; font-size: 20px;  font-weight: 600;}
a.blog-btn { margin-left: 0; margin-top: 15px;}
.blog-inner { margin-bottom: 55px;}
.cat-sidebar { margin-bottom: 25px;}
.cat-sidebar{margin-bottom: 25px;}
.cat-sidebar ul {padding-top: 20px; padding: 0;}
.cat-sidebar h3{padding-bottom: 8px;  position: relative;  border-bottom: 1px solid#e5e5e5;  text-transform: uppercase; font-size: 20px;}
.cat-sidebar h3:after{    content: "";  width: 100px;  height: 2px;    text-align: center;  margin: 0px auto;  position: absolute; top: 29px;  left: 0px; background-color: #f6932a;}
.cat-sidebar li{display: inline-block; width: 100%; line-height: 40px; border-bottom: 1px solid#e5e5e5;}
.cat-sidebar li span{float: right;}
.cat-sidebar a{color: #4a4a4a; transition: 0.5s;}
.cat-sidebar a:hover{color: #6ab43e;}
/*.recent-post h4{padding-bottom: 20px;}*/
.recent-post h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.recent-post h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top:36px; left: 0px; background-color: #f6932a;}
.img-sidbar{width: 30%; height: auto; float: left;}
.content-sidebar{width: 70%; height: auto; float: left;}
.img-sidbar img{width: 100%;}
.content-sidebar{padding-left: 15px;}
.content-sidebar li{display: inline-block; padding-right: 5px;}
.content-sidebar a{color: #aeaeae;}
.content-sidebar i{padding-right: 5px;}
.content-sidebar p{margin-bottom: 5px;}
.inner-post-recnet {width: 100%; float: left; margin-bottom: 20px;}
.tags-side-bar h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.tags-side-bar h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top: 34px;  left: 0px; background-color: #ffbd1f;}
.tags-side-bar li{display: inline-block; padding-right: 15px; line-height: 60px;}
.tags-side-bar a{background-color: #ebebeb; padding: 15px; color: #444; transition: 0.5s;}
.tags-side-bar a:hover{background-color: #444; color: #fff;}
p.right-side-single-blog {background: #fff; text-align: center; border-left: 3px solid #ffbd1f; padding: 30px;}
.heading-single h4 {padding-bottom: 20px;}
.heading-single a {background-color: #ebebeb; padding: 15px; color: #444; transition: 0.5s;}
.heading-single a:hover{background-color: #444; color: #fff;}
.heading-single li{display: inline-block; padding-right: 15px;}
.blog-form{width: 100%; height: auto; float: left;}
.blog-form input{width: 100%; height: 45px; float: left; padding-left: 15px; margin-bottom: 20px; outline: none;}
.blog-form h4{padding-bottom: 15px; position: relative; border-bottom: 1px solid#e5e5e5; text-transform: uppercase; margin-bottom: 25px;}
.blog-form h4:after{content: ""; width: 100px; height: 2px; text-align: center; margin: 0px auto; position: absolute; top:32px; left: 0px; background-color: #ffbd1f;}
.categoery h3{text-align: center; font-size: 30px; margin-bottom: 50px;}
.hover-effects-two span{font-size: 30px;}
section.blogs h5 {text-align: center;  margin-bottom: 50px; font-size: 30px;}
a.blog-btn-page {padding: 6px 9px; margin-left: 15px;}
.img-blog-page img {    width: 100%;}
a.blog-btn-page {  background: #8db84d;    color: #fff;}
.recent-post h4 {    padding-bottom: 15px;    position: relative;    border-bottom: 1px solid#e5e5e5;    text-transform: uppercase;    margin-bottom: 25px;    font-size: 20px;}
.left-blog ul {  color: #777;   padding-bottom: 5px;   padding-top: 5px; text-align: justify;
    list-style: disc !important;   padding-left: 0px;    margin-bottom: 20px;}
.left-blog li { margin-bottom: 14px; text-align: justify;
    list-style: disc !important;   line-height: 22px;   display: inline-block;    margin-right: 5px;}
.left-blog a {    color: #fff;}
p.border-right-blog {      border-left: 2px solid #10140e;  padding-left: 15px;}
.left-blog p {    line-height: 25px;}
a.blog-page { background: #f6932a; font-size: 16px; padding: 8px 10px 8px 10px; transition: 0.5s; }
a.blog-page:hover{background-color: #000;}
.blog-page-para p {padding-bottom: 35px;     margin-top: 10px;}
.blog-page-para{border-bottom: 1px solid#ccc;}
.left-blog img {width: 100%;     display: block;}
.blog-ul{color :#fff!important;	background:#000!important;padding-left: 12px !important;
    padding-top: 14px !important;
}}
.blog-ul ul li{margin-left:12px!important;}
.blog-desc a{color:#f6932a;}
.blog-desc p{text-align:justify; margin-bottom:5px;}
.blog-desc ul strong{color:#f6932a; font-weight:600;}

div#slider-two{background: url(images/slider-one.jpg)no-repeat; background-size: cover; height: 600px;}
div#slider-two a.about-btn {background: #f5bf23;    padding: 10px 25px 10px 25px; color: #fff; transition: 0.5s;}
div#slider-two a.about-btn:hover{background-color: #2f2c2c;}
div#slider-two .fisrt-part {margin-top: 35%; background: red; padding: 10px; text-align: center; background: rgba(11, 177, 75, 0.8);}
div#slider-two span.fisrt-heading {font-size: 45px; text-transform: uppercase;   font-weight: 700; color: #fff; }
div#slider-two .fisrt-part p {margin-bottom: 33px;    line-height: 25px;    font-weight: 500;     color: #333;}
div#slider-two div#slider-two .left-content img {width: 80%;    margin-top: 28%;    margin-left: 15%;}
div#slider-two p.light-part { margin-bottom: 0;    background: #f9ed22;    color: #000;    padding: 10px;    font-size: 30px;  font-weight: 700;     margin-bottom: 10px; position: relative}
div#slider-two .left-content img{margin-top: 20%; margin-left: 10%;}


div#slider-four{background: url(images/slider-four.jpg)no-repeat; background-size: cover; height: 600px;}
div#slider-four a.about-btn {background: #f5bf23;    padding: 10px 25px 10px 25px; color: #fff; transition: 0.5s;}
div#slider-four a.about-btn:hover{background-color: #2f2c2c;}
div#slider-four .fisrt-part {margin-top: 35%; background: red; padding: 10px; text-align: center; background: rgba(11, 177, 75, 0.8);}
div#slider-four span.fisrt-heading {font-size: 45px; text-transform: uppercase;    font-weight: 700; color: #fff; }
div#slider-four .fisrt-part p {margin-bottom: 33px;   line-height: 25px;    font-weight: 500;     color: #333;}
div#slider-four div#slider-four .left-content img {width: 80%;    margin-top: 28%;    margin-left: 15%;}
div#slider-four p.light-part {background: #f9ed22;  color: #000;  padding: 10px;
    font-size: 32px;  font-weight: 700; margin-bottom: 10px;  position: relative;
    line-height: 38px;}
div#slider-four .left-content img{margin-top: 20%; margin-left: 10%;}

div#slider-five{background: url(../images/slider-five.jpg)no-repeat; background-size: cover; height: 600px;}
div#slider-five a.about-btn {background: #f5bf23;    padding: 10px 25px 10px 25px; color: #fff; transition: 0.5s;}
div#slider-five a.about-btn:hover{background-color: #2f2c2c;}
div#slider-five span.fisrt-heading {font-size: 45px; text-transform: uppercase;    font-family: 'Montserrat', sans-serif;    font-weight: 700; color: #fff; }
div#slider-five .fisrt-part p {margin-bottom: 33px;    font-family: 'Montserrat', sans-serif;    line-height: 25px;    font-weight: 500;     color: #333;}
div#slider-five div#slider-one .left-content img {width: 80%;    margin-top: 28%;    margin-left: 15%;}
div#slider-five p.light-part { margin-bottom: 0;    margin-bottom: 0;    background: rgb(0, 0, 0, 0.8);    line-height: 40px;    color: #fff;    padding: 10px;    font-size: 30px;    font-weight: 700;    margin-bottom: 10px;    margin-top: 25%;    text-align: center;    padding-bottom: 25px;    padding-top: 25px;    width: 30%;    margin-left: 21%;}

div#slider-one{background: url(images/slider-two.jpg)no-repeat; background-size: cover; height: 600px;}
div#slider-one a.about-btn {background: #f5bf23;    padding: 10px 25px 10px 25px; color: #fff; transition: 0.5s;}
div#slider-one a.about-btn:hover{background-color: #2f2c2c;}
div#slider-one span.fisrt-heading {font-size: 45px; text-transform: uppercase;    font-family: 'Montserrat', sans-serif;    font-weight: 700; color: #fff; }
div#slider-one .fisrt-part p {margin-bottom: 33px;    font-family: 'Montserrat', sans-serif;    line-height: 25px;    font-weight: 500;     color: #333;}
div#slider-one div#slider-one .left-content img {width: 80%;    margin-top: 28%;    margin-left: 15%;}
div#slider-one p.light-part { margin-bottom: 0;    margin-bottom: 0;    background: rgb(0, 0, 0, 0.8);    line-height: 40px;    color: #fff;    padding: 10px;    font-size: 30px;    font-weight: 700;    margin-bottom: 10px;    margin-top: 25%;    text-align: center;    padding-bottom: 25px;    padding-top: 25px;    width: 55%;    margin-left: 21%;}
div#slider-one .left-content img{margin-top: 20%; margin-left: 10%;}

div#slider-three{background: url(images/slider-three.jpg)no-repeat; background-size: cover; height: 600px;}
div#slider-three a.about-btn {background: #f5bf23;  padding: 10px 25px 10px 25px; color: #fff; transition: 0.5s;}
div#slider-three a.about-btn:hover{background-color: #2f2c2c;}
div#slider-three span.fisrt-heading {font-size: 45px; text-transform: uppercase;    font-family: 'Montserrat', sans-serif;    font-weight: 700; color: #fff; }
div#slider-three .fisrt-part p {margin-bottom: 33px;    font-family: 'Montserrat', sans-serif;    line-height: 25px;    font-weight: 500;     color: #333;}
div#slider-three div#slider-one .left-content img {width: 80%;    margin-top: 28%;    margin-left: 15%;}
div#slider-three p.light-part {    background: rgb(0, 0, 0, 0.8);    line-height: 40px;    color: #fff;    font-size: 30px;    font-weight: 700;   margin-bottom: 10px;    margin-top: 22%;    text-align: center;    width: 45%;    margin-left: 53%;    padding-top: 30px;    padding-bottom: 30px;}
div#slider-three .left-content img{margin-top: 20%; margin-left: 10%;}

.fennec-mobile-nav {  display: none;}
.fennec-mobile-nav.mean-container .mean-nav ul li a.active {  color: #02298a;}
.fennec-mobile-nav .others-option {  position: absolute;  text-align: center;  right: 48px;  top: 14px;  width: 21%;}
.fennec-mobile-nav .others-option .option-item {  color: #141414;  display: inline-block;  margin-right: 10px;  position: relative;  line-height: initial;}
.fennec-mobile-nav .others-option .option-item:last-child {  margin-right: 0;}
.fennec-mobile-nav .others-option .option-item .search-btn {  cursor: pointer;}
.fennec-mobile-nav .others-option .option-item .search-btn::before {  font-size: 17px;}
.fennec-mobile-nav .others-option .option-item .close-btn {  cursor: pointer;  display: none;  font-size: 17px;}
.fennec-mobile-nav .others-option .option-item .close-btn.active {  display: block;}
.fennec-mobile-nav .others-option .option-item a {  color: #141414;}
.fennec-mobile-nav .others-option .option-item a i::before {  font-size: 17px;}
.fennec-mobile-nav .others-option .option-item a span {  display: inline-block;  width: 15px;  height: 15px;  background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));  background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);  border-radius: 50%;  text-align: center;  color: #ffffff;  line-height: 15px;  font-weight: 600;  font-size: 10px;  position: relative;  top: -12px;  left: -12px;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-mobile-nav .search-overlay.search-popup {  width: 265px;  right: -95px;  margin-top: 23px;}
.fennec-mobile-nav .search-overlay.search-popup .search-form .search-input {  width: 95%;}
.navbar-area.is-sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 999;  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);  background-color: #ffffff;  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}
.navbar-area.is-sticky .fennec-nav {  background-color: #ffffff;}
.navbar-brand {  padding-top: 0;  padding-bottom: 0;}
.fennec-nav .navbar {    padding: 0;    float: right;}
.fennec-nav .navbar ul {  padding-left: 0;  list-style-type: none;  margin-top: 25px;  margin-bottom: 0;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-size: 14px;  font-weight: 600;  color: #141414;  text-transform: uppercase;  padding: 20px 12px;  position: relative;  z-index: 1;  margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active {  color: #333;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);  background: #ffffff;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 300px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #141414;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {  position: absolute;  content: '';  height: 100%;  width: 3px;  left: -5px;  background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));  background: linear-gradient(to left, #75981c,#75981c, #75981c, #75981c, #75981c);  -webkit-transition: 0.5s;  transition: 0.5s;  opacity: 0;  visibility: hidden;  top: 0;  -webkit-transform: scale(0);          transform: scale(0);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #f6932a;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 204px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}
.navbar{margin-bottom: 0px !important; }
/*Services*/
.services-section-one{	position:relative;	padding: 50px 0px 50px;	overflow: hidden; background: #f3f3f3;}
.services-section-one .pattern-image-left{	position: absolute;	left: 0;	bottom: 50px;width: auto;	height: auto;}
.services-section-one .pattern-image-right{	position: absolute;	right: 0;	bottom: 30px;	width: auto;	height: auto;}
.service-block{	position: relative;	margin-bottom: 30px;}
.service-block .image-column{	position: relative;	margin-bottom: 30px;}
.service-block .image-column .inner{	position: relative;	display: block;	padding-right: 0px;}
.service-block .image-column .image,.service-block .image-column .image img{	display: block;	width: 100%;}
.service-block .image-column .icon-box{	position: absolute;	right: 20px;	top: 50%;	margin-top: -60px;	width: 120px;	height: 120px;	font-size: 54px;	line-height: 120px;	color: #52c306;	background: #ffffff;	text-align: center;	border-radius: 50%;	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);}
.service-block.now-in-view .image-column .icon-box{	-ms-transform: scale(1.2) rotate(360deg);	transform: scale(1.2) rotate(360deg);    -webkit-transition: all 2000ms ease 500ms;    -ms-transition: all 2000ms ease 500ms;    -o-transition: all 2000ms ease 500ms;    -moz-transition: all 2000ms ease 500ms;    transition: all 2000ms ease 500ms;}
.service-block .text-column{position: relative; margin-bottom: 30px;     background: #f9c415;   padding: 20px;    justify-content: center;    vertical-align: middle;    display: flex;    align-items: center;    margin-top: 45px;}
.service-block .text-column .inner{	    position: relative;   display: block;    padding-left: 20px;    padding-top: 0;    padding-right: 0;}
.service-block .text-column .title{	position: relative;	margin-bottom: 10px;}
.service-block .text-column .title h2{	font-size: 30px; text-transform: capitalize;	margin: 0 0 3px;     font-weight: 600;}
.service-block .text-column .title .sub-text{	font-size: 18px;	font-weight: 300;	line-height: 1.4em;	text-transform: uppercase;	margin: 0;	color: #aaaaaa;}
.service-block .text-column .text{	position: relative;	margin-bottom: 30px;}
.service-block .text-column .link-box{	position: relative;}
.service-block .text-column .link-box a{	position: relative;	display: inline-block;	font-weight: 700;	font-size: 18px; color: #000;text-transform: uppercase;}
.service-block .text-column .link-box a .txt{	position: relative;	display: inline-block;	border-bottom: 1px solid;}
.service-block .text-column .link-box a .icon{	position: relative;	font-size: 16px;	padding-left: 7px;	color: #52c306;}
.service-block .text-column .link-box a:hover{	color: #52c306;}
.services .service-block:nth-child(even) .text-column{	order: 0;}
.services .service-block:nth-child(even) .image-column .icon-box{	right: auto;	left: 20px;}
.services .service-block:nth-child(even) .image-column{	order: 12;}
.services .service-block:nth-child(even) .image-column .inner{	padding-right: 0;}
.services .service-block:nth-child(even) .text-column .inner{	padding-right: 20px; text-align: right;}
.sec-title .upper-text {    position: relative;    display: block;    font-size: 14px;    color: #777777;    text-align: center;    text-transform: uppercase;    letter-spacing: 0.05em;    margin: 0 0 10px;}
.sec-title h2 {    position: relative;    display: block;    font-size: 36px;    line-height: 1.15em;    color: #222222;    text-align: center;    font-weight: 700;    text-transform: capitalize;    margin-bottom: 0px;}
.sec-title .subtitle {    position: relative;    display: block;    text-transform: capitalize;    font-size: 17px;    color: #52c306;    font-weight: 300;    text-align: center;    padding-top: 10px;}
.sec-title.centered .bottom-dots {    left: 50%;    margin-left: -25px;}
.sec-title .bottom-dots {    position: absolute;    left: 0;    bottom: 0;    width: 100%;}
.sec-title .bottom-dots .dot {    position: relative;    display: block;    float: left;    width: 3px;    height: 3px;    border-right: 3px solid #406fe6;    margin-right: 3px;}
.sec-title .bottom-dots .dot {    position: relative;    display: block;    float: left;    width: 3px;    height: 3px;    border-right: 3px solid #406fe6;    margin-right: 3px;}
.sec-title .bottom-dots .dot {    position: relative;    display: block;    float: left;    width: 3px;    height: 3px;    border-right: 3px solid #406fe6;    margin-right: 3px;}
.sec-title .bottom-dots .dot {    position: relative;    display: block;    float: left;    width: 3px;    height: 3px;    border-right: 3px solid #406fe6;    margin-right: 3px;}
.service-block .text-column .text{line-height: 28px; font-family: 'Roboto Condensed', sans-serif;}
.main-header{	position: relative;	display: block;	width: 100%;	z-index: 999;	background:none;}
.header-style-one{	position: absolute;	left: 0;	top: 0;}
.header-top{	position: relative;}
.header-top .inner{	position:relative;}
.main-header .header-top .top-left{	position: relative;	float: left;}
.main-header .header-top .top-right{	position: relative;	float: right;}
.header-top-one{	background: none;	padding: 15px 0px;	color: #ffffff;}
.header-top-one .top-text{	position: relative;	line-height: 30px;}
.header-top-one .email{	position:relative;	float: left;	line-height: 30px;}
.header-top-one .email a{	color: #ffffff;}
.header-top-one .email a:hover{	text-decoration: underline;}
.header-top-one .social-links{	position:relative;	float: left;	margin-left: 30px;}
.header-top-one .social-links li{	position:relative;	float:left;	color:#333333;	line-height:30px;	margin-right:20px;}
.header-top-one .social-links li:last-child{	margin-right: 0;}
.header-top-one .social-links li a{	position:relative;	display:block;	color:#ffffff;	font-size:14px;	line-height:30px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.header-top-one .social-links li a .fa,.header-top-one .social-links li a .fab{	vertical-align: middle;}
.header-top-one .social-links li a:hover{	color: #52c306;}
.main-header .header-main-box{	position:relative;	display: block;}
.header-style-one .header-main-box .inner-container{	position:relative;	}
.header-style-one .upper-row{	position:relative;	display: block;	padding: 20px 30px;	background: #ffffff;}
.header-style-one .upper-row .logo-box{	position: relative;	float:left;	padding: 0px 0px;	z-index:10;}
.header-style-one .upper-row .logo-box .logo{	position: relative;	display:block;}
.header-style-one .upper-row .logo-box .logo img{	position: relative;	display: inline-block;	max-width: 100%;	max-height: 80px;	z-index:1;}
.header-style-one .upper-row .right-info{	position: relative;	float: right;}
.header-style-one .upper-row .info{	position: relative;	float: left;	padding-top: 15px;}
.header-style-one .upper-row .info .info-block{	position: relative;	float: left;	padding-left: 50px;	margin-left: 50px;}
.header-style-one .upper-row .info .info-block:first-child{	margin-left: 0;}
.header-style-one .upper-row .info .info-block .icon-box{	position: absolute;	left: 0;	top: 5px;	width: 36px;	height: 36px;	line-height: 36px;}
.header-style-one .upper-row .info strong{	position: relative;	display: block;	font-weight: 600;}
.header-style-one .upper-row .info .info-text{	position: relative;	display: block;	font-size: 18px;}
.header-style-one .upper-row .info .info-text a{	color: #222222;}
.header-style-one .upper-row .info .info-text a:hover{	text-decoration: underline;}
.header-style-one .upper-row .link-box{	position: relative;	float: left;	padding-top: 13px;	margin-left: 50px;}
.header-style-one .lower-row{	position:relative;	display: block;}
.header-style-one .lower-row .nav-box{	position:relative;	display: block;	padding: 0px 30px;	background: #406fe6;	color: #ffffff;}
.main-header .nav-outer{	position: relative;	float: left;	z-index:1;}
.main-header .nav-outer .main-menu{	position:relative;}
.main-menu .navbar-collapse{	padding:0px;	display:block !important;}
.main-menu .navigation{	position:relative;	margin:0px;}
.main-menu .navigation > li{	position:relative;	float:left;	padding:20px 0px;	margin-right: 58px;	-webkit-transition:all 300ms ease;	-moz-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}
.main-menu .navigation > li:last-child{	margin-right:0px;}
.main-menu .navigation > li:after{	content: '';	position: absolute;	right: -33px;	top: 0px;	width: 3px;	height: 100%;	background: url(../images/icons/link-separator-1.png) center center no-repeat;}
.main-menu .navigation > li:last-child:after{	display: none;}
.main-menu .navigation > li > a{	position:relative;	display:block;	text-align:center;	font-size:16px;	line-height:30px;	font-weight:600;	text-transform:uppercase;	letter-spacing: 0.03em;	color:#ffffff;	padding:0px 0px;	opacity:1;	-webkit-transition:all 300ms ease;	-moz-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}
.main-menu .navigation > li > a:before{	position:absolute;	content:'';	left:0px;	bottom:0px;	width:0px;	border-bottom: 1px solid #ffffff;	-webkit-transition:all 300ms ease;	-moz-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	transition:all 300ms ease;}
.sticky-header .main-menu .navigation > li > a:before{	display:none;}
.main-menu .navigation > li:hover > a:before,.main-menu .navigation > li.current > a:before{	width:25px;}
.sticky-header .main-menu .navigation > li:hover > a,.sticky-header .main-menu .navigation > li.current > a{color: #52c306;}
.sticky-header .main-menu .navigation > li.dropdown{	padding-right:0px;	}
.main-menu .navigation > li > ul{	position:absolute;	left:0px;	top:100%;	width:250px;	z-index:100;	display:none;	background:#ffffff;	border-top:2px solid #333333;	transition:all 100ms ease;	-moz-transition:all 100ms ease;	-webkit-transition:all 100ms ease;	-ms-transition:all 100ms ease;	-o-transition:all 100ms ease;	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);}
.main-menu .navigation > li > ul.from-right{	left:auto;	right:0px;	}
.main-menu .navigation > li > ul > li{	position:relative;	width:100%;	border-bottom:1px solid rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul > li:last-child{	border-bottom:none;	}
.main-menu .navigation > li > ul > li > a{	position:relative;	display:block;	padding:11px 20px;	line-height:24px;	font-weight:500;	font-size:16px;	color:#242424;	text-align:left;	text-transform:capitalize;	transition:all 300ms ease;	-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;}
.main-menu .navigation > li > ul > li:hover > a{	background-color:#f0f0f0;	padding-left: 26px;}
.main-menu .navigation > li > ul > li > ul{	position:absolute;	left:100%;	top:0;	width:250px;	z-index:100;	display:none;	background:#ffffff;	border-top:2px solid #333333;	transition:all 500ms ease;	-moz-transition:all 100ms ease;	-webkit-transition:all 100ms ease;	-ms-transition:all 100ms ease;	-o-transition:all 100ms ease;	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);}
.main-menu .navigation > li > ul > li > ul > li{	position:relative;	width:100%;	border-bottom:1px solid rgba(0,0,0,0.10);}
.main-menu .navigation > li > ul > li > ul > li:last-child{	border-bottom:none;	}
.main-menu .navigation > li > ul > li  > ul > li > a{    position:relative;	display:block;	padding:11px 20px;	line-height:24px;	font-weight:500;	font-size:16px;	color:#242424;	text-align:left;	text-transform:capitalize;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li  > ul > li > a:hover{	background-color:#f0f0f0;	padding-left: 26px;}
.main-menu .navigation > li > ul > li.dropdown > a:after{	font-family: 'Font Awesome 5 Free';	content: "\f105";	position:absolute;	right:16px;	top:11px;	display:block;	line-height:24px;font-size:16px;	font-weight:900;	z-index:5;	}
.main-menu .navigation > li.dropdown:hover > ul{	visibility:visible;	opacity:1;	transition:all 300ms ease;	-moz-transition:all 300ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;}
.main-menu .navigation li > ul > li.dropdown:hover > ul{	visibility:visible;	opacity:1;	transition:all 300ms ease;	-moz-transition:all 300ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease;	}
.main-menu .navigation li.dropdown .dropdown-btn{	position:absolute;	right:10px;	top:8px;	width:34px;	height:30px;	border:1px solid #ffffff;	text-align:center;	font-size:16px;	line-height:26px;	color:#ffffff;	cursor:pointer;	z-index:5;	display:none;}
.header-style-one .nav-box .search-btn{	position:relative;	float:right;	margin-top: 20px;	padding-left: 25px;	background: url(../images/icons/link-separator-1.png) left center no-repeat;}
.header-style-one .nav-box .search-btn button{	position: relative;	display: block;	padding: 0;	margin: 0;	background: none;	line-height: 30px;	color: #ffffff;	cursor: pointer;}
.header-style-one .nav-box .search-btn button .fa{	vertical-align: middle;}
.header-style-two{	position: relative;}
.header-top-two{	background: #f6932a;  padding: 0px 0px;  border-bottom: 1px solid #f6932a;  border-top: 1px solid #f6932a;}
.header-top-two .top-left .address,.header-top-two .top-left .email{position: relative;    float: left;    padding: 0 0px;    line-height: 18px;    border-right: 1px solid rgba(0,0,0,0.07);    padding-right: 30px;    margin-right: 30px;}
.header-top-two .email{	border-right: none;	padding-right: 0px;	margin-right: 0px;}
.header-top-two .email a{	color: #222222;}
.header-top-two .email a:hover{	color: #759864;}
.header-top-two .links{	position: relative;	float: left;	padding: 0px 0px;}
.header-top-two .links li{	position: relative;	float: left;	margin-left: 31px;}
.header-top-two .links li:before{	content: '|';	position: absolute;	left: -16px;	top: -3px;	line-height: 30px;}
.header-top-two .links li:first-child:before{	display: none;}
.header-top-two .links li a{    color: #222222;    line-height: 23px;    font-size: 14px;}
.header-top-two .links li a:hover{	color: #759864;}
.header-top-two .social-links{	position:relative;	float: left;	margin-left: 30px;	padding: 0px 0px;	padding-left: 30px;	border-left: 1px solid rgba(0,0,0,0.07);}
.header-top-two .social-links li{	position:relative;	float:left;	color:#999999;}
.header-top-two .social-links li:last-child{	margin-right: 0;}
.header-top-two .social-links li a{	position:relative;	display:block;	color:#aaaaaa;	font-size:14px;	line-height:30px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.header-top-two .social-links li a .fa,.header-top-two .social-links li a .fab{	vertical-align: middle;}
.header-top-two .social-links li a:hover{	color: #759864;}
ul.inline-effect {    justify-content: center;    align-items: center;    display: flex;    height: 5vh;}
.header-style-two .header-upper{	position:relative;     background: #ffffff;}
.header-style-two .header-upper .logo-box{	position: relative;	float:left;	padding: 0px 0px;	z-index:10;}
.header-style-two .header-upper .logo-box .logo{	position: relative;	display:block;}
.header-style-two .header-upper .logo-box .logo img{	position: relative;	display: inline-block;	max-width: 100%;	z-index:1; width: 50%;}
.header-style-two .header-upper .nav-box{	position:relative;	float: right;}
.header-style-two .header-upper .contact-info{	position: relative;	float: left;	padding-top: 35px;	padding-left: 30px;	margin-left: 30px;	border-left: 1px solid rgba(0,0,0,0.07);	min-height: 110px;	color: #aaaaaa;	line-height: 24px;	text-align: right;}
.header-style-two .header-upper .contact-info .phone{	position: relative;	display: block;	color: #e2bc2f;	font-size: 22px;	font-weight: 600;}
.header-style-two .header-upper .contact-info .phone a{	color: #e2bc2f;}
.header-style-two .header-upper .contact-info .phone .icon{	position: relative;	font-size: 22px;	color: #30adcd;	padding-right: 10px;	font-weight: 400;}
.header-style-two .header-upper .nav-outer{	position: relative;	float: left;	padding-top: 25px;}
.header-style-two .main-menu .navigation > li{	margin-right: 32px;}
.header-style-two .main-menu .navigation > li:last-child{	margin-right: 0;}
.header-style-two .main-menu .navigation > li > a{	color: #222222;	padding-bottom: 15px;}
.header-style-three{	position: relative;	color: #aaaaaa;}
.header-style-three .header-upper{	position:relative;	display: block;	padding: 20px 0px;	background: #2f333c;}
.header-style-three .header-upper .logo-box{	position: relative;	float:left;	padding: 0px 0px;	z-index:10;}
.header-style-three .header-upper .logo-box .logo{	position: relative;	display:block;}
.header-style-three .header-upper .logo-box .logo img{	position: relative;	display: inline-block;	max-width: 100%;	max-height: 80px;	z-index:1;}
.header-style-three .header-upper .right-info{	position: relative;	float: right;}
.header-style-three .header-upper .info{	position: relative;	float: left;	padding-top: 15px;}
.header-style-three .header-upper .info .info-block{	position: relative;	float: left;	padding-left: 50px;	margin-left: 50px;}
.header-style-three .header-upper .info .info-block:first-child{	margin-left: 0;}
.header-style-three .header-upper .info .info-block .icon-box{	position: absolute;	left: 0;	top: 3px;	width: 36px;	height: 36px;	line-height: 36px;}
.header-style-three .header-upper .info strong{	position: relative;	display: block;	font-size: 20px;	font-weight: 600;}
.header-style-three .header-upper .info .info-text{	position: relative;	display: block;	font-size: 16px;}
.header-style-three .header-upper .info a{	color: #ffffff;}
.header-style-three .header-upper .info a:hover{	text-decoration: underline;}
.header-style-three .header-upper .link-box{	position: relative;	float: left;	padding-top: 13px;	margin-left: 50px;}
.header-style-three .header-lower{	position:relative;	display: block;	background: #84b040;}
.header-style-three .header-lower .nav-box{	position:relative;	display: block;	color: #ffffff;}
.header-style-three .main-menu .navigation > li{	margin-right: 40px;}
.header-style-three .main-menu .navigation > li:after{	display: none;}
.header-style-three .nav-box .search-btn{	position:relative;	float:left;	margin-top: 20px;	margin-left: 35px;	padding-left: 30px;	padding-right: 30px;	background: url(../images/icons/link-separator-1.png) left center no-repeat;}
.header-style-three .nav-box .search-btn:after{	content: '';	position: absolute;	right: 0;	top: 0;	width: 3px;	height: 100%;	background: url(../images/icons/link-separator-1.png) right center no-repeat;}
.header-style-three .nav-box .search-btn button{	position: relative;	display: block;	padding: 0;	margin: 0;	background: none;	line-height: 30px;	color: #ffffff;	cursor: pointer;}
.header-style-three .nav-box .search-btn button .fa{	vertical-align: middle;}
.header-style-three .nav-box .social{	position: relative;	float: right;	margin-top: 21px;	padding-left: 40px;background: url(../images/icons/link-separator-1.png) left center no-repeat;}
.header-style-three .nav-box .social-links{	position:relative;}
.header-style-three .nav-box .social-links li{	position:relative;	float:left;	color:#333333;	line-height:30px;	margin-left:25px;}
.header-style-three .nav-box .social-links li:first-child{	margin-left: 0;}
.header-style-three .nav-box .social-links li a{	position:relative;	display:block;	color:#ffffff;	font-size:16px;	line-height:30px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.header-style-three .nav-box .social-links li a .fa,.header-style-three .nav-box .social-links li a .fab{	vertical-align: middle;}
.header-style-three .nav-box .social-links li a:hover{	opacity: 0.50;}
.header-style-four{	position: absolute;	left: 0;	top: 0;	width: 100%;}
.header-style-four .header-upper{	position:relative;	display: block;	padding: 25px 0px;	background: none;}
.header-style-four .header-upper .logo-box{	position: relative;	float:left;	padding: 0px 0px;	z-index:10;}
.header-style-four .header-upper .logo-box .logo{	position: relative;	display:block;}
.header-style-four .header-upper .logo-box .logo img{	position: relative;	display: inline-block;	max-width: 100%;	max-height: 80px;	z-index:1;}
.header-style-four .header-upper .nav-outer{	position: relative;	float: right;	margin-top: 10px;}
.header-style-four .header-upper .main-menu .navigation > li{	margin-right: 0;	margin-left: 40px;}
.header-style-four .header-upper .main-menu .navigation > li:after{	display: none;}
.header-style-four .header-upper .main-menu .navigation > li:first-child{	margin-left: 0;}
.header-style-four .header-upper .social{	position: relative;	float: right;	margin-top: 27px;	padding-left: 40px;	background: url(../images/icons/link-separator-1.png) left center no-repeat;	margin-left: 40px;}
.header-style-four .header-upper .social .social-links{	position:relative;}
.header-style-four .header-upper .social .social-links li{	position:relative;	float:left;	color:#333333;	line-height:30px;	margin-left:25px;}
.header-style-four .header-upper .social .social-links li:first-child{	margin-left: 0;}
.header-style-four .header-upper .social .social-links li a{	position:relative;	display:block;	color:#ffffff;	font-size:16px;	line-height:30px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.header-style-four .header-upper .social .social-links li a .fa,.header-style-four .header-upper .social .social-links li a .fab{	vertical-align: middle;}
.header-style-four .header-upper .social .social-links li a:hover{	opacity: 0.50;}
.header-style-five{	position: relative;}
.header-top-three{	background: #0a394d;	padding: 0px 0px;	color: #ffffff;}
.header-top-three .top-left .top-text{	position: relative;	float: left;	padding: 15px 0px;	line-height: 30px;	margin-right: 30px;}
.header-top-three .links{	position: relative;	float: left;	padding: 15px 0px;}
.header-top-three .links li{	position: relative;	float: left;	line-height: 30px;	margin-left: 41px;}
.header-top-three .links li:before{	content: '|';	position: absolute;	right: -21px;	top: -1px;	font-size: 16px;	color: #999999;	line-height: 30px;}
.header-top-three .links li a{	color: #ffffff;}
.header-top-three .links li a:hover{	color: #d73441;}
.header-top-three .social-links{	position:relative;	float: left;	margin-left: 40px;	padding: 15px 0px;}
.header-top-three .social-links li{	position:relative;	float:left;	color:#ffffff;	line-height:30px;	margin-right:20px;}
.header-top-three .social-links li:last-child{	margin-right: 0;}
.header-top-three .social-links li a{	position:relative;	display:block;	color:#ffffff;	font-size:14px;	line-height:30px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.header-top-three .social-links li a .fa,.header-top-three .social-links li a .fab{	vertical-align: middle;}
.header-top-three .social-links li a:hover{	color: #d73441;}
.header-style-five .header-upper{	position:relative;	background: #dcddde;}
.header-style-five .header-upper .logo-box{	position: relative;	float:left;	padding: 15px 0px;	z-index:10;}
.header-style-five .header-upper .logo-box .logo{	position: relative;	display:block;}
.header-style-five .header-upper .logo-box .logo img{	position: relative;	display: inline-block;	max-width: 100%;	max-height: 80px;	z-index:1;}
.header-style-five .header-upper .nav-box{	position:relative;	float: right;}
.header-style-five .header-upper .link-box{	position: relative;	float: left;	padding-top: 28px;	margin-left: 40px;}
.header-style-five .header-upper .nav-outer{	position: relative;	float: left;	padding-top: 25px;}
.header-style-five .main-menu .navigation > li{	margin-right: 32px;}
.header-style-five .main-menu .navigation > li:last-child{	margin-right: 0;}
.header-style-five .main-menu .navigation > li > a{	color: #222222;	padding-bottom: 15px;}
.header-style-five .main-menu .navigation > li > a:before{	border-bottom:2px solid #d73441;	bottom: 6px;}
.about-section-three{	position:relative;	padding: 80px 0px 0px;	z-index: 2;}
.about-section-three .upper-row{	position: relative;}
.featured-block-five{	position: relative;	margin-bottom: 30px;}
.about-section-three .upper-row .row{	margin: 0 -10px;}
.about-section-three .featured-block-five{	padding: 0px 10px;	margin-bottom: 20px;}
.featured-block-five .inner-box{    position: relative;    display: block;   	padding: 50px;    color: #ffffff;    background: #0a394d;    height: 310px;    overflow: hidden;}
.featured-block-five .icon-box{	position: relative;	display: block;	font-weight: 300;	font-size: 90px;	line-height: 1em;	margin-bottom: 20px;}
.featured-block-five .title{	position: relative;}
.featured-block-five h3{	position: relative;	display: block;	font-size: 40px;	font-weight: 700;	text-transform: capitalize;	line-height: 1.25em;	margin: 0px;}
.featured-block-five h3 a{	color: #ffffff;}
.featured-block-five .title h3{	float: left;}
.featured-block-five .arrow{	position: relative;	top: 3px;	float: right;	display: block;	width: 52px;	height: 52px;	line-height: 48px;	text-align: center;	border:2px solid #ffffff;	color: #ffffff;border-radius: 50%;}
.featured-block-five .overlay-box{	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 310px;	display: table;	vertical-align: middle;	background: #0a394d;	opacity: 0;	visibility: hidden;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}

.about-section-three .featured-block-five:nth-child(2) .inner-box,
.about-section-three .featured-block-five:nth-child(2) .overlay-box{	background: #d73441;}
.about-section-three .featured-block-five:nth-child(3) .inner-box,
.about-section-three .featured-block-five:nth-child(3) .overlay-box{	background: #ff8527;}
.featured-block-five .inner-box:hover .overlay-box{	opacity: 1;	visibility: visible;}
.featured-block-five .overlay-inner{	position: relative;	display: table-cell;	padding: 30px 50px;	vertical-align: middle;	width: 100%;}
.featured-block-five .overlay-box .icon{	position: absolute;	top: 30px;	right: 25px;	font-size: 100px;	line-height: 1em;	opacity: 0;	transform: translate(20px,-20px) scale(0.1);-webkit-transition: all 2000ms ease 300ms;	-moz-transition: all 2000ms ease 300ms;	-ms-transition: all 2000ms ease 300ms;	-o-transition: all 2000ms ease 300ms;	transition: all 2000ms ease 300ms;}
.featured-block-five .inner-box:hover .overlay-box .icon{	opacity: 0.25;	transform: translate(0) scale(1);}
.featured-block-five .overlay-box h3{	margin-bottom: 20px;	opacity: 0;	transform: translateY(-50px);	-webkit-transition: all 1000ms ease 100ms;	-moz-transition: all 1000ms ease 100ms;	-ms-transition: all 1000ms ease 100ms;	-o-transition: all 1000ms ease 100ms;	transition: all 1000ms ease 100ms;}
.featured-block-five .overlay-box .text{	opacity: 0;	transform: translateY(50px);	-webkit-transition: all 1000ms ease 500ms;	-moz-transition: all 1000ms ease 500ms;	-ms-transition: all 1000ms ease 500ms;	-o-transition: all 1000ms ease 500ms;	transition: all 1000ms ease 500ms;}
.featured-block-five .inner-box:hover .overlay-box h3,.featured-block-five .inner-box:hover .overlay-box .text{	opacity: 1;	transform: translate(0);}
.about-section-three .lower-row:before{    content: ''; position: absolute; left: 0; bottom: 15px; width: 100%; height: 185px; background: #ffecd8;}
.about-section-three .lower-row .text-column{	position: relative;	margin-bottom: 30px;	order: 12;}
.about-section-three .lower-row .image-column{	position: relative;	margin-bottom: 30px;	order: 0;}
.about-section-three .lower-row .image-box{	position: relative;}
.about-section-three .lower-row .image-box:before{    content: '';    position: absolute;    right: -29px;    top: 0px;    width: 184px;    height: 155px;   border: 15px solid #ffffff;}
.about-section-three .lower-row .image-column img{	display: block;	width: 100%;}
.about-section-three .lower-row .text-column .inner{	position: relative;	display: block;	padding-left: 30px;}
.about-section-three .lower-row .sec-title{	position: relative;	margin-bottom: 25px;	padding-bottom: 0;}
.about-section-three .lower-row .sec-title h2{	text-transform: none;	text-align: left;}
.about-section-three .lower-row .signature{	position: relative;	font-size: 18px;	padding-top: 40px;	line-height: 1.5em;	color: #222222;	font-weight: 700;}
.featured-block-five p {    line-height: 28px;    color: #fff;}
.arrow span {    font-size: 25px !important;    position: relative;    left: 4%;    line-height: 47px;}
.text-column p {    line-height: 26px; margin-bottom: 15px; color: #fff;}
.text-content p {    margin-bottom: 15px;    color: #333;}
.call-to-action-four{	position:relative;	padding:  0px 0px;	color: #ffffff;}
.call-to-action-four .inner{	position: relative;	display: block;	padding-left: 420px;	overflow: hidden;	margin-bottom: -60px;	z-index: 1;}
.call-to-action-four .image-layer{	position: absolute;	left: 0;	top: 0;	width: 420px;	height: 100%;	background-position: 65% 0;	background-repeat: no-repeat;	background-size: cover;}
.call-to-action-four .inner .content{	position: relative;	display: block;	    background: #f6932a;	padding: 60px 60px;}
.call-to-action-four .inner .content:before{	content: '';	position: absolute;	left: -40px;	top: 0;	width: 70px;	height: 100%;	background: #f6932a;	-ms-transform: skewX(10deg);	transform: skewX(10deg);}
.call-to-action-four .inner h2{	font-weight: 700;	margin-bottom: 25px;}
.main-footer{	position:relative;	background-color:#112047;	color: #ffffff;}
.info-block p {   color: #fff; font-family: 'Roboto Condensed', sans-serif;}
.info-block strong{font-family: 'Roboto Condensed', sans-serif;}
.info-block a{font-family: 'Roboto Condensed', sans-serif;}
.footer-style-two{	background-color:#062128;}
.footer-style-three{	background-color:#27292f;}
.footer-style-four{	background-color:#0d112c;}
.footer-style-five{	background-color:#06202b;}
.main-footer .upper-section{	position: relative;	padding: 60px 0px 30px;}
.main-footer .upper-section .outer{	position: relative;	margin: 0px -15px;}
.main-footer .service-block-two{	position: relative;	float: left;	width: 18%;	padding: 0px 15px;	margin-bottom: 30px;}
.main-footer .service-block-two.logo-block{	width: 28%;}
.main-footer .service-block-two .inner-box{	position: relative;	display: block;	text-align: center;}
.main-footer .service-block-two .icon-box{	position: relative;	display: block;	color: #52c306;	font-size: 64px;	line-height: 1em;	margin-bottom: 15px;}
.main-footer .service-block-two .service-title{	font-size: 16px;	text-transform: uppercase;	line-height: 1.4em;	color: #ffffff;}
.main-footer .service-block-two .service-title a{	color: #ffffff;}
.main-footer .service-block-two .service-title a:hover{	text-decoration: underline;}
.main-footer .upper-section .logo{	position: relative;	padding: 15px 0px 10px;}
.main-footer .social-links{	position:relative;	text-align: center;	padding-top: 10px;}
.main-footer .social-links li{	position:relative;	display: inline-block;	margin: 0px 7px;	color:#ffffff;	line-height:24px;}
.main-footer .social-links li a{	position:relative;	display:block;	color:#ffffff;	font-size:14px;	line-height:24px;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.main-footer .social-links li a .fa,.main-footer .social-links li a .fab{	vertical-align: middle;}
.main-footer .social-links li a:hover{	color: #ffffff;	opacity: 1;}
.footer-style-four .upper-section{	position: relative;	padding: 40px 0px 0px;text-align: center;}
.footer-style-four .upper-section .logo-box{	position: relative;	display: inline-block;	padding: 0px 40px;	top: 15px;	background: #0d112c;	z-index: 1;}
.footer-style-four .upper-section .social-links li{	margin: 0px 15px;}
.main-footer .widgets-section{	position:relative;	padding:50px 0px 0px;	border-top: 1px solid rgba(255,255,255,0.15);}
.main-footer .footer-column{	position:relative;	margin-bottom:50px;}
.main-footer .footer-widget{	position:relative;}
.main-footer .widget-title{	position:relative;	margin-bottom:25px;}
.main-footer .widget-title h3{	position:relative;	font-size:20px;	font-weight:600;	color:#ffffff;	letter-spacing:1px;	text-transform:capitalize;}
.main-footer .info{	position: relative;}
.main-footer .info .info-block{	position: relative;	padding-left: 60px;	min-height: 40px;	margin-bottom: 25px;}
.main-footer .info .info-block:last-child{	margin-bottom: 0;}
.main-footer .info .info-block .icon-box{	position: absolute;left: 0;	top: 5px;	width: 36px;	height: 36px;	line-height: 36px;}
.main-footer .info strong{position: relative;	display: block;	font-size: 16px;	font-weight: 600;}
.main-footer .info .info-text{	    position: relative;    display: block;    font-size: 14px;    line-height: 25px;}
.main-footer .info .info-text a{	color: #ffffff;}
.main-footer .info .info-text a:hover{	text-decoration: underline;}
.main-footer .links-widget ul{position: relative;}
.main-footer .links-widget ul li{	position:relative;	margin-bottom:15px;	font-size: 14px;	color: #ffffff;}
.main-footer .links-widget ul li:last-child{	margin-bottom: 0;}
.main-footer .links-widget ul li a{	position:relative;	display: inline-block;	padding-left: 25px;	line-height:24px;	color:#ffffff;	text-transform: capitalize;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.main-footer .links-widget ul li a:hover{	color:#52c306;}
.footer-style-two .links-widget ul li a:hover{	color:#e2bc2f;}
.footer-style-three .links-widget ul li a:hover{	color: #84b040;}
.footer-style-four .links-widget ul li a:hover{	color: #f6932a;}
.footer-style-five .links-widget ul li a:hover{	color:#d73441;}
.main-footer .links-widget ul li a:before{	position:absolute;	left:0px;	top:0px;	display:block;	font-size:14px;	font-weight:400;	z-index:5;	opacity: 0.50;}
.main-footer .links-widget ul li a:hover:before{	opacity: 1;}
.main-footer .gallery-widget .images{	position: relative;	margin: 0px -5px;}
.main-footer .gallery-widget .images .image{	position: relative;	float: left;	width: 33.333%;	display: block;	margin: 0 0 10px;	padding: 0px 5px;}
.main-footer .gallery-widget .images img{	width: 100%;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.main-footer .gallery-widget .images img:hover{	opacity: 0.70;}
.main-footer .footer-bottom{	position:relative;	line-height: 24px;	color: #a6a6a6;	border-top:1px solid rgba(255,255,255,0.15);}
.main-footer .footer-bottom .inner{	    position: relative;    padding: 5px 0px 0px;    text-align: center;}
.main-footer .footer-bottom .scroll-top-footer{	position: absolute;	left: 50%;	top: -24px;	background: #52c306;	color: #ffffff;	width: 48px;	height: 48px;	margin-left: -24px;	line-height: 48px;	text-align: center;	border-radius: 5px;	cursor: pointer;	transition:all 0.3s ease;	-moz-transition:all 0.3s ease;	-webkit-transition:all 0.3s ease;	-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;}
.footer-style-two .footer-bottom .scroll-top-footer{	background: #e2bc2f;}
.footer-style-three .footer-bottom .scroll-top-footer{	background: #3d3f44;}
.footer-style-four .footer-bottom .scroll-top-footer{	background: #1c2562;}
.main-footer .footer-bottom .scroll-top-footer:hover{	background: #406fe6;}
.footer-style-three .footer-bottom .scroll-top-footer:hover{	background: #84b040;}
.footer-style-four .footer-bottom .scroll-top-footer:hover{	background: #e85728;}
.footer-style-five .footer-bottom .scroll-top-footer{	background: #ff8527;}
.footer-style-five .footer-bottom .scroll-top-footer:hover{	background: #d73441;}
.main-footer .footer-bottom .copyright{	position:relative;	float: left;}
.main-footer .footer-bottom .copyright a{	color: #ffffff;}
.main-footer .footer-bottom .footer-nav{	position:relative;	float: right;}
.main-footer .footer-bottom .footer-nav ul li{	position: relative;	float: left;	margin-left: 23px;	line-height: 24px;}
.main-footer .footer-bottom .footer-nav ul li:before{	content: '|';	position: absolute;	left: -13px;top: 0;	line-height: 24px;}
.main-footer .footer-bottom .footer-nav ul li:first-child:before{	display: none;}
.main-footer .footer-bottom .footer-nav ul li a{	position: relative;	color: #a6a6a6;}
.main-footer .footer-bottom .footer-nav ul li a:hover{	color: #52c306;}
.footer-style-two .footer-bottom .footer-nav ul li a:hover{	color: #e2bc2f;}
.footer-style-three .footer-bottom .footer-nav ul li a:hover{	color: #84b040;}
.footer-style-four .footer-bottom .footer-nav ul li a:hover{color: #e85728;}
.footer-style-five .footer-bottom .footer-nav ul li a:hover{	color: #d73441;}
.main-footer .footer-logo-box{	position:relative;	margin-bottom: 10px;}
.main-footer .about-text{	position:relative;	max-width: 320px;	margin-bottom: 25px;}
.footer-social{	position:relative;}
.footer-social-two li{	position:relative;	display: inline-block;	margin: 0px 16px 0px 0px;	color:#ffffff;	line-height:24px;}
.footer-social-two li a{	position:relative;	display:block;	color:#ffffff;	font-size:14px;	line-height:24px;	opacity: 0.50;	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease;	-ms-transition: all 300ms ease;	-o-transition: all 300ms ease;	transition: all 300ms ease;}
.footer-social-two li a .fa,.footer-social-two li a .fab{	vertical-align: middle;}
.footer-social-two li a:hover{	color: #e2bc2f;	opacity: 1;}
.footer-style-three .footer-social-two li a:hover{	color: #84b040;	opacity: 1;}
.footer-style-five .footer-social-two li a:hover{	color: #d73441;	opacity: 1;}
.btn-style-eleven .btn-title {    position: relative;    display: block;    z-index: 1;        padding: 10px 20px 10px 20px;    background: none;    border: 2px solid #ffffff;    letter-spacing: 0.05em;    border-radius: 0px;    transition: all 0.3s ease;   -moz-transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;}
.btn-style-eleven {    position: relative;    display: inline-block;    font-size: 16px;    line-height: 30px;    color: #ffffff;    font-weight: 600;    text-transform: capitalize;    border-radius: 0px;    overflow: hidden;}
.footer-bottom p {    color: #fff;}
.footer-bottom a {color: #fff; font-weight: bold;}
.margin-center {    text-align: center;}
.margin-center img {     width: 50%; border-radius: 5px;  border: 5px ridge #f6932a;}
.dedicated-projects {    position: relative; background-color: #f1f1f1;   padding: 50px 0px 70px;}
/*.dedicated-projects::after{    background: url(../images/galleries/fade-img.png)no-repeat;    content: '';    width: 100%;    height: 375px;    left: -25px;    position: absolute;    z-index: -9;    bottom: -26px;}*/
.project-block-three{	position: relative;	margin-bottom: 30px;}
.masonry-gallery{	position: relative;}
.project-block-three .inner-box{	position: relative;	display: block;	text-align: center;}
.project-block-three .image-box{	position: relative;	display: block;	overflow: hidden;}
.project-block-three .image{	position: relative;	display: block;	margin: 0;}
.project-block-three .image img{	display: block;	width: 100%;}
.project-block-three .image-box .overlay{	position: absolute;	left: 0;	bottom: 0;	width: 100%;	height: 90%;	color: #ffffff;	background: rgba(0,0,0,0.70);	background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));	background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));	background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.80),rgba(0,0,0,0.0));	opacity: 0;	visibility: hidden;	transform: translateY(-100%);	-webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease;	-ms-transition: all 500ms ease;	-o-transition: all 500ms ease;	transition: all 500ms ease;}
.project-block-three .inner-box:hover .image-box .overlay{	opacity: 1;	visibility: visible;	transform: translateY(0%);}
.project-block-three .image-box .overlay a{	color: #ffffff;}
.project-block-three .image-box .overlay .zoom-btn{	font-size: 24px;	margin-bottom: 15px;}
.project-block-three .image-box .overlay .more-link a{	text-decoration: underline;	font-weight: 600;}
.project-block-three .image-box .overlay .over-inner{	position: absolute;	left: 0;	bottom: 30px;	width: 100%;	padding: 0px 20px;}
.project-block-three .image-box .overlay .title{	position: relative;}
.project-block-three .image-box .overlay .title h3{	font-size: 18px;	font-weight: 600;	text-transform: uppercase;	margin: 0 0  5px;}
.project-block-three .image-box .overlay .cat,.project-block-three .image-box .overlay .cat a{	position: relative;	font-size: 14px;	font-weight: 400;	text-transform: uppercase;	color: #e85728;}
.default-theme .project-block-three .image-box .overlay .cat,.default-theme .project-block-three .image-box .overlay .cat a{	color: #52c306;}
.project-block-three .image-box .overlay .title h3 a:hover{	color: #e85728;}
.default-theme .project-block-three .image-box .overlay .title h3 a:hover{	color: #52c306;}
.recent-projects-three .view-more{	position: relative;	padding-top: 40px;}
.enquiry-section{	position:relative;	padding: 110px 0px;	background-position: center center;	background-repeat: no-repeat;	background-size: cover;}
.enquiry-section .image-layer{	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	background-position: center center;	background-attachment: fixed;	background-repeat: no-repeat;	background-size: cover;}
.enquiry-section .image-layer:before{content: '';    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: #000000;    opacity: 0.5;}
.enquiry-section .content-box{	position: relative;	display: block;	padding: 60px 60px 50px;	background: #ffffff;	text-align: center;	max-width: 1020px;	margin: 0 auto;}
.enquiry-section .content-box form .row{	margin: 0px -12px;}
.enquiry-section .content-box form .row .form-group{	padding: 0px 12px;	margin-bottom: 24px;}
.enquiry-section .content-box .lower-text{	position: relative;	padding-top: 20px;}
.enquiry-section .lower-text .sub-title{	position: relative;	display: block;	overflow: hidden;}
.enquiry-section .lower-text .sub-title .txt{	position: relative;	display: inline-block;	font-size: 14px;	font-weight: 600;	text-transform: uppercase;	line-height: 24px;	padding: 0px 20px;}
.enquiry-section .lower-text .sub-title .txt:before{	content: '';	position: absolute;	left: 100%;	top: 50%;	width: 100px;border-bottom: 1px dashed #aaaaaa;}
.enquiry-section .lower-text .sub-title .txt:after{	content: '';	position: absolute;	right: 100%;	top: 45%;	width: 100px;	border-bottom: 1px dashed #aaaaaa;}
.enquiry-section .lower-text .info{	position: relative;	display: block;	padding-top: 15px;	font-size: 24px;	line-height: 1.5em;	font-weight: 500;	text-transform: capitalize;}
.enquiry-section .lower-text .info .icon{	position: relative;	top: -2px;	display: inline-block;	width: 36px;	height: 36px;	background: url(./images/icon-call-1.png) center center no-repeat;	vertical-align: middle;	margin: 0px 5px;}
.enquiry-section .lower-text .info a{	color: #000;	font-weight: 600;}
.enquiry-section .lower-text .info a:hover{	text-decoration: underline;}
.default-form .form-group input[type="text"], .default-form .form-group input[type="email"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="url"], .default-form .form-group input[type="file"], .default-form .form-group input[type="number"], .default-form .form-group textarea, .default-form .form-group select {    position: relative;    display: block;    height: 54px;    width: 100%;    font-size: 16px;    color: #25283a;    line-height: 30px;    font-weight: 400;    padding: 11px 20px;    background-color: #ffffff;    border: 1px solid #e0e0e0;    border-radius: 3px;    -webkit-transition: all 300ms ease;    -ms-transition: all 300ms ease;    -o-transition: all 300ms ease;   -moz-transition: all 300ms ease;    transition: all 300ms ease; font-family: 'Roboto Condensed', sans-serif;}
.form-group textarea {    height: 150px !important;}
input:focus {    outline: none;}
textarea:focus {    outline: none;}
.btn-style-one .btn-title {    position: relative;    display: block;    z-index: 1;    padding: 12px 80px 12px 30px;    background: #52c306;    letter-spacing: 0.05em;    border-radius: 0px;    transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -webkit-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;    -o-transition: all 0.3s ease;}
button.theme-btn {    border: none;    background: #f6932a;    text-align: center;    width: 100%;    height: 45px;    color: #fff;    font-weight: bolder; font-family: 'Montserrat', sans-serif;}
.box{    border-radius: 10px;    overflow: hidden;    position: relative;    transition: all 0.4s ease-in-out;}
.box:before{    content: '';    height: 100%;    width: 100%;    border: 0 solid #f6932a;    position: absolute;    right: 0;    top: 0;    z-index: 1;    transition: all 0.3s ease-in-out;}
.box:hover:before{        border: 10px solid #f6932a;    border-bottom-width: 10px;}
.box img{    width: 100%;    height: auto;    transition: all 0.4s ease-in-out;}
.box:hover img{ filter: hue-rotate(100deg) grayscale(50%); }
.box .box-content{    color: #fff;    width: 100%;    position: absolute;   bottom: -22px;    left: 15px;    z-index: 2;    transition: all 0.4s ease-in-out;}
.box:hover .box-content{ bottom: 5px; }
.box .title{    font-size: 16px;    font-weight: 700;   letter-spacing: 0.5px;    text-transform: uppercase;    margin: 0;    transition: all 0.3s ease 0s;}
.box:hover .title{ text-shadow: none; }
.box .post{    font-size: 15px;    font-weight: 300;    letter-spacing: 0.5px;   text-transform: capitalize;    display: block;    opacity: 0;    transition: all 0.3s ease 0s;}
.box:hover .post{ opacity: 1; }
.box .icon{    padding: 0;    margin: 0;    list-style: none;    opacity: 0;    position: absolute;    top: 17px;    right: -15px;    z-index: 1;    transition: all 0.4s ease-in-out 0.1s;}
.box:hover .icon{    opacity: 1;    right: 15px;}
.box .icon li i{    color: #fff;    background-color: #f6932a;    font-size: 13px;    text-align: center;    line-height: 30px;    height: 30px;    width: 30px;    margin: 7px 0;    display: block;    transition: all 0.3s ease 0s;}
.box .icon li i:hover{    border-radius: 50%;    box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;    transform: translateX(-2px);}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
.box-metter{margin-bottom: 30px;}
.dedicated-projects h5 {    text-align: center;    font-weight: 800;    margin-bottom: 50px;}
.content-box h6 {    font-weight: bold;    margin-bottom: 30px;}
ul.social-links img{transition: 0.5s;}
ul.social-links img:hover{transform: rotateY(180deg);}
.social-links img {    background: #fff;    padding: 5px;    border-radius: 5px;}

p.heading-para { margin-bottom: 0; font-size: 38px;    font-weight: 700;     color: #000;}
.categories {    padding: 50px 0;}
.heading-para p {    line-height: 28px;}
.border-testing span {    color: #f9c415;    display: block;    margin-bottom: 12px;}
.backend {  position: relative;}
.backend::after {    position: absolute;    left: 0;    content: '';    background: url(images/about-shape.png) no-repeat;    width: 100%;    height: 800px;    top: -50px;}
.rowing-work img{width: 100%;}
.rowing-work {    margin-top: 55px;}
.only-full-metter img{width: 50% !important;}
.only-full-metter {    text-align: center;  margin-top: 30px;}
.inner-img-hover-effect img {    border-radius: 5px;}
.only-full-metter img{border-radius: 5px;}
.for-img-type img {    border-radius: 5px;}
.bg-light {background: #f9f9f9;}
.new-content-padding {    padding-left: 42px;}
.why-choose-us h2{text-align: center; padding-bottom: 22px;}
.why-choose-us {    background: #f1f1f1; padding: 50px 0px;}
.why-choose-us p {    line-height: 28px;    text-align: center;}
.mobile-menu{display: none;}
.details-product h2 {    margin: 11px 0px 11px 0px;    color: #f6932a;    font-size: 26px;}
.details-product h4 {    margin: 11px 0px 11px 0px;    color: #f6932a;    font-size: 26px;}
.details-product h5 {    margin: 11px 0px 11px 0px;    color: #f6932a;    font-size: 26px;}
.details-product h6 {    margin: 11px 0px 11px 0px;    color: #f6932a;    font-size: 26px;}
.wel-par {
    color: #f6932a;
    font-size: 28px;
    font-style: italic;
    font-weight: 900;
    padding-bottom: 7px !important;
    /* margin-bottom: 12px !important; */
    display: block;
}
.inner h1 {
    font-size: 24px;
}
.location-info strong { font-family: 'Roboto Condensed', sans-serif;   font-size: 20px !important;    font-weight: 600;}
b, strong {    font-weight: 700 !important;}
.pd-par {    font-size: 30px;    text-transform: capitalize;    margin: 0 0 3px;    font-weight: 600;    font-family: 'Montserrat', sans-serif;    color: #000 !important;}
.foo-par {    position: relative;    font-size: 20px;    font-weight: 600;    color: #ffffff;    letter-spacing: 1px;    margin-left: 24px;    text-transform: capitalize;    font-family: 'Montserrat', sans-serif;}
.stil-par {    font-weight: 700;    margin-bottom: 25px;    font-family: 'Montserrat', sans-serif;    font-size: 35px;    color: #fff;}
.new-stl {    font-size: 16px;    font-weight: 700;    letter-spacing: 0.5px;    text-transform: uppercase;    color: #fff;    margin: 0;    transition: all 0.3s ease 0s;    font-family: 'Montserrat', sans-serif;}
.en-par {    font-weight: bold;    margin-bottom: 30px;    font-family: 'Montserrat', sans-serif;    font-size: 35px;    color: #000;}

@charset "UTF-8";
.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

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

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-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;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-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 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;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-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;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-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 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;

}

#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;}
.classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #111111;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9;}
@-webkit-keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit;background-color:#fff}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color:#343a40;font-size:24px;text-decoration:none!important}
.nav-brand:hover,.nav-brand:focus{color:#343a40}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#343a40;border-radius:10px;box-shadow:0 .5em 0 0 #343a40,0 1em 0 0 #343a40}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:26px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height: 70px;padding: 36px 15px;display: inline-block;text-decoration: none;font-size: 14px;color: #343a40;-webkit-transition: color .3s,background .3s;
transition: color .3s,background .3s;}
nav#navigation1 img {
width: 60%;
position: relative;
top: 15px;
}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#27ae60}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .2s;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #70798b #70798b transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .2s;transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent #967adc #967adc transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}
.nav-search{height:70px;float:right;z-index:19998}
.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:52px}
.navigation-hidden .nav-search{display:none}
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd}
.navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#343a40;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:#27ae60}
.nav-search>form{width:100%;height:100%;padding:0 auto;display:none;position:absolute;left:0;top:0;background-color:#fff;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}
.navigation-portrait .nav-search-inner{height:48px}
.nav-search-inner input[type=text],.nav-search-inner input[type=search]{height:70px;width:100%;margin:0;padding:0 12px;font-size:26px;text-align:center;color:#343a40;outline:none;line-height:70px;border:none;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}
.navigation-portrait .nav-search-inner input[type=text],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px}
.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#343a40;font-size:20px;cursor:pointer;text-align:center}
.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#27ae60}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fdfdfd;box-shadow:0 10px 20px rgba(0,0,0,.075)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-decoration:none;font-size:13px;}
.megamenu-list>li>a:hover{background-color:#27ae60;color:#fff}
.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:600;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%}
.nav-menu > li > a{color:#343a40;text-transform:uppercase;}
.nav-dropdown > li > a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6;}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#27ae60;}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px 10px 10px 30px;}
@media only screen and (min-width:320px) and (max-width:767px){
  .nav-dropdown > li > a,.megamenu-list > li > a{width:65%}
}

body.compensate-for-scrollbar {

    overflow: hidden;

}



.fancybox-active {

    height: auto;

}



.fancybox-is-hidden {

    left: -9999px;

    margin: 0;

    position: absolute !important;

    top: -9999px;

    visibility: hidden;

}



.fancybox-container {

    -webkit-backface-visibility: hidden;

    height: 100%;

    left: 0;

    outline: none;

    position: fixed;

    -webkit-tap-highlight-color: transparent;

    top: 0;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    transform: translateZ(0);

    width: 100%;

    z-index: 99992;

}



.fancybox-container * {

    box-sizing: border-box;

}



.fancybox-outer,

.fancybox-inner,

.fancybox-bg,

.fancybox-stage {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

}



.fancybox-outer {

    -webkit-overflow-scrolling: touch;

    overflow-y: auto;

}



.fancybox-bg {

    background: rgb(30, 30, 30);

    opacity: 0;

    transition-duration: inherit;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(.47, 0, .74, .71);

}



.fancybox-is-open .fancybox-bg {

    opacity: .9;

    transition-timing-function: cubic-bezier(.22, .61, .36, 1);

}



.fancybox-infobar,

.fancybox-toolbar,

.fancybox-caption,

.fancybox-navigation .fancybox-button {

    direction: ltr;

    opacity: 0;

    position: absolute;

    transition: opacity .25s ease, visibility 0s ease .25s;

    visibility: hidden;

    z-index: 99997;

}



.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-toolbar .fancybox-toolbar,

.fancybox-show-caption .fancybox-caption,

.fancybox-show-nav .fancybox-navigation .fancybox-button {

    opacity: 1;

    transition: opacity .25s ease 0s, visibility 0s ease 0s;

    visibility: visible;

}



.fancybox-infobar {

    color: #ccc;

    font-size: 13px;

    -webkit-font-smoothing: subpixel-antialiased;

    height: 44px;

    left: 0;

    line-height: 44px;

    min-width: 44px;

    mix-blend-mode: difference;

    padding: 0 10px;

    pointer-events: none;

    top: 0;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.fancybox-toolbar {

    right: 0;

    top: 0;

}



.fancybox-stage {

    direction: ltr;

    overflow: visible;

    transform: translateZ(0);

    z-index: 99994;

}



.fancybox-is-open .fancybox-stage {

    overflow: hidden;

}



.fancybox-slide {

    -webkit-backface-visibility: hidden;

    /* Using without prefix would break IE11 */

    display: none;

    height: 100%;

    left: 0;

    outline: none;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    padding: 44px;

    position: absolute;

    text-align: center;

    top: 0;

    transition-property: transform, opacity;

    white-space: normal;

    width: 100%;

    z-index: 99994;

}



.fancybox-slide::before {

    content: '';

    display: inline-block;

    font-size: 0;

    height: 100%;

    vertical-align: middle;

    width: 0;

}



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--previous,

.fancybox-slide--current,

.fancybox-slide--next {

    display: block;

}



.fancybox-slide--image {

    overflow: hidden;

    padding: 44px 0;

}



.fancybox-slide--image::before {

    display: none;

}



.fancybox-slide--html {

    padding: 6px;

}



.fancybox-content {

    background: #fff;

    display: inline-block;

    margin: 0;

    max-width: 100%;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    padding: 44px;

    position: relative;

    text-align: left;

    vertical-align: middle;

}



.fancybox-slide--image .fancybox-content {

    animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    -webkit-backface-visibility: hidden;

    background: transparent;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    left: 0;

    max-width: none;

    overflow: visible;

    padding: 0;

    position: absolute;

    top: 0;

    -ms-transform-origin: top left;

    transform-origin: top left;

    transition-property: transform, opacity;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    z-index: 99995;

}



.fancybox-can-zoomOut .fancybox-content {

    cursor: zoom-out;

}



.fancybox-can-zoomIn .fancybox-content {

    cursor: zoom-in;

}



.fancybox-can-swipe .fancybox-content,

.fancybox-can-pan .fancybox-content {

    cursor: -webkit-grab;

    cursor: grab;

}



.fancybox-is-grabbing .fancybox-content {

    cursor: -webkit-grabbing;

    cursor: grabbing;

}



.fancybox-container [data-selectable='true'] {

    cursor: text;

}



.fancybox-image,

.fancybox-spaceball {

    background: transparent;

    border: 0;

    height: 100%;

    left: 0;

    margin: 0;

    max-height: none;

    max-width: none;

    padding: 0;

    position: absolute;

    top: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    width: 100%;

}



.fancybox-spaceball {

    z-index: 1;

}



.fancybox-slide--video .fancybox-content,

.fancybox-slide--map .fancybox-content,

.fancybox-slide--pdf .fancybox-content,

.fancybox-slide--iframe .fancybox-content {

    height: 100%;

    overflow: visible;

    padding: 0;

    width: 100%;

}



.fancybox-slide--video .fancybox-content {

    background: #000;

}



.fancybox-slide--map .fancybox-content {

    background: #e5e3df;

}



.fancybox-slide--iframe .fancybox-content {

    background: #fff;

}



.fancybox-video,

.fancybox-iframe {

    background: transparent;

    border: 0;

    display: block;

    height: 100%;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}



/* Fix iOS */

.fancybox-iframe {

    left: 0;

    position: absolute;

    top: 0;

}



.fancybox-error {

    background: #fff;

    cursor: default;

    max-width: 400px;

    padding: 40px;

    width: 100%;

}



.fancybox-error p {

    color: #444;

    font-size: 16px;

    line-height: 20px;

    margin: 0;

    padding: 0;

}



/* Buttons */



.fancybox-button {

    background: rgba(30, 30, 30, .6);

    border: 0;

    border-radius: 0;

    box-shadow: none;

    cursor: pointer;

    display: inline-block;

    height: 44px;

    margin: 0;

    padding: 10px;

    position: relative;

    transition: color .2s;

    vertical-align: top;

    visibility: inherit;

    width: 44px;

}



.fancybox-button,

.fancybox-button:visited,

.fancybox-button:link {

    color: #ccc;

}



.fancybox-button:hover {

    color: #fff;

}



.fancybox-button:focus {

    outline: none;

}



.fancybox-button.fancybox-focus {

    outline: 1px dotted;

}



.fancybox-button[disabled],

.fancybox-button[disabled]:hover {

    color: #888;

    cursor: default;

    outline: none;

}



/* Fix IE11 */

.fancybox-button div {

    height: 100%;

}



.fancybox-button svg {

    display: block;

    height: 100%;

    overflow: visible;

    position: relative;

    width: 100%;

}



.fancybox-button svg path {

    fill: currentColor;

    stroke-width: 0;

}



.fancybox-button--play svg:nth-child(2),

.fancybox-button--fsenter svg:nth-child(2) {

    display: none;

}



.fancybox-button--pause svg:nth-child(1),

.fancybox-button--fsexit svg:nth-child(1) {

    display: none;

}



.fancybox-progress {

    background: #ff5268;

    height: 2px;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -ms-transform-origin: 0;

    transform-origin: 0;

    transition-property: transform;

    transition-timing-function: linear;

    z-index: 99998;

}



/* Close button on the top right corner of html content */



.fancybox-close-small {

    background: transparent;

    border: 0;

    border-radius: 0;

    color: #ccc;

    cursor: pointer;

    opacity: .8;

    padding: 8px;

    position: absolute;

    right: -12px;

    top: -44px;

    z-index: 401;

}



.fancybox-close-small:hover {

    color: #fff;

    opacity: 1;

}



.fancybox-slide--html .fancybox-close-small {

    color: currentColor;

    padding: 10px;

    right: 0;

    top: 0;

}



.fancybox-slide--image.fancybox-is-scaling .fancybox-content {

    overflow: hidden;

}



.fancybox-is-scaling .fancybox-close-small,

.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {

    display: none;

}



/* Navigation arrows */



.fancybox-navigation .fancybox-button {

    background-clip: content-box;

    height: 100px;

    opacity: 0;

    position: absolute;

    top: calc(50% - 50px);

    width: 70px;

}



.fancybox-navigation .fancybox-button div {

    padding: 7px;

}



.fancybox-navigation .fancybox-button--arrow_left {

    left: 0;

    left: env(safe-area-inset-left);

    padding: 31px 26px 31px 6px;

}



.fancybox-navigation .fancybox-button--arrow_right {

    padding: 31px 6px 31px 26px;

    right: 0;

    right: env(safe-area-inset-right);

}



/* Caption */



.fancybox-caption {

    background: linear-gradient(to top,

        rgba(0, 0, 0, .85) 0%,

        rgba(0, 0, 0, .3) 50%,

        rgba(0, 0, 0, .15) 65%,

        rgba(0, 0, 0, .075) 75.5%,

        rgba(0, 0, 0, .037) 82.85%,

        rgba(0, 0, 0, .019) 88%,

        rgba(0, 0, 0, 0) 100%);

    bottom: 0;

    color: #eee;

    font-size: 14px;

    font-weight: 400;

    left: 0;

    line-height: 1.5;

    padding: 75px 44px 25px 44px;

    pointer-events: none;

    right: 0;

    text-align: center;

    z-index: 99996;

}



@supports (padding: max(0px)) {

    .fancybox-caption {

        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));

    }

}



.fancybox-caption--separate {

    margin-top: -50px;

}



.fancybox-caption__body {

    max-height: 50vh;

    overflow: auto;

    pointer-events: all;

}



.fancybox-caption a,

.fancybox-caption a:link,

.fancybox-caption a:visited {

    color: #ccc;

    text-decoration: none;

}



.fancybox-caption a:hover {

    color: #fff;

    text-decoration: underline;

}



/* Loading indicator */



.fancybox-loading {

    animation: fancybox-rotate 1s linear infinite;

    background: transparent;

    border: 4px solid #888;

    border-bottom-color: #fff;

    border-radius: 50%;

    height: 50px;

    left: 50%;

    margin: -25px 0 0 -25px;

    opacity: .7;

    padding: 0;

    position: absolute;

    top: 50%;

    width: 50px;

    z-index: 99999;

}



@keyframes fancybox-rotate {

    100% {

        transform: rotate(360deg);

    }

}



/* Transition effects */



.fancybox-animated {

    transition-timing-function: cubic-bezier(0, 0, .25, 1);

}



/* transitionEffect: slide */



.fancybox-fx-slide.fancybox-slide--previous {

    opacity: 0;

    transform: translate3d(-100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--next {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--current {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}



/* transitionEffect: fade */



.fancybox-fx-fade.fancybox-slide--previous,

.fancybox-fx-fade.fancybox-slide--next {

    opacity: 0;

    transition-timing-function: cubic-bezier(.19, 1, .22, 1);

}



.fancybox-fx-fade.fancybox-slide--current {

    opacity: 1;

}



/* transitionEffect: zoom-in-out */



.fancybox-fx-zoom-in-out.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(1.5, 1.5, 1.5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(.5, .5, .5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1);

}



/* transitionEffect: rotate */



.fancybox-fx-rotate.fancybox-slide--previous {

    opacity: 0;

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

    transform: rotate(-360deg);

}



.fancybox-fx-rotate.fancybox-slide--next {

    opacity: 0;

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.fancybox-fx-rotate.fancybox-slide--current {

    opacity: 1;

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

}



/* transitionEffect: circular */



.fancybox-fx-circular.fancybox-slide--previous {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--next {

    opacity: 0;

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--current {

    opacity: 1;

    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

}



/* transitionEffect: tube */



.fancybox-fx-tube.fancybox-slide--previous {

    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);

}



.fancybox-fx-tube.fancybox-slide--next {

    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);

}



.fancybox-fx-tube.fancybox-slide--current {

    transform: translate3d(0, 0, 0) scale(1);

}



/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {

    .fancybox-slide {

        padding-left: 6px;

        padding-right: 6px;

    }



    .fancybox-slide--image {

        padding: 6px 0;

    }



    .fancybox-close-small {

        right: -6px;

    }



    .fancybox-slide--image .fancybox-close-small {

        background: #4e4e4e;

        color: #f2f4f6;

        height: 36px;

        opacity: 1;

        padding: 6px;

        right: 0;

        top: 0;

        width: 36px;

    }



    .fancybox-caption {

        padding-left: 12px;

        padding-right: 12px;

    }



    @supports (padding: max(0px)) {

        .fancybox-caption {

            padding-left: max(12px, env(safe-area-inset-left));

            padding-right: max(12px, env(safe-area-inset-right));

        }

    }

}

/* Share */



.fancybox-share {

    background: #f4f4f4;

    border-radius: 3px;

    max-width: 90%;

    padding: 30px;

    text-align: center;

}



.fancybox-share h1 {

    color: #222;

    font-size: 35px;

    font-weight: 700;

    margin: 0 0 20px 0;

}



.fancybox-share p {

    margin: 0;

    padding: 0;

}



.fancybox-share__button {

    border: 0;

    border-radius: 3px;

    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    line-height: 40px;

    margin: 0 5px 10px 5px;

    min-width: 130px;

    padding: 0 15px;

    text-decoration: none;

    transition: all .2s;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    white-space: nowrap;

}



.fancybox-share__button:visited,

.fancybox-share__button:link {

    color: #fff;

}



.fancybox-share__button:hover {

    text-decoration: none;

}



.fancybox-share__button--fb {

    background: #3b5998;

}



.fancybox-share__button--fb:hover {

    background: #344e86;

}



.fancybox-share__button--pt {

    background: #bd081d;

}



.fancybox-share__button--pt:hover {

    background: #aa0719;

}



.fancybox-share__button--tw {

    background: #1da1f2;

}



.fancybox-share__button--tw:hover {

    background: #0d95e8;

}



.fancybox-share__button svg {

    height: 25px;

    margin-right: 7px;

    position: relative;

    top: -1px;

    vertical-align: middle;

    width: 25px;

}



.fancybox-share__button svg path {

    fill: #fff;

}



.fancybox-share__input {

    background: transparent;

    border: 0;

    border-bottom: 1px solid #d7d7d7;

    border-radius: 0;

    color: #5d5b5b;

    font-size: 14px;

    margin: 10px 0 0 0;

    outline: none;

    padding: 10px 15px;

    width: 100%;

}

/* Thumbs */



.fancybox-thumbs {

    background: #ddd;

    bottom: 0;

    display: none;

    margin: 0;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    padding: 2px 2px 4px 2px;

    position: absolute;

    right: 0;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    top: 0;

    width: 212px;

    z-index: 99995;

}



.fancybox-thumbs-x {

    overflow-x: auto;

    overflow-y: hidden;

}



.fancybox-show-thumbs .fancybox-thumbs {

    display: block;

}



.fancybox-show-thumbs .fancybox-inner {

    right: 212px;

}



.fancybox-thumbs__list {

    font-size: 0;

    height: 100%;

    list-style: none;

    margin: 0;

    overflow-x: hidden;

    overflow-y: auto;

    padding: 0;

    position: absolute;

    position: relative;

    white-space: nowrap;

    width: 100%;

}



.fancybox-thumbs-x .fancybox-thumbs__list {

    overflow: hidden;

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {

    width: 7px;

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {

    background: #fff;

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {

    background: #2a2a2a;

    border-radius: 10px;

}



.fancybox-thumbs__list a {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    background-color: rgba(0, 0, 0, .1);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    cursor: pointer;

    float: left;

    height: 75px;

    margin: 2px;

    max-height: calc(100% - 8px);

    max-width: calc(50% - 4px);

    outline: none;

    overflow: hidden;

    padding: 0;

    position: relative;

    -webkit-tap-highlight-color: transparent;

    width: 100px;

}



.fancybox-thumbs__list a::before {

    border: 6px solid #ff5268;

    bottom: 0;

    content: '';

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: all .2s cubic-bezier(.25, .46, .45, .94);

    z-index: 99991;

}



.fancybox-thumbs__list a:focus::before {

    opacity: .5;

}



.fancybox-thumbs__list a.fancybox-thumbs-active::before {

    opacity: 1;

}



/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {

    .fancybox-thumbs {

        width: 110px;

    }



    .fancybox-show-thumbs .fancybox-inner {

        right: 110px;

    }



    .fancybox-thumbs__list a {

        max-width: calc(100% - 10px);

    }

}

.owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}

.owl-carousel{position: relative;	width: 100%;-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%; top:6px;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}	

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}

.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}

.owl-controls.clickable{ display:block !important;}


.owl-buttons{ width: 40px;  height: 40px;    font-size: 0;    position: absolute;    top: 0px;    background: transparent;    border: 1px solid transparent;    left: 49px; display: none;}

.owl-buttons .owl-next,	.owl-prev{width:30px;  height:10px;    font-size:0;    position: absolute;    top:0px;	background:transparent;	border:1px solid transparent;	left: 49px;}


.owl-next:hover {color: #16639f !important;}

.owl-prev:hover {color: #16639f !important;}

.owl-next:after {font: normal normal normal 14px/1 FontAwesome; font-size: 40px;}	

div#owl-demo {text-align: center;}

.owl-prev  {width: 40px; height: 40px;  position: absolute;  left: 0;  top: 0px !important;}

.owl-next {width: 40px !important;    height: 40px !important;    position: absolute !important;    right: 111px !important;    left: 985px !important;    top: 0px !important;}


.ma5menu {
  display: none;
  box-sizing: border-box;
}

.ma5menu *,.ma5menu *:after,.ma5menu *:before {
  box-sizing: border-box;
}

.ma5menu--active .ma5menu__page {
  margin-right: -17px;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
  transition: -webkit-transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
}

@media (min-width: 768px) {
  .ma5menu--active .ma5menu__page {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }
}

.ma5menu>ul {
  display: none;
}

.ma5menu__head {
  padding: 0 5px;
  border-bottom: 1px solid #0c589e;
  height: 60px;
  text-align: center;
  color: #fff;
  background-color: transparent;
  position: relative;
}

.ma5menu__header {
  line-height: 35px;
  color: #fff;
  background-color: transparent;
}

.ma5menu__header a {
  color: #ffc107;
}

.ma5menu__header a:hover {
  color: #ffc107;
}

.ma5menu__close {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  background-color: transparent;
  background-image: url("../images/corss.png");
  background-size: 24px 24px;
  background-position: 50% 50%;
}

.ma5menu__toggle:hover .ma5menu__close {
  color: transparent;
  background-image: url("../images/corss.png");
  background-color: transparent;
}

.ma5menu__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 161px !important;
    height: 100px !important;
    background-size: 110% 64%;
    background-position: 50% 50%;
    background-repeat: no-repeat !important;
}

.ma5menu__home:hover .ma5menu__logo {
  color: #ffc107;
}

.ma5menu__home {
  font-weight: 700;
  color: inherit;
}

.ma5menu__tools {
  display: none;
}

.ma5menu__footer .ma5menu__tools {
  display: block;
}

.ma5menu__footer {
  padding: 20px 20px 30px 20px;
  text-align: center;
  color: rgba(255,255,255,0.6);
  background-color: transparent;
  text-transform: none;
}

.ma5menu__footer a {
  color: #ffc107;
}

.ma5menu__footer a:hover {
  color: #ffc107;
}

.ma5menu__toggle {
  cursor: pointer;
  color: #fff;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  width: 52px;
  height: 38px;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  font-weight: 400;
  padding: 8px 12px;
  -o-transition: box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out;
  background: #f6932a;
}

.ma5menu__toggle:hover {
  color: #fff;
  background-color: #f6932a;
}

.ma5menu__header .ma5menu__toggle {
  position: absolute;
  top: 0;
  width: 60px;
  height: 60px;
  color: #fff;
  background-color: transparent;
}

.ma5menu__header .ma5menu__toggle:hover {
  color: #ffc107;
  background-color: transparent;
}

.ma5menu--left .ma5menu__header .ma5menu__toggle {
  right: 0;
  background: #222;
}

.ma5menu--right .ma5menu__header .ma5menu__toggle {
  left: 0;
}

.ma5menu__icon-toggle {
  display: inline-block;
  position: absolute;
  margin: auto;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.ma5menu__icon-up {
  margin: 0;
  width: 44px;
  height: 44px;
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6z%22/%3E%3C/svg%3E");
}

.ma5menu__alert {
  display: block;
  text-align: center;
  width: 280px;
  height: 50px;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 500;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-image: -o-linear-gradient(top, rgba(14,101,182,0) 0%, #0e65b6 50%);
  background-image: linear-gradient(to bottom, rgba(14,101,182,0) 0%, #0e65b6 50%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 50px;
  -o-transition: background-position .4s ease-in .3s;
  transition: background-position .4s ease-in .3s;
  will-change: auto;
  pointer-events: none;
}

@media (min-width: 768px) {
  .ma5menu__alert {
    width: 360px;
  }
}

.ma5menu__container--scroll .ma5menu__alert {
  background-position: 0 0;
  -o-transition: background-position .4s ease-out;
  transition: background-position .4s ease-out;
  pointer-events: auto;
}

.ma5menu__alert-content {
  width: 150px;
  height: 40px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -o-transition: bottom .4s ease-in;
  transition: bottom .4s ease-in;
}

.ma5menu__container--scroll .ma5menu__alert-content {
  bottom: 0;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ma5-arrowDown;
  animation-name: ma5-arrowDown;
  -o-transition: bottom .4s ease-out .4s;
  transition: bottom .4s ease-out .4s;
}

.ma5menu__container {
  -o-transition: none !important;
  transition: none !important;
  position: fixed;
  background-color: #fff;
  height: 100%;
  top: 0;
  line-height: 19px;
  overflow: hidden;
  border: none;
  z-index: 10000;
  box-shadow: 0 0 12px rgba(0,0,0,0.14);
}

@media (max-width: 767px) {
  .ma5menu__container {
    width: 280px;
  }
}

@media (min-width: 768px) {
  .ma5menu__container {
    width: 360px;
  }
}

.ma5menu--left .ma5menu__container {
  -webkit-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
  left: 0;
}

.ma5menu--right .ma5menu__container {
  -webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
  right: -280px;
}

.ma5menu--ready.ma5menu--left .ma5menu__container {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie.ma5menu--ready.ma5menu--left .ma5menu__container {
  -webkit-animation-name: ma5menuOut;
  animation-name: ma5menuOut;
}

.ie.ma5menu--ready.ma5menu--left .ma5menu__container {
  -webkit-animation-name: ma5menuOutIEphone;
  animation-name: ma5menuOutIEphone;
}

@media (min-width: 768px) {
  .ie.ma5menu--ready.ma5menu--left .ma5menu__container {
    -webkit-animation-name: ma5menuOutIEtablet;
    animation-name: ma5menuOutIEtablet;
  }
}

.ma5menu--ready.ma5menu--right .ma5menu__container {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie.ma5menu--ready.ma5menu--right .ma5menu__container {
  -webkit-animation-name: ma5menuOutB;
  animation-name: ma5menuOutB;
}

.ie.ma5menu--ready.ma5menu--right .ma5menu__container {
  -webkit-animation-name: ma5menuOutBIEphone;
  animation-name: ma5menuOutBIEphone;
}

@media (min-width: 768px) {
  .ie.ma5menu--ready.ma5menu--right .ma5menu__container {
    -webkit-animation-name: ma5menuOutBIEtablet;
    animation-name: ma5menuOutBIEtablet;
  }
}

.ma5menu--active.ma5menu--left .ma5menu__container {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie.ma5menu--active.ma5menu--left .ma5menu__container {
  -webkit-animation-name: ma5menuOutB;
  animation-name: ma5menuOutB;
}

.ie.ma5menu--active.ma5menu--left .ma5menu__container {
  -webkit-animation-name: ma5menuOutBIEphone;
  animation-name: ma5menuOutBIEphone;
}

@media (min-width: 768px) {
  .ie.ma5menu--active.ma5menu--left .ma5menu__container {
    -webkit-animation-name: ma5menuOutBIEtablet;
    animation-name: ma5menuOutBIEtablet;
  }
}

.ma5menu--active.ma5menu--right .ma5menu__container {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie.ma5menu--active.ma5menu--right .ma5menu__container {
  -webkit-animation-name: ma5menuIn;
  animation-name: ma5menuIn;
}

.ie.ma5menu--active.ma5menu--right .ma5menu__container {
  -webkit-animation-name: ma5menuInIEphone;
  animation-name: ma5menuInIEphone;
}

@media (min-width: 768px) {
  .ie.ma5menu--active.ma5menu--right .ma5menu__container {
    -webkit-animation-name: ma5menuInIEtablet;
    animation-name: ma5menuInIEtablet;
  }
}

@media (min-width: 768px) {
  .ma5menu--left .ma5menu__container {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
    padding: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .ma5menu--right .ma5menu__container {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
    right: -360px;
  }
}

.safari .ma5menu__container {
  height: 100%;
}

.preload .ma5menu__container {
  opacity: 0;
  z-index: -1;
}

.ma5menu__panel {
  display: none;
  width: 280px;
  height: 80%;
  height: calc(100% - 60px);
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
  top: 60px;
  left: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 100;
  color: rgba(255,255,255,0.1);
  background-color: #222;
  scrollbar-color: #222 #222;
  scrollbar-width: thin;
}

@media (min-width: 768px) {
  .ma5menu__panel {
    width: 360px;
  }
}

.ma5menu__panel.has-scrollbar {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.ma5menu__panel:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.4);
}

.ma5menu__panel::-webkit-scrollbar {
  width: 9px;
  background-color: #0d60ad;
}

.ma5menu__panel::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.15);
  outline: none;
  border-right: 3px solid #0d60ad;
}

.ma5menu__panel:first-of-type {
  z-index: 160;
}

.ma5menu__panel--parent-leave,.ma5menu__panel--parent-enter {
  z-index: 180;
  display: block;
}

.ma5menu__panel--active-leave,.ma5menu__panel--active-enter {
  z-index: 190;
  display: block;
}

.ma5menu__panel--active-enter {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie .ma5menu__panel--active-enter {
  -webkit-animation-name: ma5-panelIn;
  animation-name: ma5-panelIn;
}

.ie .ma5menu__panel--active-enter {
  -webkit-animation-name: ma5-panelInIEphone;
  animation-name: ma5-panelInIEphone;
}

@media (min-width: 768px) {
  .ie .ma5menu__panel--active-enter {
    -webkit-animation-name: ma5-panelInIEtablet;
    animation-name: ma5-panelInIEtablet;
  }
}

.ma5menu__panel--active-leave {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie .ma5menu__panel--active-leave {
  -webkit-animation-name: ma5-panelOut;
  animation-name: ma5-panelOut;
}

.ie .ma5menu__panel--active-leave {
  -webkit-animation-name: ma5-panelOutIEphone;
  animation-name: ma5-panelOutIEphone;
}

@media (min-width: 768px) {
  .ie .ma5menu__panel--active-leave {
    -webkit-animation-name: ma5-panelOutIEtablet;
    animation-name: ma5-panelOutIEtablet;
  }
}

.ma5menu__panel--parent-enter {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie .ma5menu__panel--parent-enter {
  -webkit-animation-name: ma5menuOut;
  animation-name: ma5menuOut;
}

.ie .ma5menu__panel--parent-enter {
  -webkit-animation-name: ma5menuOutIEphone;
  animation-name: ma5menuOutIEphone;
}

@media (min-width: 768px) {
  .ie .ma5menu__panel--parent-enter {
    -webkit-animation-name: ma5menuOutIEtablet;
    animation-name: ma5menuOutIEtablet;
  }
}

.ma5menu__panel--parent-leave {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.noie .ma5menu__panel--parent-leave {
  -webkit-animation-name: ma5menuOutB;
  animation-name: ma5menuOutB;
}

.ie .ma5menu__panel--parent-leave {
  -webkit-animation-name: ma5menuOutBIEphone;
  animation-name: ma5menuOutBIEphone;
}

@media (min-width: 768px) {
  .ie .ma5menu__panel--parent-leave {
    -webkit-animation-name: ma5menuOutBIEtablet;
    animation-name: ma5menuOutBIEtablet;
  }
}

.ma5menu__panel.lvl-0 {
  text-transform: uppercase;
}

.ma5menu__panel.lvl-1 {
  text-transform: none;
}

.ma5menu__panel>ul {
  margin: 0;
  padding: 0;
}

.ma5menu__panel>ul li {
  position: relative;
  font-size: 0;
  padding-right: 0;
  margin-bottom: 0;
  line-height: 0;
}

.ma5menu__panel>ul li:first-of-type {
  border-top: 1px solid rgba(255,255,255,0.3);
}

.ma5menu__panel>ul li a,.ma5menu__panel>ul li .ma5menu__category {
  display: inline-block;
  vertical-align: top;
  text-decoration: none !important;
  width: 100%;
  outline: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  pointer-events: none;
  letter-spacing: .3px;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
  padding: 15px 20px 15px 20px;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  min-height: 50px;
}

.ma5menu__panel>ul li a {
  color: #fff;
  background-color: transparent;
}

.ma5menu__panel>ul li a:hover {
  color: #fff;
  background-color: transparent;
  -o-transition: none;
  transition: none;
}

.ma5menu__panel>ul li .ma5menu__category {
  position: relative;
  text-align: left;
  background-position: calc(100% - 13px) 50%;
  color: #fff;
  background-color: transparent;
}

.ma5menu__panel>ul li .ma5menu__category:hover {
  color: #ffc107;
  background-color: transparent;
  -o-transition: none;
  transition: none;
}

.ma5menu__panel>ul li .ma5menu__category.ma5menu__path {
  color: #ffc107 !important;
  background-color: transparent !important;
}

.ma5menu__panel>ul li .ma5menu__category.ma5menu__path:hover {
  color: #ffc107 !important;
  background-color: transparent !important;
  -o-transition: none;
  transition: none;
}

.ma5menu__panel>ul li>.ma5menu__btn--enter+a {
  padding-right: 60px;
  margin-right: -50px;
}

.ma5menu__panel--active {
  z-index: 170;
  display: block;
}

.ma5menu__panel--active>ul li a,.ma5menu__panel--active>ul li .ma5menu__category {
  pointer-events: auto;
}

.ma5menu__btn--enter,.ma5menu__btn--leave {
  font-size: 13px;
  cursor: pointer;
  display: block;
  position: absolute;
  padding: 0;
  top: 0;
  height: 100%;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.ma5menu__btn--enter:hover,.ma5menu__btn--leave:hover {
  -o-transition: none;
  transition: none;
}

.ma5menu__btn--enter {
  z-index: 0;
  left: auto;
  right: 0;
  color: #fff;
  background-color: rgba(255,255,255,0.1);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
  width: 50px;
}

.ma5menu__btn--enter:hover {
  color: #ffc107;
  background-color: rgba(255,255,255,0.3);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
}

.ma5menu__btn--enter:before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: -2px;
  background-color: transparent;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.ma5menu__btn--leave {
  left: 0;
  right: auto;
  color: #fff;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E");
  width: 50px;
}

.ma5menu__btn--leave:hover {
  color: #ffc107;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E");
}

.ma5menu__leave:hover .ma5menu__btn--leave {
  color: #ffc107;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23ffc107%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z%22/%3E%3C/svg%3E");
}

.ma5menu__btn--leave:before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
  background-color: transparent;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.ma5menu__leave {
  font-size: 15px;
  color: #fff;
  background-color: rgba(255,255,255,0.1);
  cursor: pointer;
  display: block;
  position: relative;
  padding: 0 44px 0 44px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  height: 50px;
  line-height: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: -44px;
}

.ma5menu__leave:hover {
  color: #ffc107;
  background-color: rgba(255,255,255,0.1);
}

.ma5menu__leave+.ma5menu__btn--enter {
  bottom: 0;
  height: calc(100% - 50px);
  top: auto;
}

.ma5menu__path {
  color: #ffc107 !important;
  background-color: transparent !important;
}

.ma5menu--overflow {
  overflow-x: hidden !important;
}

.ma5menu--left:before,.ma5menu--right:before {
  content: "";
  display: block;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(255,255,255,0.01);
  z-index: -1;
  -o-transition: background-color 0.4s ease-out 0.5s, z-index 0.8s linear;
  transition: background-color 0.4s ease-out 0.5s, z-index 0.8s linear;
  width: 100%;
}

.ma5menu--active:before {
  background-color: rgba(255,255,255,0.6);
  -o-transition: background-color 0.4s ease-in;
  transition: background-color 0.4s ease-in;
  z-index: 9000;
}

.ma5menu--active>body .container * {
  -ms-touch-action: none;
  touch-action: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  .ma5menu--active>body * {
    pointer-events: none;
  }

  .ma5menu--active>body .ma5menu__toggle {
    pointer-events: auto;
  }

  .ma5menu--active>body .ma5menu__toggle * {
    pointer-events: auto;
  }

  .ma5menu--active>body .ma5menu__container {
    pointer-events: auto;
  }

  .ma5menu--active>body .ma5menu__container * {
    pointer-events: auto;
  }

  .ma5menu--active>body .ma5menu__container .ma5menu__alert {
    pointer-events: none;
  }

  .ma5menu--active>body .ma5menu__container--scroll {
    pointer-events: auto;
  }
}

@media (max-width: 1199px) {
  .ma5menu--active.has-body-scrollbar {
    overflow: hidden;
    overflow-y: scroll;
    height: auto;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
  }
}

.ma5menu--active.ma5menu--left:before {
  right: 0;
}

.ma5menu--active.ma5menu--right:before {
  left: 0;
}

.ma5menu--swipe {
  position: relative;
  overflow-x: hidden !important;
}

.ma5menu--swipe body {
  position: relative;
}

.ma5menu--swipe.ma5menu--left body {
  -o-transition: left 0.5s ease-out;
  transition: left 0.5s ease-out;
  left: 0;
}

.ma5menu--swipe.ma5menu--right body {
  -o-transition: right 0.5s ease-out;
  transition: right 0.5s ease-out;
  right: 0;
}

.ma5menu--swipe.ma5menu--active.ma5menu--left body {
  left: 280px;
}

@media (min-width: 768px) {
  .ma5menu--swipe.ma5menu--active.ma5menu--left body {
    left: 360px;
  }
}

.ma5menu--swipe.ma5menu--active.ma5menu--right body {
  right: 280px;
}

@media (min-width: 768px) {
  .ma5menu--swipe.ma5menu--active.ma5menu--right body {
    right: 360px;
  }
}

.ma5menu__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}

@-webkit-keyframes ma5-panelIn {
  0% {
    -webkit-transform: translate3d(280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5-panelIn {
  0% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-panelOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(280px, 0, 0);
  }
}

@keyframes ma5-panelOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
  }
}

@keyframes ma5menuIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
  }
}

@keyframes ma5menuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutB {
  0% {
    -webkit-transform: translate3d(-280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5menuOutB {
  0% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 768px) {
@  -webkit-keyframes ma5-panelIn {
    0%{-webkit-transform: translate3d(360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5-panelIn {
  0% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-panelOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(360px, 0, 0);
  }
}

@keyframes ma5-panelOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
  }
}

@keyframes ma5menuIn {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
  }
}

@keyframes ma5menuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutB {
  0% {
    -webkit-transform: translate3d(-360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5menuOutB {
  0% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}}

@-webkit-keyframes ma5-panelInIEphone {
  0% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5-panelInIEphone {
  0% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-panelOutIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
}

@keyframes ma5-panelOutIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuInIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@keyframes ma5menuInIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@keyframes ma5menuOutIEphone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutBIEphone {
  0% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5menuOutBIEphone {
  0% {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-panelInIEtablet {
  0% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5-panelInIEtablet {
  0% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-panelOutIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }
}

@keyframes ma5-panelOutIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuInIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }
}

@keyframes ma5menuInIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }
}

@keyframes ma5menuOutIEtablet {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }
}

@-webkit-keyframes ma5menuOutBIEtablet {
  0% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ma5menuOutBIEtablet {
  0% {
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ma5-arrowDown {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ma5-arrowDown {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  60% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

ul.inline-effect li {    display: inline-block;    margin-right: 20px;}
ul.inline-effect li a {    color: #000;}
.about-btn a {    background: #0d112c;    padding: 15px 30px 15px 30px;    border-radius: 5px;    color: #fff;    display: inline-block;   margin-top: 0px; font-family: 'Roboto Condensed', sans-serif; transition: 0.5s;}
.about-btn a:hover{background-color: #5d9c18;}
.under-why-choose-us {    display: flow-root;    padding: 32px;    justify-content: center;    align-items: center; height: 42vh; }
.inner-mission h2 {    font-size: 25px;    text-align: center !important;    padding-bottom: 12px;    color: #000;}
.inner-mission h3 {    font-size: 25px;    text-align: center !important;    padding-bottom: 12px;    color: #000;}
p.we-par {    color: #000;    line-height: 22px;    text-align: justify;}
.we-ulli li {    line-height: 27px;    color: #000;    vertical-align: baseline;   list-style: disc;    margin-left: 20px; font-family: 'Roboto Condensed', sans-serif;}
ul.we-ulli{font-family: 'Roboto Condensed', sans-serif;  column-count: 2;  margin-top: 28px;}
.cover-product-this strong {font-size: 15px !important;}
.cover-product-this span {  font-size: 14px;}

/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 50px;left: 10px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}
.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #19185c;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background: #ef8b36; line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.enquiry i:hover{ color:#fff; background: #ef8b36;}
.enquiry strong:hover{ color:#000; background: #eee;}
div#exampleModal .modal-dialog{width: 100% !important;}
/* Modal Form*/
.modal-content{border-radius: 0;}
/*.modal-header{ padding: 10px 15px; background: #3a376c; color: #fff;}*/
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer;}
.modal_btn:hover,.modal_btn:focus{background: #3a376c; color: #fff;}
.form-group textarea {height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {
    line-height: 42px !important;
    font-size: 25px !important;
}
span.modal-title {
    display: block;
    text-align: center;
    width: 100%;
}
.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .9;
}
.modal-header {
    padding: 0 15px !important;
    color: #fff;
    background-color: #f6932a;
    height: 46px;
}
.modal-body {
    position: relative;
    padding: 15px;
}


#whatsapp .wtsapp {    position: fixed;    transition: all .5s ease;    background: #25d366;    display: block;    text-align: center;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);    border-radius: 50px;    border-right: 0;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 122px;    left: 20px;    border: 0;    z-index: 999;    width: 50px;    height: 50px;    line-height: 48px;}
#whatsapp .wtsapp:before {    content: "";    position: absolute;    z-index: -1;    left: 50%;    top: 50%;    transform: translateX(-50%) translateY(-50%);    display: block;    width: 60px;    height: 60px;    background: #25d366;    border-radius: 50%;    -webkit-animation: pulse-border 1500ms ease-out infinite;    animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {    
0 {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

.glow {
    font-size: 80px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
.phone_lefts-side {
    position: relative;
}
.phone_lefts-side a {
    position: fixed;
    bottom: 205px;
    color: white;
    background-color: #000;
    animation: topBottom 4s infinite;
    z-index: 999;
    left: 20px;
    color: white;
    padding: 13px 16px;
    border-radius: 50%;
    font-size: 20px;
    animation: bounce 4s infinite alternate;

}

.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 5px;  width: 32%;}

.mobile-three-item li:first-child{background-color: #2c2c2c;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
/* .mobile-three-item li:last-child{background-color: #f8c303; color: #000;} */
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;    position: fixed;   z-index: 999;  bottom: 0; display: none;}
a.text-dark-mode{color: #000 !important;}
.mobile-three-item li a{font-size: 13px !important;}
div#homepopupenquiry-form input {  border: 1px solid #ccc;}
div#homepopupenquiry-form textarea {  border: 1px solid #ccc;}