@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);

html,
body { height: 100% }
body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    font-weight: 400;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    margin: 0;
}
h3 {
    font-size: 20px; 
    line-height: 24px;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
.fix{
    overflow: hidden;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.big-item {
  width: 40%;
  float: left;
}
.span-width-5 {
    width: 20%;
    float: left;
    padding: 0 15px;
}

.sec-pd-one{
    padding: 80px 0;
}
.sec-pding-two{
    padding: 80px 0 40px;
}


.btn-one {
    background: #000;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 40px 18px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
    position: relative;
    border-radius: 30px;
    width: 100%;
    margin-top: 25px;
}
.btn-one:hover{
    color: #ffffff;
    background: #000;
}
.btn-two{
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.btn-two span:before{
    position: relative;
    top: 1px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 9px;
}
.btn-two:hover{
    color: #000000;
}


.sec-title {
    position: relative;
    margin-top: -5px;
    padding-bottom: 43px;
}
.sec-title .inner{
    position: relative;
    display: inline-block;
    line-height: 14px;
    border-left: 6px solid #fff;
    padding-left: 9px;
    border-right: 6px solid #fff;
    padding-right: 9px;
}
/*.sec-title .inner.clr2{
    border-left: 6px solid #712b81;
    border-right: 6px solid #712b81;    
}*/
.sec-title .inner span {
    position: relative;
    top: 1px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    line-height: 14px;
}
/*.sec-title .inner span.clr2{
    color: #712b81;
}*/
.sec-title .title {
    position: relative;
    display: block;
    margin: 7px 0 0;
    color: #000;
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    text-transform: none;
    font-family: 'Quicksand', sans-serif;
    z-index: 1;
}
.sec-title .title.clr2{
    color: #2f2f2f;
}
.sec-title .title.clrwhite{
    color: #ffffff;
}


.parallax-bg-one {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-one::before {
    background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.parallax-bg-two {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.parallax-bg-two::before {
    background: rgba(9, 23, 33, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 

.flex-box {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-two {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-box-three {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-four {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.flex-box-five {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.owl-nav-style-one{}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    color: #909090;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 46px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    border: 1px solid #f3f3f3;    
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #172272;
    color: #172272;
}

.owl-nav-style-two{}
.owl-nav-style-two .owl-controls { }
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {
    background: #fff none repeat scroll 0 0;
    border-radius: 0%;
    color: #3740b0;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    transition: all 700ms ease 0s;
}
.owl-nav-style-two.owl-theme .owl-nav .owl-next {
    margin-left: 0px;
}
.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ffffff;
    background: #3740b0;
}


.accordion-box {
    display: block;
    overflow: hidden;
    padding: 0;
}
.accordion-box .accordion {
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
    border-radius: 30px;
    display: block;
    padding: 0 30px;
}
.accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    position: relative;
    transition: all 500ms ease;
    display: block;
    padding-left: 40px;
    padding-top: 21px;
    padding-bottom: 22px;
}

.accordion-box .accordion .accord-btn h4 {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #e6e6e6;
    content: "\f105";
    font-family: "Flaticon";
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 22px;
    transition: all 500ms ease 0s;
    text-align: center;
    display: block;
    width: 30px;
    height: 30px;
}
.accordion-box .accordion .accord-btn.active{
    border-bottom: 1px solid #f2f2f2;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #3aabd0;
}
.accordion-box .accordion .accord-btn.active:after{
    color: #3aabd0;
}
.accordion-box .accordion .accord-content {
    display: none;
    position: relative;
    padding-top: 35px;
    padding-bottom: 33px;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
    color: #999999;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/*________________Preloader_______________ */



/* Update header Style */
@keyframes menu_sticky {
    0%   {margin-top:-100px;}
    50%  {margin-top: -74px;}
    100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #f5f5f5;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;
}

.mainmenu-area.style2.stricky-fixed{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /*background: #f5f5f5;*/
    margin: 0;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;    
}
.mainmenu-area.style2.stricky-fixed .button a{
    border-radius: 0;
}

.mainmenu-area.style4.stricky-fixed{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    background: #f5f5f5;
    margin: 0;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;        
}

.mainmenu-area.style3.stricky-fixed{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    background: #f5f5f5;
    margin: 0;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    transition: all .25s ease-in-out;        
}




/* scroll to top styles */
.scroll-to-top {
    background: #282828;
    border-radius: 4px;
    bottom: 25px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 25px;
    font-weight: normal;
    height: 55px;
    line-height: 56px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 55px;
    z-index: 99999999;
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    opacity: .5;
}

/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
    border-color: #43c3ea;
    outline: none;
}

#contact-form input[type="text"].error{
    border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}


/* Post pagination styles */
.post-pagination{
    display: block;
    margin-top: 10px;
}
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2f2f2;
    color: #2f2f2f;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    padding: 15px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Quicksand', sans-serif;
    border-radius: 4px;
}
.post-pagination li.active a, 
.post-pagination li:hover a {
    background: #1b57b0;
    color: #ffffff;
    border: 1px solid #1b57b0;
}


/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(20, 20, 20, 0.90);
    content: "";
    opacity: 0;
    z-index: 9;
    transition: all 0.4s ease-in-out 0s;    
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.overlay-style-one .box .content a { }



.review-box {}
.review-box ul {}
.review-box ul li {
    display: inline-block;
    float: left;
    margin-right: 4px;
}
.review-box ul li:last-child{
    margin-right: 0px;    
}
.review-box ul li i {
  font-size: 12px;
}

.sociallinks-style-one{}
.sociallinks-style-one li{
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.sociallinks-style-one li:last-child{
    margin-right: 0px;
}
.sociallinks-style-one li a i{
    color: #959595;
    font-size: 14px;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #172272;
}

.sociallinks-style-two{
    overflow: hidden;
}
.sociallinks-style-two li {
    display: inline-block;
    margin-right: 10px;
}
.sociallinks-style-two li:last-child{
    margin-right: 0px;    
}
.sociallinks-style-two li a i {
    border: 2px solid #e5e5e5;
    background: #e5e5e5;
    border-radius: 50%;
    color: #848484;
    font-size: 14px;
    height: 45px;
    line-height: 42px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
}
.sociallinks-style-two li a:hover i{
    background: #4eab27;
    border-color: #4eab27;
    color: #fff;
}






/*** 
===========================================
	Fancy Box
===========================================

***/
.fancybox-next span,
.fancybox-prev span{
	background-image:none !important;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
	content:'';
	position:absolute;
	font-family: 'FontAwesome';
	left:0px;
	top:0px;
	font-size:12px;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	background-color:rgba(28,28,28,0.40) !important;
	color:#ffffff;
	visibility:visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
	content:'\f178';
}
.fancybox-prev span:before{
	content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
	background-color:#ffffff !important;
	color:#000000;	
}
.fancybox-type-image .fancybox-close{
	right:0px;
	top:0px;
	width:45px;
	height:45px;
	background:url(../images/icon/icon-cross.png) center center no-repeat;
	background-color:rgba(17,17,17,0.50) !important;	
}
.fancybox-type-image .fancybox-close:hover{
	background-color:#000000 !important;	
}
.fancybox-type-image .fancybox-skin{
	padding:0px !important;	
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-style1 {
    position: relative;
    display: block;
    padding: 15.5px 0;
    background: #083061;
}
.top-bar{
    position: relative;
    display: block;
    width: 100%;
}
.top-bar .top-left {
    position: relative;
    display: block;
    max-width: 500px;
    width: 100%;
}
.top-bar .top-left ul {
    display: block;
    overflow: hidden;
    margin: 2px 0;
}
.top-bar .top-left ul li {
    display: inline-block;
    float: left;
    color: #ffffff;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgba(252, 252, 252, 0.15);
    line-height: 16px;
}
.top-bar .top-left ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid;
}
.top-bar .top-left ul li span:before{
    position: relative;
    top: 2px;
    display: inline-block;
    padding-right: 12px;
    color: #ff8432;
    font-size: 20px;
    line-height: 20px;
}
.top-bar .top-right{
    position: relative;
    display: block;
    max-width: 200px;
    width: 100%;
}
.top-bar .top-right .header-social-links {
    display: block;
    overflow: hidden;
    text-align: right;
    line-height: 10px;
    margin: 4px 0;
}
.top-bar .top-right .header-social-links li{
    display: inline-block;
    margin-right: 15px;
    line-height: 16px;
}
.top-bar .top-right .header-social-links li:last-child{
    margin-right: 0;
}
.top-bar .top-right .header-social-links li a{
    display: block;
    float: left;
}
.top-bar .top-right .header-social-links li a i{
    color: #ffffff;
    font-size: 14px;
    transition: all 500ms ease;
}
.top-bar .top-right .header-social-links li a:hover i{
    color: #ff612a;    
}



/*==============================================
    Top bar Style2 Css
===============================================*/
.top-bar-style2 {
    padding: 0 0;
    background: #ffffff;
}
.top-bar-style2 .top-bar{
    position: relative;
    display: block;
    border-bottom: 1px solid #f2f2f2;
}
.topmenu{
    position: relative;
    display: block;
}
.topmenu li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 50px;
    margin-right: 25px;
}
.topmenu li:before{
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 3px;
    background: #1b57b0;
    content: "";
    transition: all 500ms ease;
}
.topmenu li:hover:before{
    width: 100%;
}
.topmenu li:last-child{
    margin-right: 0;
}
.topmenu li a{
    color: #848484;
    font-size: 16px;
  font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.topmenu li a:hover{
    color: #1b57b0;
}

.top-right-v2 {
    position: relative;
    display: block;
    padding-right: 60px;
    margin: 13px 0;
}
.top-right-v2 ul {
    display: block;
    overflow: hidden;
}
.top-right-v2 ul li{
    display: inline-block;
    float: left;
    margin-right: 18px;
}
.top-right-v2 ul li:last-child{
    margin-right: 0;
}
.top-right-v2 ul li a{
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.top-right-v2 ul li a span:before{
    position: relative;
    display: inline-block;
    padding-right: 9px;
    font-size: 16px;
    line-height: 16px;
    color: #1b57b0;
}



/*==============================================
    Top bar Style3 Css
===============================================*/
.top-bar-style3{
    position: relative;
    display: block;
    padding: 15.5px 0;
    background: #000000; 
}
.top-bar.style3 .top-left ul li {
    color: #848484;
    border-right: 1px solid rgba(255, 255, 255, 0.30);
}
.top-bar.style3 .top-left ul li:last-child{
    border: none;
}
.top-bar.style3 .top-left ul li span:before {
    color: #3aabd0;
}

.top-bar.style3 .top-right{}
.top-bar.style3 .top-right .help-line{}
.top-bar.style3 .top-right .help-line p {
    color: #3aabd0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    line-height: 22px;
}
.top-bar.style3 .top-right .help-line p a{
    position: relative;
    top: 1px;
    display: inline-block;
    padding-left: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}



/*==============================================
    Header Area Css        
===============================================*/
.header-style1-area {
    position: relative;
    display: block;
    background: #ffffff;
}
.header-style1-area .inner-content {
    position: relative;
    display: block;
    border-bottom: 2px solid #eef3f7;
}
.header-style1-area .header-left {
    position: relative;
    display: block;
    width: 300px;
    border-right: 1px solid #eef3f7;
    padding: 32.5px 0px;
    padding-left: 25px;
}
.header-style1-area .header-left:before {
    position: absolute;
    top: 42px;
    left: 0;
    width: 37px;
    height: 40px;
    background: url(../images/icon/header-left-arrow.png);
    background-repeat: no-repeat;
    content: "";
}
.header-style1-area .header-left p{
    color: #083061;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}
.header-style1-area .header-left h2{
    position: relative;
    display: block;
    padding-left: 25px;
    color: #ff8432;
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
}


.header-style1-area .header-middle {
    max-width: 570px;
    width: 100%;
    float: left;
}
.logo {
    display: inline-block;
    transition: all 500ms ease;
    margin: 40px 0 39px;
}
.logo a{
    display: inline-block;
}

.header-style1-area .header-right{
    position: relative;
    display: block;
    width: 300px;
    text-align: right;
    border-left: 1px solid #eef3f7;
    padding: 32.5px 0px;
    padding-right: 25px;
}
.header-style1-area .header-right:before {
    position: absolute;
    top: 42px;
    right: 0;
    width: 37px;
    height: 40px;
    background: url(../images/icon/header-right-arrow.png);
    background-repeat: no-repeat;
    content: "";
}
.header-style1-area .header-right p{
    color: #083061;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}
.header-style1-area .header-right h2{
    position: relative;
    display: block;
    padding-right: 25px;
    color: #ff8432;
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
}



/*==============================================
    Header Style2 Area Css        
===============================================*/
.header-style2-area {
    display: block;
    background: #ffffff;
}
.header-style2-logo {
    display: block;
    margin: 5px 0;
}
.header-style2-logo a{
    display: block;
}
.headers2-header-right{
    position: relative;
    display: block;
}
.headers2-header-right ul{
    
}
.headers2-header-right ul li{
    display: inline-block;
    float: left;
    margin-right: 28px;
    padding-right: 28px;
    border-right: 1px solid #ebebeb;
}
.headers2-header-right ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}
.headers2-header-right ul li .single-item p{
    color: #2f2f2f;
    text-transform: uppercase;
    margin: 0 0 3px;
    font-weight: bold;
}
.headers2-header-right ul li .single-item p span:before{
    position: relative;
    top: 1px;
    font-size: 20px;
    line-height: 20px;
    color: #1b57b0;
    display: inline-block;
    padding-right: 10px;
}
.headers2-header-right ul li .single-item span{
    color: #848484;    
}
.headers2-header-right ul li .single-item h3 {
    color: #712b81;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin: 13px 0;
}
.headers2-header-right ul li .single-item h3 span{
    position: relative;
    top: 2px;
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    padding-left: 10px;
}



/*==============================================
    Header Style3 Area Css        
===============================================*/
.header-style3-area {
    display: block;
    background: #151515;
    padding: 25px 0;
}
.header-style3-logo {
    position: relative;
    display: block;
}
.header-style3-logo a {
    display: inline-block;
    margin: 8px 0;
}

.headers3-header-right{
    position: relative;
    display: block;
}
.headers3-header-right ul {
    position: relative;
    display: block;
    float: left;
    padding-right: 85px;
}
.headers3-header-right ul li {
    display: inline-block;
    float: left;
    border-right: 1px solid #383838;
    padding-right: 20px;
    margin-right: 20px;
    line-height: 40px;
}
.headers3-header-right ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.headers3-header-right ul li .single-item{}
.headers3-header-right ul li .single-item p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.headers3-header-right ul li .single-item p span:before{
    position: relative;
    top: 2px;
    color: #1b57b0;
    font-size: 23px;
    line-height: 23px;
    display: inline-block;
    padding-right: 15px;
}
.headers3-header-right .toggler-button .nav-toggler {
    position: absolute;
    top: -7px;
    right: 0;
    display: block;
    background: #1b57b0;
    width: 55px;
    height: 55px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
.headers3-header-right .toggler-button .nav-toggler .inner {
    display: block;
    position: relative;
    margin: 20px 0 35px;
}
.headers3-header-right .toggler-button .nav-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 32px;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.headers3-header-right .toggler-button .nav-toggler span:nth-child(1) {}
.headers3-header-right .toggler-button .nav-toggler span:nth-child(2) {
    top: 7px;
    width: 32px;
}
.headers3-header-right .toggler-button .nav-toggler span:nth-child(3) {
    top: 14px;
    right: 12px;
    margin-right: 0;
    width: 32px;
}
.headers3-header-right .toggler-button .nav-toggler.open span:nth-child(1) {
    top: 4px;
    transform: rotate(135deg);
}
.headers3-header-right .toggler-button .nav-toggler.open span:nth-child(2) {
  opacity: 0;
}
.headers3-header-right .toggler-button .nav-toggler.open span:nth-child(3) {
    top: 4px;
    transform: rotate(-135deg);
}



/*** 
=====================================================
	Mainmenu Area style
=====================================================
***/
.mainmenu-area{}
.main-menu {
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px
}
.main-menu .navigation {
    position: relative;
    float: none;
    margin: 0;
}
.main-menu .navigation li {
    position: relative;
    float: none;
    display: inline-block;
    padding: 26.5px 20px 27.5px;
}
.main-menu .navigation li a {
    position: relative;
    color: #083061;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 1;
    padding: 0px;
    transition: all 300ms ease;
    font-family: 'Quicksand', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    color: #ff8432; 
}
.main-menu .navigation li:hover > a:after,
.main-menu .navigation li.current > a:after,
.main-menu .navigation li.current-menu-item > a:after{}

.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 130%;
    text-transform: capitalize;
    width: 500px;
    background: #ffffff;
    padding: 13px 25px 12px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    display: block;
    border-radius: 0px 0px 10px 10px;
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    border: none;
    display: block;
    transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:last-child{
    border-right: 0px dashed;    
}
.main-menu .navigation li ul li a {
    color: #2f2f2f;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    padding: 9px 0px 7px;
    font-family: 'Quicksand', sans-serif;
}
.main-menu .navigation li ul li:last-child a{}
.main-menu .navigation > li > ul > li:hover > a {
    color: #ff8432;
}
.main-menu .navigation li ul li:hover:last-child a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icon/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
    border-radius: 3px;
}



/*** 
=====================================================
	Mainmenu Area Style2 style
=====================================================
***/
.mainmenu-area.style2 {
    position: relative;
    display: block;
    background: transparent;
    margin-bottom: -60px;
    z-index: 100;
}
.mainmenu-area.style2 .inner-content {
    position: relative;
    display: block;
    padding-left: 35px;
    background: #0d6b51;
    border-radius: 0 0px 15px 15px;
}
.mainmenu-area.style2 .main-menu {
    position: relative;
    display: inline-block;
    float: left;
}
.mainmenu-area.style2 .main-menu .navigation li {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0;
    margin-right: 30px;
}
.mainmenu-area.style2 .main-menu .navigation li:last-child{
    margin-right: 0;
}
.mainmenu-area.style2 .main-menu .navigation li a {
    position: relative;
    display: block;
    padding: 22px 5px;
    color: #fff;
}
.mainmenu-area.style2 .main-menu .navigation > li:hover > a, 
.mainmenu-area.style2 .main-menu .navigation > li.current > a {
    color: #fff; 
}


.mainmenu-area.style2 .main-menu .navigation li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #000;
    content: "";
    transition: all 700ms ease;
}
.mainmenu-area.style2 .main-menu .navigation li.current a:before,
.mainmenu-area.style2 .main-menu .navigation li:hover a:before{
    width: 100%;    
}


.mainmenu-area.style2 .main-menu .navigation li ul li {
    float: none;
    margin: 0;
    display: block;
}
.mainmenu-area.style2 .main-menu .navigation li ul li a{
    padding: 9px 0px 7px; 
    color: #2f2f2f;
    font-size: 16px;
}
.mainmenu-area.style2 .main-menu .navigation li ul li:hover a{
    color: #000;    
}
.mainmenu-area.style2 .main-menu .navigation li ul li a:before{
    display: none;
}


.outer-search-box {
    display: inline-block;
    float: left;
    padding-left: 20px;
    margin: 22px 0;
}
.outer-search-box .seach-toggle {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    height: 16px;
    display: block;
    width: 25px;
    line-height: 14px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    color: #fff;
}
.search-box {
    background: #2f2f2f;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 120%;
    transition: all 500ms ease 0s;
    visibility: hidden;
    z-index: 100;
}
.search-box.now-visible {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.search-box .form-group{
    position:relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-width: 250px;
}
.search-box .form-group input[type="search"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #1d1d1d;
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
    border-color: #000000;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
    color:#fff;
    background: #000;
}

.mainmenu-area.style2 .button{
    float: right;
}
.mainmenu-area.style2 .button a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    background: #000;
    padding: 18px 40px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    border-radius: 0 0px 15px 0px;
    transition: all 500ms ease;
}
.mainmenu-area.style2 .button a span:before{
    position: relative;
    top: 1px;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    padding-right: 15px;
    font-weight: 400;
}
.mainmenu-area.style2 .button a:hover{
    background: #3a816a;    
}



/*** 
=====================================================
	Mainmenu Area Style3 style
=====================================================
***/
.mainmenu-area.style3 .logo {
    margin: 24px 0 25px;
    margin-right: 170px;
}
.mainmenu-area.style3 .main-menu .navigation li {
    position: relative;
    padding: 36.5px 16px 37.5px;
}
.mainmenu-area.style3 .main-menu .navigation > li > ul > li{
    padding: 0;    
}




.mainmenu-area.style3 .outer-search-box {
    padding-left: 20px;
    margin: 37px 0;
}

.cart-toggler-option {
    position: relative;
    display: block;
    width: 150px;
}
.cart-toggler-option .cart-button a {
    position: relative;
    display: block;
    float: left;
    background: #3aabd0;
    width: 75px;
    height: 90px;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    line-height: 90px;
}
.cart-toggler-option .toggler-button .nav-toggler {
    position: relative;
    display: block;
    float: left;
    background: #3fb8df;
    width: 75px;
    height: 90px;
    color: #ffffff;
    text-align: center;
    line-height: 90px;
    cursor: pointer;
}
.cart-toggler-option .toggler-button .nav-toggler .inner {
    display: block;
    position: relative;
    margin: 37px 0 53px;
}
.cart-toggler-option .toggler-button .nav-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 32px;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.cart-toggler-option .toggler-button .nav-toggler span:nth-child(1) {

}
.cart-toggler-option .toggler-button .nav-toggler span:nth-child(2) {
    top: 7px;
    width: 32px;
}
.cart-toggler-option .toggler-button .nav-toggler span:nth-child(3) {
    top: 14px;
    right: 21px;
    margin-right: 0;
    width: 32px;
}

.cart-toggler-option .toggler-button .nav-toggler.open span:nth-child(1) {
    top: 4px;
    transform: rotate(135deg);
}
.cart-toggler-option .toggler-button .nav-toggler.open span:nth-child(2) {
  opacity: 0;
}
.cart-toggler-option .toggler-button .nav-toggler.open span:nth-child(3) {
    top: 4px;
    transform: rotate(-135deg);
}



/*** 
============================================
	Hidden Sidebar style
============================================
***/
.hidden-bar{
	position: fixed;
	top: 0;
	width: 320px;
	height: 100%;
	background: #111111;
	z-index: 9999999999;
	transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container{
	margin-right:0px;	
}
.hidden-bar.right-align {
	right: -400px;
}
.hidden-bar.right-align.visible-sidebar{
	right:0px;
	transition-delay: 300ms;
}
.hidden-bar .hidden-bar-closer {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 10px;
	background: none;
	color: #ffffff;
	border-radius: 0px;
	text-align: center;
	line-height: 40px;
	transition: all 300ms ease;
	z-index: 999999;
}
.hidden-bar .hidden-bar-closer button {
	background: none;
	display:block;
	font-size: 40px;
	color:#ffffff;
	width:40px;
	height:40px;
	line-height:40px;
}
.hidden-bar .hidden-bar-closer button span:before{
    font-size: 30px;
    line-height: 30px;
}
.hidden-bar .hidden-bar-closer:hover button {
	color: #ffffff;
}

.hidden-bar-wrapper {
	height: 100%;
	padding:30px 5px 30px 30px;
}
.hidden-bar .logo {
	padding:0px 0px 30px;
}
.hidden-bar .logo img{
	display:inline-block;
	max-width:100%;	
}
.hidden-bar .content-box{
	position:relative;
	padding-right:32px;
}
.hidden-bar .content-box a {
    padding: 20px 40px 20px;
}

.hidden-bar .content-box h2{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}
.hidden-bar .content-box .text{
	position:relative;
	font-size:14px;
	color: rgba(255,255,255,0.60);
	margin-bottom:25px;
}
.hidden-bar .contact-info{
	position:relative;
	margin-top:60px;
}
.hidden-bar .contact-info h2{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}
.hidden-bar .contact-info li{
	position:relative;
	margin-bottom:12px;
	color:rgba(255,255,255,0.90);
	font-size:14px;
	font-weight:400;
	padding-left:30px;
	line-height:2em;
}
.hidden-bar .contact-info li a{
	color:rgba(255,255,255,0.90);
	transition: all 300ms ease;
}
.hidden-bar .contact-info li a:hover{
	color: #ffffff;
}
.hidden-bar .contact-info li .icon{
	position:absolute;
	left:0px;
	top:4px;
	color:rgba(255,255,255,0.60);
	font-size:18px;
	line-height:1.2em;
}



/*** 
=====================================================
	Mainmenu Area style4
=====================================================
***/
.mainmenu-area.style4{
    position: relative;
    display: block;
    background: #ffffff;
    margin:0px;
    z-index: 100;    
}
.mainmenu-area.style4 .main-menu {
    position: relative;
    display: inline-block;
    float: left;
}
.mainmenu-area.style4 .main-menu .navigation li {
    position: relative;
    float: none;
    display: inline-block;
    padding: 21.5px 0px 22.5px;
    margin-right: 40px;
}
.mainmenu-area.style4 .main-menu .navigation li:last-child{
    margin: 0;
}
.mainmenu-area.style4 .main-menu .navigation li a {
    color: #333333;
}
.mainmenu-area.style4 .main-menu .navigation li:hover > a, 
.mainmenu-area.style4 .main-menu .navigation li.current > a{
    color: #1b57b0;
}

.mainmenu-area.style4 .main-menu .navigation > li > ul > li{
    margin: 0;
    padding: 0;
}

.mainmenu-area.style4 .outer-search-box {
    display: inline-block;
    float: left;
    padding-left: 40px;
    margin: 22px 0;
}

.mainmenu-area.style4 .help-line {
    float: right;
    display: block;
    margin: 18px 0;
}



.mainmenu-area.style4 .help-line {
    float: right;
    display: block;
}
.mainmenu-area.style4 .help-line h3{
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.mainmenu-area.style4 .help-line h3 span {
    position: relative;
    top: -2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #1b57b0;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
}



/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    z-index: 10;
}
.main-slider .tp-caption{
	z-index:5 ;
}
.main-slider .tp-dottedoverlay{
    background:none !important;
}

.main-slider .slide-content{
    position: relative;
    display: block;
}
.main-slider .slide-content .big-title{
	position: relative;
	font-size: 48px;
	color: #083061;
	font-weight: 400;
    text-transform: none;
	line-height: 1.2em;
    font-family: 'Quicksand', sans-serif;
}
.main-slider .slide-content .big-title span{
    font-weight: 600;
}
.main-slider .slide-content .text{
	position: relative;
	font-size: 18px;
	font-weight: 400;
	color: #ff8432;
	line-height: 1.6em;
    display: block;
    font-family: 'Quicksand', sans-serif;
}
.main-slider .slide-content .btn-box{}
.main-slider .slide-content .btn-box a.sb1{
    background: transparent;
    border: 1px solid #ff8432;
    padding: 20px 22px 22px;
    color: #083061;
}
.main-slider .slide-content .btn-box a.sb1:hover{
    background: #ff8432;
    border-color: #ff8432;
}
.main-slider .slide-content .btn-box a.sb1 span:before{
    position: relative;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 15px;
    top: 1px;
}


.main-slider #rev_slider_two_wrapper .slide-content .big-title {
    color: #2f2f2f;
}
.main-slider #rev_slider_two_wrapper .slide-content .big-title.clr-white{
    color: #ffffff;
}
.main-slider #rev_slider_two_wrapper .slide-content .text {
    color: #848484;
}
.main-slider #rev_slider_two_wrapper .slide-content .text.clr-white{
    color: #ffffff;    
}
.main-slider #rev_slider_two_wrapper .slide-content .btn-box a.sb1 {
    background: #1b57b0;
    border: 1px solid #1b57b0;
    padding: 20px 18px 22px;
    color: #ffffff;
    border-radius: 3px;
}
.main-slider #rev_slider_two_wrapper .slide-content .btn-box a.sb1:hover{
    background: #d52a05;
}


.main-slider #rev_slider_three_wrapper .slide-content .big-title {
    color: #2f2f2f;
}
.main-slider #rev_slider_three_wrapper .slide-content .text {
    color: #848484;
}
.main-slider #rev_slider_three_wrapper .slide-content .btn-box a.sb1 {
    background: #3aabd0;
    border: 1px solid #3aabd0;
    padding: 20px 25px 22px;
    color: #ffffff;
    border-radius: 30px;
}
.main-slider #rev_slider_three_wrapper .slide-content .btn-box a.sb1:hover{
    background: #0680a8;
}

/*** 
=============================================
    Call To Action Area style      
=============================================
***/
.call-to-action-area{
    position: relative;
    display: block; 
    background-color: #3a816a;
    z-index: 100;
}
.callto-action{
    position: relative;
    display: block;
}
.callto-action ul{
    display: block;
    width: 100%;
}
.callto-action ul .single-box{
    position: relative;
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}
.callto-action ul .single-box:last-child{
    border: none;
}
.callto-action ul .single-box .icon-holder {
    position: absolute;
    top: -80px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    display: block;
    height: 165px;
    width: 165px;
    background: transparent;
    border-radius: 15px;
    transform: rotate(0deg);
    z-index: 1;
}
.callto-action ul .single-box .icon-holder:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    display: block;
    height: 165px;
    width: 165px;
    background: #3a816a;
    border-radius: 15px;
    transform: rotate(45deg);
    content: "";
    z-index: -1;
    transition: all 500ms ease;
}
.callto-action ul .single-box:hover .icon-holder:before {
    transform: rotate(0deg);    
}
.callto-action ul .single-box .icon-holder span:before {
    color: #ff8432;
    font-size: 65px;
    line-height: 65px;
    display: block;
    padding: 50px 0;
    z-index: 1;
}
.callto-action ul .single-box .inner {
    position: relative;
    display: block;
    margin-top: 70px;
    padding: 0 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    z-index: 2;
}
.callto-action ul .single-box:last-child .inner{
    border: none;    
}
.callto-action ul .single-box .inner h3{
    color: #ffffff;
    display: block;
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 21px;
}
.callto-action ul .single-box .inner p{
    color: #fff;
    margin: 0 0 26px;
}
.callto-action ul .single-box .inner a{
    display: block;
    transition: all 500ms ease;
}
.callto-action ul .single-box:hover .inner a{
    color: #ff8432;    
}



/*** 
=============================================
    About V1 Area Style      
=============================================
***/
.about-v1-area {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}
.about-left-content .sec-title{
    display: block;
    padding-bottom: 15px;
}
.about-left-content .inner-content h2 {
    color: #083061;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 34px;
    margin: 0 0 17px;
}
.about-left-content .inner-content p {
    margin: 0 0 43px;
}
.about-left-content .inner-content .certificate {
    position: relative;
    display: block;
}
.about-left-content .inner-content .certificate ul {
    display: block;
    overflow: hidden;
}
.about-left-content .inner-content .certificate ul li{
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.about-left-content .inner-content .certificate ul li:last-child{
    margin-right: 0;
}
.about-left-content .inner-content .certificate ul li img{
    width: auto;
}

.about-right-content{
    position: relative;
    display: block;
}
.about-right-content .single-box {
    display: block;
    background: #083061;
    min-height: 185px;
    margin-bottom: 30px;
    text-align: center;
    padding: 35px 0;
}
.about-right-content .single-box.left {
    min-height: 300px;
    padding: 85px 0;
    margin: 50px 0;
}
.about-right-content .single-box.left .icon-holder{
    margin-bottom: 35px;    
}
.about-right-content .single-box .icon-holder{
    display: block;
    margin-bottom: 25px;
}
.about-right-content .single-box .icon-holder span:before{
    color: #ff8432;
    font-size: 65px;
    line-height: 65px;
}
.about-right-content .single-box h3{
    color: #ffffff;
}



/*** 
=============================================
    About V1 Area Style2 Style      
=============================================
***/
.about-v1-area.style2{
    position: relative;
    display: block;
}
.about-v1-area.style2 .sec-title .title.clr2{
    color: #ffffff;
}
.about-v1-area.style2 .about-left-content .inner-content h2{
    color: #ffffff;    
}
.about-v1-area.style2 .about-right-content .single-box{
    background: rgba(0, 0, 0, 0.60);    
}
.about-v1-area.style2 .about-right-content .single-box .icon-holder span:before{
    color: #1b57b0;    
}



/*** 
=============================================
    Services Style1 Area Style      
=============================================
***/
.services-style1-area {
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 15px;
}
.services-style1-area .sec-title{
    position: relative;
    max-width: 870px;
    margin: -5px auto 0;
    padding-bottom: 53px;    
}
.services-style1-area .sec-title p{
    margin: 22px 0 0;
    font-size: 18px;
    line-height: 26px;
}
.single-service-style1 {
    position: relative;
    display: block;
    border: 1px solid #eef3f7;
    min-height: 225px;
    border-radius: 10px;
    padding: 23px 25px 0px;
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.single-service-style1:hover{
    background: #083061;
    border-color: #083061;
}
.single-service-style1 .icon-holder {
    display: block;
    margin-bottom: 25px;
}
.single-service-style1 .icon-holder span:before{
    color: #ff8432;
    font-size: 50px;
    line-height: 50px;
    transition: all 700ms ease;
}
.single-service-style1:hover .icon-holder span:before{
    color: #ffffff;    
}
.single-service-style1 .text-holder{ }
.single-service-style1 .text-holder h3 {
    color: #083061;
    margin: 0 0 20px;
    transition: all 500ms ease;
}
.single-service-style1:hover .text-holder h3{
    color: #ffffff;    
}
.single-service-style1 .text-holder p{
    margin: 0;  
    transition: all 500ms ease;
}
.single-service-style1:hover .text-holder p{
    color: #8ca4c2;    
}



/*** 
=============================================
    Services style2 Area Style      
=============================================
***/
.services-style2-area{
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 179px;
    position: relative;
    z-index: 1;
}
.services-style2-area::before {
    background: rgba(0, 0, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.services-style2-area .sec-title{
    position: relative;
    max-width: 870px;
    margin: -5px auto 0;
    padding-bottom: 53px;    
}
.services-style2-area .sec-title .title{
    color: #ffffff;
}
.services-style2-area .sec-title p {
    color: #7e839a;
    font-size: 18px;
    line-height: 26px;
    margin: 22px 0 0;
}

.single-service-style2 {
    position: relative;
    display: block;
    transition: all 700ms ease;
}
.single-service-item:hover{
	transform:scale(1.0,1.1);
    z-index: 999;
}
.single-service-style2 .icon-holder{
    position: relative;
    display: block;
    padding-bottom: 50px;
    transition: all 300ms ease;
}
.single-service-style2 .icon-holder span:before{
    color: #797e94;
    font-size: 130px;
    line-height: 130px;
}
.single-service-style2 .title-holder{
    display: block;
    border-top: 1px solid #1c1c1c;
    padding-top: 23px;
}
.single-service-style2 .title-holder h3 {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
}
.single-service-style2 .title-holder h3 a{
    color: #ffffff; 
    transition: all 500ms ease;
}
.single-service-style2:hover .title-holder h3 a{
    color: #1b57b0;    
}

.single-service-style2 .overlay-content {
    position: absolute;
    top: -199px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: all 500ms ease;
    transform: scale(0);
    overflow: hidden;
    min-height: 380px;
    z-index: 2;
    opacity: 0;
}
.single-service-style2:hover .overlay-content{
    transform: scale(1);
    opacity: 1;
}
.single-service-style2 .overlay-content .box {
    display: table;
    height: 100%;
    width: 100%;
}
.single-service-style2 .overlay-content .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.single-service-style2 .overlay-content .box .content .inner-content{
    position: relative;
    display: block;
}
.single-service-style2 .overlay-content .box .content .inner-content .img-holder{}
.single-service-style2 .overlay-content .box .content .inner-content .img-holder img {
    border-radius: 20px 20px 0px 0px;
}
.single-service-style2 .overlay-content .box .content .inner-content .text-holder {
    position: relative;
    display: block;
    padding: 35px 30px 38px;
    background: #ffffff;
}
.single-service-style2 .overlay-content .box .content .inner-content .text-holder p{
    font-size: 16px;
    color: #848484;
    line-height: 24px;
    font-weight: 400; 
    margin: 0 0 18px;
    font-family: 'Quicksand', sans-serif;
}
.single-service-style2 .overlay-content .box .content .inner-content .text-holder a.info{
    color: #2f2f2f;    
}
.single-service-style2 .overlay-content .box .content .inner-content .text-holder a.info span:before{
    position: relative;
    top: 1px;
    color: #2f2f2f;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 9px;    
}



/*** 
=============================================
    Appointment Style1 Area Style
=============================================
***/
.appointment-style1-area {
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 35px 0 86px;
    z-index: 1;
}
.appoinment {
    display: block;
    background: #ffffff;
    border-radius: 20px;
}
.appoinment .title{
    display: block;
    padding: 15.5px 0;
    background: #ff8432;
    text-align: center;
    margin-bottom: 36px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.appoinment .title h3{
    color: #ffffff;    
}
.appoinment .text{
    display: block;
    padding: 0 30px;
    margin-bottom: 24px;
}
.appoinment .text p{
    margin: 0;
}
.appoinment .appoinment-form {
    display: block;
    padding: 0 30px 60px;
}
.appoinment .appoinment-form .inner-title {
    overflow: hidden;
    display: block;
    margin: 0 0 14px;
    width: 100%;
    padding-left: 15px;
}
.appoinment .appoinment-form .inner-title.bottom{
    margin-top: 3px;
}
.appoinment .appoinment-form .inner-title h3{
    color: #ff8432;
    font-size: 16px;
    font-weight: 600;
}
.appoinment .appoinment-form .margin {
    margin-left: -10px;
    margin-right: -10px;
}
.appoinment .appoinment-form .margin .pd {
    padding-left: 10px;
    padding-right: 10px;
}
.appoinment .appoinment-form .input-box {
    position: relative;
    margin-bottom: 30px;
}
.appoinment .appoinment-form .input-box .icon-box {
    position: absolute;
    right: 19px;
    top: 12px;
}
.appoinment .appoinment-form .input-box .icon-box i {
    color: #848484;
    font-size: 14px;
}
.appoinment .appoinment-form .input-box input[type=text]{
    width: 100%;
    border: 1px solid #f2f2f2;
    height: 45px;
    display: block;
    padding: 0 20px;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.appoinment .appoinment-form button {
    display: block;
    background: #ff8432;
    margin-top: 3px;
    width: 100%;
}
.appoinment .appoinment-form button:hover{
    background: #0591c4;
}
.appoinment .appoinment-form button span:before{
    position: relative;
    top: 1px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 9px;
    font-weight: 600;
}
.appoinment .appoinment-form .input-box input[type=text]:focus{
    border-color: #ff8432;
}
.appoinment .appoinment-form button:hover{}

#ui-datepicker-div.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #777;
    color: #252525;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    border-radius: 0px;
    width: 270px;
    padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background: #151515 none repeat scroll 0 0;
    border: 2px solid #252525;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    padding: 5px 0;
    position: relative;
}
.ui-datepicker td a{
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev {
    left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    border-radius: 30%;
    height: 20px;
    position: absolute;
    top: 7px;
    width: 20px;
    transition: all 500ms ease;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
    right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
    top: 7px;
    background: #fff;
    border: none;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 13px;
    margin: 0 0 0.4em;
    width: 100%;
}
.ui-datepicker th {
    border: medium none;
    font-weight: 600;
    padding: 2px 3px;
    text-align: center;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
    background: #43c3ea;
    color: #fff;
    border-color: #43c3ea;
}

.appointment-right-style1{
    position: relative;
    display: block;
    padding: 42px 38px 41px;
    max-width: 370px;
    border: 2px solid #1c4069;
    border-radius: 20px;
    margin-top: 258px;
    margin-left: 100px;
}
.appointment-right-style1 .top {
    position: relative;
    overflow: hidden;
    display: block;
    padding-left: 70px;
    border-bottom: 1px solid #274971;
    padding-bottom: 24px;
    margin-bottom: 20px;
}
.appointment-right-style1 .top .icon{
    position: absolute;
    top: 6px;
    left: 0;
}
.appointment-right-style1 .top .icon span:before{
    color: #ff8432;
    font-size: 50px;
    line-height: 50px;
}
.appointment-right-style1 .top .title{
    display: block;
}
.appointment-right-style1 .top .title h2{
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 10px;
}
.appointment-right-style1 .top .title span{
    color: #8ca4c2;
}
.appointment-right-style1 .text{
    overflow: hidden;
    display: block;
}
.appointment-right-style1 .text h1{
    color: #ff8432;
    font-size: 30px;
    display: block;
    margin: 0 0 13px;
}
.appointment-right-style1 .text p{
    color: #8ca4c2;
    margin: 0;
}
.appointment-right-style1 .button{
    display: block;
    overflow: hidden;
    margin-top: 26px;
}



/*** 
=============================================
    Appointment Style2 Area Style
=============================================
***/
.appointment-style2-area{
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;    
}
.appointment-style2-area .appoinment{
    position: relative;
    display: block;
    z-index: 1;
    background: #ffffff;
    border-radius: 0;
}
.appointment-style2-area .appoinment:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    border-bottom: 542px solid #f5f5f5;
    border-left: 570px solid transparent;
    background-size: 100% 100%;
}
.appointment-style2-area .appoinment .appoinment-form .inner-title h3{
    color: #1b57b0;
}
.appointment-style2-area .appoinment .appoinment-form #ptTimeSelectCntr .ui-widget-header{
    background: #1b57b0;    
}
.appointment-style2-area .appoinment .appoinment-form .input-box input[type=text]{
    border-radius: 0;
}
.appointment-style2-area .appoinment .appoinment-form .input-box input[type=text]:focus{
    border-color: #000;
}
.appointment-style2-area .appoinment .title {
    background: #0d6b51;
    border-radius: 0;
}
.appointment-style2-area .appoinment .appoinment-form button {
    display: block;
    background: #0d6b51;
    border-radius: 0;
}
.appointment-style2-area .appoinment .appoinment-form button:hover{
    background: #151515;       
}

.appointment-right-style2 {
    position: relative;
    display: block;
    margin-top: 173px;
    max-width: 570px;
    width: 100%;
    background: #ffffffa6;
    padding: 13px;
}
.appointment-right-style2 .title{
    position: relative;
    display: block;
    margin: 0 0 29px;
}
.appointment-right-style2 .title h2{
    color: #2f2f2f;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 4px;
}
.appointment-right-style2 .title h1{
    color: #2f2f2f;
    font-size: 36px;
    line-height: 40px;
    font-weight: 900;
}
.appointment-right-style2 .since-working{
    position: relative;
    display: block;
    z-index: 1;
}
.appointment-right-style2 .since-working:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 1px;
    background: #dadada;
    content: "";
    z-index: -1;
    bottom: 0;
    margin: 13px 0;
}
.appointment-right-style2 .since-working:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 170px;
    height: 1px;
    background: #dadada;
    content: "";
    z-index: -1;
    bottom: 0;
    margin: 13px 0;
}
.appointment-right-style2 .since-working h3 {
    position: relative;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 0 15px;
}
.appointment-right-style2 .button{
    display: block;
    margin-top: 48px;
}
.appointment-right-style2 .button a{
    position: relative;
    display: inline-block;
    background: #3a816a;
    color: #ffffff;
    width: 180px;
    height: 60px;
    line-height: 60px;
    margin: 0 13px;
    border-radius: 4px;
}
/*.footer-logo img {
    background: #fff;
    padding: 12px 12px 12px 12px;
}*/
.appointment-right-style2 .button a:hover{
    background: #ffffff;
    color: #151515;
}
 .button a.btn-two span:before {
    font-weight: 500;
    padding-left: 19px;
}
 .button a.white-bg{
    background: #ffffff;
    color: #2f2f2f;
}
 .button a.white-bg:hover{
    background: #0d6b51;
    color: #ffffff;
}


/*** 
=============================================
    Appointment Style3 Area Style
=============================================
***/
.appointment-style3-area{
    position: relative;
    display: block;  
}
.appoinment-form3{
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 90px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; 
}
.appoinment-form3 .appoinment{
    max-width: 570px;
    float: right;
    margin-right: 65px;
    background: rgba(255, 255, 255, 0.93);
}
.appoinment-form3 .appoinment .title {
    background: #46afd1;
}
.appoinment-form3 .appoinment .appoinment-form button {
    background: #3aabd0;
}
.appoinment-form3 .appoinment .appoinment-form button:hover{
    background: #0c98c6;
}

.appointment-right-style3 {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f5f5f5;
    min-height: 779px;
    margin-left: -30px;
    z-index: 1;
}

.appointment-right-style3 .inner-content{
    max-width: 470px;
    width: 100%;
    float: left;
    margin-left: 65px;
    padding-top: 90px;
}
.appointment-right-style3 .inner-content .more-answer{
    display: block;
    overflow: hidden;
    margin-top: 28px;
}
.appointment-right-style3 .inner-content .more-answer a{
    color: #3aabd0;    
}



/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
    background: #ffffff;
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 30px;
}
.single-blog-post {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.6s;
    margin-bottom: 60px;
}
.single-blog-post:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background: #ffffff;
    content: "";
    z-index: 2;
}

.single-blog-post .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-post .img-holder img {
    transition: all 0.5s ease-in-out 0.6s;    
    width: 100%;
}
.single-blog-post:hover .img-holder img {
    transform: scale(1.2, 1.2);
}
.single-blog-post .img-holder .date-box {
    position: absolute;
    bottom: 30px;
    left: 5px;
    min-width: 100px;
    height: 30px;
    background: #ffffff;
    text-align: center;
    z-index: 3;
    -moz-box-shadow: -2px 2px 7px #ededed;
    -webkit-box-shadow: -2px 2px 7px #ededed;
    box-shadow: -2px 2px 7px #ededed;
}
.single-blog-post .img-holder .date-box span{
    color: #2f2f2f;
    line-height: 30px;
}

.single-blog-post .overlay-style-one {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    opacity: 1;
    border: 1px solid #f2f2f2;
    transition: all 500ms ease;
    background: #ffffff;
    transform: translate3d(0px, 100%, 0px);
}
.single-blog-post:hover .overlay-style-one{
    transform: translate3d(0px, 0, 0px);
}
.single-blog-post .overlay-style-one .box .content{
    padding: 0 30px;
}
.single-blog-post .overlay-style-one .box .content p{
    margin: 0 0 31px;
}
.single-blog-post .overlay-style-one .box .content a.readmore{
    color: #083061;
}

.single-blog-post .text-holder {
    display: block;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title {
    display: block;
    line-height: 26px;
    font-size: 20px;
    padding: 18px 30px 0;
}
.single-blog-post .text-holder .blog-title a{
    color: #083061;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .blog-title a:hover{
    color: #35ac46;
}

.single-blog-post .text-holder .meta-box {
    display: block;
    overflow: hidden;
}
.single-blog-post .text-holder .meta-box .meta-info {
    overflow: hidden;
    display: block;
    padding-top: 9px;
    text-align: center;
}
.single-blog-post .text-holder .meta-box .meta-info li {
    display: inline-block;
    float: none;
    line-height: 20px;
}
.single-blog-post .text-holder .meta-box .meta-info li a{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.single-blog-post .text-holder .meta-box .meta-info li a span{
    color: #ff8432;
}



/*** 
=============================================
    Latest blog area style2 style
=============================================
***/
.latest-blog-area.style2{}
.single-blog-post.style2 .text-holder .meta-box .meta-info li a span {
    color: #1b57b0;
}
.single-blog-post.style2 .overlay-style-one .box .content a.readmore {
    color: #2f2f2f;
}



/*** 
=============================================
    Latest blog area style2 style
=============================================
***/
.latest-blog-area.style3{
    position: relative;
    display: block;
    background: #f5f5f5;
    padding-bottom: 150px;
}
.single-blog-post-style3{
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 49px 30px 37px;
    transition: all 500ms ease;
}
.single-blog-post-style3:hover{
    background: #ffffff;
    border-color: #ffffff;
    -moz-box-shadow: 0px 2px 3px #e3e0e0;
    -webkit-box-shadow: 0px 2px 3px #e3e0e0;
    box-shadow: 0px 2px 3px #e3e0e0;
}
.single-blog-post-style3 .date-box{
    display: block;
    margin-bottom: 22px;
}
.single-blog-post-style3 .date-box span{
    display: inline-block;
    background: #3aabd0;
    color: #ffffff;
    font-size: 16px;
    padding: 4px 10px 2px;
}
.single-blog-post-style3 .text-holder{}
.single-blog-post-style3 .text-holder h3{
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 14px;
}
.single-blog-post-style3 .text-holder h3 a{
    color: #2f2f2f;    
}
.single-blog-post-style3 .text-holder .meta-box{}
.single-blog-post-style3 .text-holder .meta-box ul{}
.single-blog-post-style3 .text-holder .meta-box ul li{}
.single-blog-post-style3 .text-holder .meta-box ul li a{
    color: #848484;
    font-size: 16px;
}
.single-blog-post-style3 .text-holder .meta-box ul li a span{
    color: #3aabd0;
}

.latest-blog-area.style3 .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: -72px;
    left: 0;
    right: 0;
    margin: 0;
    display: block;
}
.latest-blog-area.style3 .owl-dots .owl-dot{
	background-image:none;
	width: 10px;
	height: 10px;
	margin: 5px 4px;
    border: 2px solid #d0d0d0;
	padding:0px;
    border-radius: 50%;
	background: #ffffff;
	transition: all 500ms ease;
	display: inline-block;
}
.latest-blog-area.style3 .owl-dots .owl-dot span{
	display:none;	
}
.latest-blog-area.style3 .owl-dots .owl-dot.active{
    border-color: #3aabd0;
}



/*** 
==========================================================
	Testimonials area Style
==========================================================
***/
.testimonial-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
    z-index: 1;
}
.testimonial-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 449px;
    background: #eef3f7;
    content: "";
    z-index: -1;
}
.testimonial-area .carousel-outer{
	position:relative;
	overflow:hidden;
}
.testimonial-area .owl-item{
	opacity: 0.3;
}
.testimonial-area .owl-item.active{
	opacity:1;
}
.testimonial-area .owl-carousel{
	max-width:575px;
	margin:0 auto;
	position:static;
}
.testimonial-area .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.single-testimonial-style1{}
.single-testimonial-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.single-testimonial-style1 .img-holder img{
    transition: all 500ms ease;
    width: auto;
    transform: scale(1.0, 1.0);       
}
.single-testimonial-style1 .text-holder {
    position: relative;
    display: block;
    padding-top: 44px;
    -moz-box-shadow: 0px 1px 9px #f0f0f0;
    -webkit-box-shadow: 0px 1px 9px #f0f0f0;
    box-shadow: 0px 1px 9px #f0f0f0;
    transform: scale(0, 0);
    transition: all 500ms ease;
    padding: 44px 40px 43px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.testimonial-area .owl-item.center .text-holder{
    transform: scale(1, 1);
	transition:all 500ms ease;
}
.single-testimonial-style1 .text-holder .quote-icon{
    position: absolute;
    bottom: 41px;
    right: 50px;
}
.single-testimonial-style1 .text-holder .quote-icon span:before{
    color: #f4f8fb;
    font-size: 85px;
    line-height: 85px;
}

.single-testimonial-style1 .text-holder .text{
    display: block;
    margin-bottom: 27px;
}
.single-testimonial-style1 .text-holder .text p{
    color: #083061;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
}
.single-testimonial-style1 .text-holder h3{
    color: #083061;
    margin: 0 0 3px;
}
.single-testimonial-style1 .text-holder span{
    color: #ff8432;
}

.testimonial-area .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    height: auto;
    margin: 0;
}
.testimonial-area .owl-theme .owl-nav .owl-prev{
    position: absolute;
    left: 100px;
    bottom: 0px;    
}
.testimonial-area .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 100px;
    bottom: 0px;
}
.testimonial-area .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 50%;
    color: #ff8432;
    font-size: 30px;
    font-weight: 700;
    height: 60px;
    line-height: 56px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 60px;
    border: 1px solid #eef3f7;    
    transition: all 700ms ease 0s;
}
.testimonial-area .owl-theme .owl-nav [class*="owl-"]:hover{
    background: #eef3f7;
    border-color: #eef3f7;
    color: #000000;
}


.mobile-three-item {    text-align: center;  display: none; position: fixed;    z-index: 999;    bottom: 0;    width: 100%;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;   width: 32%;}
.mobile-three-item li:nth-child(1) {    background-color: #000;}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {background: #006c53;}
.mobile-three-item li a {    color: #fff; font-size: 14px; padding-left: 5px;} 

.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;   z-index: 1000; background-color: #000;}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}


/*** 
=============================================
    Brand Area Style      
=============================================
***/
.brand-area{
    position: relative;
    display: block;
}
.brand-area .brand {
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding: 88px 0 44px;
}
.brand-area .brand li {
    display: inline-block;
    padding: 15px;
    float: left;
    max-width: 17%;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #fff;
}
.brand-area .brand li a{
    display: block;
}
.brand-area .brand li a img{
    width: auto;
}



/*** 
=============================================
    Brand Area Style2      
=============================================
***/
.brand-area.style2 {
    padding: 90px 0 43px;
    background-color: #f1f1f1;

}
.brand-area.style2 .brand {
    border-top: none;
    padding: 0;
}



/*** 
=============================================
    Brand Area Style3     
=============================================
***/
.brand-area.style3 .brand {
    border: 0px solid;
    padding: 75px 0 30px;
}
.brand-area.style3 .brand li {
    max-width: 170px;
    width: 100%;
    margin-bottom: 45px;
    margin-right: 80px;
}
.brand-area.style3 .brand li:last-child{
    margin-right: 0;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    position: relative;
    display: block;
    background: #083061;
    padding-top: 50px;
    padding-bottom: 50px;
}
.single-footer-widget {
    overflow: hidden;
}

.single-footer-widget.margin-left{
    margin-left: 55px;
}

.single-footer-widget .title {
    position: relative;
    display: block;
    padding-left: 15px;
    margin-bottom: 15px;
}
.single-footer-widget .title:before{
    position: absolute;
    top: 2px;
    left: 0;
    width: 6px;
    height: 13px;
    background: #ff8432;
    content: "";
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
}


.state-select-box .state {
  display: none;
}
.state-select-box #value1 {
  display: block;
}
.state-content ul {
    display: block;
}
.state-content ul li{
    position: relative;
    display: block;
    overflow: hidden;

    margin-bottom: 20px;
    width: 100%;
}
.state-content ul li.inline{
    display: inline-block;
    float: left;
    margin-right: 15px;
/*    border-right: 1px solid #466489;*/
    padding-right: 15px;
    width: auto;
}
.state-content ul li.inline.last{
    margin-right: 0;
    padding-right: 0;
    border: none;
}
.state-content ul li .icon{
    position: absolute;
    top: 0;
    left: 0;
}
.state-content ul li .icon span:before{
    color: #ff8432;
    font-size: 20px;
    line-height: 20px;
}
.state-content ul li .text{}
.state-content ul li .text p{
    color: #8ca4c2;
    line-height: 22px;
    margin: 0;
}
.single-footer-widget .map-find {
    display: block;
    margin-top: 7px;
    border-top: 1px solid #193f6c;
    padding-top: 28px;
}




.single-footer-widget .quick-links{
    position: relative;
    display: block;
    margin-top: -5px;
}
.single-footer-widget .quick-links li{
    line-height: 38px;
}
.single-footer-widget .quick-links li a{
    color: #8ca4c2;
    font-size: 16px;
    font-weight: 400;
}
.single-footer-widget .quick-links li a:hover{
    color: #ffffff;
}
.single-footer-widget .quick-links li a i{
    font-size: 18px;
    display: inline-block;
    padding-right: 5px;
}


.single-footer-widget .subscribe-form {
    display: block;
    overflow: hidden;
    margin-top: 32px;
}
.single-footer-widget .subscribe-form .text {
    display: block;
    margin-bottom: 14px;
}
.single-footer-widget .subscribe-form .text p{
    color: #ffffff;
    line-height: 26px;
    margin: 0;
}
.single-footer-widget .subscribe-form form {
    position: relative;
    width: 100%;
    max-width: 370px;
}
.single-footer-widget .subscribe-form form input[type=text] {
    background: transparent;
    border:none;
    border-bottom: 1px solid #193f6c;
    color: #8ca4c2;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    height: 50px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    transition: all 500ms ease 0s;
    max-width: 100%;
    width: 100%;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
}
.single-footer-widget .subscribe-form input::-webkit-input-placeholder {
    color: #8ca4c2;
}
.single-footer-widget .subscribe-form input:-moz-placeholder {
    color: #8ca4c2;
}
.single-footer-widget .subscribe-form input::-moz-placeholder {
    color: #8ca4c2;
}
.single-footer-widget .subscribe-form input:-ms-input-placeholder {
    color: #8ca4c2;
}

.single-footer-widget .subscribe-form form button {
    margin-top: 30px;
    background: #ff8432;
    padding: 18px 40px 18px;
}
.single-footer-widget .subscribe-form form input[type=text]:focus {
    border-color: #ffffff;
    color: #ffffff;
}
.single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.single-footer-widget .subscribe-form form button:hover {
    background: #0591c4 none repeat scroll 0 0;
    color: #ffffff;
}


.single-footer-widget .footer-social-links{
    display: block;
    overflow: hidden;
    margin-top: 26px;
}
.single-footer-widget .footer-social-links ul {
    display: block;
    float: left;
    line-height: 16px;
}
.single-footer-widget .footer-social-links ul li{
    display: inline-block;
    float: left;
    margin-right: 13px;
}
.single-footer-widget .footer-social-links ul li:last-child{
    margin: 0;
}
.single-footer-widget .footer-social-links ul li a i{
    color: #8ca4c2;
    font-size: 14px;
    transition: all 500ms ease;
}
.single-footer-widget .footer-social-links ul li a:hover i{
    color: #ff8432;    
}



/*** 
=============================================
    Footer area Style2 style
=============================================
***/
.footer-area.style2{
    background: #151515;
}
.footer-area.style2 .single-footer-widget .title:before{
    background: #0d6b51;    
}
.footer-area.style2 .state-content ul li .icon span:before{
    color: #1b57b0;    
}
.footer-area.style2 .state-content ul li.inline{
    border-color: #505050;    
}
.footer-area.style2 .state-content ul li .text p{
    color: #c5c5c5; 
    transition: all 500ms ease;
}
.footer-area.style2 .state-content ul li:hover .text p{
    color: #ffffff;
}
.footer-area.style2 .single-footer-widget .quick-links li a{
    color: #c5c5c5;    
}
.footer-area.style2 .single-footer-widget .quick-links li a:hover{
    color: #ffffff;
}
.footer-area.style2 .single-footer-widget .map-find {
    border-top: 1px solid #282828;
}
.footer-area.style2 .single-footer-widget .subscribe-form input::-webkit-input-placeholder {
    color: #848484;
}
.footer-area.style2 .single-footer-widget .subscribe-form input:-moz-placeholder {
    color: #848484;
}
.footer-area.style2 .single-footer-widget .subscribe-form input::-moz-placeholder {
    color: #848484;
}
.footer-area.style2 .single-footer-widget .subscribe-form input:-ms-input-placeholder {
    color: #848484;
}
.footer-area.style2 .single-footer-widget .subscribe-form form input[type=text] {
    border-bottom: 1px solid #282828;
}
.footer-area.style2 .single-footer-widget .footer-social-links ul li a i{
    color: #ffffff;    
}
.footer-area.style2 .single-footer-widget .footer-social-links ul li a:hover i{
    color: #1b57b0;
}
.footer-area.style2 .single-footer-widget .subscribe-form form button{
    background: #1b57b0;
}
.footer-area.style2 .single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.footer-area.style2 .single-footer-widget .subscribe-form form button:hover {
    background: #cb2906 none repeat scroll 0 0;
    color: #ffffff;
}

.single-footer-widget.clrdeep .title:before {
    background: #1b57b0;
}
.single-footer-widget.clrdeep .state-content ul li .icon span:before{
    color: #1b57b0;
}
.single-footer-widget.clrdeep .subscribe-form form button {
    border-radius: 3px;
    background: #1b57b0;
}
.footer-area.style2 .single-footer-widget.clrdeep .subscribe-form form button:hover{
    background: #e02e08;    
}
.footer-bottom-area.style2 .copyright-text p a span{
    color: #1b57b0;    
}



/*** 
=============================================
    Footer area Style3 style
=============================================
***/
.footer-area.style3{
    background: #151515;
}
.footer-area.style3 .single-footer-widget .title:before{
    background: #3aabd0;
}
.footer-area.style3 .state-content ul li.inline{
    border-color: #505050;    
}
.footer-area.style3 .state-content ul li .icon span:before {
    color: #3aabd0;
}
.footer-area.style3 .state-content ul li .text p{
    color: #848484; 
    transition: all 500ms ease;
}
.footer-area.style3 .state-content ul li:hover .text p{
    color: #ffffff;
}
.footer-area.style3 .single-footer-widget .quick-links li a{
    color: #848484;    
}
.footer-area.style3 .single-footer-widget .quick-links li a:hover{
    color: #ffffff;
}
.footer-area.style3 .single-footer-widget .map-find {
    border-top: 1px solid #282828;
}
.footer-area.style3 .single-footer-widget .subscribe-form input::-webkit-input-placeholder {
    color: #848484;
}
.footer-area.style3 .single-footer-widget .subscribe-form input:-moz-placeholder {
    color: #848484;
}
.footer-area.style3 .single-footer-widget .subscribe-form input::-moz-placeholder {
    color: #848484;
}
.footer-area.style3 .single-footer-widget .subscribe-form input:-ms-input-placeholder {
    color: #848484;
}
.footer-area.style3 .single-footer-widget .subscribe-form form input[type=text] {
    border-bottom: 1px solid #282828;
}
.footer-area.style3 .single-footer-widget .footer-social-links ul li a i{
    color: #ffffff;    
}
.footer-area.style3 .single-footer-widget .footer-social-links ul li a:hover i{
    color: #3399cc;
}
.footer-area.style3 .single-footer-widget .subscribe-form form button {
    background: #0c98c6;
}
.footer-area.style3 .single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.footer-area.style3 .single-footer-widget .subscribe-form form button:hover {
    background: #068cb8 none repeat scroll 0 0;
    color: #ffffff;
}



/*** 
=============================================
    Footer Bottom Area Style      
=============================================
***/
.footer-bottom-area{
    position: relative;
    display: block;
    background: #072d5a;
    padding: 10px 0 20px;
}
.footer-logo{
    display: block;
}
.footer-logo a{
    display: inline-block;
}
.footer-bottom-area .copyright-text {
    margin: 25px 0 0;
}
.footer-bottom-area .copyright-text p {
    color: #c5c5c5;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 22px;
    font-family: 'Quicksand', sans-serif;
}
.footer-bottom-area .copyright-text p a {
    font-weight: 500;
    color: #ffffff;
    transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a span{
    color: #ff8432;
}
.footer-bottom-area .copyright-text p a:hover{}



/*** 
=============================================
    Footer Bottom Area Style2 Style      
=============================================
***/
.footer-bottom-area.style2{
    background: #151515; 
    border-top: 1px solid #282828;
}
.footer-bottom-area .copyright-text p{
    color: #848484;    
}



/*** 
=============================================
    Footer Bottom Area Style3 Style      
=============================================
***/
.footer-bottom-area.style3{
    background: #151515; 
    border-top: 1px solid #282828;
}
.footer-bottom-area.style3 .copyright-text p{
    color: #848484;    
}
.footer-bottom-area.style3 .copyright-text p span{
    color: #3aabd0;
}



/*** 
=============================================
    Why Choose Area Style2 Style      
=============================================
***/
.why-choose-area{
    position: relative;
    display: block;
    background: #f5f5f5;
}
.why-choose {
    position: relative;
    margin-top: -90px;
    z-index: 10;
}
.why-choose .title {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    width: 290px;
    height: 300px;
    z-index: 1;
    padding: 130px 0;
}

.why-choose .title h1{
    color: #ffffff;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}

.why-choose .content-box {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    max-width: 880px;
    width: 100%;
    background: #ffffff;
    min-height: 300px;
}
.why-choose .content-box ul {
    display: block;
    float: left;
    max-width: 440px;
    width: 100%;
    margin: 45px 0px 0px;
    padding-left: 50px;
}
.why-choose .content-box ul.bdr-right{
    position: relative;
    display: block;
}
.why-choose .content-box ul.bdr-right:before {
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    bottom: 7px;
    background: #f2f2f2;
    content: "";
}
.why-choose .content-box ul.pd{
    position: relative;
    display: block;
    padding-left: 50px;
    
}
.why-choose .content-box ul.pd li {
    padding-right: 50px;
}

.why-choose .content-box ul li {
    position: relative;
    display: block;
    padding-left: 70px;
    margin-bottom: 33px;
    padding-right: 50px;
}
.why-choose .content-box ul li:last-child{
    margin-bottom: 0;
}
.why-choose .content-box ul li .iocn-holder {
    position: absolute;
    top: 12px;
    left: 0;
}
.why-choose .content-box ul li .text-holder{
    display: block;
    padding-left: 20px;
}
.why-choose .content-box ul li .text-holder h3{
    color: #2f2f2f;
    margin: 0 0 15px;
}
.why-choose .content-box ul li .text-holder p{
    margin: 0;
}


/*** 
=============================================
    Services Process Area Style2 Style      
=============================================
***/
.services-process-area {
    position: relative;
    display: block;
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 100px;
}
.service-process-content .single-box{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
.single-service-process{
    position: relative;
    display: block;
    max-width: 710px;
    width: 100%;
    padding-bottom: 90px;
}
.single-service-process:before {
    position: absolute;
    bottom: 6px;
    right: 118.5px;
    width: 5px;
    height: 65px;
    background: url(../images/icon/dotted.png);
    background-repeat: no-repeat;
    content: "";
    z-index: 1;
}
.single-service-process.right:before{
    left: 128.5px;    
}
.single-service-process.last-child {
    padding-bottom: 15px;
}
.single-service-process.last-child:before{
    display: none;
}
.single-service-process .inner-content{
    display: block;
    max-width: 470px;
}
.single-service-process .inner-content.right{
    padding-left: 10px;
}
.single-service-process .inner-content h3{
    margin: 0 0 20px;
}
.single-service-process .inner-content h3 a{
    color: #2f2f2f;
    transition: all 500ms ease;
    font-weight: 500;
}
.single-service-process:hover .inner-content h3 a{
    color: #0d6b51;
}
.single-service-process .inner-content p{
    margin: 0;
}
.single-service-process .icon-holder{
    position: absolute;
    top: 5px;
    right: 0;
    width: 170px;
    min-height: 100px;
}
.single-service-process .icon-holder:before{
    position: absolute;
    top: 13px;
    right: 0;
    width: 64px;
    height: 64px;
    background: url(../images/icon/arrow-1.png);
    background-repeat: no-repeat;
    content: "";
}
.single-service-process .icon-holder .icon {
    position: absolute;
    top: 0;
    right: 70px;
    height: 100px;
    width: 100px;
    background: #fff;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 30px 0;
    -moz-box-shadow: 0px 3px 6px #e0dddd;
    -webkit-box-shadow: 0px 3px 6px #e0dddd;
    box-shadow: 0px 3px 6px #e0dddd;
}
.single-service-process .icon-holder .icon span:before{
    color: #2f2f2f;
    font-size: 40px;
    line-height: 40px;
}
.single-service-process .icon-holder .count {
    position: absolute;
    bottom: 0;
    left: 120px;
    width: 23px;
    height: 23px;
    background: #0d6b51;
    border-radius: 50%;
    text-align: center;
}
.single-service-process .icon-holder .count h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
}

.single-service-process .icon-holder.left {
    left: 0;
}
.single-service-process .icon-holder.left .icon {
    left: 80px;
}
.single-service-process .icon-holder.left:before {
    left: 10px;
    background: url(../images/icon/arrow-2.png);
}
.single-service-process .icon-holder.left .count {
    position: absolute;
    bottom: 0;
    left: 37px;
}



/*** 
=============================================
    Specialities area style
=============================================
***/
.specialities-area{
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 128px;
    position: relative;
    z-index: 1;
}
.specialities-area::before {
    background: rgba(20, 20, 20, 0.95) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.specialities-image-box{
    position: relative;
    display: block;
    max-width: 600px;
    width: 100%;
}
.specialities-image-box img{
    width: auto;
}
.specialities-image-box .single-option{
    position: absolute;
}
.specialities-image-box .single-option p {
    margin: 0;
    display: inline-block;
    line-height: 20px;
    color: #ffffff;
}
.specialities-image-box .single-option .border {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 6px solid #1b57b0 !important;
    border-radius: 50%;
}
.specialities-image-box .single-option.left-text p{
    padding-right: 7px;
}
.specialities-image-box .single-option.right-text p{
    padding-left: 7px;
}


.specialities-image-box .single-option.one {
    left: -100px;
    top: 60px;
}
.specialities-image-box .single-option.two {
    left: -150px;
    bottom: 190px;
}
.specialities-image-box .single-option.three {
    left: 150px;
    bottom: 95px;
}

.specialities-image-box .single-option.four {
    top: 65px;
    right: 125px;
}
.specialities-image-box .single-option.five {
    top: 300px;
    right: 0px;
}
.specialities-image-box .single-option.six {
    right: -50px;
    bottom: 150px;
}

.specialities-content{
    position: relative;
    display: block;
}
.specialities-content .sec-title{
    padding-bottom: 53px;
}
.specialities-content .inner-content{
    position: relative;
    display: block;
    background: #202020;
    width: 100%;
    max-width: 370px;
    padding: 35px 30px 33px;
    margin-left: 100px;
    -moz-box-shadow: 0px 5px 5px #121212;
    -webkit-box-shadow: 0px 5px 5px #121212;
    box-shadow: 0px 5px 5px #121212;
}
.specialities-content .inner-content h3{
    color: #1b57b0;
    font-size: 18px;
    margin: 0 0 14px;
    text-transform: uppercase;
}
.specialities-content .inner-content ul{
    position: relative;
    display: block;
}
.specialities-content .inner-content ul li {
    position: relative;
    line-height: 50px;
    border-top: 1px solid #282828;
    color: #ffffff;
    font-size: 16px;
    padding: 9px 0 7px;
    z-index: 1;
}
.specialities-content .inner-content ul li p {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
    display: inline-block;
    background: #202020;
    padding-right: 15px;
}
.specialities-content .inner-content ul li:before {
    position: absolute;
    top: 34px;
    left: 0px;
    width: 100%;
    height: 1px;
    border-bottom: 2px dashed#282828;
    z-index: -1;
    content: "";
}
.specialities-content .inner-content ul li:last-child{
    border-bottom: 1px solid #282828;    
}
.specialities-content .inner-content ul li span:before{
    position: relative;
    top: 3px;
    color: #444444;
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
    padding-right: 19px;
    background: #202020;
}
.specialities-content .inner-content ul li b {
    float: right;
    font-weight: 400;
    background: #202020;
    padding-left: 10px;
    display: inline-block;
}
.specialities-content .inner-content .button{
    display: block;
    padding-top: 28px;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}
.fact-counter-area::before {
    background: rgba(246,246,246,0.75);
    background: -moz-linear-gradient(left, rgba(246,246,246,0.75) 12%, rgba(246,246,246,0.78) 21%, rgba(246,246,246,0.79) 26%, rgba(245,245,245,1) 90%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(12%, rgba(246,246,246,0.75)), color-stop(21%, rgba(246,246,246,0.78)), color-stop(26%, rgba(246,246,246,0.79)), color-stop(90%, rgba(245,245,245,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(left, rgba(246,246,246,0.75) 12%, rgba(246,246,246,0.78) 21%, rgba(246,246,246,0.79) 26%, rgba(245,245,245,1) 90%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(left, rgba(246,246,246,0.75) 12%, rgba(246,246,246,0.78) 21%, rgba(246,246,246,0.79) 26%, rgba(245,245,245,1) 90%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(left, rgba(246,246,246,0.75) 12%, rgba(246,246,246,0.78) 21%, rgba(246,246,246,0.79) 26%, rgba(245,245,245,1) 90%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to right, rgba(246,246,246,0.75) 12%, rgba(246,246,246,0.78) 21%, rgba(246,246,246,0.79) 26%, rgba(245,245,245,1) 90%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f5f5f5', GradientType=1 );
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.single-fact-counter {
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.single-fact-counter .count-box {
    position: relative;
    display: block;
}
.single-fact-counter .icon{
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.single-fact-counter .icon span:before{
    color: #1b57b0; 
    font-size: 70px;
    line-height: 70px;
}
.single-fact-counter .icon-box i {
    color: #222222;
    font-size: 34px;
    line-height: 50px;
}

.single-fact-counter h1{
    position: relative;
    display: block;
}
.single-fact-counter h1 span {
    position: relative;
    display: inline-block;
    color: #2f2f2f;
    font-size: 40px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.single-fact-counter h1 .plus {
    display: inline-block;
    position: relative;
    top: -3px;
}
.single-fact-counter .count-box .title{
    position: relative;
    display: block;
    margin-top: 29px;
    border-bottom: 1px solid #e6e6e6;
}
.single-fact-counter .count-box .title h3 {
    width: 230px;
    height: 52px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #ffffff;
    color: #2f2f2f;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
    line-height: 52px;
}



/*** 
=============================================
    Gallery Area style
=============================================
***/
.gallery-area{
    padding: 90px 0 90px;    
}
.gallery-area .gallery{
    margin: 0;
}
.gallery .pd0{
    padding: 0;
}
.gallery .sec-title {
    margin: 0;
    padding: 99px 0 100px;
}
.single-gallery-item{
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
}
.single-gallery-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-gallery-item .img-holder img {
    width: 100%;
    transition: all 1s ease-in-out;
}
.single-gallery-item:hover .img-holder img {  
    transform:scale(1.1);
}
.single-gallery-item .img-holder .overlay-style-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    z-index: 1;
    background: rgba(0, 0, 0, 0.72);
    transition: all 700ms ease;
}
.single-gallery-item:hover .img-holder .overlay-style-one{
	opacity:1;
}
.single-gallery-item .img-holder .overlay-style-one .box {
    display: table;
    height: 100%;
    width: 100%;
}
.single-gallery-item .img-holder .overlay-style-one .box .content {
    display: table-cell;
    vertical-align: middle;
}
.single-gallery-item .img-holder .overlay-style-one .box .content h3{
    position: relative;
    opacity: 0;
    font-size: 24px;
    transition: all 700ms ease;
    transform: translateY(40px);
}
.single-gallery-item:hover .img-holder .overlay-style-one .box .content h3{
    opacity: 1;
    transform: translate(0%);
}
.single-gallery-item .img-holder .overlay-style-one .box .content h3 a{
    color: #ffffff;
}

.single-gallery-item.more-works{}
.single-gallery-item.more-works .button-holder {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.single-gallery-item.more-works .button-holder .overlay-style-one {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #ffffff;
    opacity: 1;
    z-index: 1;
}
.single-gallery-item.more-works .button-holder .overlay-style-one .content a.more-works {
    position: relative;
    display: block;
    background: #f5f5f5;
    color: #2f2f2f;
    width: 220px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
}
.single-gallery-item.more-works .button-holder .overlay-style-one .content a.more-works:hover{
    background: #151515;
    color: #ffffff;
}



/*** 
====================================================================
	Feedback Section
====================================================================
***/
.feedback-section{
	position:relative;
	display: block;
}
.feedback-section .inner-content{
    position: relative;
    display: block;
    background: #f5f5f5;
    min-height: 545px;
}
.feedback-section .carousel-outer{
    position: relative;
    display: block;
	overflow:hidden;
    width: 100%;
    max-width: 1155px;
    float: left;
    z-index: 10;
    margin-top: 90px;
}
.feedback-section .owl-carousel {
    max-width: 575px;
    position: static;
    float: right;
    width: 100%;
}
.feedback-section .owl-carousel .owl-stage-outer {
    overflow: visible;
    padding-bottom: 90px;
}

.testimonial-block-three{
	position:relative;
    display: block;
    border-top: 4px solid #0d6b51;
    background: #ffffff;
    box-shadow: 0px 3px 8px #f5f5f5;
    padding:54px 50px 55px;
}
.testimonial-block-three .inner-box{
	position:relative;
	display: block;
}
.testimonial-block-three .inner-box .upper-box{
	position:relative;
	transition:all 300ms ease;
}
.testimonial-block-three .inner-box .upper-box .text{
	position: relative;
	color: #2f2f2f;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
}

.testimonial-block-three .inner-box .lower-box{
	position: relative;
	margin-top: 33px;
}
.testimonial-block-three .inner-box .lower-box .client-info {
    display: block;
    margin-bottom: 28px;
}
.testimonial-block-three .inner-box .lower-box .client-info h3{
	position: relative;
	color: #2f2f2f;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
    margin: 0 0 3px;
}
.testimonial-block-three .inner-box .lower-box .client-info span{
    color: #1b57b0;
}
.testimonial-block-three .inner-box .lower-box .image-box{
	position:relative;
	width:80px;
	height:80px;
	border-radius:50%;
	overflow: hidden;
	transition:all 300ms ease;
}
.testimonial-block-three .inner-box .lower-box .image-box img{
	border-radius: 50%;
    border: 1px solid #ccc;
}
.testimonial-block-three .inner-box .quote-icon {
    position: absolute;
    bottom: -14px;
    right: 40px;
}
.testimonial-block-three .inner-box .quote-icon span:before{
    color: #f5f5f5;
    font-size: 135px;
    line-height: 135px;
}


.feedback-section .owl-item .testimonial-block-three .inner-box{
	opacity: 0.3;
}
.feedback-section .owl-item.active .testimonial-block-three{
    box-shadow: block;
}
.feedback-section .owl-item.active .testimonial-block-three .inner-box{
	opacity:1;
}

.feedback-section .carousel-outer .owl-theme .owl-nav {
    left: 467px;
    position: absolute;
    width: 90px;
    z-index: 100;
    bottom: 230px;
    height: 90px;
    margin: 0;
}
.feedback-section .carousel-outer .owl-theme .owl-nav .owl-prev {
    background: rgb(0 0 0 / 70%);
    display: block;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 700ms ease 0s;
    width: 45px;
    z-index: 10;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.feedback-section .carousel-outer .owl-theme .owl-nav .owl-next {
    background: rgb(13 107 81 / 78%);
    display: block;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 700ms ease 0s;
    width: 45px;
    z-index: 10;
    border-radius: 0%;
    margin: 0;
    padding: 0;
}
/*.feedback-section .carousel-outer .owl-theme .owl-nav .owl-prev:hover{
    background: rgb(239 172 42 / 70%);
}
.feedback-section .carousel-outer .owl-theme .owl-nav .owl-next:hover{
    background: rgba(243, 71, 30, 0.90);
}*/
.feedback-section .carousel-outer .owl-theme .owl-nav div .fa:hover{
    color: #fff;    
}
.feedback-section .carousel-outer .owl-theme .owl-nav div .fa {
    color: #ececec;
    font-size: 30px;
    font-weight: 100;
    display: block;
    text-align: center;
    line-height: 88px;
}


.feedback-section .inner-content .video-holder{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 960px;
    width: 100%;
    z-index: 1;
}
.feedback-section .inner-content .video-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.feedback-section .inner-content .video-holder .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder .content{
    display: table-cell;
    vertical-align: middle; 
    text-align: center;
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder .icon{
    width: 90px;
    height: 90px;
    display: block;
    padding: 15px;
    background: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder .icon .inner {
    width: 60px;
    height: 60px;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    -moz-box-shadow: 0px 0px 10px #e8e3e3;
    -webkit-box-shadow: 0px 0px 10px #e8e3e3;
    box-shadow: 0px 0px 10px #e8e3e3;
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder .icon .inner a{
    width: 60px;
    height: 60px;
    display: block;    
}
.feedback-section .inner-content .video-holder .overlay-gallery .icon-holder .icon .inner a span:before {
    color: #1b57b0;
    font-size: 20px;
    display: block;
    padding: 20px 0;
}
.feedback-section .inner-content .video-holder:hover .overlay-gallery {
    background-color: rgba(0, 0, 0, 0.60);
}
.feedback-section .inner-content .video-holder:hover img {
    transform: scale(1.1);
}



/*** 
=============================================
    Repair Area style
=============================================
***/
.repair-area{
    position: relative;
    display: block;
}
.repair-area .repair-carousel{
    position: relative;
    margin-top: -140px;
    z-index: 10;
    background: #ffffff;
}
.repair-area .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #f2f2f2;
}

.single-repair-item{
    position: relative;
    display: inline-block;
    float: left;
    background: #ffffff;
    padding: 79px 0 44px;
    max-width: 290px;
    width: 100%;
    text-align: center;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
.single-repair-item .icon-holder{
    position: relative;
    display: block;
    margin-bottom: 25px;
    z-index: 1;
}
.single-repair-item .icon-holder:before{
    position: absolute;
    top: -20px;
    left: 100px;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    z-index: -1;
    content: "";
}
.single-repair-item .icon-holder span:before{
    color: #3aabd0;
    font-size: 90px;
    line-height: 90px;
}
.single-repair-item .title-holder{}
.single-repair-item .title-holder h3{
    color: #d0d0d0;
}

.repair-area .owl-theme .owl-nav {
    display: none !important;
    position: absolute;
    top: 0px;
    right: -330px;
    margin: 0;
    width: 70px;
    height: 100%;
    border-left: 0px solid #f2f2f2;
    display: block;
    padding: 115px 0;
    padding-left: 30px;
}
.repair-area .owl-theme .owl-nav [class*='owl-'] {
    background: transparent;
    color: #2f2f2f;
    font-size: 35px;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.repair-area .owl-theme .owl-nav .owl-prev {
    float: left;
}
.repair-area .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    margin: 0;
}



/*** 
=============================================
    About V2 Area style
=============================================
***/
.about-v2-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
    background: #ffffff;
}
.about-v2-area .about-left-content .inner-content h2 {
    color: #2f2f2f;
}



/*** 
=============================================
    Specialities V2 Area style
=============================================
***/
.specialities-v2-area{
    position: relative;
    display: block;
    background: #252525;
    padding: 90px 0 90px;
}
.specialities-image-box2 {
    position: relative;
    display: block;
    max-width: 450px;
    width: 100%;
    margin: 0;
    z-index: 1;
}

.specialities-image-box2 img {
    width: auto;
}
.specialities-image-box2 .single-option {
    position: absolute;
}
.specialities-image-box2 .single-option.one {
    left: 25px;
    top: -10px;
}
.specialities-image-box2 .single-option.two {
    left: 110px;
    top: 60px;
}
.specialities-image-box2 .single-option.three {
    left: 70px;
    top: 300px;
}
.specialities-image-box2 .single-option.four {
    left: 210px;
    bottom: 40px;
}
.specialities-image-box2 .single-option.five {
    left: 340px;
    bottom: 145px;
}
.specialities-image-box2 .single-option.six {
    left: 190px;
    top: 20px;
}
.specialities-image-box2 .single-option.seven {
    left: 305px;
    top: 210px;
}

.specialities-image-box2 .single-option .border-outer {
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    z-index: 1;
}
.specialities-image-box2 .single-option .border-outer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(117, 185, 218, 0.50);
    border-radius: 50%;
    content: "";
    transform: scale(0);
    transition: all 0.7s ease;  
    z-index: -1;
}
.specialities-image-box2 .single-option:hover .border-outer:before{
    transform: scale(1);    
}
.specialities-image-box2 .single-option .border-outer:after {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 26px;
    height: 26px;
    text-align: center;
    background: rgba(117, 185, 218, 0.50);
    border-radius: 50%;
    content: "";
    transform: scale(1);   
    transition: all 0.7s ease;
    z-index: -1;
}
.specialities-image-box2 .single-option:hover .border-outer:after{
    transform: scale(0);       
}
.specialities-image-box2 .single-option .border-outer .borders {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f5f5f5;
    border: 6px solid #3aabd0;
    border-radius: 50%;
    margin: 9px;
    z-index: 1;
}

.specialities-image-box2 .single-option .overlay-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 200px;
    margin: 9px 0;
    transition: all 0.7s ease;
    transition-delay: .1s;
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
}
.specialities-image-box2 .single-option:hover .overlay-text{
    transform: translate3d(30px, 0px, 0px); 
    opacity: 1;
}
.specialities-image-box2 .single-option .overlay-text p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
}

.specialities-content2 {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}
.specialities-content2 .sec-title{
    padding-bottom: 53px;
}
.specialities-content2 .inner-content-box{}
.specialities-content2 .inner-content-box ul{}
.specialities-content2 .inner-content-box ul li {
    max-width: 285px;
    width: 100%;
    float: left;
    text-align: center;
    display: block;
    padding: 0 20px;
}
.specialities-content2 .inner-content-box ul li:nth-child(1) {
    border-bottom: 1px solid #303030;
    border-right: 1px solid #303030;
    padding-bottom: 38px;
}
.specialities-content2 .inner-content-box ul li:nth-child(2){
    border-bottom: 1px solid #303030;
    padding-bottom: 38px;
}
.specialities-content2 .inner-content-box ul li:nth-child(3) {
    border-right: 1px solid #303030;
    padding-top: 50px;
}
.specialities-content2 .inner-content-box ul li:nth-child(4) {
    padding-top: 50px;
}
.specialities-content2 .inner-content-box ul li .icon-holder{
    display: block;
    margin-bottom: 26px;
}
.specialities-content2 .inner-content-box ul li .icon-holder span:before{
    color: #3aabd0;
    font-size: 65px;
    line-height: 65px;
}
.specialities-content2 .inner-content-box ul li .text-holder{}
.specialities-content2 .inner-content-box ul li .text-holder h3{
    color: #ffffff;
    margin-bottom: 20px;
}
.specialities-content2 .inner-content-box ul li .text-holder p{
    margin: 0;
}



/*** 
=============================================
    Appointment Process area style
=============================================
***/
.appointment-process-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 90px 0 90px;
}
.appointment-process {
    position: relative;
    display: block;
    overflow: hidden;
}
.appointment-process ul{} 
.appointment-process ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
} 

.appointment-process ul li:last-child:before{
    display: none;
}

.appointment-process ul li .icon-holder {
    position: relative;
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    padding: 38px 0;
}
.appointment-process ul li .icon-holder span:before{
    color: #d0d0d0;
    font-size: 60px;
    line-height: 60px;
    transition: all 500ms ease;
}
.appointment-process ul li:hover .icon-holder span:before{
    color: #3aabd0;    
}
.appointment-process ul li .title-holder{
    display: block;
    margin-top: 25px;
    margin-bottom: 20px;
}
.appointment-process ul li .title-holder h3{
    color: #2f2f2f;
}
.appointment-process ul li .count{
    display: block;
    width: 30px;
    height: 30px;
    background: #3aabd0;
    margin: 0 auto;
    border-radius: 50%;
}
.appointment-process ul li .count h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
}
.appointment-button{
    display: block;
    margin-top: 50px;
}
.appointment-button a {
    border: 2px solid #3aabd0;
    color: #3aabd0;
    width: 250px;
    height: 60px;
    display: inline-block;
    line-height: 56px;
    border-radius: 30px;
}
.appointment-button a:hover{
    background: #151515;
    color: #ffffff;
    border-color: #151515;
}



/*** 
=============================================
    Home3 Google Map Area style
=============================================
***/
.home3-google-map-area{
    display: block;
}
.google-map-box {
    position: relative;
}
#home3-google-map {
    height: 500px;
    width: 100%;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 200px;
    z-index: 1;
    padding-bottom: 160px;
}
/*.breadcrumb-area::before {
    background: rgba(0, 0, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}*/




.breadcrumb-area .inner-content{
    position: relative;
    display: block;
}
.breadcrumb-area .title {
    display: inline-block;
    float: left;
}
.breadcrumb-area .title h1{
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
}
.breadcrumb-area .breadcrumb-menu {
    display: inline-block;
    float: right;
}
.breadcrumb-area .breadcrumb-menu ul {
    display: block;
    margin: 14px 0;
}
.breadcrumb-area .breadcrumb-menu ul li {
    display: block;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    line-height: 12px;
    font-size: 16px;
    font-weight: 400;
    border-right: 1px solid #fff;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-menu ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border: none;
}
.breadcrumb-area .breadcrumb-menu ul li a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-menu ul li.active{
    color: #999999; 
}
.breadcrumb-area .breadcrumb-menu ul li a:hover{
    color: #999999;     
}



/*** 
=============================================
    Breadcrumb Area Style2 style
=============================================
***/
.breadcrumb-area.Style2{
    padding-top: 130px;
    padding-bottom: 130px;    
}
.breadcrumb-area.Style2::before {
    background: none;
}



/*** 
=============================================
    Breadcrumb Area Style2 style
=============================================
***/
.breadcrumb-area.Style3{
    padding-top: 130px;
    padding-bottom: 130px;    
}



/*** 
=============================================
    About Content Area style
=============================================
***/
.about-content-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}
.about-content-box{
    display: block;
    margin-top: 70px;
    padding-right: 30px;
}
.about-content-box .single-item{}
.about-content-box .single-item .icon-holder {
    display: block;
    margin-bottom: 38px;
}
.about-content-box .single-item .icon-holder span:before{
    color: #ff3333;
    font-size: 65px;
    line-height: 65px;
}
.about-content-box .single-item .title-holder {
    display: block;
    margin-bottom: 29px;
}
.about-content-box .single-item .title-holder h2{
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.about-content-box .single-item .title-holder h2 span{
    color: #ff3333;
}
.about-content-box .single-item .text-holder{}
.about-content-box .single-item .text-holder p{
    margin: 0;
}

.about-content-area .owl-dots {
    position: relative;
    margin-top: 34px !important;
    text-align: left;
}
.about-content-area .owl-dots .owl-dot{
    position: relative;
	background-image:none;
	width: 15px;
	height: 6px;
	margin: 5px 5px;
    border: 1px solid #ebe8e5;
	padding:0px;
	background: #ffffff;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.about-content-area .owl-dots .owl-dot span{
	display:none;	
}
.about-content-area .owl-dots .owl-dot.active{
    position: relative;
	background: #ff3333;
    border-color: #ff3333;
}
.about-content-area .owl-dots .owl-dot.active:before{
    position: absolute;
    top: -3px;
    left: -1px;
    right: 0;
    width: 15px;
    height: 2px;
    background: #ff3333;
    content: "";
    transition: all 500ms ease;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    position: relative;
    padding-top: 90px;
    padding-bottom: 50px;
}
.single-team-member {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.single-team-member .name {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 35px 0 33px;
    padding-left: 30px;
    z-index: 1;
}
.single-team-member .name:before{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 1;
    z-index: -1;
    content: "";
    transition: all 500ms ease;
    background: rgba(243, 71, 30, 0.90);
    transform: translate3d(0px, -100%, 0px);       
}
.single-team-member:hover .name:before{
    transform: translate3d(0px, 0%, 0px);        
}
.single-team-member .name h3{
    display: block;
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    transition: all 500ms ease;
    transition-delay: .4s;
}
.single-team-member:hover .name h3{
    color: #ffffff;
}
.single-team-member .name span{
    color: #ff3333; 
    transition: all 500ms ease;
    transition-delay: .5s;
}
.single-team-member:hover .name span{
    color: #ffffff;    
}
.single-team-member .img-holder {
    overflow: hidden;
    position: relative;
    display: block;
    border-top: 10px solid #ffffff;
    transition: all 500ms ease;
    transform: translate3d(0px, 0%, 0px);    
}
.single-team-member:hover .img-holder{
    transform: translate3d(0px, -10px, 0px);    
}
.single-team-member .img-holder img{
    transition: all 0.5s ease-in-out 0.6s;    
    width: 100%;  
}
.single-team-member:hover .img-holder img{
    transform: scale(1.2, 1.2); 
}
.single-team-member .img-holder .overlay-style-one{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    opacity: 1;
    z-index: 1;
    transition: all 500ms ease;
    background: rgba(20, 20, 20, 0.83);
    transform: translate3d(0px, 100%, 0px);    
}
.single-team-member:hover .img-holder .overlay-style-one{
    transform: translate3d(0px, 0, 0px);    
}
.single-team-member .img-holder .overlay-style-one .social-links {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.single-team-member .img-holder .overlay-style-one .social-links li{
    display: inline-block;
    margin: 0 3px;
}
.single-team-member .img-holder .overlay-style-one .social-links li a i{
    width: 35px;
    height: 35px;
    background: #3a559f;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    line-height: 36px;  
    transition: all 500ms ease;
}
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i{
    background: #2b4793;
}
.single-team-member .img-holder .overlay-style-one .social-links li a.twitter i{
    background: #55acee;
}
.single-team-member .img-holder .overlay-style-one .social-links li a.twitter:hover i{
    background: #3590d4;    
}
.single-team-member .img-holder .overlay-style-one .social-links li a.youtube i{
    background: #e02f2f;
}
.single-team-member .img-holder .overlay-style-one .social-links li a.youtube:hover i{
    background: #cb1e1e;    
}



/*** 
=============================================
    Service Center Area style
=============================================
***/
.service-center-area{
    position: relative;
    display: block;
    padding: 80px 0 50px;
}
.service-center-area .title {
    display: block;
    padding-bottom: 48px;
}
.service-center-area .title h1{
    color: #333333;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 11px;
}
.service-center-area .title span{
    color: #1b57b0;    
}
.service-center-area .title p{
    color: #999999;
    font-size: 18px;
    margin: 0;
}
.service-center-area .service-box {
    margin-left: -6px;
    margin-right: -6px;
}
.service-center-area .service-box .single-box{
    padding-left: 6px;
    padding-right: 6px;
}

.single-service-center{
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.single-service-center .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-service-center .img-holder img{
    width: 100%;
    transition: all 1s ease-in-out;    
}
.single-service-center:hover .img-holder img {  
    transform: scale(1.1);
}
.single-service-center .inner-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    text-align: center;
    transition: all 500ms ease;
    transform: translate3d(0px, 0%, 0px);
}
.single-service-center:hover .inner-content{
    transition: all 500ms ease;
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);    
}
.single-service-center .inner-content .icon-holder {
    display: block;
    padding-bottom: 25px;
    margin: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.single-service-center .inner-content .icon-holder span:before{
    color: #ffffff;
    font-size: 100px;
    line-height: 100px;
}
.single-service-center .inner-content .title-holder{}
.single-service-center .inner-content .title-holder h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
}

.single-service-center .img-holder .overlay-content {
    position: absolute;
    bottom: 38px;
    left: 30px;
    right: 30px;
    opacity: 0;
    text-align: center;
    z-index: 1;
    transition: all 700ms ease;
    transform: translate3d(0px, 100%, 0px);
}
.single-service-center:hover .img-holder .overlay-content{
    opacity: 1;
    transform: translate3d(0px, 0%, 0px);    
}
.single-service-center .img-holder .overlay-content .title-holder{
    display: block;
    padding-bottom: 25px;
    margin: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);    
}
.single-service-center .img-holder .overlay-content .title-holder h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;    
}
.single-service-center .img-holder .overlay-content .text-holder{}
.single-service-center .img-holder .overlay-content .text-holder p{
    color: #ffffff;
    margin: 0 0 16px;
}
.single-service-center .img-holder .overlay-content .text-holder a{
    color: #ffffff;
}



/*** 
=============================================
    Latest project area style
=============================================
***/
.specialities-v3-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 60px;
    z-index: 1;
}
.specialities-v3-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    background: #f5f5f5;
    content: "";
    z-index: -1;
}
.specialities-v3-area .sec-title{}
.specialities-v3-area .sec-title p {
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 19px 0 33px;
}
.specialities-v3-area .sec-title a{
    position: relative;
    display: inline-block;
    background: #1b57b0;
    color: #ffffff;
    width: 180px;
    height: 55px;
    line-height: 54px;
    border-radius: 4px;
    text-align: center;
}
.specialities-v3-area .sec-title a span:before {
    font-weight: 500;
    padding-left: 19px;
}
.specialities-v3-area .sec-title a:hover{
    background: #d62b06;    
}

.single-specialitie-box{
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #f2f2f2;
    padding: 97px 0 100px;
    margin-bottom: 30px;
}
.single-specialitie-box span:before{
    color: #e0e0e0;
    font-size: 62px;
    line-height: 62px;
}
.single-specialitie-box h3{
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    margin: 23px 0 15px;
}
.single-specialitie-box .borders{
    height: 3px;
    width: 50px;
    background: #1b57b0;
    display: block;
    margin: 0 auto;
}



/*** 
=============================================
    Corporate Services Area style
=============================================
***/
.corporate-services-area{
    position: relative;
    display: block;
}
.corporate-services-area .inner-content{
    position: relative;
    display: block;
}
.corporate-services-box {
    position: absolute;
    top: 135px;
    left: 50%;
    margin-left: -120px;
    display: block;
    width: 240px;
    height: 240px;
    background: transparent;
    text-align: center;
    z-index: 2;
    padding: 90px 0;
}
.corporate-services-box:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: -1;
    content: "";
    transform: rotate(45deg);
}
.corporate-services-box h2{
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.corporate-services-area .left-side{
    padding: 0;
}
.corporate-services-area .right-side{
    padding: 0;
}
.corporate-services-left {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 555px;
    z-index: 1;
}
.corporate-services-left::before {
    background: rgba(0, 0, 0, 0.90);
    content: "";
    height: 30%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.7s ease 0s;
    opacity: 0;
} 
.corporate-services-left:hover::before{
    opacity: 1; 
    height: 100%;
}
.corporate-services-left .content-box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    max-width: 530px;
    width: 100%;
    margin: 0 auto;
    background: #1b57b0;
    display: block;
    padding: 45px 40px 43px; 
    text-align: center;
    opacity: 0;
    transition: all 0.7s ease 0s;
    transition-delay: .5s;
}
.corporate-services-left:hover .content-box{
    opacity: 1;
    bottom: 0;
}
.corporate-services-left .content-box h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px;
}
.corporate-services-left .content-box p{
    color: #ffffff;
    margin: 0;
    line-height: 24px;
}






.corporate-services-right {
    position: relative;
    padding-top: 555px;
    background-attachment: scroll;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.corporate-services-right::before {
    background: rgba(0, 0, 0, 0.90) none repeat scroll 0 0;
    content: "";
    height: 30%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.7s ease 0s;
    opacity: 0;
} 
.corporate-services-right:hover::before{
    opacity: 1; 
    height: 100%;
}
.corporate-services-right .content-box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    max-width: 530px;
    width: 100%;
    margin: 0 auto;
    background: #1b57b0;
    display: block;
    padding: 45px 40px 43px; 
    text-align: center;
    opacity: 0;
    transition: all 0.7s ease 0s;
    transition-delay: .5s;
}
.corporate-services-right:hover .content-box{
    opacity: 1;
    bottom: 0;
}
.corporate-services-right .content-box h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px;
}
.corporate-services-right .content-box p{
    color: #ffffff;
    margin: 0;
    line-height: 24px;
}



/*** 
=============================================
    Single Service Area style
=============================================
***/
.single-service-area{
    position: relative;
    display: block;
    padding: 90px 0 90px;
}
.single-service-top {
    position: relative;
    display: block;
    padding-bottom: 50px;
    border-bottom: 2px solid #006c53;
}
.single-service-top .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-service-top .img-holder img{
    width: 100%;
}

.single-service-top .text-holder{
    position: relative;
    display: block;
}
.single-service-top .text-holder h2 {
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    margin: -6px 0 25px;
}
.single-service-top .text-holder p {
    margin: 0 0 20px;
    text-align: justify;
}
.single-service-top .text-holder .bottom{
    position: relative;
    display: block;
}
.single-service-top .text-holder .bottom h4{
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.single-service-top .text-holder .bottom ul{}
.single-service-top .text-holder .bottom ul li{
    line-height: 40px;
}
.single-service-top .text-holder .bottom ul li i{
    color: #1b57b0;
    font-size: 16px;
    display: inline-block;
    padding-right: 9px;
}

.work-processing-step{
    position: relative;
    display: block;
    padding-top: 44px;
}
.work-processing-step h2{
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    display: block;
    margin: 0 0 21px;
    font-weight: 600;
}
.work-processing-step h2{ font-weight: 600; font-size: 24px; padding: 15px 0;}
.work-processing-step h3{ font-weight: 600; font-size: 24px;  padding: 15px 0;}
.work-processing-step h4{ font-weight: 600; font-size: 24px;  padding: 15px 0;}
.work-processing-step h5{ font-weight: 600; font-size: 24px;  padding: 15px 0;}
.work-processing-step h6{ font-weight: 600; font-size: 24px;  padding: 15px 0;}
.work-processing-step .single-box{
    position: relative;
    display: block;
    margin-bottom: 26px;
}
.work-processing-step .single-box h4{
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 11px;
    text-transform: uppercase;
}
.work-processing-step .single-box .inner-content{
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    min-height: 85px;
    padding: 12px 20px 12px;
    padding-left: 100px;
    padding-right: 0;
}
.work-processing-step .single-box .inner-content .icon-box {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 20px;
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding: 16px 0;
    transition: all 500ms ease;
}
.work-processing-step .single-box:hover .inner-content .icon-box{
    background: #1b57b0;
}
.work-processing-step .single-box .inner-content .icon-box span:before{
    color: #333333;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    transition: all 500ms ease;
}
.work-processing-step .single-box:hover .inner-content .icon-box span:before{
    color: #ffffff;
}
.work-processing-step .single-box .inner-content .title-holder {
    display: block;
    margin: 17px 0;
}
.work-processing-step .single-box .inner-content .title-holder h3{
    color: #333333;
    font-size: 20px;
    font-weight: 400;
}



.service-price-box{
    position: relative;
    display: block;
    padding-top: 28px;
}
.service-price-box h2{
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 20px;
}
.service-price-box p{
    margin: 0 0 28px;
}
.service-price-box ul {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    padding: 34px 29px 0px;
}
.service-price-box ul li {
    display: block;
    overflow: hidden;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
    line-height: 68px;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
}
.service-price-box ul li:last-child{
    border: none;    
}
.service-price-box ul li span{
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    float: right;
    font-family: 'Quicksand', sans-serif;
}
.service-price-box ul li h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin: 0 0 14px;
}



.single-service-sidebar{
    position: relative;
    display: block;
    margin-left: 0;
    padding: 15px 15px 15px;
    background: #006c53;
    -webkit-box-shadow: 0px 0px 8px 3px #f5f5f5;
    box-shadow: 0px 0px 8px 3px #f5f5f5;
}
.title-box{
    position: relative;
    display: block;
    padding-left: 16px;
    padding-bottom: 29px;
}
.title-box:before{
    position: absolute;
    top: 2px;
    left: 0;
    width: 6px;
    height: 13px;
    background: #006c53;
    content: "";
}
.title-box h3 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
}
.single-service-sidebar .single-sidebar{
    position: relative;
    display: block;
    margin-bottom: 0;
}
.single-service-sidebar .service-pages li{
    display: block;
    margin-bottom: 10px;
}
.single-service-sidebar .service-pages li:last{
    margin-bottom: 0;
}
.single-service-sidebar .service-pages li a{
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    padding: 12px 15px 12px;
    padding-right: 0;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
    transition-delay: .1s;
}
.single-service-sidebar .service-pages li a:hover,
.single-service-sidebar .service-pages li.active a{
    padding-left: 43px;
    color: #1b57b0;
}
.single-service-sidebar .service-pages li a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 29px;
    width: 4px;
    height: 13px;
    background: #1b57b0;
    content: "";
    margin: 17px 0;
    transition: all 500ms ease;
    opacity: 0;
}
.single-service-sidebar .service-pages li a:hover:before,
.single-service-sidebar .service-pages li.active a:before{
    opacity: 1;
}

.single-service-sidebar .choose-us {
    position: relative;
    display: block;
    margin-top: 2px;
}
.single-service-sidebar .choose-us li {
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 19px;
    margin-bottom: 19px;
}
.single-service-sidebar .choose-us li:last-child{
    margin-bottom: 0;
}
.single-service-sidebar .choose-us li a{
    position: relative;
    display: block;
    padding-left: 50px;
    transition: all 500ms ease;
}
.single-service-sidebar .choose-us li a .icon-holder{
    position: absolute;
    top: 0;
    left: 0;
}
.single-service-sidebar .choose-us li a .icon-holder span:before{
    color: #1b57b0;
    font-size: 30px;
    line-height: 30px;
}
.single-service-sidebar .choose-us li a .title-holder{}
.single-service-sidebar .choose-us li a .title-holder h3 {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    transition: all 500ms ease;
}
.single-service-sidebar .choose-us li a:hover .title-holder h3{
    color: #1b57b0;    
}


.single-service-sidebar .sidebar-appoinment{
    position: relative;
    display: block;
}
.single-service-sidebar .sidebar-appoinment .title {
    display: block;
    background: #000;
    text-align: center;
    margin-bottom: 15px;
    padding: 15px 0;
}
.single-service-sidebar .sidebar-appoinment .title h3{
       color: #333333;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form{
    display: block;
/*    padding: 24px 30px 40px;*/
}

.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box {
    position: relative;
    display: block;
    margin-bottom: 14px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box.marbtm7{
    margin-bottom: 7px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .icon-box {
    position: absolute;
    right: 0;
    top: 12px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .icon-box i {
    color: #cccccc;
    font-size: 14px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=text],
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=email]{
    width: 100%;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    height: 45px;
    display: block;
    padding: 0 0px;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}

.single-service-sidebar .sidebar-appoinment .appoinment-form button.btn-one {
    background: #000;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 19px 40px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 16px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form button.btn-one span:before{
    position: relative;
    top: 1px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 10px;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form button.btn-one:hover{
    background: #000;
}

.single-service-sidebar .service-file{
    position: relative;
    display: block;
}
.single-service-sidebar .service-file a{
    position: relative;
    display: block;
    background: #1b57b0;
    padding: 15px 0 16px;
    padding-left: 60px;
    color: #ffffff;
}
.single-service-sidebar .service-file a .icon-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: 12px 0;
}
.single-service-sidebar .service-file a .icon-holder span:before{
    font-size: 30px;
    line-height: 30px;
}
.single-service-sidebar .service-file a .title-holder{}
.single-service-sidebar .service-file a .title-holder h3{
    font-size: 18px;
    font-weight: 400;
}
.single-service-sidebar .service-file a .title-holder h3 span{
    font-size: 16px;
    margin-right: 20px;
    float: right;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
}



/*** 
=============================================
    Faq Area style
=============================================
***/
.faq-area{
    position: relative;
    display: block;
    padding: 88px 0 90px;
}

.faq-content-box{
    position: relative;
    display: block;
}
.faq-content-box .title-box{
    position: relative;
    display: block;
    padding-bottom: 30px;
}
.faq-content-box .title-box p {
    position: relative;
    display: block;
    margin: 0;
    margin-left: -15px;
    padding-top: 24px;
}

.faq-content-box form.search-form {
    position: relative;
    display: block;
    margin-bottom: 44px;
}
.faq-content-box form.search-form input[type="text"] {
    background: #fff;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    color: #cccccc;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 1px;
    padding-left: 0px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.faq-content-box form.search-form button {
    background: transparent;
    color: #333333;
    display: block;
    height: 40px;
    padding: 8px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 500ms ease 0s;
    width: 40px;
}
.faq-content-box form.search-form button i {
    font-size: 14px
}
.faq-content-box form.search-form input[type="text"]:focus {
    border-bottom: 1px solid #000000;
    background: #fff;
    color: #000;
}
.faq-content-box form.search-form input[type="text"]:focus + button, 
.faq-content-box form.search-form button:hover {
    background: #000000 none repeat scroll 0 0;
    color: #fff;
}

.faq-content-box .inner-content{
    position: relative;
    display: block;
}
.faq-content-box .inner-content .single-box{
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 40px;
    margin-bottom: 34px;
}
.faq-content-box .inner-content .single-box.last-child{
    border: none;
    padding: 0;
    margin: 0;
}
.faq-content-box .inner-content .single-box .left-content{
    position: relative;
    display: block;
    max-width: 335px;
    width: 100%;
    float: left;
}
.faq-content-box .inner-content .single-box .left-content h2{
    color: #cccccc;
    font-size: 24px;
    margin: 0 0 20px;
}
.faq-content-box .inner-content .single-box .left-content h3{
    color: #333333;
    font-size: 20px;
    line-height: 26px;
}

.faq-content-box .inner-content .single-box .right-content {
    position: relative;
    display: block;
    float: left;
    max-width: 535px;
    width: 100%;
    padding-left: 65px;
    padding-right: 35px;
}
.faq-content-box .inner-content .single-box .right-content:before{
    position: absolute;
    top: 53px;
    left: 0;
    bottom: 40px;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    content: "";    
}
.faq-content-box .inner-content .single-box .right-content:after {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 1px;
    height: 40px;
    background: #ffffff;
    content: "";
}
.faq-content-box .inner-content .single-box .right-content h2{
    color: #ff3333;
    font-size: 24px;
    margin: 0 0 20px;
}
.faq-content-box .inner-content .single-box .right-content p{
    margin: 0;
}



.faq-sidebar .sidebar-appoinment{
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
}
.faq-sidebar .sidebar-appoinment .title {
    display: block;
    background: #f5f5f5;
    text-align: center;
    padding: 15px 0;
}
.faq-sidebar .sidebar-appoinment .title h3{
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.faq-sidebar .sidebar-appoinment .appoinment-form{
    display: block;
    padding: 24px 30px 40px;
}

.faq-sidebar .sidebar-appoinment .appoinment-form .input-box {
    position: relative;
    display: block;
    margin-bottom: 14px;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box.marbtm7 {
    margin-bottom: 17px;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=text],
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=email],
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea{
    width: 100%;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    height: 45px;
    display: block;
    padding: 0 0px;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea{
    height: 58px;
}

.faq-sidebar .sidebar-appoinment .appoinment-form button.btn-one {
    background: #1b57b0;
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 19px 40px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 16px;
}
.faq-sidebar .sidebar-appoinment .appoinment-form button.btn-one span:before{
    position: relative;
    top: 1px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 10px;
}



/*** 
=============================================
    Locations Area style
=============================================
***/
.locations-area{
    position: relative;
    display: block;
    padding: 77px 0 32px;
}
.locations-content-box form.search-form {
    position: relative;
    display: block;
    margin-bottom: 48px;
}
.locations-content-box form.search-form input[type="text"] {
    background: #fff;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    color: #cccccc;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 1px;
    padding-left: 0px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.locations-content-box form.search-form button {
    background: transparent;
    color: #333333;
    display: block;
    height: 40px;
    padding: 8px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 500ms ease 0s;
    width: 40px;
}
.locations-content-box form.search-form button i {
    font-size: 14px
}
.locations-content-box form.search-form input[type="text"]:focus {
    border-bottom: 1px solid #000000;
    background: #fff;
    color: #000;
}
.locations-content-box form.search-form input[type="text"]:focus + button, 
.locations-content-box form.search-form button:hover {
    background: #000000 none repeat scroll 0 0;
    color: #fff;
}

.single-location-box{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 58px;
}
.single-location-box .title-box{
    display: block;
    overflow: hidden;
    padding-bottom: 29px;
}

.single-location-box .image-holder{
    position: relative;
    display: block;
}
.single-location-box .image-holder img{
    width: 100%;
}

.single-location-box .text-holder {
    position: relative;
    display: block;
    border: 2px solid #f2f2f2;
    padding: 33px 35px 32px;
    padding-right: 10px;
}
.single-location-box .text-holder ul{
    display: block;
}
.single-location-box .text-holder ul li{
    display: block;
    margin-bottom: 18px;
}
.single-location-box .text-holder ul li:last-child{
    margin-bottom: 0;
}
.single-location-box .text-holder ul li h3{
    color: #333333;
    font-size: 18px;
    margin: 0 0 4px;
}
.single-location-box .text-holder ul li p{
    margin: 0;
}
#location1-google-map {
    height: 355px;
    width: 100%;
}
#location2-google-map {
    height: 355px;
    width: 100%;
}
#location3-google-map {
    height: 355px;
    width: 100%;
}
#location4-google-map {
    height: 355px;
    width: 100%;
}
#location5-google-map {
    height: 355px;
    width: 100%;
}



/*** 
=============================================
    Testimonial page style
=============================================
***/
.testimonial-page{
    padding-top: 90px;
    padding-bottom: 40px;
}
.single-testimonial-box{
    position: relative;
    display: block;
    margin-bottom: 50px;
    transition: all 500ms ease;
}
.single-testimonial-box:hover{
 
}
.single-testimonial-box .image-holder{
    position: relative;
    display: block;
}
.single-testimonial-box .image-holder img{
    width: 100%;
}
.single-testimonial-box .text-holder {
    position: relative;
    display: block;
    transition: all 500ms ease;
    padding: 44px 30px 40px;
    -webkit-box-shadow: 0px 4px 8px 2px rgba(236,234,234,0.7); 
    box-shadow: 0px 4px 8px 2px rgba(236,234,234,0.7);
}
.single-testimonial-box:hover .text-holder {
    -webkit-box-shadow: 0px 4px 8px 2px rgba(236,234,234,0.3); 
    box-shadow: 0px 4px 8px 2px rgba(236,234,234,0.3);
}
.single-testimonial-box .text-holder .text{
    display: block;
    margin-bottom: 27px;
}
.single-testimonial-box .text-holder .text p{
    color: #333333;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
}
.single-testimonial-box .text-holder h3{
    color: #333333;
    font-size: 20px;
    margin: 0 0 3px;
}
.single-testimonial-box .text-holder span{
    color: #ff3333;
}
.single-testimonial-box .text-holder .quote-icon {
    position: absolute;
    bottom: 21px;
    right: 30px;
}
.single-testimonial-box .text-holder .quote-icon span:before{
    color: #f5f5f5;
    font-size: 85px;
    line-height: 85px;
}

.single-testimonial-box .image-holder .overlay-gallery {
    background-color: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    transition: all 500ms ease;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    float: left;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .icon a{
    width: 60px;
    height: 60px;
    display: block;    
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .icon a span:before {
    color: #1b57b0;
    font-size: 20px;
    display: block;
    padding: 20px 0;
}

.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .title {
    display: inline-block;
    float: left;
    padding-left: 20px;
    margin: 8px 0;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .title h3{
    color: #ffffff;
    font-size: 20px;
    margin: 0 0 3px;
}
.single-testimonial-box .image-holder .overlay-gallery .icon-holder .content .title span{
    color: #ff3333;
}



/*** 
=============================================
    pricing project area style
=============================================
***/
.pricing-table1-area{
    position: relative;
    display: block;
    padding: 88px 0 50px;
}
.single-pricing-box1{
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.single-pricing-box1 ul {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    padding: 0 30px 0;
}
.single-pricing-box1 ul li {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 68px;
    border-top: 1px solid #f2f2f2;
    color: #ffffff;
    z-index: 1;
}
.single-pricing-box1 ul li:first-child{
    border-top: none;
}
.single-pricing-box1 ul li.title {
    display: block;
    padding: 34px 0 14px;
}
.single-pricing-box1 ul li h3 {
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    float: left;
}
.single-pricing-box1 ul li h5 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin: 4px 0;
}
.single-pricing-box1 ul li h5 a{
    color: #333333;    
}

.single-pricing-box1 ul li p {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    float: left;
}
.single-pricing-box1 ul li:last-child{
  
}
.single-pricing-box1 ul li span:before {
    position: relative;
    color: #d0d0d0;
    font-size: 28px;
    line-height: 28px;
    display: inline-block;
    float: left;
    padding-right: 19px;
    margin: 20px 0;
}
.single-pricing-box1 ul li b {
    position: relative;
    float: right;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
}



/*** 
=============================================
    Pricing Table2 Area style
=============================================
***/
.pricing-table2-area{
    position: relative;
    display: block;
    background: #151515;
    padding: 85px 0 50px;
}
.title-box.center{}
.title-box.center:before{
    display: none;    
}
.title-box.center h3 {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    color: #ffffff;
}
.title-box.center h3:before{
    position: absolute;
    top: 2px;
    left: 0;
    width: 6px;
    height: 13px;
    background: #1b57b0;
    content: "";    
}
.title-box.center h3:after{
    position: absolute;
    top: 2px;
    right: 0;
    width: 6px;
    height: 13px;
    background: #1b57b0;
    content: "";    
}

.pricing-box2 {
    margin: 0;
}
.single-pricing-box2{
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 40px;
    background: #1b1b1b;
}
.single-pricing-box2.bg-change{
    background: #202020;
}
.single-pricing-box2 .title {
    position: relative;
    display: block;
    background: #202020;
    padding: 36px 30px 13px;
}
.single-pricing-box2 .title.bg-one{
    background: #202020;
}
.single-pricing-box2 .title.bg-two{
    background: #1b1b1b;
}
.single-pricing-box2 .title h4{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #282828;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.single-pricing-box2 .title span{
    color: #1b57b0;
}

.single-pricing-box2 ul {
    position: relative;
    display: block;
    padding: 27px 30px 25px;
}
.single-pricing-box2 ul li{
    line-height: 40px;
    color: #848484;
}
.single-pricing-box2 ul li i{
    color: #444444;
    font-size: 14px;
    display: inline-block;
    padding-right: 13px;
}



/*** 
=============================================
    Pricing Table3 Area style
=============================================
***/
.pricing-table3-area{
    position: relative;
    display: block;
    padding: 88px 0 50px;
}
.single-pricing-box3{
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px 2px #f2f2f2;
}

.single-pricing-box3.one{
    position: relative;
    display: block;
    z-index: 1;
}
.single-pricing-box3.one:before {
    position: absolute;
    bottom: 0px;
    right: -100px;
    font-family: "Flaticon";
    content: "\f10c";
    font-size: 200px;
    line-height: 170px;
    color: #f5f5f5;
    font-weight: 900;
    z-index: -1;
}


.single-pricing-box3.two{
    position: relative;
    display: block;
    z-index: 1;
}
.single-pricing-box3.two:before {
    position: absolute;
    bottom: 0px;
    right: -100px;
    font-family: "Flaticon";
    content: "\f10b";
    font-size: 200px;
    line-height: 170px;
    color: #f5f5f5;
    font-weight: 900;
    z-index: -1;
}

.single-pricing-box3.three{
    position: relative;
    display: block;
    z-index: 1;
}
.single-pricing-box3.three:before {
    position: absolute;
    bottom: 0px;
    right: -36px;
    font-family: "Flaticon";
    content: "\f10a";
    font-size: 160px;
    line-height: 160px;
    color: #f5f5f5;
    font-weight: 900;
    z-index: -1;
}

.single-pricing-box3 .inner-content{
    position: relative;
    display: block;
    padding: 0 40px;
}
.single-pricing-box3 .top {
    position: relative;
    display: block;
    padding: 30px 0 0;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 23px;
    margin-bottom: 17px;
}
.single-pricing-box3 .top .icon{
    width: 60px;
}
.single-pricing-box3 .top .icon span:before{
    color: #82879b;
    font-size: 40px;
    line-height: 40px;
}
.single-pricing-box3 .top .icon,
.single-pricing-box3 .top .title{
    display: table-cell;
    vertical-align: middle;
}
.single-pricing-box3 .top .title{}
.single-pricing-box3 .top .title h3{
    color: #2f2f2f;
    font-size: 20px;
    margin: 0 0 5px;
}
.single-pricing-box3 .top .title span{}

.single-pricing-box3 ul {
    position: relative;
    display: block;
    margin-bottom: 26px;
}
.single-pricing-box3 ul li{
    line-height: 40px;
}
.single-pricing-box3 ul li i{
    color: #d0d0d0;
    font-size: 14px;
    display: inline-block;
    padding-right: 13px;
}

.single-pricing-box3 .value {
    position: relative;
    display: inline-block;
    color: #303030;
    font-size: 72px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    line-height: 50px;
    margin-left: 20px;
}
.single-pricing-box3 .value h2 {
    position: absolute;
    bottom: -2px;
    left: -22px;
}
.single-pricing-box3 .value h3 {
    position: absolute;
    top: 30px;
    right: -70px;
    color: #303030;
    font-size: 20px;
    font-weight: 400;
}
.single-pricing-box3 .button a.btn-two {
    background: #1b57b0;
    display: block;
    text-align: center;
    line-height: 60px;
    margin: 33px 0 0;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{
    padding: 90px 0 90px;
}
.blog-default-area{}



/*** 
=============================================
    Blog large Area style
=============================================
***/
.blog-large-area{}
.blog-large-area .blog-post {
    position: relative;
    display: block;
    z-index: 1;
}
.blog-large-area .blog-post:before {
    position: absolute;
    top: -90px;
    bottom: -90px;
    right: -30px;
    width: 1px;
    content: "";
    z-index: -1;
    border-left: 1px solid #f2f2f2;
}
.blog-large-area .single-blog-post {}
.blog-large-area .single-blog-post .text-holder {
    padding-left: 30px;
    padding-right: 0px;
    margin-top: 22px;
    border: none;
}
.blog-large-area .single-blog-post .text-holder .blog-title {
    display: block;
    line-height: 36px;
    font-size: 30px;
    padding: 0;
}
.blog-large-area .single-blog-post .text-holder .blog-title a{
    color: #2f2f2f;
}
.blog-large-area .single-blog-post .text-holder .blog-title a:hover{
    color: #1b57b0;    
}
.blog-large-area .single-blog-post .text-holder .meta-box .meta-info {
    padding-top: 13px;
    text-align: left;
}
.blog-large-area .single-blog-post .text-holder .text {
    display: block;
    margin-top: 28px;
}
.blog-large-area .single-blog-post .text-holder .text p {
    margin: 0 0 33px;
}
.blog-large-area .single-blog-post .text-holder .text a{
    position: relative;
    display: inline-block;
    background: #f5f5f5;
    color: #2f2f2f;
    width: 180px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    text-align: center;
}
.blog-large-area .single-blog-post .text-holder .text a span:before {
    font-weight: 600;
    padding-left: 40px;
}
.blog-large-area .single-blog-post .text-holder .text a:hover{
    background: #151515;
    color: #ffffff;
}
.blog-large-area .post-pagination {
    display: block;
    margin-top: 0;
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
}



#blog-area .sidebar-wrapper {
    position: relative;
    padding-left: 30px;
}
.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}
.sidebar-wrapper .single-sidebar.martop-minus{
    margin-top: -7px;
}
.sidebar-wrapper .single-sidebar .title-box{
    display: block;
    margin-top: -2px;
}

.sidebar-wrapper .single-sidebar form.search-form {
    position: relative;
    margin-top: -12px;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #f2f2f2;
    color: #bebebe;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 37px;
    letter-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
    position: relative;
    display: block;
    background: #ffffff;
    color: #303030;
    height: 45px;
    width: 45px;
    border: 1px solid #f2f2f2;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    margin-top: 20px;
    transition: all 500ms ease 0s;
}
.sidebar-wrapper .single-sidebar .search-form button i {
    font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
    border-bottom: 1px solid #1b57b0;
    background: #fff;
    color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #1b57b0 none repeat scroll 0 0;
    border-color: #1b57b0;
    color: #fff;
}

.single-sidebar .recent-post {
    position: relative;
    display: block;
    margin-top: -5px;
}
.single-sidebar .recent-post li {
    position: relative;
    display: block;
    margin-bottom: 23px;
}
.single-sidebar .recent-post li:last-child{
    margin-bottom: 0;
}

.single-sidebar .recent-post li .post-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 9px;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li .post-title a{
    position: relative;
    color: #303030;
    transition: all 500ms ease;
}
.single-sidebar .recent-post li .post-title a:before {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    content: "\f115";
    font-family: "Flaticon";
    color: #1b57b0;
    font-size: 30px;
    line-height: 30px;
    opacity: 0;
    transition: all 500ms ease;
    font-weight: 500;
}
.single-sidebar .recent-post li .post-title a:hover:before {
    opacity: 1;  
}
.single-sidebar .recent-post li .post-title a:hover{
    color: #1b57b0;
    padding-left: 45px;
}
.single-sidebar .recent-post li .post-date {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    display: block;
    transition: all 500ms ease;
}

.single-sidebar .categories {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    border-bottom: none;
}
.single-sidebar .categories li {
    position: relative;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    line-height: 53px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
}
.single-sidebar .categories li a {
    position: relative;
    display: block;
    padding-left: 20px;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.single-sidebar .categories li a:before {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 20px;
    content: "\f105";
    font-family: FontAwesome;
    color: #1b57b0;
    font-size: 22px;
    opacity: 0;
    transition: all 500ms ease;
}
.single-sidebar .categories li:hover a:before{
    opacity: 1;
}
.single-sidebar .categories li a:hover{
    color: #1b57b0;   
    padding-left: 40px;
}


.single-sidebar .popular-tag {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -3px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    float: left;
    margin-right: 18px;
    margin-bottom: 15px;
}
.single-sidebar .popular-tag li a {
    color: #848484;
    display: block;
    font-size: 16px;
    font-weight: 400;
    transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li.big a{
    font-size: 24px;
}
.single-sidebar .popular-tag li a:hover{
    color: #1b57b0;
}

.single-sidebar.martop-minus22{
    margin-top: -22px;
}
.single-sidebar .social-links {
    display: block;
    line-height: 16px;
}
.single-sidebar .social-links li{
    display: inline-block;
    float: left;
    margin-right: 13px;
}
.single-sidebar .social-links:last-child{
    margin: 0;
}
.single-sidebar .social-links li a i{
    color: #848484;
    font-size: 14px;
    transition: all 500ms ease;
}
.single-sidebar .social-links li a:hover i{
    color: #ff612a;    
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area{}
.blog-single-area .blog-post {
    position: relative;
    display: block;
}
.blog-single-area .blog-post:before {
    position: absolute;
    top: -90px;
    bottom: -90px;
    right: -30px;
    width: 1px;
    content: "";
    z-index: -1;
    border-left: 1px solid #f2f2f2;
}
.blog-single-area .single-blog-post.style2 {
    margin-bottom: 35px;
}
.blog-single-area .single-blog-post.style2:before {
    display: none;
}
.blog-single-area .single-blog-post.style2 .text-holder{
    padding: 0;
    margin: 0;
    border: none;    
}
.blog-single-area .single-blog-post.style2 .text-holder .date-box {
    position: relative;
    display: block;
    width: 100px;
    height: 30px;
    background: #ffffff;
    text-align: center;
    z-index: 3;
    border: 1px solid #f2f2f2;
}
.blog-single-area .single-blog-post.style2 .text-holder .date-box span{
    color: #2f2f2f;
    line-height: 30px;
}

.blog-single-area .single-blog-post.style2 .text-holder .blog-title {
    display: block;
    margin: 23px 0 0;
}
.blog-single-area .single-blog-post.style2 .text-holder .blog-title a{ }
.blog-single-area .single-blog-post.style2 .text-holder .meta-box .meta-info {
    display: block;
    padding: 13px 0 23px;
}

.author-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
}
.author-box .author-image{
    width: 60px;
}
.author-box .author-image img{
    border-radius: 50%;
}
.author-box .author-image,
.author-box .author-name{
    display: table-cell;
    vertical-align: middle;
}
.author-box .author-name{
    padding-left: 20px;
}
.author-box .author-name h3{
    color: #2f2f2f;
    font-size: 18px;
    margin: 0 0 4px;
}
.author-box .author-name span{
    color: #848484;
}

.blog-single-area .single-blog-post.style2 .img-holder{}
.blog-single-area .single-blog-post.style2 .img-holder img{
    transition: none;    
}
.blog-single-area .single-blog-post.style2:hover .img-holder img {
    transform: scale(1.0);
}
.blog-single-area .single-blog-post.style2 .text{
    position: relative;
    display: block;
    margin-top: 35px;
}


.highlight-box {
    position: relative;
    display: block;
    margin-bottom: 68px;
}
.highlight-box .title-box{}
.highlight-box .inner-content{
    position: relative;
    display: block;
    border-left: 2px solid #1b57b0;
    padding: 33px 30px 34px;
    box-shadow: 0px 0px 4px 3px #f7f7f7;
}
.highlight-box .inner-content p{
    color: #2f2f2f;
    font-size: 18px;
    line-height: 28px;
    text-decoration: underline;
    margin: 0;
}


.author-caption-box {
    position: relative;
    display: block;
    margin-bottom: 66px;
}
.author-caption-box .title-box{}
.author-caption-box .img-holder{}
.author-caption-box .img-holder img{}
.author-caption-box .text-holder {
    position: relative;
    display: block;
    margin-top: -5px;
}
.author-caption-box .text-holder p{
    margin: 0 0 14px;
}
.author-caption-box .text-holder ul{
    display: block;
}
.author-caption-box .text-holder ul li{
    line-height: 32px;
}
.author-caption-box .text-holder ul li i{
    color: #1b57b0;
    font-size: 18px;
    display: inline-block;
    padding-right: 9px;
}


.accordion-content .accordion-box .accordion {
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
    border-radius: 0;
    display: block;
    padding: 0 30px;
    border: 1px solid #f2f2f2;
}
.accordion-content .accordion-box .accordion .accord-btn {
    position: relative;
    display: block;
    padding-left: 40px;
    padding-right: 30px;
    padding-top: 21px;
    padding-bottom: 22px;
}
.accordion-content .accordion-box .accordion .accord-btn::before {
    position: absolute;
    right: 0;
    top: 20px;
    color: #e6e6e6;
    content: "\f123";
    font-family: "Flaticon";
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    transition: all 500ms ease 0s;
    text-align: center;
    display: block;
    width: 13px;
    height: 30px;
    transform:rotate(0deg);
}
.accordion-content .accordion-box .accordion .accord-btn.active::before {
    color: #1b57b0;
    transform:rotate(90deg);
}
.accordion-content .accordion-box .accordion .accord-btn.active:after {
    color: #1b57b0;
}
.accordion-content .accordion-box .accordion .accord-btn.active h4 {
    color: #1b57b0;
}

.tag-box.social-share-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 20px 0 0;
}
.tag-box.social-share-box .tag p {
    color: #1b57b0;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.tag-box.social-share-box .tag p span {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
}
.tag-box.social-share-box .title {
    display: inline-block;
    float: left;
    padding-right: 15px;
    margin: 6px 0 5px;
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}
.tag-box.social-share-box .title i {
    display: inline-block;
    padding-left: 3px;
    color: #1b57b0;
}
.tag-box.social-share-box .sociallinks-style-two li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.tag-box.social-share-box .sociallinks-style-two li:last-child{
    margin: 0;
}
.tag-box.social-share-box .sociallinks-style-two li a i {
    position: relative;
    display: block;
    border: none;
    background: #3a559f;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    height: 35px;
    width: 35px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    transition: all 500ms ease 0s;
}
.tag-box.social-share-box .sociallinks-style-two li a:hover i{
    background: #2f478a;
}
.tag-box.social-share-box .sociallinks-style-two li.twitter a i{
    background: #55acee;    
}
.tag-box.social-share-box .sociallinks-style-two li.twitter a:hover i{
    background: #3b92d4;    
}
.tag-box.social-share-box .sociallinks-style-two li.youtube a i{
    background: #e02f2f;    
}
.tag-box.social-share-box .sociallinks-style-two li.youtube a:hover i{
    background: #c91e1e;    
}


.blog-prev-next-option {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 27px 0 68px;
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}
.blog-prev-next-option:before{
    position: absolute;
    left: 50%;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #f2f2f2;
    content: "";
}
.blog-prev-next-option .single{
    position: relative;
    display: block;
    width: 50%;
} 
.blog-prev-next-option .single.prev{
    position: relative;
    display: block;
}
.blog-prev-next-option .single.prev .title {
    padding-right: 80px;
}

.blog-prev-next-option .single .title {
    display: inline-block;
    float: left;
    margin-top: -5px;
}
.blog-prev-next-option .single .title h4 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 14px;
}
.blog-prev-next-option .single .title a{
    color: #848484;
    font-size: 18px;
    font-weight: 500;
    transition: all 500ms ease;
    font-family: 'Quicksand', sans-serif;
}
.blog-prev-next-option .single .title a:hover{
    color: #1b57b0;
}
.blog-prev-next-option .single .title a i{
    display: inline-block;
    padding-right: 5px;
    font-size: 18px;
}
.blog-prev-next-option .single.next{
    position: relative;
    display: block;
    float: right;
}
.blog-prev-next-option .single.next .title {
    text-align: right;
    padding-left: 80px;
}
.blog-prev-next-option .single.next .title a i {
    display: inline-block;
    padding-left: 5px;
    font-size: 18px;
}


.add-comment-box {
    overflow: hidden;
}
.add-comment-box .add-rating-box {
    padding-bottom: 17px;
}
.add-comment-box .add-rating-box h4 {
    color: #848484;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 6px;
}
.add-comment-box .add-rating-box ul {}
.add-comment-box .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 6px;
    padding-right: 10px;
}
.add-comment-box .add-rating-box ul li:last-child{
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.add-comment-box .add-rating-box ul li a:hover i{
    color: #1b57b0;
    transition: all 500ms ease;
}
.add-comment-box #add-comment-form {}
.add-comment-box #add-comment-form .field-label {
    color: #848484;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 2px;
}
.add-comment-box #add-comment-form input[type="text"],
.add-comment-box #add-comment-form input[type="email"],
.add-comment-box #add-comment-form textarea{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ececec;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 14px;
    transition: all 500ms ease;
}
.add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #1b57b0;    
}
.add-comment-box #add-comment-form input[type="email"]:focus{
    border-color: #1b57b0;    
}
.add-comment-box #add-comment-form textarea:focus{
    border-color: #1b57b0;       
}
.add-comment-box #add-comment-form button {
    position: relative;
    display: inline-block;
    background: #1b57b0;
    color: #ffffff;
    width: 180px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
}
.add-comment-box #add-comment-form button span:before {
    font-weight: 500;
    padding-left: 19px;
}
.add-comment-box #add-comment-form button:hover{}







































/*** 
=============================================
    Latest project area style
=============================================
***/
.welcome-area.about-page{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}
.welcome-area.about-page:before{
    display: none;
}

.health-coacher{
    position: relative;
}
.health-coacher .text-box {
    display: block;
    overflow: hidden;
}
.health-coacher .text-box .coacher-name{
    display: block;
    overflow: hidden;
    padding-bottom: 29px;
    
}
.health-coacher .text-box .coacher-name h2{
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 3px;
}
.health-coacher .text-box .coacher-name span{}
.health-coacher .text-box .coacher-content{
    display: block;
    margin-bottom: 27px;
}
.health-coacher .text-box .dwn-biography{
    display: block;
}

.health-coacher .bottom-content{
    display: block;
    overflow: hidden;
}
.health-coacher .bottom-content ul{
    display: block;
    overflow: hidden;
    margin-top: 40px;
}
.health-coacher .bottom-content ul li {
    display: inline-block;
    float: left;
    max-width: 385px;
    width: 100%;
    border-right: 1px solid #f6f4f1;
    padding-right: 40px;
    padding-left: 40px;
}
.health-coacher .bottom-content ul li:first-child{
    padding-left: 0;    
}
.health-coacher .bottom-content ul li:last-child{
    padding-right: 0;
    border: none;
}
.health-coacher .bottom-content ul li .top{
    position: relative;
    display: block;
    padding-left: 100px;
    min-height: 40px;
}
.health-coacher .bottom-content ul li .top .year{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    display: block;
    text-align: center;
    border: 1px solid #f6f4f1;
}
.health-coacher .bottom-content ul li .top .year h2 {
    color: #919191;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}
.health-coacher .bottom-content ul li .top .title{}
.health-coacher .bottom-content ul li .top .title h3 {
    padding: 8px 0;
}
.health-coacher .bottom-content ul li .text{
    display: block;
    padding-top: 25px;
}



/*** 
=============================================
    Commitments Area css style
=============================================
***/
.commitments-area{
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}
.commitments-area .sec-title .title:before {
    color: #2d4234;
}
.commitments-area::before {
    background: rgba(3, 26, 6, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.single-commitment-item{
    display: block;
    width: 290px;
    margin: 0 auto 40px;
}
.single-commitment-item .img-holder{
    position: relative;
    overflow: hidden;
    display: block; 
}
.single-commitment-item .img-holder img{
    transition: all 0.5s ease-in-out 0.6s;
    width: 100%;
}
.single-commitment-item .statics-overlay{
    position: absolute;
    top: 65px;
    left: 65px;
    right: 65px;
    bottom: 65px;
    opacity: 1;
    border-radius: 50%;
    transition: all 500ms ease;
    transform: scale(1.0);
    background: #ffffff;
}

.single-commitment-item:hover .statics-overlay{
    transform: scale(0);    
}

.single-commitment-item .statics-overlay .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.single-commitment-item .statics-overlay .box .title{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.single-commitment-item .statics-overlay .box .title h3{ }



.single-commitment-item .overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    border-radius: 50%;
    transition: all 900ms ease;
    transform: scale(0);
    background: rgba(56, 172, 73, 0.90);
}
.single-commitment-item:hover .overlay{
    transform: scale(1.0);    
}
.single-commitment-item .overlay .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.single-commitment-item .overlay .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle; 
    padding: 20px;
}
.single-commitment-item .overlay .box .content p{
    color: #ffffff;
    margin: 0;
}



/*** 
=============================================
    Choosing area style
=============================================
***/
.choosing-area {
    display: block;
    background: #f6f4f1;
    padding: 90px 0 49px;
}
.choosing-area .top {
    display: block;
    padding-bottom: 16px;
    border-bottom: 1px solid #ebe8e5;
    margin-bottom: 54px;
}
.choosing-area .top .left{}
.choosing-area .top .left h3 {
    line-height: 40px;
}
.choosing-area .top .left h3 span{
    color: #35ac46;
    font-size: 48px;
    font-weight: 400;
}
.choosing-area .top .right{}
.choosing-area .top .right a {
    margin: 13px 0;
    display: block;
}

.choosing-area .bottom{
    display: block;
}
.choosing-area .bottom ul{}
.choosing-area .bottom ul li {
    display: inline-block;
    float: left;
    max-width: 195px;
    width: 100%;
    margin: 0 auto 35px;
    text-align: center;
}
.choosing-area .bottom ul li .icon-holder{
    display: block;
    margin-bottom: 20px;
}
.choosing-area .bottom ul li .icon-holder span:before{
    font-size: 60px;
    line-height: 60px;
    color: #dcdad7;
    transition: all 300ms ease;
}
.choosing-area .bottom ul li:hover .icon-holder span:before{
    color: #35ac46;    
}
.choosing-area .bottom ul li .title{}
.choosing-area .bottom ul li .title h3{
    color: #dcdad7;
    line-height: 24px;
    transition: all 700ms ease;
}
.choosing-area .bottom ul li:hover .title h3{
    color: #303030;    
}



/*** 
=============================================
    Achivements area style
=============================================
***/
.achivements-area{
    display: block;
    padding-bottom: 44px;
}
.single-achivement{
    position: relative;
    display: block;
    width: 230px;
    margin: 0 auto 40px;
}
.single-achivement .iocn-holder{
    display: block;
    padding-bottom: 6px;
}
.single-achivement .iocn-holder span:before{
    font-size: 120px;
    line-height: 120px;
    color: #ebe8e5;
    transition: all 500ms ease;
}
.single-achivement:hover .iocn-holder span:before{
    color: #35ac46;    
}
.single-achivement .text-holder{
    display: block;
}
.single-achivement .text-holder p{
    margin: 0;
}



.filters{
    position: relative;
    display: block;
    margin-bottom: 40px;
}
.filters ul {
    display: block;
}
.filters ul li {
    float: none;
    display: inline-block;
    padding: 11px 19px;
    border-right: 1px solid #f6f4f1;
}
.filters ul li:first-child{
    border-left: 1px solid #f6f4f1;   
}
.filters ul li span {
    position: relative;
    color: #1c262f;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Quicksand', sans-serif;
    display: block;
}
.filters ul li.active span, 
.filters ul li:hover span {
    color: #35ac46;
}

.project-content {
    position: relative;
    display: block;
}
.grid-view .single-project-item{
    margin-bottom: 30px;
}
.single-project-item .img-holder .overlay-style-one .box .content .video-gallery{
    position: absolute;
    left: 30px;
    top: 30px;
}
.single-project-item .img-holder .overlay-style-one .box .content .video-gallery a span:before{
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.3s ease-in-out 0.6s;
}
.single-project-item:hover .img-holder .overlay-style-one .box .content .video-gallery a span:before{
    opacity: 1;
}

.single-project-item .img-holder .title-holder{
    position: absolute;
    left: 30px;
    bottom: 24px;
    right: 0;
    z-index: 2;
}
.single-project-item .img-holder .title-holder h3{
    transform: rotateX(360deg);
    transition: all 500ms ease;
}
.single-project-item:hover .img-holder .title-holder h3{
    transform: rotateX(0deg); 
}
.single-project-item .img-holder .title-holder h3 a{ 
    color: #ffffff;
    transition: all 500ms ease;
}
.single-project-item .img-holder .title-holder h3 a:hover{
    text-decoration: underline;
}



/*** 
=============================================
    Gallery Fullwidth style
=============================================
***/
.gallery-area.gallery-fullwidth{
    padding-top: 50px;
}
.gallery-fullwidth .container-fluid {
    padding: 0;
}
.gallery-fullwidth .project-content{
    margin: 0;    
}
.gallery-fullwidth .project-content .single-project{
    padding: 0;    
}
.gallery-fullwidth .single-project-item .img-holder .title-holder h3 {
    transform: rotateX(90deg);
    transition: all 500ms ease;
    opacity: 0;
    transition: all 0.3s ease-in-out 0.6s;
}
.gallery-fullwidth .single-project-item:hover .img-holder .title-holder h3{
    transform: rotateX(0deg); 
    opacity: 1;    
}
.gallery-fullwidth .readmore-button{
    display: block;
    margin-top: 40px;
}



/*** 
=============================================
    Gallery Single Area style
=============================================
***/
.gallery-area.gallery-single{
    position: relative;
    display: block;
}
.gallery-single .owl-theme .owl-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.gallery-single .owl-theme .owl-nav .owl-prev {
    background: rgba(0, 0, 0, 0.35);
    display: block;
    height: 40px;
    position: absolute;
    left: -5px;
    top: -35px;
    transition: all 700ms ease 0s;
    width: 40px;
    z-index: 10;
    border-radius: 0;
    box-shadow: none;
}
.gallery-single .owl-theme .owl-nav .owl-next {
    background: rgba(0, 0, 0, 0.35);
    display: block;
    height: 40px;
    position: absolute;
    right: -5px;
    top: -35px;
    transition: all 700ms ease 0s;
    width: 40px;
    z-index: 10;
    border-radius: 0;
    box-shadow: none;
}
.gallery-single .owl-theme .owl-nav div .fa {
    color: #ececec;
    font-size: 25px;
    display: block;
    text-align: center;
    line-height: 32px;
}
.gallery-single .owl-theme .owl-nav .owl-prev:hover{
    background: rgba(0, 0, 0, 0.95);
}
.gallery-single .owl-theme .owl-nav .owl-next:hover{
    background: rgba(0, 0, 0, 0.95);
}
.gallery-single .owl-theme .owl-nav div .fa:hover{
    color: #fff;    
}

.gallery-single .description-content {
    overflow: hidden;
    display: block;
    padding-top: 35px;
    padding-bottom: 38px;
}
.gallery-single .description-content .title {
    display: block;
    padding-bottom: 19px;
}
.gallery-single .description-content .title h2 {
    font-size: 24px;
    text-transform: uppercase;
}

.gallery-single .bottom {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    margin: 0 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 21px;
}
.gallery-single .bottom .button a {
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
}
.gallery-single .bottom .button a:hover{
    color: #35ac46;
}
.gallery-single .bottom .button a i {
    display: inline-block;
    font-size: 18px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}
.gallery-single .bottom .button.next a i{
    padding-right: 0px;
    padding-left: 10px;
}
.gallery-single .bottom .icon-holder a i {
    color: #222222;
    font-size: 24px;
    position: relative;
    top: 4px;
    transition: all 500ms ease 0s;
}
.gallery-single .bottom .icon-holder a:hover i{
    color: #35ac46;
}


.gallery-info{
    display: block;
    background: #35ac46;
    padding: 22px 40px 20px;
}
.gallery-info ul{}
.gallery-info ul li{
    line-height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
}
.gallery-info ul li:last-child{
    border: none;
}
.gallery-info ul li b{
    width: 100px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
}
.gallery-info ul li span{
    display: inline-block;
    padding-left: 25px;
}
.gallery-info ul li .rating-box{
    display: inline-block;
    padding-left: 25px;
}
.gallery-info ul li .rating-box a {
    color: #ffffff;
    font-size: 14px;
    margin-right: 3px;
}
.gallery-info ul li .rating-box a i{}



/*** 
=============================================
    Coming Soon Area style
=============================================
***/
.coming-soon-area{
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 139px;
    padding-bottom: 142px;
    position: relative;
    z-index: 10;
}
.coming-soon-area::before {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
} 
.coming-soon-content{}
.coming-soon-content .big-title{
    color: #ffffff;
    font-size: 72px;
    font-weight: 700;
    line-height: 80px;
    font-family: 'Quicksand', sans-serif;
}
.coming-soon-content .title {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    font-family: 'Caveat', cursive;
    margin: 6px 0 53px;
}

.timer-box {
    display: block;
    overflow: hidden;
}
.countdown-timer {}
.countdown-timer .default-coundown {}
.countdown-timer .default-coundown .box {
    overflow: hidden;
}
.countdown-timer li {
    position: relative;
    display: inline-block;
    float: none;
    text-align: center;
    margin: 0px 32px;
}

.countdown-timer li span.days,
.countdown-timer li span.hours,
.countdown-timer li span.minutes,
.countdown-timer li span.seconds {
    position: relative;
    font-family: 'Caveat', cursive;
    font-size: 60px;
    line-height: 120px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    width: 130px;
    height: 130px;
    display: block;
}


.countdown-timer li span.hours{}
.countdown-timer li span.minutes{}
.countdown-timer li span.seconds{}
.countdown-timer li span.timeRef {
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 18px;
    display: block;
}
.countdown-timer li span.timeRef.clr-1{}
.countdown-timer li span.timeRef.clr-2{}
.countdown-timer li span.timeRef.clr-3{}


.coming-soon-content .subscribe-form form {
    position: relative;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    margin-top: 49px;
}
.coming-soon-content .subscribe-form form input[type=text] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #39413a;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    height: 50px;
    padding-left: 20px;
    padding-right: 160px;
    position: relative;
    transition: all 500ms ease 0s;
    max-width: 100%;
    width: 100%;
    border-radius: 30px;
    font-family: 'Merriweather', serif;
}
.coming-soon-content .subscribe-form form button {
    display: block;
    height: 50px;
    padding: 14px 0;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 150px;
    border-radius: 30px;
    font-family: 'Quicksand', sans-serif;
}
.coming-soon-content .subscribe-form form input[type=text]:focus {
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #ffff;
}
.coming-soon-content .subscribe-form form input[type=text]:focus + button, 
.coming-soon-content .subscribe-form form button:hover {
    background: #0c0c0c none repeat scroll 0 0;
    color: #ffffff;
}

.coming-soon-content .social-links-box{
    display: block;
    margin-top: 33px;
}
.coming-soon-content .social-links-box span{
    display: inline-block;
    margin-right: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}
.coming-soon-content .social-links-box .social-links{
    display: inline-block;
}
.coming-soon-content .social-links-box .social-links li{
    display: inline-block;
    margin: 0 6px;
}
.coming-soon-content .social-links-box .social-links li a{}
.coming-soon-content .social-links-box .social-links li a i{
    color: #ffffff;
    font-size: 14px;
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 50px;
    padding-top: 50px;
}
.not-found-content {
    display: block;
    margin: 115px 0 113px;
}
.not-found-content h1 {
    color: #35ac46;
    font-size: 150px;
    font-weight: 700;
    margin: 0 0 25px;
    line-height: 120px;
}
.not-found-content h3 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 16px;
    text-transform: uppercase;
    font-family: 'Merriweather', serif;
}
.not-found-content p {
    font-size: 16px;
    margin: 0 0 33px;
}
.not-found-content .search-form {
    width: 432px;
    position: relative;
    margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #9a9a9a;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    height: 55px;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 60px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 432px;
}
.not-found-content .search-form button {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    color: #1c1c1c;
    display: inline-block;
    height: 55px;
    padding: 11px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
    border: 1px solid #1d1d1d;
    background: #fff;
    color: #252525;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
    background: #1d1d1d none repeat scroll 0 0;
    color: #fff;
}
.not-found-content .go-home{
    display: block;
    margin-top: 15px;
}
.not-found-content .go-home a{
    font-size: 16px;
    font-weight: 600;
    transition: all 500ms ease;
    font-family: 'Quicksand', sans-serif;
}
.not-found-content .go-home a:hover{
    color: #1d1d1d;    
}


    
/*** 
=============================================
    Service page Area style
=============================================
***/
.services-area.service-page {
    background: #ffffff;
    padding-top: 85px;
    padding-bottom: 67px;
}
.services-area.service-page:before{
    display: none;
}
.services-area.service-page .single-service-item .inner-content .title-holder .title h3 a{
    color: #303030;
}
.services-area.service-page .single-service-item .inner-content .bottom-button a{
    color: #303030;
}
.services-area.service-page .border-box{
    background: #f6f4f1;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 16px;
    margin-bottom: 35px;
}



/*** 
=============================================
    Let Start Area style
=============================================
***/
.let-start-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 87px;
}
.starting-process ul{
    display: block;
    overflow: hidden;
}
.starting-process ul li{
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 175px;
}

.starting-process ul li:last-child:before{
    display: none;
}
.starting-process ul li:last-child{
    padding-right: 0;
}
.starting-process ul li .inner-box{
    position: relative;
    display: block;
    width: 160px;
    height: 155px;
}

.starting-process ul li .inner-box .icon-holder {
    display: block;
    padding: 43px 0;
}
.starting-process ul li .inner-box .icon-holder span:before{
    font-size: 65px;
    line-height: 65px;
}
.starting-process ul li .title-holder{
    display: block;
    padding-top: 22px;
}
.starting-process ul li .title-holder h3{
    
}
.starting-process .bottom-text{
    max-width: 820px;
    margin: 0 auto;
    padding-top: 58px;
    text-align: center;
}
.starting-process .bottom-text p{
    font-size: 20px;
    line-height: 28px;
    font-family: 'Quicksand', sans-serif;
    margin: 0;
    color: #303030;
}



/*** 
=============================================
    Event Style One Area style
=============================================
***/
.event-style-one-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 50px;
}
.single-event-style1 {
    position: relative;
    display: block;
    border-bottom: 1px solid #f6f4f1;
    padding-bottom: 23px;
    margin-bottom: 40px;
}
.single-event-style1 .img-holder{
    position: relative;
    display: block;    
}
.single-event-style1 .img-holder img{
    width: 100%;
}
.single-event-style1 .img-holder .date-box {
    position: absolute;
    bottom: -32px;
    left: 30px;
    width: 65px;
    height: 65px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding: 14px 0;
}
.single-event-style1 .img-holder .date-box h5{
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}
.single-event-style1 .text-holder{
    display: block;
    margin-top: 41px;
}
.single-event-style1 .text-holder span{
    color: #35ac46;
    font-size: 14px;
}
.single-event-style1 .text-holder .title {
    line-height: 26px;
    display: block;
    margin-top: 7px;
}
.single-event-style1 .text-holder .title a{
    color: #303030;
    transition: all 500ms ease;
}
.single-event-style1:hover .text-holder .title a{
    color: #35ac46;    
}

/*** 
=============================================
    Event Style Two Area style
=============================================
***/
.event-style-two-area{
    position: relative;
    display: block;
    background: #f6f4f1;
    padding-top: 90px;
    padding-bottom: 62px;    
}
.event-style-two-area .events-box-holder {
    padding: 0px;
    margin: 0;
}
.event-style-two-area .events-box-holder:before{
    display: none;
}

/*** 
=============================================
    Event Style Two Area style
=============================================
***/
.event-style-three-area{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 90px;
    padding-bottom: 50px;        
}
.single-event-style2 {
    position: relative;
    display: block;
    border: 1px solid #f6f4f1;
    padding: 42px 50px 50px;
    margin-bottom: 40px;
    z-index: 1;
}
.single-event-style2:before {
    position: absolute;
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
    border: 1px solid #f6f4f1;
    content: "";
    z-index: -1;
}
.single-event-style2 .top {
    overflow: hidden;
    display: block;
}
.single-event-style2 .top .left-content{}
.single-event-style2 .top .left-content ul{}
.single-event-style2 .top .left-content ul li{
    margin-bottom: 28px;
}
.single-event-style2 .top .left-content ul li:last-child{
    margin-bottom: 0;
}
.single-event-style2 .top .left-content ul li span{
    text-transform: capitalize;
}
.single-event-style2 .top .left-content ul li h3 {
    font-size: 18px;
    margin: 5px 0 0;
}
.single-event-style2 .top .right-content {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f6f4f1;
    text-align: center;
    padding: 17px 0;
    margin-top: 8px;
}
.single-event-style2 .top .right-content h3{
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.single-event-style2 .bottom {
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    margin-top: 34px;
    padding-top: 30px;
}
.single-event-style2 .bottom a.details{
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    background: #f6f4f1;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
    display: inline-block;
    float: left;
    padding: 14px 30px 12px;
    border-radius: 30px;
}
.single-event-style2 .bottom a.details:hover{
    background: #e4e1de;
    color: #000000;
}
.single-event-style2 .bottom p {
    display: inline-block;
    padding-left: 30px;
    color: #303030;
    float: left;
    margin: 13px 0;
}
.single-event-style2 .bottom p span:before{
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-right: 7px;
}



/*** 
=============================================
    Event Single Area style
=============================================
***/
.event-single-area{
    padding-top: 90px;
    padding-bottom: 90px;
}
.single-event-content{}
.single-event-content .img-holder{
    position: relative;
    display: block;
}
.single-event-content .img-holder img{
    width: 100%;
}
.single-event-content .timer-box{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    padding-top: 15px;
    padding-bottom: 15px;
}

.countdown-timers {}
.countdown-timers .default-coundown {}
.countdown-timers .default-coundown .box {
    overflow: hidden;
    text-align: center;
}
.countdown-timers li {
    position: relative;
    display: inline-block;
    float: none;
    padding: 16px 0 0;
    width: 90px;
    height: 90px;
    border: 2px solid #35ac46;
    border-radius: 50%;
    text-align: center;
    margin: 0px 8px;
}
.countdown-timers li:last-child{
    margin-right: 0px;
}
.countdown-timers li span.days,
.countdown-timers li span.hours,
.countdown-timers li span.minutes,
.countdown-timers li span.seconds {
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    display: block;
}
.countdown-timers li span.hours{
    color: #fff;
}
.countdown-timers li span.minutes{
    color: #fff;    
}
.countdown-timers li span.seconds{
    color: #fff;        
}
.countdown-timers li span.timeRef {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
}
.countdown-timers li span.timeRef.clr-1{
    color: #fff;
}
.countdown-timers li span.timeRef.clr-2{
    color: #fff;    
}
.countdown-timers li span.timeRef.clr-3{
    color: #fff;         
}

.single-event-content .title{
    padding-bottom: 21px;
}
.single-event-content .title h3{
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}
.single-event-content .description{
    margin-top: 37px;    
}

.single-event-content .event-schedule{
    border: 2px solid #f6f4f1;
    display: block;
    margin-top: 44px;
    padding: 35px 30px 28px;
    margin-bottom: 47px;
}
.single-event-content .event-schedule .text{
    display: block;
    margin-bottom: 13px;
}
.single-event-content .event-schedule .text p{
    margin: 0;
}
.single-event-content .event-schedule ul{}
.single-event-content .event-schedule ul li{
    line-height: 36px;    
}
.single-event-content .event-schedule ul li i{
    display: inline-block;
    padding-right: 8px;
    font-size: 18px;
}

.single-event-content .why-come{}
.single-event-content .why-come .title{
    padding-bottom: 23px;
}
.single-event-content .why-come .single-box {}
.single-event-content .why-come .single-box .img-box {}
.single-event-content .why-come .single-box img {
    width: 100%;
}
.single-event-content .why-come .single-box .text-box{
    padding-top: 17px;
}
.single-event-content .why-come .single-box .text-box h5{
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 2px;
}
.single-event-content .why-come .single-box .text-box span{}

.single-event-content .social-share-box {
    display: block;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    margin-top: 42px;
    padding-top: 40px;
}
.single-event-content .social-share-box .icon {
    display: inline-block;
    float: left;
    padding-right: 20px;
    margin: 7px 0;
}
.single-event-content .social-share-box .icon span{
    font-size: 16px;
    color: #303030;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
}
.single-event-content .social-share-box .icon i{
    font-size: 16px;
    color: #303030;
    display: inline-block;
    padding-left: 5px;
}

.single-event-content .social-share-box .social-share-icon{
    display: inline-block;
    float: left;
}
.single-event-content .social-share-box .social-share-icon li{
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-align: center;
}
.single-event-content .social-share-box .social-share-icon li:last-child{
    margin-right: 0;
}
.single-event-content .social-share-box .social-share-icon li a i{
    width: 40px;
    height: 40px;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    color: #848484;
    font-size: 14px;
    line-height: 36px;
    transition: all 500ms ease;
}
.single-event-content .social-share-box .social-share-icon li a:hover i{
    border-color: #f6f4f1;
    background: #f6f4f1;
    color: #303030;
}

.single-event-content .reply-box{
    display: block;
    margin-top: 40px;
}
.single-event-content .reply-box .title{}
.single-event-content .reply-box #reply-form{}
.single-event-content .reply-box #reply-form .field-label {
    color: #848484;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 2px;
}
.single-event-content .reply-box #reply-form input[type="text"],
.single-event-content .reply-box #reply-form input[type="email"],
.single-event-content .reply-box #reply-form textarea{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ececec;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.single-event-content .reply-box #reply-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.single-event-content .reply-box #reply-form input[type="text"]:focus{
    border-color: #dfddda;    
}
.single-event-content .reply-box #reply-form input[type="email"]:focus{
    border-color: #dfddda;    
}
.single-event-content .reply-box #reply-form textarea:focus{
    border-color: #dfddda;       
}
.single-event-content .reply-box #reply-form button {
    padding: 19px 40px 17px;
}
.single-event-content .reply-box #reply-form button:hover{ }


.event-single-sidebar{}
.event-single-sidebar .single-sidebar-box{
    margin-bottom: 40px;
}
.event-single-sidebar .single-sidebar-box .title{
    padding-bottom: 18px;
}
.event-single-sidebar .single-sidebar-box .title h3{
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.event-single-sidebar .single-sidebar-box .event-timeline {
    border: 1px solid #f2f2f2;
    display: block;
    padding: 33px 20px 27px;
}
.event-single-sidebar .single-sidebar-box .event-timeline ul{}
.event-single-sidebar .single-sidebar-box .event-timeline ul li{
    position: relative;
    padding-left: 35px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
    margin-bottom: 13px;
}
.event-single-sidebar .single-sidebar-box .event-timeline ul li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;    
}
.event-single-sidebar .single-sidebar-box .event-timeline ul li .icon-box{
    position: absolute;
    top: 5px;
    left: 0;
}
.event-single-sidebar .single-sidebar-box .event-timeline ul li .icon-box span:before{
    font-size: 20px;
    line-height: 20px;
}
.event-single-sidebar .single-sidebar-box .event-timeline ul li .text-box{}
.event-single-sidebar .single-sidebar-box .event-timeline ul li .text-box h4{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    font-family: 'Quicksand', sans-serif;
}
.event-single-sidebar .single-sidebar-box .event-timeline ul li .text-box h4 span{
    font-weight: 500;
    color: #303030;
}

.event-single-sidebar .single-sidebar-box .sidebar-map{}
#sidebar-google-map{
    width: 100%;
    height: 310px;
}

.event-single-sidebar .single-sidebar-box .book-now{}
.event-single-sidebar .single-sidebar-box .book-now .title{
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    padding: 16px 0 16px;
    text-align: center;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content{
    display: block;
    background: #f6f4f1;
    padding: 32px 30px 36px;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content ul{}
.event-single-sidebar .single-sidebar-box .book-now .inner-content ul li{
    border-bottom: 1px solid #ebe8e5;
    padding-bottom: 13px;
    margin-bottom: 12px;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content ul li p{
    color: #303030;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content ul li h3{
    font-weight: 500;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .quantity-box{}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .quantity-box span{
    color: #303030;
    font-size: 18px;
    display: inline-block;
    padding-right: 15px;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .quantity-box input[type="text"]{
    width: 35px;
    height: 24px;
    text-align: center;
    color: #848484;
    font-size: 14px;
    border: none;
    border-radius: 3px;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .button-box {
    display: block;
    margin-top: 30px;
    overflow: hidden;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .button-box button{
    display: inline-block;
    float: left;
    padding: 13px 30px 11px;
}
.event-single-sidebar .single-sidebar-box .book-now .inner-content .button-box p{
    color: #848484;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    display: inline-block;
    float: left;
    padding-left: 15px;
}



/*** 
=============================================
   Shop area  style
=============================================
***/
#shop-area {
    padding-top: 90px;
    padding-bottom: 90px;
}
.main-shop-area{
    position: relative;
    display: block;
    background: #ffffff;
}
#shop-area .shop-content {
    position: relative;
    display: block;
}

.showing-result-shorting {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 40px;
}
.showing-result-shorting .showing{}
.showing-result-shorting .shorting{ }
.showing-result-shorting .showing p {
    color: #1b57b0;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.single-product-item {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    margin-bottom: 40px;
    transition-duration: .4s, .4s;
    transition-timing-function: ease, ease-out;
    transition-delay: 0s, .4s; 
}
.single-product-item:hover{
    box-shadow: 0px 3px 8px #f0f0f0;
    transform: translate(0px, -10px);
    transition: all 500ms ease;
} 

.single-product-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);   
}
.single-product-item .img-holder .overlay-style-one{
    background: rgba(255, 255, 255, 0.30);    
}
.single-product-item:hover .img-holder .overlay-style-one{
    opacity: 1;    
}

.single-product-item .img-holder .overlay-style-one .content {
    position: absolute;
    bottom: 0;
    left: 29px;
    right: 28px;
    transform: scale(0);
    transition: all .5s ease-in-out;
    margin: 0 auto;
    width: 210px;
}

.single-product-item:hover .img-holder .overlay-style-one .content{
    transform: scale(1)    
}
.single-product-item .img-holder .overlay-style-one .content ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 105px;
    height: 50px;
}
.single-product-item .img-holder .overlay-style-one .content ul li a {
    background: #151515;
    display: block;
    height: 50px;
    color: #ffffff;
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
}
.single-product-item .img-holder .overlay-style-one .content ul li a i {
    background: #1b57b0;
    font-size: 20px;
    display: block;
    line-height: 50px;
}

.single-product-item .title-holder {
    display: block;
    padding: 27px 0 34px;
    border-top: 1px solid #f2f2f2;
    margin: 0 30px;
}
.single-product-item .title-holder h3{
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 6px;
    line-height: 20px;
}
.single-product-item .title-holder h3 a{
    color: #303030;
    transition: all 500ms ease;
}
.single-product-item .title-holder .rate{
    color: #1b57b0;
    font-weight: 400;
}
.main-shop-area .post-pagination {
    padding-top: 0px;
}


#shop-area .sidebar-wrapper {
    position: relative;
    display: block;
}
.single-sidebar .price-ranger {
    margin-top: 4px;
}
.single-sidebar .price-ranger .ui-widget-content {
    background: #efedea;
    border: none;
    height: 2px;
}
.single-sidebar .price-ranger .ui-slider-handle {
    background: #1b57b0 none repeat scroll 0 0;
    border: 2px solid #1b57b0;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px !important;
    cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
    background: #1b57b0;
}
.single-sidebar .price-ranger #slider-range {
    margin-left: 3px;
    margin-right: 5px;
    margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 25px;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
    display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 10px;
    padding: 12px 0 12px;
    text-align: center;
    width: 90px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    margin-top: 0;
    border-radius: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    outline: medium none;
    text-align: right;
    width: 40px;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #848484;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}

.sidebar-wrapper .single-sidebar .latest-product {}
.sidebar-wrapper .single-sidebar .latest-product li {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 25px;
    margin-bottom: 25px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .latest-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
    border: 1px solid #f2f2f2;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;   
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder img{
    transform: scale(1.1);
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a i {
    transition: all 0.5s ease 0s;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .latest-product li .img-holder .overlay-style-one .box .content a:hover i{
    color: #848484;
}
.sidebar-wrapper .single-sidebar .latest-product li:hover .img-holder .overlay-style-one{
    opacity: 1;    
}

.sidebar-wrapper .single-sidebar .latest-product li .title-holder {
    position: relative;
    padding-left: 20px;
    min-height: 70px;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin: -4px 0 10px;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a{
    color: #303030; 
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover{
    color: #1b57b0;     
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h5 {
    color: #1b57b0;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Quicksand', sans-serif;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box {
    overflow: hidden;
    margin: 7px 0 0;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
    min-height: auto;
    line-height: 12px;
}
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #bebebe;
}

.sidebar-wrapper .single-sidebar .product-tag{
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 0px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
    display: inline-block;
    margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
    border: 1px solid #f2f2f2;
    color: #848484;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 2px 10px 2px;
    transition: all 500ms ease 0s;    
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: #1b57b0;
    border-color: #1b57b0;
    color: #ffffff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
#shop-area.single-shop-area{
    padding-bottom: 50px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
    border: 1px solid #f2f2f2;
}
.single-shop-content .img-holder img{
    width: 100%;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #303030;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 21px;
    text-transform: capitalize;
}
.single-shop-content .content-box span.price {
    color: #848484;
    font-size: 22px;
    font-weight: 400;
}
.single-shop-content .content-box .review-box {
    margin: 6px 0 0;
    overflow: hidden;
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #1b57b0;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 23px 0 15px;
}
.single-shop-content .content-box .location-box {
    margin: 4px 0 23px;
}
.single-shop-content .content-box .location-box p {
    color: #303030;
    font-size: 16px;
    margin: 0 0 13px;
}
.single-shop-content .content-box .location-box form input {
    border: 2px solid #f7f7f7;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #202020;
}
.single-shop-content .content-box .location-box form button {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #303030;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-left: 6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: -1px;
    line-height: 40px;
}
.single-shop-content .content-box .location-box form button:hover{
    background: #202020;
    color: #fff;
}
.single-shop-content .content-box .location-box form span {
    color: #1b57b0;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    height: 50px;
    width: 170px;
    margin-left: 43px;
    color: #fff;
    padding: 14px 0 12px;
    cursor: pointer;
    border-radius: 0;
}
.single-shop-content .content-box .addto-cart-box button.addtocart:hover{}


.product-tab-box {
    position: relative;
    border: 1px solid #ececec;
    border-top: none;
    border-right: none;
    border-left: none;
    overflow: hidden; 
    margin-top: 60px;
}
.product-tab-box .tab-btns {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.product-tab-box .tab-btns .tab-btn {
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    margin-right: 3px;
}
.product-tab-box .tab-btns .tab-btn span {
    background: #f7f7f7;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: block;
    margin-right: 1px;
    padding: 15px 30px 13px;
    color: #303030;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    background: #f7f7f7;
    transition: all 500ms ease;
    font-family: 'Quicksand', sans-serif;
}
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.product-tab-box .tab-btns .tab-btn:hover span{
    background: #ffffff;
    color: #1b57b0;
    border-left-color: #ececec;
    border-top-color: #ececec;
    border-right-color: #ececec;
}


.product-tab-box .tabs-content {
    position: relative;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    margin-top: -30px;
    padding: 35px 30px 40px;
}
.product-tab-box .tabs-content .tab{
	position:relative;
	padding:0px;
	display:none;
}
.product-tab-box .tabs-content .tab.active-tab{
	display:block;	
}

.product-tab-box .tabs-content .review-box {}
.product-tab-box .tabs-content .review-box .title {
    margin-bottom: 33px;
}
.product-tab-box .tabs-content .review-box .title h3 {
    color: #303030;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.product-tab-box .tabs-content .review-box .single-review-box {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}
.product-tab-box .tabs-content .review-box .single-review-box .img-holder {
    left: 0;
    position: absolute;
    top: 0;
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: #1b57b0;
    font-size: 14px;
}
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .text p {
    margin: 0;
}

.product-tab-box .review-form {
    padding-top: 30px;
}
.product-tab-box .review-form .title {
    padding-bottom: 30px;
}
.product-tab-box .review-form .title h3 {
    color: #303030;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.product-tab-box .review-form .add-rating-box {
    margin: 0 0 20px;
}
.product-tab-box .review-form .add-rating-box .add-rating-title h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    font-family: 'Quicksand', sans-serif;
    text-transform: none;
}
.product-tab-box .review-form .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding-right: 10px;
}
.product-tab-box .review-form .add-rating-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #ebebeb;
}
.product-tab-box .review-form .add-rating-box ul li a i {
    color: #d6d6d6;
    font-size: 12px;
    line-height: 20px;
    margin-right: 1px;
    opacity: 0.9;
    transition: all 500ms ease 0s;
}

.product-tab-box .review-form form .field-label p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    font-family: 'Quicksand', sans-serif;
}
.product-tab-box .review-form form input[type="text"], 
.product-tab-box .review-form form input[type="email"], 
.product-tab-box .review-form form textarea {
    background: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    color: #252525;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.product-tab-box .review-form form textarea {
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.product-tab-box .review-form form button {
    padding: 18px 40px 18px;
    border-radius: 0;
}
.product-tab-box .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #1b57b0;
}
.product-tab-box .review-form form input[type="text"]:focus{
    border-color: #1d1d1d;
}
.product-tab-box .review-form form input[type="email"]:focus{
    border-color: #1d1d1d;
}
.product-tab-box .review-form form textarea:focus{
    border-color: #1d1d1d;  
}

.related-product {
  padding-top: 60px;
}
.related-product .sec-title {
    padding-bottom: 30px;
    margin-top: -4px;
}
.related-product .sec-title h1 {
    color: #303030;
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}
.related-product .single-product-item {}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
    padding-bottom: 90px;
    padding-top: 90px;
}
.cart-area .table-outer {
    overflow-x: auto;
    position: relative;
    width: 100%;
}
.cart-area .cart-table {
    min-width: 1024px;
    width: 100%;
}
.cart-area .cart-table .cart-header {
    background: #f7f7f7;
    color: #303030;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.cart-area .cart-table thead tr th {
    font-weight: 500;
    line-height: 24px;
    min-width: 110px;
    padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
    padding-left: 30px;
    text-align: left;
}
.cart-area .cart-table thead tr th.availability {
    padding: 0 40px
}

.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {
    color: #252525;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
    border: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a {
    display: block;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #303030;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}

.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    position: relative;
    font-family: 'Quicksand', sans-serif;

}
.cart-area .cart-table tbody .available-info .icon {
    background: #1b57b0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
}
.cart-area .cart-table tbody tr td.price {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #1b57b0;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}

.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    transition: all 500ms ease 0s;
    border-radius: 0px;
    width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
    border: 2px solid #1d1d1d
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 18px 30px 18px;
    border-radius: 0;
    cursor: pointer;
}
.cart-middle .update-cart button {
    background: #f7f7f7;
    padding: 18px 30px 18px;
    cursor: pointer;
    border-radius: 0;
    color: #303030;
}
.cart-middle .update-cart button:hover{
    background: #1D1D1D;
    color: #fff;
} 

.cart-bottom {
    overflow: hidden;
    padding-top: 68px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {
    background: none
}
.cart-bottom .calculate-shipping .ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f7f7f7;
    border-radius: 0;
    color: #848484;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    margin-bottom: 17px;
    outline: medium none;
    width: 100%;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    position: relative;
    text-indent: 0;
    top: 0;
    width: 43px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #9b9b9b;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 6px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 12px 17px;
    text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #848484;
    display: block;
    font-size: 14px;
    height: 45px;
    padding: 0 18px;
    width: 100%;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid #1d1d1d;
}
.cart-bottom .calculate-shipping button {
    color: #222222;
    background: #f7f7f7;
    font-weight: 700;
    padding: 18px 30px 18px;
    border-radius: 0;
    cursor: pointer;
}
.cart-bottom .calculate-shipping button:hover{
    background: #1d1d1d;
    color: #ffffff;
}
.cart-bottom .calculate-shipping button:hover{ } 
.cart-bottom button.checkout-btn{
    margin-top: 30px;
    padding: 18px 30px 18px;
    border-radius: 0;
    cursor: pointer;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    position: relative;
    display: block;
    padding-top: 90px;
}
.checkout-area .title-box{
    padding-bottom: 22px;    
}
.checkout-area .title-box h3{
    font-weight: 600;
}

.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #1b57b0;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #303030;
    font-size: 16px;
    font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
    color: #1b57b0;
    font-weight: 400;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 58px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #1b57b0;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;  
}
.checkout-area .coupon h5 a {
    color: #1b57b0;
    font-weight: 400;
    display: inline-block;
    padding-left: 15px;  
}

.checkout-area .form form .field-label {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: 'Quicksand', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 48px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
    border: 1px solid #1d1d1d;
}
.checkout-area .create-acc .checkbox {
    margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
    color: #1b57b0;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
}
.checkout-area .create-acc .checkbox input {
    position: relative;
    top: 1px;
}
.checkout-area .shipping-info input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 20px;
    position: relative;
    top: 0px;
    vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 124px;
    margin-bottom: 28px;
    padding: 10px 15px;
    width: 100%;
    transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
    border-color: #1d1d1d;
}


.checkout-area .bottom {
    display: block;
    background: #f5f5f5;
    padding-top: 88px;
    padding-bottom: 90px;
    margin-top: 75px;
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    background: #ffffff;
    color: #303030;
    font-size: 18px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 500;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
    border-top: none;
    border-bottom: none;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}

.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 25px 25px;
    border-top: none;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a {
    display: block;
    border: 1px solid #f2f2f2;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: left;
    width: 46px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    margin-left: 0px;
    position: relative;
    width: 100%;
    background: #efefef;
    border: 1px solid #efefef;
    color: #848484;
    padding: 12px 11px;
    cursor: pointer;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px 5px 5px;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #848484;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 2px 5px 8px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #1b57b0;
    font-size: 18px;
    font-weight: 400;
}

.cart-total-table {
    border: 1px solid #e9e9e9
}
.cart-total-table li {
    border-bottom: 1px solid #e9e9e9
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #303030;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Quicksand', sans-serif;
}
.cart-total-table li span.col {
    color: #303030;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Quicksand', sans-serif;
}
.cart-total-table li span.col b {
    color: #1b57b0;
    font-weight: 300;
    text-decoration: underline;
}

.cart-total .payment-options {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
    margin-bottom: 14px
}
.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    display: block;
    font-weight: 500;
    min-height: 20px;
    padding-left: 0px;
    margin: 0;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #303030;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 500;
    font-family: 'Quicksand', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
    color: #303030;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding-left: 25px;
    text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
    padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
    margin: 0;
    line-height: 28px;
}
.placeorder-button button {
    padding: 18px 35px 18px;
    margin-top: 20px;
    border-radius: 0;
    cursor: pointer;
}
.placeorder-button button:hover{ }



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 83px;
    padding-top: 88px;
}
.login-register-area .form .title-box {

}
.login-register-area .form .title-box h3{
    font-weight: 600;
}
.login-register-area .form .sec-title .border{}
.login-register-area .form form {
    width: 100%;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #848484;
    font-size: 16px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 18px 25px 18px;
    border-radius: 0;
    cursor: pointer;
}
.login-register-area .form button:hover{ }
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
}
.login-register-area .form .remember-text .checkbox input {
    position: relative;
    top: 1px;
}
.login-register-area .form .remember-text .checkbox span {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}

.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -110px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #47588f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: #1b57b0;
    float: right;
    font-weight: 500;
    margin: 20px 0 0;
    font-family: 'Quicksand', sans-serif;
}
.login-register-area .form .right {
    display: block;
    overflow: hidden;
    margin-left: -20px;
}
.login-register-area .form .right h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    margin-top: 25px;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #1d1d1d;    
}
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
    Contact Info Area style
=============================================
***/
.contact-info-area{
    position: relative;
/*    padding: 90px 0 90px;*/
}
.contact-box-content{
    position: relative;
}
.contact-box-content .img-holder{
    display: block;
    max-width: 570px;
    width: 100%;
}
.contact-box-content .img-holder img{
    width: 100%;
}

.contact-box-content .text-holder{
    display: block;
}
.contact-box-content .text-holder .opening-hours {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 270px;
    margin: 45px auto 0;
}
.contact-box-content .text-holder .opening-hours .title-box.center{
    padding-bottom: 19px;    
}
.contact-box-content .text-holder .opening-hours .title-box.center h3 {
    padding-left: 16px;
    color: #2f2f2f;
}
.contact-box-content .text-holder .opening-hours .title-box.center h3:after{
    display: none;
}
.contact-box-content .text-holder .opening-hours .inner-content{
    display: block;
}
.contact-box-content .text-holder .opening-hours .inner-content h3{
    color: #2f2f2f;
    font-size: 18px;
}
.contact-box-content .text-holder .opening-hours .inner-content h1 {
    color: #1b57b0;
    font-size: 30px;
    font-weight: 400;
    margin: 10px 0 8px;
}
.contact-box-content .text-holder .opening-hours .inner-content h1 span{
    color: #2f2f2f;
    font-size: 18px;
}


.quick-contact-box {
        position: relative;
    /* margin-top: -90px; */
    display: block;
    background: #151515;
    padding: 54px 40px 48px;
    z-index: 10;
    min-height: 440px;
}
.quick-contact-box .title-box h3{
    color: #ffffff;
}

.quick-contact-box ul{
    display: block;
    overflow: hidden;
}
.quick-contact-box ul li{
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 20px;
}
.quick-contact-box ul li:last-child{
    margin-bottom: 0;
}
.quick-contact-box ul li .icon-holder{
    position: absolute;
    top: 3px;
    left: 0;
}
.quick-contact-box ul li .icon-holder span:before{
    color: #1b57b0;
    font-size: 20px;
    line-height: 20px;
}
.quick-contact-box ul li .title-holder p{
    color: #c5c5c5;
    margin: 0;
    text-align: justify;
}
.quick-contact-box .map-find {
    display: block;
    margin-top: 26px;
}

.contact-form {
    position: relative;
    display: block;
    z-index: 1;
    background: #0d6b51;
    padding: 25px;
}
.contact-form .sec-title {
    padding-bottom: 28px;
}
/*.contact-form:before {
    position: absolute;
    top: -85px;
    left: 0;
    bottom: -90px;
    right: -10000px;
    background: #f5f5f5;
    content: "";
    z-index: -1;
} */
.contact-form form{
    position: relative;
    display: block;
}
.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form textarea{
    background: transparent;
    border: 0px solid;
    border-bottom: 1px solid #e5e5e5;
    color: #303030;
    display: block;
    font-size: 16px;
    height: 45px;
    margin-bottom: 0px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.textarea-sidebar textarea{
    width: 100%;
    border: 0px solid #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    height: 45px;
    display: block;
    padding: 0 0px;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0px;
    font-family: 'Quicksand', sans-serif;
    transition: all 500ms ease;
}
.contact-form form textarea{
    height: 95px;
    padding: 10px 20px;
}
.contact-form form input[type="text"]:focus{
    border-color: #1d1d1d; 
    color: #222222;
}
.contact-form form input[type="email"]:focus{
    border-color: #1d1d1d;
    color: #222222;
}
.contact-form form textarea:focus{
    border-color: #e5e5e5;
    color: #222222;
}
.contact-form form button {
    width: 100%;
    padding: 15px 0 16px;
    background: linear-gradient(to right, #0065b2 0%, #00b1d7 100%);
    border-radius: 0;
    cursor: pointer;
    display: block;
    background: #000;
}
.contact-form form button span:before {
    font-weight: 500;
    padding-left: 10px;
}



/*** 
=============================================
    Location Map Area style
=============================================
***/
.location-map-area {
    position: relative;
    display: block;
    background: #151515;
    padding: 0 0 90px;
    z-index: 1;
}
.location-map-area:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: #ffffff;
    content: "";
    z-index: -1;
}
.location-box{
    position: relative;
    display: block;
}
.location-box .title {
    position: relative;
    display: block;
    background: #f53f1f;
    text-align: center;
    padding: 33px 0;
}
.location-box .title h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.location-box .accordion-box{
    margin-top: 30px;    
}
.location-box .accordion-box .accordion {
    position: relative;
    display: block;
    background: #151515;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.location-box .accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #282828;
    cursor: pointer;
    position: relative;
    transition: all 500ms ease;
    display: block;
    padding-left: 0px;
    padding-top: 0;
    padding-bottom: 0;
}
.location-box .accordion-box .accordion .accord-btn::after {
    display: none;
}
.location-box .accordion-box .accordion .accord-btn h4 {
    color: #848484;
    font-size: 18px;
    font-weight: 400;
    line-height: 55px;
    transition: all 500ms ease;
    font-family: 'Quicksand', sans-serif;
}


.location-box .accordion-box .accordion .accord-content {
    padding-top: 22px;
    padding-bottom: 3px;
}
.location-box .single-box h3{
    position: relative;
    display: block;
    padding-left: 30px;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Quicksand', sans-serif;
}
.location-box .single-box h3:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 3px;
    background: #ffffff;
    content: "";
    margin: 9px 0;
}
.location-box .single-box ul{
    display: block;
    overflow: hidden;
    margin-top: 24px;
}
.location-box .single-box ul li{
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 20px;
}
.location-box .single-box ul li:last-child{
    margin-bottom: 0;
}
.location-box .single-box ul li .icon-holder{
    position: absolute;
    top: 3px;
    left: 0;
}
.location-box .single-box ul li .icon-holder span:before{
    color: #1b57b0;
    font-size: 20px;
    line-height: 20px;
}
.location-box .single-box ul li .title-holder{}
.location-box .single-box ul li .title-holder p{
    color: #848484;
    margin: 0;
}
.location-box .single-box .map-find {
    display: block;
    margin-top: 21px;
}


#contact-google-map {
    max-width: 670px;
    width: 100%;
    height: 530px;
    float: right;
}

/* Tiny Scrollbar */
#scrollbar1 {
    width: 370px;
    margin: 0;
}
#scrollbar1 .viewport { 
    width: 350px; 
    height: 410px; 
    overflow: hidden; 
    position: relative; 
}
#scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    max-width: 335px;
    width: 100%;
    height: 100%;
}
#scrollbar1 .scrollbar {
    background: url(../images/icon/bg-scrollbar-track-y.png) no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 10px;
}
#scrollbar1 .track {
    background: url(../images/icon/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height: 100%;
    width: 10px;
    position: relative;
    padding: 0;
}

#scrollbar1 .thumb {
    background: url(../images/icon/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    background-image: none;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0px;
    opacity: 1;
}
#scrollbar1 .thumb .end {
    background: url(../images/icon/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow: hidden;
    height: 120px;
    width: 10px;
}
#scrollbar1 .disable { 
    display: none; 
}
.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}



/*** 
=============================================
    Location Map Area style
=============================================
***/
.working-section{
    position: relative;
    display: block;
    padding: 82px 0 90px;
}
.working-section .appointment-right-style2 {
    margin: 0 auto;
}
.working-section .appointment-right-style2 .button a.white-bg {
    background: #712b81;
    color: #2f2f2f;
}
.working-section .appointment-right-style2 .button a:hover{
    background: #151515;
    color: #ffffff;    
}
.working-section .appointment-right-style2 .button a.white-bg:hover{
    background: #151515;
    color: #ffffff;
}



/*** 
=============================================
    Testimonial Section style
=============================================
***/
.history-section{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 90px 0 90px;
}
.history-section .history-carousel{
	position:relative;
}
.history-section .carousel-outer{
	position:relative;
}
.history-section .carousel-outer .thumbs-outer{
    position: relative;
    max-width: 270px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.history-section .carousel-outer .border {
    position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
    width: 398px;
    height: 42px;
    border: none !important;
    margin: 0 auto;
}
.history-section .history-carousel .thumbs-carousel{
	position: relative;
	max-width: 100px;
	margin: 0 auto;
}
.history-section .history-carousel .thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.history-section .history-carousel .thumbs-carousel li {
    position: relative;
    cursor: pointer;
    width: 100px;
    display: inline-block;
    transition: all 0.3s ease;
}
.history-section .history-carousel .thumbs-carousel li .img-holder {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 2px solid transparent;
}
.history-section .history-carousel .thumbs-carousel li .img-holder img{
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;    
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li .img-holder{
	position:relative;
    border-color: #3aabd0;
	transform:scale(1.2);
    margin-top: 10px;
}








.history-section .carousel-outer .content-slide{
	position:relative;
}
.history-section .carousel-outer .content-carousel .owl-stage-outer{
	padding: 0px;
}
.history-section .carousel-outer .content-slide .content-inner{
	position:relative;
	text-align:center;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
.history-section .carousel-outer .content-slide .content-inner .icon-holder{}
.history-section .carousel-outer .content-slide .content-inner .icon-holder img {
    width: auto;
    margin: 0 auto;
}
.history-section .carousel-outer .content-slide .content-inner .text{
    color: #2f2f2f;
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    margin: 33px 0 32px;
}
.history-section .carousel-outer .content-slide .content-inner .name{
    display: block;
    padding-bottom: 40px;
}
.history-section .carousel-outer .content-slide .content-inner .name h3{
    color: #2f2f2f;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 3px;
}
.history-section .carousel-outer .content-slide .content-inner .name span{
    color: #3aabd0;
}

.color-palate {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    height: 220px;
    position: fixed;
    left: -285px;
    text-align: center;
    top: 35%;
    transition: all 0.5s ease 0s;
    width: 285px;
    z-index: 999999999;
}

.color-palate-head {
    background: #0a1821 none repeat scroll 0 0;
    padding: 12px 0;
}

.color-palate-head h6,
.secondary-head h6 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    margin-top: 4px;
    text-transform:uppercase;
}

.palate {
    background: red none repeat scroll 0 0;
    display: block;
    float: left;
    height: 30px;
    margin: 0 2.5% 12px;
    width: 20%;
    cursor: pointer;
    position: relative;
}

.colors-list .active::after{
    background: url(../images/icon/tick.png) center center no-repeat !important;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.various-color {
    overflow: hidden;
    padding: 20px 0 15px;
}

.colors-list {
    margin: 0 20px;
}

.secondary-head {
    background: #222222 none repeat scroll 0 0;
    padding: 14px 0;
}

.secondary-color {
    padding: 23px 0;
}

.secondary-colors-list {
    margin: 0 80px;
}

.palate-foo {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    padding: 0 30px;
}

.palate-foo span{
    display:block;  
}

.palate.default-color {
    background: #69ad07 none repeat scroll 0 0;
}

.palate.teal-color {
    background: #339900 none repeat scroll 0 0;
}

.palate.navy-color {
    background: #006791 none repeat scroll 0 0;
}

.palate.yellow-color {
    background: #1b57b0 none repeat scroll 0 0;
}

.palate.blue-color {
    background: #0074D9 none repeat scroll 0 0;
}

.palate.purple-color {
    background: #B10DC9 none repeat scroll 0 0;
}

.palate.olive-color {
    background: #3D9970 none repeat scroll 0 0;
}

.palate.red-color {
    background: #FF4136 none repeat scroll 0 0;
}

.color-trigger {
    background: #1D1D1D;
    cursor: pointer;
    height: 50px;
    right: -50px;
    position: absolute;
    top: 0;
    width: 50px;
    display: block;
    padding: 5px 0;
    z-index: 1;
    display: none;
}
.color-trigger:before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0, 0.30);
    z-index: -1;
}
.color-trigger i {
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
}

.color-palate.visible-palate {
    left: 0px;
}

@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/webfont/flexslider-icon.html');
  src: url('../fonts/webfonts/flexslider-icond41d.html?#iefix') format('embedded-opentype'), url('../fonts/webfonts/flexslider-icon.html') format('woff'), url('../fonts/webfonts/flexslider-icon-2.html') format('truetype'), url('../fonts/webfonts/flexslider-icon-3.html#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 10px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 450px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border: 1px solid #D1CFCF;

}

.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 41%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  text-indent: -9999px ;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;

  
  
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 32.2%;
  float: left;
  margin: 0 1% 0 0;
}
.flex-control-thumbs li:nth-child(4){
    margin:0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
    border: 1px solid #D1CFCF;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

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

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

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

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

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

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

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

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  51%,
  100% {
    opacity: 1;
  }
}

/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoonda59.eot?vdw2jk');
  src:  url('../fonts/icomoonda59.eot?vdw2jk#iefix') format('embedded-opentype'),
    url('../fonts/icomoonda59.ttf?vdw2jk') format('truetype'),
    url('../fonts/icomoonda59.woff?vdw2jk') format('woff'),
    url('../fonts/icomoonda59.svg?vdw2jk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






.icon-fruit-1:before {
  content: "\e900";
}
.icon-signs-2:before {
  content: "\e901";
}
.icon-time:before {
  content: "\e902";
}
.icon-multimedia:before {
  content: "\e903";
}
.icon-technology-1:before {
  content: "\e904";
}
.icon-sign:before {
  content: "\e905";
}
.icon-arrows-5:before {
  content: "\e906";
}
.icon-folder:before {
  content: "\e907";
}
.icon-healthy-1:before {
  content: "\e908";
}
.icon-exercise-3:before {
  content: "\e909";
}
.icon-people-5:before {
  content: "\e90a";
}
.icon-people-4:before {
  content: "\e90b";
}
.icon-people-3:before {
  content: "\e90c";
}
.icon-exercise-2:before {
  content: "\e90d";
}
.icon-sports-1:before {
  content: "\e90e";
}
.icon-people-2:before {
  content: "\e90f";
}
.icon-healthy:before {
  content: "\e910";
}
.icon-strength:before {
  content: "\e911";
}
.icon-shape-1:before {
  content: "\e912";
}
.icon-null-1:before {
  content: "\e913";
}
.icon-tool-1:before {
  content: "\e914";
}
.icon-signs-1:before {
  content: "\e915";
}
.icon-null:before {
  content: "\e916";
}
.icon-clock-1:before {
  content: "\e917";
}
.icon-school:before {
  content: "\e918";
}
.icon-signs:before {
  content: "\e919";
}
.icon-shapes-1:before {
  content: "\e91a";
}
.icon-circle:before {
  content: "\e91b";
}
.icon-shape:before {
  content: "\e91c";
}
.icon-technology:before {
  content: "\e91d";
}
.icon-people-1:before {
  content: "\e91e";
}
.icon-stars:before {
  content: "\e91f";
}
.icon-exercise-1:before {
  content: "\e920";
}
.icon-gym:before {
  content: "\e921";
}
.icon-paper:before {
  content: "\e922";
}
.icon-link:before {
  content: "\e923";
}
.icon-arrows-4:before {
  content: "\e924";
}
.icon-interface-1:before {
  content: "\e925";
}
.icon-calendar:before {
  content: "\e926";
}
.icon-people:before {
  content: "\e927";
}
.icon-hand:before {
  content: "\e928";
}
.icon-food:before {
  content: "\e929";
}
.icon-transport:before {
  content: "\e92a";
}
.icon-berry:before {
  content: "\e92b";
}
.icon-tool:before {
  content: "\e92c";
}
.icon-arrows-3:before {
  content: "\e92d";
}
.icon-two:before {
  content: "\e92e";
}
.icon-exercise:before {
  content: "\e92f";
}
.icon-sports:before {
  content: "\e930";
}
.icon-fruit:before {
  content: "\e931";
}
.icon-medical:before {
  content: "\e932";
}
.icon-shapes:before {
  content: "\e933";
}
.icon-arrows-2:before {
  content: "\e934";
}
.icon-arrows-1:before {
  content: "\e935";
}
.icon-telephone:before {
  content: "\e936";
}
.icon-play:before {
  content: "\e937";
}
.icon-arrows:before {
  content: "\e938";
}
.icon-interface:before {
  content: "\e939";
}
.icon-clock:before {
  content: "\e93a";
}
.icon-location:before {
  content: "\e93b";
}

@charset "UTF-8";
[class^='imghvr-'], [class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #2266a5;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
}

[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    background-color: #135796;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
}

[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
    color: #ffffff;
}

[class^='imghvr-'] a, [class*=' imghvr-'] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
    opacity: 0;
}

[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
    opacity: 0;
}

[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
    opacity: 1;
}

[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* imghvr-fade
   ----------------------------- */
/* imghvr-fade-in-up
   ----------------------------- */
.imghvr-fade-in-up figcaption {
    -webkit-transform: translate(0, 15%);
    -moz-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    -o-transform: translate(0, 15%);
    transform: translate(0, 15%);
}

/* imghvr-fade-in-down
   ----------------------------- */
.imghvr-fade-in-down figcaption {
    -webkit-transform: translate(0, -15%);
    -moz-transform: translate(0, -15%);
    -ms-transform: translate(0, -15%);
    -o-transform: translate(0, -15%);
    transform: translate(0, -15%);
}

/* imghvr-fade-in-left
   ----------------------------- */
.imghvr-fade-in-left figcaption {
    -webkit-transform: translate(-15%, 0);
    -moz-transform: translate(-15%, 0);
    -ms-transform: translate(-15%, 0);
    -o-transform: translate(-15%, 0);
    transform: translate(-15%, 0);
}

/* imghvr-fade-in-right
   ----------------------------- */
.imghvr-fade-in-right figcaption {
    -webkit-transform: translate(15%, 0);
    -moz-transform: translate(15%, 0);
    -ms-transform: translate(15%, 0);
    -o-transform: translate(15%, 0);
    transform: translate(15%, 0);
}

/* imghvr-push-*
   ----------------------------- */
[class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.imghvr-push-up:hover > img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.imghvr-push-down:hover > img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

/* imghvr-push-left
   ----------------------------- */
.imghvr-push-left figcaption {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.imghvr-push-left:hover > img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

/* imghvr-push--right
   ----------------------------- */
.imghvr-push-right figcaption {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.imghvr-push-right:hover > img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up figcaption {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

/* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down figcaption {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* imghvr-slide-left
   ----------------------------- */
.imghvr-slide-left figcaption {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* imghvr-slide-right
   ----------------------------- */
.imghvr-slide-right figcaption {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

/* imghvr-slide-top-left
   ----------------------------- */
.imghvr-slide-top-left figcaption {
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

/* imghvr-slide-top-right
   ----------------------------- */
.imghvr-slide-top-right figcaption {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
}

/* imghvr-slide-bottom-left
   ----------------------------- */
.imghvr-slide-bottom-left figcaption {
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}

/* imghvr-slide-bottom-right
   ----------------------------- */
.imghvr-slide-bottom-right figcaption {
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
}

/* imghvr-reveal-*
   ----------------------------- */
[class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: #135796;
}

[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
    opacity: 0;
}

[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

/* imghvr-reveal-up
   ----------------------------- */
.imghvr-reveal-up:before {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

/* imghvr-reveal-down
   ----------------------------- */
.imghvr-reveal-down:before {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* imghvr-reveal-left
   ----------------------------- */
.imghvr-reveal-left:before {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

/* imghvr-reveal-right
   ----------------------------- */
.imghvr-reveal-right:before {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

/* imghvr-reveal-top-left
   ----------------------------- */
.imghvr-reveal-top-left:before {
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

/* imghvr-reveal-top-right
   ----------------------------- */
.imghvr-reveal-top-right:before {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
}

/* imghvr-reveal-bottom-left
   ----------------------------- */
.imghvr-reveal-bottom-left:before {
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}

/* imghvr-reveal-bottom-right
   ----------------------------- */
.imghvr-reveal-bottom-right:before {
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
}

/* imghvr-hinge-*
   ----------------------------- */
[class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
    opacity: 0;
    z-index: 1;
}

[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
    opacity: 0;
}

[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

/* imghvr-hinge-up
   ----------------------------- */
.imghvr-hinge-up img {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.imghvr-hinge-up figcaption {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.imghvr-hinge-up:hover > img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.imghvr-hinge-up:hover figcaption {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}












/* imghvr-hinge-down
   ----------------------------- */
.imghvr-hinge-down img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.imghvr-hinge-down figcaption {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% -50%;
    -moz-transform-origin: 50% -50%;
    -ms-transform-origin: 50% -50%;
    -o-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
}

.imghvr-hinge-down:hover > img {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
}

.imghvr-hinge-down:hover figcaption {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}
















/* imghvr-hinge-left
   ----------------------------- */
.imghvr-hinge-left img {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.imghvr-hinge-left figcaption {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.imghvr-hinge-left:hover > img {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.imghvr-hinge-left:hover figcaption {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

/* imghvr-hinge-right
   ----------------------------- */
.imghvr-hinge-right img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.imghvr-hinge-right figcaption {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.imghvr-hinge-right:hover > img {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.imghvr-hinge-right:hover figcaption {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

/* imghvr-flip-*
   ----------------------------- */
[class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
    backface-visibility: hidden;
}

[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
    opacity: 0;
}

[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
    opacity: 0;
}

[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.14s;
    -moz-transition-delay: 0.14s;
    transition-delay: 0.14s;
}

/* imghvr-flip-horiz
   ----------------------------- */
.imghvr-flip-horiz figcaption {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.imghvr-flip-horiz:hover img {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.imghvr-flip-horiz:hover figcaption {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/* imghvr-flip-vert
   ----------------------------- */
.imghvr-flip-vert figcaption {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.imghvr-flip-vert:hover > img {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.imghvr-flip-vert:hover figcaption {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

/* imghvr-flip-diag-1
   ----------------------------- */
.imghvr-flip-diag-1 figcaption {
    -webkit-transform: rotate3d(1, -1, 0, 100deg);
    -moz-transform: rotate3d(1, -1, 0, 100deg);
    -ms-transform: rotate3d(1, -1, 0, 100deg);
    -o-transform: rotate3d(1, -1, 0, 100deg);
    transform: rotate3d(1, -1, 0, 100deg);
}

.imghvr-flip-diag-1:hover > img {
    -webkit-transform: rotate3d(-1, 1, 0, 100deg);
    -moz-transform: rotate3d(-1, 1, 0, 100deg);
    -ms-transform: rotate3d(-1, 1, 0, 100deg);
    -o-transform: rotate3d(-1, 1, 0, 100deg);
    transform: rotate3d(-1, 1, 0, 100deg);
}

.imghvr-flip-diag-1:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
}

/* imghvr-flip-diag-2
   ----------------------------- */
.imghvr-flip-diag-2 figcaption {
    -webkit-transform: rotate3d(1, 1, 0, 100deg);
    -moz-transform: rotate3d(1, 1, 0, 100deg);
    -ms-transform: rotate3d(1, 1, 0, 100deg);
    -o-transform: rotate3d(1, 1, 0, 100deg);
    transform: rotate3d(1, 1, 0, 100deg);
}

.imghvr-flip-diag-2:hover > img {
    -webkit-transform: rotate3d(-1, -1, 0, 100deg);
    -moz-transform: rotate3d(-1, -1, 0, 100deg);
    -ms-transform: rotate3d(-1, -1, 0, 100deg);
    -o-transform: rotate3d(-1, -1, 0, 100deg);
    transform: rotate3d(-1, -1, 0, 100deg);
}

.imghvr-flip-diag-2:hover figcaption {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
}

/* imghvr-shutter-out-*
   ----------------------------- */
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
    background: #135796;
    position: absolute;
    content: '';
    -webkit-transition-delay: 0.105s;
    -moz-transition-delay: 0.105s;
    transition-delay: 0.105s;
}

[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.105s;
    -moz-transition-delay: 0.105s;
    transition-delay: 0.105s;
}

/* imghvr-shutter-out-horiz
   ----------------------------- */
.imghvr-shutter-out-horiz:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
}

.imghvr-shutter-out-horiz:hover:before {
    left: 0;
    right: 0;
}

/* imghvr-shutter-out-vert
   ----------------------------- */
.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
}

.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0;
}

/* imghvr-shutter-out-diag-1
   ----------------------------- */
.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.imghvr-shutter-out-diag-1:hover:before {
    top: -35%;
    bottom: -35%;
}

/* imghvr-shutter-out-diag-2
   ----------------------------- */
.imghvr-shutter-out-diag-2:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.imghvr-shutter-out-diag-2:hover:before {
    top: -35%;
    bottom: -35%;
}

/* imghvr-shutter-in-*
   ----------------------------- */
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
    background: #135796;
    position: absolute;
    content: '';
}

[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
    top: 0;
    left: 0;
}

[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
    right: 0;
    bottom: 0;
}

[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
    opacity: 0;
    z-index: 1;
}

[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

/* imghvr-shutter-in-horiz
   ----------------------------- */
.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%;
}

.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
    width: 50%;
}

/* imghvr-shutter-in-vert
   ----------------------------- */
.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
    height: 0;
    width: 100%;
}

.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
    height: 50%;
}

/* imghvr-shutter-in-out-horiz
   ----------------------------- */
.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
    width: 0;
    height: 100%;
    opacity: 0.75;
}

.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
    width: 100%;
}

/* imghvr-shutter-in-out-vert
   ----------------------------- */
.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
    height: 0;
    width: 100%;
    opacity: 0.75;
}

.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
    height: 100%;
}

/* imghvr-shutter-in-out-diag-1
   ----------------------------- */
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 0.75;
}

.imghvr-shutter-in-out-diag-1:after {
    -webkit-transform: skew(-45deg) translateX(-150%);
    -moz-transform: skew(-45deg) translateX(-150%);
    -ms-transform: skew(-45deg) translateX(-150%);
    -o-transform: skew(-45deg) translateX(-150%);
    transform: skew(-45deg) translateX(-150%);
}

.imghvr-shutter-in-out-diag-1:before {
    -webkit-transform: skew(-45deg) translateX(150%);
    -moz-transform: skew(-45deg) translateX(150%);
    -ms-transform: skew(-45deg) translateX(150%);
    -o-transform: skew(-45deg) translateX(150%);
    transform: skew(-45deg) translateX(150%);
}

.imghvr-shutter-in-out-diag-1:hover:after {
    -webkit-transform: skew(-45deg) translateX(-50%);
    -moz-transform: skew(-45deg) translateX(-50%);
    -ms-transform: skew(-45deg) translateX(-50%);
    -o-transform: skew(-45deg) translateX(-50%);
    transform: skew(-45deg) translateX(-50%);
}

.imghvr-shutter-in-out-diag-1:hover:before {
    -webkit-transform: skew(-45deg) translateX(50%);
    -moz-transform: skew(-45deg) translateX(50%);
    -ms-transform: skew(-45deg) translateX(50%);
    -o-transform: skew(-45deg) translateX(50%);
    transform: skew(-45deg) translateX(50%);
}

/* imghvr-shutter-in-out-diag-2
   ----------------------------- */
.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
    width: 200%;
    height: 200%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 0.75;
}

.imghvr-shutter-in-out-diag-2:after {
    -webkit-transform: skew(45deg) translateX(-100%);
    -moz-transform: skew(45deg) translateX(-100%);
    -ms-transform: skew(45deg) translateX(-100%);
    -o-transform: skew(45deg) translateX(-100%);
    transform: skew(45deg) translateX(-100%);
}

.imghvr-shutter-in-out-diag-2:before {
    -webkit-transform: skew(45deg) translateX(100%);
    -moz-transform: skew(45deg) translateX(100%);
    -ms-transform: skew(45deg) translateX(100%);
    -o-transform: skew(45deg) translateX(100%);
    transform: skew(45deg) translateX(100%);
}

.imghvr-shutter-in-out-diag-2:hover:after {
    -webkit-transform: skew(45deg) translateX(0%);
    -moz-transform: skew(45deg) translateX(0%);
    -ms-transform: skew(45deg) translateX(0%);
    -o-transform: skew(45deg) translateX(0%);
    transform: skew(45deg) translateX(0%);
}

.imghvr-shutter-in-out-diag-2:hover:before {
    -webkit-transform: skew(45deg) translateX(0%);
    -moz-transform: skew(45deg) translateX(0%);
    -ms-transform: skew(45deg) translateX(0%);
    -o-transform: skew(45deg) translateX(0%);
    transform: skew(45deg) translateX(0%);
}

/* imghvr-fold*
   ----------------------------- */
[class^='imghvr-fold'], [class*=' imghvr-fold'] {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
    z-index: 1;
    opacity: 0;
}

[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
    -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

/* imghvr-fold-up
   ----------------------------- */
.imghvr-fold-up > img {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.imghvr-fold-up figcaption {
    -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.imghvr-fold-up:hover > img {
    -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
    -moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
    -ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
    -o-transform: rotateX(90deg) scale(0.6) translateY(50%);
    transform: rotateX(90deg) scale(0.6) translateY(50%);
}

/* imghvr-fold-down
   ----------------------------- */
.imghvr-fold-down > img {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.imghvr-fold-down figcaption {
    -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.imghvr-fold-down:hover > img {
    -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
    transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}

/* imghvr-fold-left
   ----------------------------- */
.imghvr-fold-left > img {
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.imghvr-fold-left figcaption {
    -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.imghvr-fold-left:hover > img {
    -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
    -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
    -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
    -o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
    transform: rotateY(-90deg) scale(0.6) translateX(50%);
}

/* imghvr-fold-right
   ----------------------------- */
.imghvr-fold-right > img {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.imghvr-fold-right figcaption {
    -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.imghvr-fold-right:hover > img {
    -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
    -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
    -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
    -o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
    transform: rotateY(90deg) scale(0.6) translateX(-50%);
}

/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.imghvr-zoom-in:hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* imghvr-zoom-out*
   ----------------------------- */
[class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
}

[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

/* imghvr-zoom-out
   ----------------------------- */
.imghvr-zoom-out:hover > img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}

/* imghvr-zoom-out-up
   ----------------------------- */
.imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
    -webkit-animation: imghvr-zoom-out-up 0.4025s linear;
    -moz-animation: imghvr-zoom-out-up 0.4025s linear;
    animation: imghvr-zoom-out-up 0.4025s linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        -moz-transform: scale(0.8) translateY(-150%);
        -ms-transform: scale(0.8) translateY(-150%);
        -o-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0.5;
    }
}

@keyframes imghvr-zoom-out-up {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(-150%);
        -moz-transform: scale(0.8) translateY(-150%);
        -ms-transform: scale(0.8) translateY(-150%);
        -o-transform: scale(0.8) translateY(-150%);
        transform: scale(0.8) translateY(-150%);
        opacity: 0.5;
    }
}

/* imghvr-zoom-out-down
   ----------------------------- */
.imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
    -webkit-animation: imghvr-zoom-out-down 0.4025s linear;
    -moz-animation: imghvr-zoom-out-down 0.4025s linear;
    animation: imghvr-zoom-out-down 0.4025s linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        -moz-transform: scale(0.8) translateY(150%);
        -ms-transform: scale(0.8) translateY(150%);
        -o-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0.5;
    }
}

@keyframes imghvr-zoom-out-down {
    50% {
        -webkit-transform: scale(0.8) translateY(0%);
        -moz-transform: scale(0.8) translateY(0%);
        -ms-transform: scale(0.8) translateY(0%);
        -o-transform: scale(0.8) translateY(0%);
        transform: scale(0.8) translateY(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateY(150%);
        -moz-transform: scale(0.8) translateY(150%);
        -ms-transform: scale(0.8) translateY(150%);
        -o-transform: scale(0.8) translateY(150%);
        transform: scale(0.8) translateY(150%);
        opacity: 0.5;
    }
}

/* imghvr-zoom-out-left
   ----------------------------- */
.imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
    -webkit-animation: imghvr-zoom-out-left 0.4025s linear;
    -moz-animation: imghvr-zoom-out-left 0.4025s linear;
    animation: imghvr-zoom-out-left 0.4025s linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        -moz-transform: scale(0.8) translateX(-150%);
        -ms-transform: scale(0.8) translateX(-150%);
        -o-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0.5;
    }
}

@keyframes imghvr-zoom-out-left {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(-150%);
        -moz-transform: scale(0.8) translateX(-150%);
        -ms-transform: scale(0.8) translateX(-150%);
        -o-transform: scale(0.8) translateX(-150%);
        transform: scale(0.8) translateX(-150%);
        opacity: 0.5;
    }
}

/* imghvr-zoom-out-right
   ----------------------------- */
.imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
    -webkit-animation: imghvr-zoom-out-right 0.4025s linear;
    -moz-animation: imghvr-zoom-out-right 0.4025s linear;
    animation: imghvr-zoom-out-right 0.4025s linear;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        -moz-transform: scale(0.8) translateX(150%);
        -ms-transform: scale(0.8) translateX(150%);
        -o-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0.5;
    }
}

@keyframes imghvr-zoom-out-right {
    50% {
        -webkit-transform: scale(0.8) translateX(0%);
        -moz-transform: scale(0.8) translateX(0%);
        -ms-transform: scale(0.8) translateX(0%);
        -o-transform: scale(0.8) translateX(0%);
        transform: scale(0.8) translateX(0%);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(0.8) translateX(150%);
        -moz-transform: scale(0.8) translateX(150%);
        -ms-transform: scale(0.8) translateX(150%);
        -o-transform: scale(0.8) translateX(150%);
        transform: scale(0.8) translateX(150%);
        opacity: 0.5;
    }
}

/* imghvr-zoom-out-flip-horiz
   ----------------------------- */
.imghvr-zoom-out-flip-horiz {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

.imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    transform: rotateX(90deg) translateY(-100%) scale(0.5);
}

.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    transform: rotateX(-100deg) translateY(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
    -webkit-transform: rotateX(0) translateY(0%) scale(1);
    -moz-transform: rotateX(0) translateY(0%) scale(1);
    -ms-transform: rotateX(0) translateY(0%) scale(1);
    -o-transform: rotateX(0) translateY(0%) scale(1);
    transform: rotateX(0) translateY(0%) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

/* imghvr-zoom-out-flip-vert
   ----------------------------- */
.imghvr-zoom-out-flip-vert {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

.imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    -webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    -o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
    transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}

.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
    -webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    -o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
    transform: rotateY(-100deg) translateX(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
    -webkit-transform: rotateY(0) translate(0, 0) scale(1);
    -moz-transform: rotateY(0) translate(0, 0) scale(1);
    -ms-transform: rotateY(0) translate(0, 0) scale(1);
    -o-transform: rotateY(0) translate(0, 0) scale(1);
    transform: rotateY(0) translate(0, 0) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

/* imghvr-blur
   ----------------------------- */
.imghvr-blur figcaption {
    opacity: 0;
}

.imghvr-blur:hover > img {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.imghvr-blur:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

/*# sourceMappingURL=imagehover.css.map */

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
::-webkit-input-placeholder { / Chrome/Opera/Safari /
    color: #000 !important;
}
::-moz-placeholder { / Firefox 19+ /
    color: #000 !important;
}
::-ms-input-placeholder { / IE 10+ /
    color: #000 !important;
}
::-moz-placeholder { / Firefox 18- /
    color: #000 !important;
}
.tp-bannertimer{
    display: none !important;
}


.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input::-webkit-input-placeholder {
    color: #cccccc;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input:-moz-placeholder {
    color: #cccccc;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input::-moz-placeholder {
    color: #cccccc;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box input:-ms-input-placeholder {
    color: #cccccc;
}
.consultation-area .consultation-form textarea::-webkit-input-placeholder {
    color: #bababa;
}
.consultation-area .consultation-form textarea:-moz-placeholder { /* Firefox 18- */
    color: #bababa;  
}
.consultation-area .consultation-form textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #bababa;  
}
.consultation-area .consultation-form textarea:-ms-input-placeholder {
    color: #bababa;  
}




/* Jquery ui select css */
.ui-state-default {
    width: auto !important;
}
.ui-selectmenu-open .ui-widget-content {
    border: 1px solid #1d1d1d !important;
    background: #ffffff !important;
    color: #222222 !important;
    border-radius: 0 !important;
}
/* Jquery ui select hover bg css */
.ui-selectmenu-open .ui-widget-content .ui-state-focus {
    border: 1px solid #1d1d1d !important;
    background: #1d1d1d !important;
    font-weight: normal !important;
    color: #ffffff !important;
    font-size: 13px !important;
}
/* Jquery ui select hover some change css */
.ui-selectmenu-open .ui-menu .ui-menu-item {
    border: 1px solid transparent !important;
    position: relative !important;
    margin: 0;
    padding: 5px 15px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    text-transform: none !important;
}
.ui-selectmenu-menu .ui-menu {
    padding-bottom: 0px !important;
}



/* Main field css css */
.state-select-box {
    width: 100%;
    margin: 0px 0;
    overflow: hidden;

}
.state-select-box .ui-selectmenu-button {
    background: transparent;
    border-radius: 0px !important;
    border: 1px solid transparent;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    height: 32px !important;
    position: relative;
    display: block;
    font-family: 'Quicksand', sans-serif;
    width: 130px !important;
}
.state-select-box .ui-selectmenu-button:focus{
    outline: none;
}
.state-select-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 28px;
    overflow: hidden;
    text-align: left;
    padding: 0;
    height: 30px;
}

/* arrow button css */
.state-select-box .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 20px;
    position: absolute;
    text-indent: 0;
    top: 9px;
    width: 27px;
    right: 0px;
    bottom: 0;
    background-image: none;
}
.state-select-box .ui-selectmenu-button span.ui-icon::before {
    color: #ffffff;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    overflow: visible;
    position: absolute;
    right: 0px;
    top: 2px;
}



/*** 
=============================================
    Consultation Form Area style
=============================================
***/
/* Main field css css */
.appoinment .ui-selectmenu-button {
    background: #ffffff;
    width: 100% !important;
    border-radius: 30px !important;
    border: 1px solid #f2f2f2;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 45px !important;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}
.appointment-style2-area .appoinment .ui-selectmenu-button{
    border-radius: 0px !important;    
}                                                                                                                
.appoinment .ui-selectmenu-button:focus{
    outline: none;
}
.appoinment .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-align: left;
    padding: 13px 20px 12px;
}
/* arrow button css */
.appoinment .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 45px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 45px;
    right: 0;
    bottom: 0;
    background-image: none;
}
.appoinment .ui-selectmenu-button span.ui-icon::before {
    color: #a0a096;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 20px;
    top: 10px;
}





/*** 
=============================================
    Single Service Area style
=============================================
***/

/* Main field css css */
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button {
    background: #ffffff;
    width: 100% !important;
    border-radius: 0px !important;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    color: #cccccc;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 45px !important;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}                                                                                                               
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button:focus{
    outline: none;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 14px;
    overflow: hidden;
    text-align: left;
    padding: 16px 0px 13px;
}
/* arrow button css */
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 45px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 45px;
    right: 0;
    bottom: 0;
    background-image: none;
}
.single-service-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-icon::before {
    color: #cccccc;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 0px;
    top: 12px;
}



/*** 
=============================================
    Faq Area style
=============================================
***/
/* Main field css css */
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button {
    background: #ffffff;
    width: 100% !important;
    border-radius: 0px !important;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    color: #cccccc;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 45px !important;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}                                                                                                               
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button:focus{
    outline: none;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 14px;
    overflow: hidden;
    text-align: left;
    padding: 16px 0px 13px;
}
/* arrow button css */
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 45px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 45px;
    right: 0;
    bottom: 0;
    background-image: none;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box .ui-selectmenu-button span.ui-icon::before {
    color: #cccccc;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 0px;
    top: 12px;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input::-webkit-input-placeholder {
    color: #cccccc;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input:-moz-placeholder {
    color: #cccccc;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input::-moz-placeholder {
    color: #cccccc;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input:-ms-input-placeholder {
    color: #cccccc;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea::-webkit-input-placeholder {
    color: #cccccc;
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea:-moz-placeholder { /* Firefox 18- */
    color: #cccccc;  
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #cccccc;  
}
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea:-ms-input-placeholder {
    color: #cccccc;  
}




/*** 
=============================================
    Contact Form style
=============================================
***/
/* Main field css css */
.contact-form form .input-box .ui-selectmenu-button {
    background: #f5f5f5;
    width: 100% !important;
    border-radius: 0px !important;
    border: 0px solid #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: 55px !important;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}                                                                                                               
.contact-form form .input-box .ui-selectmenu-button:focus{
    outline: none;
}
.contact-form form .input-box .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 14px;
    overflow: hidden;
    text-align: left;
    padding: 21px 20px 19px;
}
/* arrow button css */
.contact-form form .input-box .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 55px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 45px;
    right: 0;
    bottom: 0;
    background-image: none;
}
.contact-form form .input-box .ui-selectmenu-button span.ui-icon::before {
    color: #cccccc;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 20px;
    top: 15px;
}
.contact-form form .input-box input::-webkit-input-placeholder {
    color: #b2b2b2;
}
.contact-form form .input-box input:-moz-placeholder {
    color: #b2b2b2;
}
.contact-form form .input-box input::-moz-placeholder {
    color: #b2b2b2;
}
.contact-form form .input-box input:-ms-input-placeholder {
    color: #b2b2b2;
}
.contact-form form .input-box textarea::-webkit-input-placeholder {
    color: #b2b2b2;
}
.contact-form form .input-box textarea:-moz-placeholder { /* Firefox 18- */
    color: #b2b2b2;  
}
.contact-form form .input-box textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #b2b2b2;  
}
.contact-form form .input-box textarea:-ms-input-placeholder {
    color: #b2b2b2;  
}










#contact-form input[type="text"].error{
    border-color: red;
}
#contact-form input[type="email"].error{
    border-color: red;
}
#contact-form select.error {
    border-color: red;
}
#contact-form textarea.error{
    border-color: red;
}
#contact-form label.error {
    display: none !important;
}



#add-comment-form input[type="text"].error{
    border-color: red;    
}
#add-comment-form input[type="email"].error{
    border-color: red;    
}
#add-comment-form select.error {
    border-color: red;
}
#add-comment-form textarea.error{
    border-color: red;    
}
#add-comment-form label.error {
    display: none !important;
}



#appoinment-form input[type="text"].error{
    border-color: red;    
}
#appoinment-form input[type="email"].error{
    border-color: red;    
}
#appoinment-form select.error {
    border-color: red;
}
#appoinment-form textarea.error{
    border-color: red;    
}
#appoinment-form label.error {
    display: none !important;
}



/*__Html 5 lightbox css__*/
#html5-watermark {
    background: #ff2b58;
    display: none !important;
    z-index: 9999999999;
}
#html5box-html5-lightbox #html5-image {
    border: 10px solid #1b57b0;
    padding: 0 !important;
}
#html5box-html5-lightbox #html5-text{
    padding-top: 15px;
    padding-bottom: 5px;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.main-slider .slide-content .btn-box a.sb1{
    transition: all 0.5s ease 0s !important;
}
.main-slider .slide-content .btn-box a.sb1:hover{
    background: #ff612a;
    color: #ffffff;
}
.tparrows {
    cursor: pointer;
    background: rgba(0,0,0,.5) !important;
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 50%;
    font-size: 20px;
    left: 40px !important;
    transition: all 500ms ease;
}
.tp-rightarrow{
    left: 100% !important; 
    margin-right: 40px;
}
.tparrows:before {
    width: 60px !important;
    height: 60px !important;
    font-size: 25px !important;
    color: #fff;
    display: block;
    line-height: 62px !important;
    text-align: center;
}
.tparrows:hover{
    background: rgba(0,0,0,.8) !important;    
}



/*** 
=============================================
    Brand Area style
=============================================
***/
/*.brand-area .brand .single-item img {
    display: inline-block;
    max-width: 100% !important;
    opacity: 1;
    padding: 0px 0;
    position: relative;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: auto !important;
}*/

.bootstrap-select {
    width: 100% !important;
}
.bootstrap-select > .dropdown-toggle {
    background: #252525 none repeat scroll 0 0;
    border-radius: 0;
    color: #6d6d6d;
    cursor: pointer;
    height: 45px;
    transition: all 500ms ease 0s;
    z-index: 1;
    border: 1px solid #2f2f2f;
}
.dropdown-menu {
    background-color: #fff !important;
    border: 0px solid #888 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: none;
    font-size: 14px;
    margin: 1px 0 0 !important;
    width: 100%;
    display: block;
    padding: 8px 12px !important;
}
.bootstrap-select.btn-group .dropdown-menu li {}
.bootstrap-select.btn-group .dropdown-menu li a {
    padding: 8px 10px !important;
}

.default-form .bootstrap-select {
    border: 1px solid #2f2f2f;
    background: #252525;
    color: #ababab;
    padding: 5px 0;
    font-size: 16px;
}
.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select>.dropdown-toggle:hover {
    color: #ababab;
    background: #444;
}



/*** 
=============================================
    Cart Area style
=============================================
***/
.cart-area .cart-table tbody tr .qty .form-control {
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #f7f7f7;
    border-radius: 0 !important;
    box-shadow: none;
    color: #222222;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    padding: 6px 0;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
}
.cart-bottom .calculate-shipping .ui-state-default {
    width: 100% !important;
}



/*** 
=============================================
    Single shop Area style
=============================================
***/
.single-shop-content .content-box .addto-cart-box .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #eaeaea;
    border-radius: 0 !important;
    box-shadow: none;
    color: #272727;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    padding: 6px 0 8px;
    text-align: center;
}



/*** 
=============================================
    Shop area style
=============================================
***/
/* Main field css css */
#shop-area .showing-result-shorting .ui-selectmenu-button {
    background: #fff !important;
    width: 200px !important;
    border-radius: 0px !important;
    border: 1px solid #f2f2f2 !important;
    color: #848484 !important;
    font-size: 15px !important;
    text-transform: capitalize;
    height: 40px !important;
    position: relative;
    transition: all 500ms ease;
}
#shop-area .showing-result-shorting .ui-selectmenu-button:focus{
    outline: none;
}
#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-align: left;
    padding: 10px 15px 10px;
    transition: all 500ms ease;
}
/* arrow button css */
#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-icon {
    display: block;
    float: right;
    height: 40px;
    position: absolute;
    text-indent: 0;
    top: 7px;
    width: 40px;
    right: 0;
    bottom: 0;
    background-image: none;
}
#shop-area .showing-result-shorting .ui-selectmenu-button span.ui-icon::before {
    color: #848484;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 17px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 7px;
}





.market-update-area .btcwdgt {
    display: block !important;
    background-color: #202020 !important;
    color: #aaa !important;
    width: auto !important;
    min-width: 240px !important;
    max-width: 770px !important;
    margin: 0px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-family: 'museo-sans-rounded', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: 1.0em !important;
    border: 1px solid #2a2a2a !important;
}
.market-update-area .btcwdgt-chart .btcwdgt-header{
    display: none !important;
}
.market-update-area .btcwdgt-chart .btcwdgt-footer{
    display: none !important;
}

.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 9px;
  font-weight: normal;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;
    
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/icon/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    /*background: url(../img/bx-slider/controls.html) -86px -44px no-repeat;*/
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .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-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

  .owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }




/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #0074d9;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color: #0074d9;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #0074d9;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(0, 116, 217, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #0074d9;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #0161b5;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #0161b5;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #0161b5;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #0161b5;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #0074d9;    
}
.btn-one:hover{
    background: #0368bf;
}





/*Theme Color File
a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a{
    color: #35ac46;
}

*/



/*Background Color
.thm-bg-clr,
.search-box{
    background-color: #35ac46;
}

*/








/* Rgba Background color 

@media only screen and (max-width: 991px){
/* Background Color 
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #35ac46;
}
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #1d1d1d;    
} 
    
*/        
    
/* Border Color    
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #279336;        
}    

    
}

*/     





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #006791;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color: #006791;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #006791;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(0, 103, 145, 0.90); 
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #006791;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #015171;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #015171;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #015171;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #015171;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #006791;    
}
.btn-one:hover{
    background: #025a7d;
}





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #3d9970;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color: #3d9970;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #3d9970;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(61, 153, 112, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #3d9970;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #267653;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #267653;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #267653;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #267653;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #3d9970;    
}
.btn-one:hover{
    background: #2d8a61;
}





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #b10dc9;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color: #b10dc9;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #b10dc9;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(177, 13, 201, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #b10dc9;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #850797;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #850797;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #850797;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #850797;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #b10dc9;    
}
.btn-one:hover{
    background: #9f0cb5;
}





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color:#FF4136;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color:#FF4136;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #FF4136;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(255, 65, 54, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color:#FF4136;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #ea2f24;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #ea2f24;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #ea2f24;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #ea2f24;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #FF4136;    
}
.btn-one:hover{
    background: #e1241a;
}





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #339900;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background-color: #339900;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #339900;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(51, 153, 0, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #339900;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #277401;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #277401;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #277401;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #277401;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #339900;    
}
.btn-one:hover{
    background: #2d8302;
}





/*Theme Color File*/
.top-right-content .top-menu-box ul li a:hover,
.rev_slider_wrapper .slide-content.right-slide .big-title span,
.single-service-item:hover .inner-content .title-holder .title h3 a,
.filters li.active span, 
.filters li:hover span,
.single-project-item .img-holder .inner-content p,
.about-right-box ul li:hover .year h3,
.about-right-box ul li:hover .text h3,
.testimonial-block-one .author-content .review-box ul li i,
.single-blog-post:hover .text-holder .bottom a,
.single-client-box:hover a.works,
.single-footer-widget .usefull-links li a:hover,
.fmenu-social-links-box .footer-menu li a:hover,
.header-area.style-two .header-right .header-social-links li a:hover i,
.mainmenu-area.style-two .main-menu .navigation > li:hover > a, 
.mainmenu-area.style-two .main-menu .navigation > li.current > a,
.mainmenu-area.style-two .main-menu .navigation li ul li:hover a,
.header-area.style-three .main-menu .navigation li a:after,
.header-area.style-four .header-top .header-top-right .top-contact-info ul li span,
.header-area.style-four .header-bottom .main-menu .navigation li a:after,
.who-weare-content .text-holder .bottom h3 span,
.our-history .thumb-box.style2 li a.active,
.our-history .single-box h3,
.support-content .inner-content .bottom .life-time-support a,
.not-found-content h1,
.single-sidebar .categories li a:hover::before,
.single-sidebar .categories li a:hover,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.blog-single-area .tag-box .tag p,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i,
.add-comment-box .add-rating-box ul li a:hover i,
.sidebar-box .single-sidebar .service-brochures li a .left .icon-holder i,
.sidebar-box .single-sidebar .service-brochures li a:hover .title-holder h5,
.sidebar-box .single-sidebar .service-brochures li a:hover .right i,
.learn-more-services .inner-content ul li:before,
.learn-more-services .inner-content ul li a:hover,
.key-benefits-content .single-box:hover .text-holder h3 a,
.single-product-item:hover .title-holder .top h5 a,
.sidebar-wrapper .single-sidebar .latest-product li .title-holder .review-box li i,
.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i,
.filters.style-two ul li.active span, 
.filters.style-two ul li:hover span,
.work-masonry-area .single-project-item .text-holder p,
.work-cha-solution-content .single-item:hover .title-holder h3 a,
.work-single-area .bottom .button a:hover,
.work-single-area .bottom .icon-holder a:hover i,


a,
.thm-clr,
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > ul > li:hover > a,
.outer-search-box .seach-toggle, 
.review-box ul li i,
.single-blog-post .text-holder .blog-title a:hover,
.accordion-box .accordion .accord-btn.active h4,
.accordion-box .accordion .accord-btn.active:after,
.single-product-item .title-holder .review-box ul li i,
.single-shop-content .content-box .review-box ul li i,
.single-shop-content .content-box .location-box form span,
.product-tab-box .tab-btns .tab-btn.active-btn span, 
.sidebar-wrapper .single-sidebar .latest-product li .title-holder h4 a:hover,
.product-tab-box .tab-btns .tab-btn:hover span,
.product-tab-box .review-form .add-rating-box ul li:hover a i,
.cart-area .cart-table tbody tr .sub-total,
.cart-total-table li span.col b,
.checkout-area .exisitng-customer h5 a,
.checkout-area .coupon h5 a,
.checkout-area .create-acc .checkbox label,
.checkout-area .table .cart-table tbody tr td.price,
.cart-total .payment-options .option-block .checkbox label span b,
.login-register-area .form a.forgot-password,
.contact-info-box-one .owl-theme .owl-nav .owl-prev,
.contact-info-box-one .owl-theme .owl-nav .owl-next{
    color: #000;
}





/*Background Color*/
.main-menu .navigation li a::before,
.services-area .owl-dots .owl-dot.active,
.single-project-info,
.fmenu-social-links-box .footer-social-links li a:hover i,
.mainmenu-area.style-two .mainmenu-middle,
.header-area.style-four .header-top .header-top-right .top-social-links ul li a:hover i,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i,
.single-team-member .text-holder span,
.single-team-member .text-holder .email-phone-info li .tooltip-data,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .categories li:hover:before,
.single-sidebar .popular-tag li a:hover,
.plan-price-content .table-heading th .button a:hover,
.single-price-item:hover .button a,
.sidebar-box .single-sidebar .service-list-box .page-links li.bg,
.single-service-slider ul.nav-link li a:hover,
.single-sidebar .price-ranger .ui-slider .ui-slider-range,
.work-info,

.thm-bg-clr,
.search-box,
.tparrows:hover,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover,
.checkout-area .exisitng-customer:before,
.checkout-area .coupon:before{
    background: #3a816a;
}





/*Border Color*/
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li:hover > a,
.testimonial-area .owl-dots .owl-dot.active, 
.faq-content-area .tab-menu li .nav-link.active, 
.faq-content-area .tab-menu li:hover .nav-link,
.accordion-holder.style-one .accordion .acc-btn.active h3,
.services-area .owl-dots .owl-dot.active,
.about-right-box ul li:hover .year,
.testimonial-area .client-thumb-outer .owl-item.active .thumb-item img,
.fmenu-social-links-box .footer-social-links li a:hover i,
.header-area.style-two .header-right .header-social-links li a:hover i,
.whychoose-left-content .single-box:hover,
.whychoose-left-content .single-box:hover .icon-holder,
.our-history .thumb-box.style2 li a.active,
.support-content .inner-content .bottom .video-content-box,
.team-area .owl-dots .owl-dot.active,
.single-sidebar .popular-tag li a:hover,
.single-service-slider .thumb-box.style2 li a.active .img-holder:before,
.key-benefits-content .single-box:hover .text-holder,

.tparrows:hover,
.add-comment-box #add-comment-form input[type="text"]:focus,
.add-comment-box #add-comment-form input[type="email"]:focus,
.add-comment-box #add-comment-form textarea:focus,
.accordion-box .accordion .accord-btn.active:after,
.post-pagination li.active a, 
.post-pagination li:hover a,
.single-sidebar .price-ranger .ui-slider-handle,
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    border-color: #1b57b0;
}





/* Rgba Background color **/
.slogan-left-content::before,
.single-project-item .img-holder .overlay-style-one,
.single-blog-post .img-holder .overlay-style-one,
.award-area.stylw-two::before,
.single-sidebar .offer-box::before,
.work-cha-solution-content .single-item .image-holder .overlay-style-one,

.overlay-style-one,
.breadcrumb-area::before{
    background: rgba(242, 138, 3, 0.90);
}





@media only screen and (max-width: 991px){
/* Background Color */    
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    background-color: #1b57b0;
}
 
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: #0a1821;    
}    
  
    
/* Border Color */        
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,    
.main-menu .navbar-collapse > .navigation > li:last-child,
.main-menu .navbar-collapse > .navigation > li > ul > li:last-child{
    border-color: #bc6b01;        
} 
.header-area.style-three .main-menu .navbar-collapse .navigation li:last-child{
    border-color: #bc6b01;     
}   
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation > li:last-child{
    border-color: #bc6b01;     
} 
.header-area.style-four .header-bottom .main-menu .navbar-collapse .navigation li ul li:last-child{
    border-color: #bc6b01;    
}     

    
}





/* Some css */
.main-menu .navigation > li > ul {
    border-top: 10px solid transparent;
}
.single-team-member .text-holder .email-phone-info li .tooltip-data:after{
    border-top-color: #1b57b0;    
}
.btn-one:hover{    background: #000;}



.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;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    40%,
    43%,
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-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);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@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);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }
    50%,
    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-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;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-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;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    0%,
    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-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;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }
    60%,
    80% {
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
        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% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) 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% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: center;
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: left bottom;
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    0%,
    to {
        -webkit-transform-origin: right bottom;
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-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);
        transform-origin: top left;
    }
    40%,
    80% {
        -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;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        transform-origin: top left;
    }
    0%,
    20%,
    60% {
        -webkit-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);
        transform-origin: top left;
    }
    40%,
    80% {
        -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;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%,
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50%,
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}
.bootstrap-select {
    width: 220px\9;
}
.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}
.bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}
.bootstrap-select > select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}
.bootstrap-select.fit-width {
    width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}
.bootstrap-select .bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}
.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
    outline: 0 !important;
}
.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
    display: block;
}
.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px;
}
.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
    width: 50%;
}
.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bs-donebutton .btn-group button {
    width: 100%;
}
.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}
.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont3295.eot?v=4.5.0");
    src: url("../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont3295.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont3295.woff?v=4.5.0") format("woff"),
        url("../fonts/fontawesome-webfont3295.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eee;
    border-radius: 0.1em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left {
    margin-right: 0.3em;
}
.fa.fa-pull-right {
    margin-left: 0.3em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: 0.3em;
}
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}
.fa-won:before,
.fa-krw:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-cart-arrow-down:before {
    content: "\f218";
}
.fa-diamond:before {
    content: "\f219";
}
.fa-ship:before {
    content: "\f21a";
}
.fa-user-secret:before {
    content: "\f21b";
}
.fa-motorcycle:before {
    content: "\f21c";
}
.fa-street-view:before {
    content: "\f21d";
}
.fa-heartbeat:before {
    content: "\f21e";
}
.fa-venus:before {
    content: "\f221";
}
.fa-mars:before {
    content: "\f222";
}
.fa-mercury:before {
    content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}
.fa-transgender-alt:before {
    content: "\f225";
}
.fa-venus-double:before {
    content: "\f226";
}
.fa-mars-double:before {
    content: "\f227";
}
.fa-venus-mars:before {
    content: "\f228";
}
.fa-mars-stroke:before {
    content: "\f229";
}
.fa-mars-stroke-v:before {
    content: "\f22a";
}
.fa-mars-stroke-h:before {
    content: "\f22b";
}
.fa-neuter:before {
    content: "\f22c";
}
.fa-genderless:before {
    content: "\f22d";
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-server:before {
    content: "\f233";
}
.fa-user-plus:before {
    content: "\f234";
}
.fa-user-times:before {
    content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-train:before {
    content: "\f238";
}
.fa-subway:before {
    content: "\f239";
}
.fa-medium:before {
    content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}
.fa-optin-monster:before {
    content: "\f23c";
}
.fa-opencart:before {
    content: "\f23d";
}
.fa-expeditedssl:before {
    content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
    content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}
.fa-mouse-pointer:before {
    content: "\f245";
}
.fa-i-cursor:before {
    content: "\f246";
}
.fa-object-group:before {
    content: "\f247";
}
.fa-object-ungroup:before {
    content: "\f248";
}
.fa-sticky-note:before {
    content: "\f249";
}
.fa-sticky-note-o:before {
    content: "\f24a";
}
.fa-cc-jcb:before {
    content: "\f24b";
}
.fa-cc-diners-club:before {
    content: "\f24c";
}
.fa-clone:before {
    content: "\f24d";
}
.fa-balance-scale:before {
    content: "\f24e";
}
.fa-hourglass-o:before {
    content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}
.fa-hourglass:before {
    content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}
.fa-hand-scissors-o:before {
    content: "\f257";
}
.fa-hand-lizard-o:before {
    content: "\f258";
}
.fa-hand-spock-o:before {
    content: "\f259";
}
.fa-hand-pointer-o:before {
    content: "\f25a";
}
.fa-hand-peace-o:before {
    content: "\f25b";
}
.fa-trademark:before {
    content: "\f25c";
}
.fa-registered:before {
    content: "\f25d";
}
.fa-creative-commons:before {
    content: "\f25e";
}
.fa-gg:before {
    content: "\f260";
}
.fa-gg-circle:before {
    content: "\f261";
}
.fa-tripadvisor:before {
    content: "\f262";
}
.fa-odnoklassniki:before {
    content: "\f263";
}
.fa-odnoklassniki-square:before {
    content: "\f264";
}
.fa-get-pocket:before {
    content: "\f265";
}
.fa-wikipedia-w:before {
    content: "\f266";
}
.fa-safari:before {
    content: "\f267";
}
.fa-chrome:before {
    content: "\f268";
}
.fa-firefox:before {
    content: "\f269";
}
.fa-opera:before {
    content: "\f26a";
}
.fa-internet-explorer:before {
    content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}
.fa-contao:before {
    content: "\f26d";
}
.fa-500px:before {
    content: "\f26e";
}
.fa-amazon:before {
    content: "\f270";
}
.fa-calendar-plus-o:before {
    content: "\f271";
}
.fa-calendar-minus-o:before {
    content: "\f272";
}
.fa-calendar-times-o:before {
    content: "\f273";
}
.fa-calendar-check-o:before {
    content: "\f274";
}
.fa-industry:before {
    content: "\f275";
}
.fa-map-pin:before {
    content: "\f276";
}
.fa-map-signs:before {
    content: "\f277";
}
.fa-map-o:before {
    content: "\f278";
}
.fa-map:before {
    content: "\f279";
}
.fa-commenting:before {
    content: "\f27a";
}
.fa-commenting-o:before {
    content: "\f27b";
}
.fa-houzz:before {
    content: "\f27c";
}
.fa-vimeo:before {
    content: "\f27d";
}
.fa-black-tie:before {
    content: "\f27e";
}
.fa-fonticons:before {
    content: "\f280";
}
.fa-reddit-alien:before {
    content: "\f281";
}
.fa-edge:before {
    content: "\f282";
}
.fa-credit-card-alt:before {
    content: "\f283";
}
.fa-codiepie:before {
    content: "\f284";
}
.fa-modx:before {
    content: "\f285";
}
.fa-fort-awesome:before {
    content: "\f286";
}
.fa-usb:before {
    content: "\f287";
}
.fa-product-hunt:before {
    content: "\f288";
}
.fa-mixcloud:before {
    content: "\f289";
}
.fa-scribd:before {
    content: "\f28a";
}
.fa-pause-circle:before {
    content: "\f28b";
}
.fa-pause-circle-o:before {
    content: "\f28c";
}
.fa-stop-circle:before {
    content: "\f28d";
}
.fa-stop-circle-o:before {
    content: "\f28e";
}
.fa-shopping-bag:before {
    content: "\f290";
}
.fa-shopping-basket:before {
    content: "\f291";
}
.fa-hashtag:before {
    content: "\f292";
}
.fa-bluetooth:before {
    content: "\f293";
}
.fa-bluetooth-b:before {
    content: "\f294";
}
.fa-percent:before {
    content: "\f295";
}

@charset "UTF-8";
body.fancybox-active {
    overflow: hidden;
}
body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}
.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}
.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    box-sizing: border-box;
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion;
}
.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0);
}
.fancybox-is-closing .fancybox-stage {
    overflow: visible;
}
.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}
.fancybox-slide--image {
    overflow: visible;
}
.fancybox-slide--image:before {
    display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df;
}
.fancybox-slide--next {
    z-index: 99995;
}
.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}
.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
    display: none;
}
.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff;
}
.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%;
}
.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff;
}
.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default;
}
.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px;
}
.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    transition: color 0.3s ease;
    cursor: pointer;
    outline: none;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: 0.6;
}
.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
.fancybox-button--share svg path {
    stroke-width: 1;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none;
}
.fancybox-button--zoom svg path {
    fill: transparent;
}
.fancybox-navigation {
    display: none;
}
.fancybox-show-nav .fancybox-navigation {
    display: block;
}
.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px;
}
.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}
.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    transition: background-color 0.25s;
    box-sizing: border-box;
    z-index: 2;
}
.fancybox-close-small:focus {
    outline: none;
}
.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: -40px;
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}
.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    pointer-events: none;
}
.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative;
}
.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}
.fancybox-slide > .fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, 0.4);
    border-top: 6px solid hsla(0, 0%, 100%, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a 0.8s infinite linear;
    animation: a 0.8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999;
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}
.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1;
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}
.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center;
}
.fancybox-share h1 {
    color: #222;
    margin: 0 0 20px;
    font-size: 35px;
    font-weight: 700;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
}
p.fancybox-share__links {
    margin-right: -10px;
}
.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    min-width: 130px;
    border: 0;
    border-radius: 3px;
    background: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    transition: all 0.2s;
}
.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 {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle;
}
.fancybox-share__button svg path {
    fill: #fff;
}
.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px;
    background: transparent;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
    border: 0;
    border-bottom: 2px solid #d7d7d7;
}
.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap;
}
.fancybox-thumbs-x > ul {
    overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}
.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}
li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}
@media (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    height: 12px;
    width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.input-box textarea{width: 100%;  padding-top: 10px !important;    height: 100px;    display: block;    padding: 0 20px;    color: #000;    font-size: 16px;    font-weight: 600;   font-family: 'Quicksand', sans-serif;    transition: all 500ms ease;}
.about-left-content .title {    padding-right: 42px;}
.about-left-content p {   text-align: justify; line-height: 27px;}
a.btn-two{position: relative;  display: inline-block;   background: #3a816a;  color: #ffffff;    width: 235px;    height: 55px;    line-height: 54px;    border-radius: 4px;    text-align: center;}
.icon img {    position: relative;    bottom: 15px;}

.tm-sc-services.services-style-current-theme .tm-service .thumb img {
  width: 100%; }

.tm-sc-services.services-style-current-theme .tm-service .details {
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    display: flex;
    padding: 18px 20px 15px;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
}
  @media screen and (prefers-reduced-motion: reduce) {
    .tm-sc-services.services-style-current-theme .tm-service .details {
      transition: none; } 
  }
  .tm-sc-services.services-style-current-theme .tm-service .details:after {
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    transition: all 0.3s; 
}
    @media screen and (prefers-reduced-motion: reduce) {
      .tm-sc-services.services-style-current-theme .tm-service .details:after {
        transition: none; } }
  .tm-sc-services.services-style-current-theme .tm-service .details .icon {
    margin-right: 30px; }
    .tm-sc-services.services-style-current-theme .tm-service .details .icon .icon-img {
      width: auto;
      transition: all 0.3s; }
      @media screen and (prefers-reduced-motion: reduce) {
        .tm-sc-services.services-style-current-theme .tm-service .details .icon .icon-img {
          transition: none; } }
.tm-sc-services.services-style-current-theme .tm-service .details .title {
    font-size: 24px;
    line-height: 1.25;
    margin: 0;
    text-transform: capitalize;
    font-weight: 600;
}
    .tm-sc-services.services-style-current-theme .tm-service .details .title a {
      color: #181818; }

.tm-sc-services.services-style-current-theme .tm-service:hover .details:after {
  height: 100%; }

.tm-sc-services.services-style-current-theme .tm-service:hover .details .icon .icon-img {
  filter: brightness(0.25); }

.tm-sc-services.services-style-current-theme .tm-service:hover .details .title a {
  color: #fff; }

.tm-sc-services.services-style2-current-theme .tm-service {
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  padding: 50px 60px 22px;
  position: relative;
  text-align: center;
  z-index: 1; }
  @media (max-width: 991.98px) {
    .tm-sc-services.services-style2-current-theme .tm-service {
      margin-bottom: 30px; } }
  .tm-sc-services.services-style2-current-theme .tm-service:after {
    border-color: transparent #000 #000 transparent;
    bottom: -1px;
    content: "";
    border-style: solid;
    border-width: 45px;
    position: absolute;
    right: 0;
    z-index: -1;
    transition: all 0.3s; }
    @media screen and (prefers-reduced-motion: reduce) {
      .tm-sc-services.services-style2-current-theme .tm-service:after {
        transition: none; } }
  .tm-sc-services.services-style2-current-theme .tm-service .icon {
    border: 10px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
    height: 152px;
    line-height: 126px;
    margin: 0 auto 22px;
    width: 152px;
    transition: all 0.3s ease; }
    @media screen and (prefers-reduced-motion: reduce) {
      .tm-sc-services.services-style2-current-theme .tm-service .icon {
        transition: none; } }
    .tm-sc-services.services-style2-current-theme .tm-service .icon .icon-img {
      width: auto; }
  .tm-sc-services.services-style2-current-theme .tm-service .details .title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 25px;
    text-transform: uppercase; }
    .tm-sc-services.services-style2-current-theme .tm-service .details .title a {
      color: #181818; }
  .tm-sc-services.services-style2-current-theme .tm-service .details p {
    color: #868686;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
    .tm-sc-services.services-style2-current-theme .tm-service .details p a {
      color: #868686; }
  .tm-sc-services.services-style2-current-theme .tm-service .shape-img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
    @media (max-width: 991.98px) {
      .tm-sc-services.services-style2-current-theme .tm-service .shape-img {
        height: 33%; } }
  .tm-sc-services.services-style2-current-theme .tm-service:hover .icon {
    transform: rotate(360deg); }


    /*
 * Shortcode: services.scss
 * -----------------------------------------------
*/
.tm-sc-services.services-style-current-theme .tm-service .details:after {background: #0d6b51;}

.tm-sc-services.services-style2-current-theme .tm-service .icon {
  background-color: #ff8432; }

.tm-sc-services.services-style2-current-theme .tm-service .details .title a:hover {
  color: #ff8432; }

.tm-sc-services.services-style2-current-theme .tm-service .details p a {
  color: #868686; }
  .tm-sc-services.services-style2-current-theme .tm-service .details p a:hover {
    color: #ff8432; }

.tm-sc-services.services-style2-current-theme .tm-service:hover:after {
  border-color: transparent #ff8432 #ff8432 transparent; }

.tm-sc-services.services-style2-current-theme .tm-service:hover .details .title a {
  color: #ff8432; }


.tm-sc-section-title {
    margin-bottom: 60px;
}


.tm-sc-section-title .title-wrapper {
  margin-bottom: 0; }
  .tm-sc-section-title .title-wrapper .icon-img {
    margin-bottom: 19px; }
  .tm-sc-section-title .title-wrapper .subtitle {
    color: #868686;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 14px;
    margin-top: 0;
    text-transform: uppercase; }
  .tm-sc-section-title .title-wrapper .title {
  
    line-height: 1.2;
    margin-bottom: 28px;
    text-transform: capitalize; }
    @media (max-width: 767.98px) {
      .tm-sc-section-title .title-wrapper .title {
        font-size: 36px; } }
  .tm-sc-section-title .title-wrapper .paragraph {
    margin-bottom: 40px; }
    .tm-sc-section-title .title-wrapper .paragraph p {
      line-height: 1.8;
      margin-bottom: 0; }
  .tm-sc-section-title .title-wrapper .section-title-align-center {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767.98px) {
      .tm-sc-section-title .title-wrapper .section-title-align-center {
        display: block;
        text-align: center; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center .align-left {
      width: 40%; }
      @media (max-width: 767.98px) {
        .tm-sc-section-title .title-wrapper .section-title-align-center .align-left {
          margin-bottom: 28px;
          width: 100%; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center .align-right {
      width: 46%; }
      @media (max-width: 767.98px) {
        .tm-sc-section-title .title-wrapper .section-title-align-center .align-right {
          width: 100%; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center .title {
      margin-bottom: 0; }
    @media (max-width: 991.98px) {
      .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 {
        display: block;
        text-align: center; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-left {
      width: 49%; }
      @media (max-width: 991.98px) {
        .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-left {
          margin-bottom: 28px;
          width: 100%; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-center {
      width: 43%; }
      @media (max-width: 991.98px) {
        .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-center {
          width: 100%; } }
    .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-right {
      display: flex;
      justify-content: flex-end;
      width: 32%; }
      @media (max-width: 991.98px) {
        .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-right {
          display: none;
          width: 100%; } }
      .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-right .project-counter {
        border: 2px solid #464646;
        padding: 27px 60px;
        display: inline-block;
        min-width: 270px; }
        .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-right .project-counter .number {
          font-size: 60px;
          font-weight: 700;
          line-height: 1;
          margin-bottom: 5px;
          margin-top: 0; }
        .tm-sc-section-title .title-wrapper .section-title-align-center.section-title-align-style2 .align-right .project-counter .counter-title {
          color: #c1c1c1;
          font-size: 16px;
          letter-spacing: 1px;
          margin-top: 0;
          text-transform: uppercase; }

.tm-sc-section-title.title-btn-right {
  align-items: center;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767.98px) {
    .tm-sc-section-title.title-btn-right {
      display: block;
      text-align: center; }
      .tm-sc-section-title.title-btn-right .tm-sc-button {
        display: none; } }

.tm-sc-section-title.text-left .title-wrapper .title:after {
  left: 0;
  transform: translateX(0%); }

.tm-sc-section-title.section-title-two {
  align-items: flex-end;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 991.98px) {
    .tm-sc-section-title.section-title-two {
      display: block; }
      .tm-sc-section-title.section-title-two .title-wrapper .title {
        margin-bottom: 30px !important; } }

.tm-sc-section-title.section-title-light .title-wrapper .subtitle {
  color: #c1c1c1; }

.tm-sc-section-title.section-title-light .title-wrapper .title {
  color: #fff; }

.tm-sc-section-title.section-title-light .title-wrapper .pragraph p {
  color: #868686; }

.tm-sc-section-title.section-title-light .title-wrapper .tm-sc-unordered-list.list-style ul li {
  color: #fff; }


  .divider-style-current-theme {
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  display: flex;
  padding: 0; }
  @media (max-width: 991.98px) {
    .divider-style-current-theme {
      display: block; } }
  .divider-style-current-theme .details {
       padding: 40px 50px;
    width: 50%;
}
    @media (max-width: 991.98px) {
      .divider-style-current-theme .details {
        width: 100%; } }
    @media (max-width: 575.98px) {
      .divider-style-current-theme .details {
        padding: 50px 30px; } }
    .divider-style-current-theme .details .tm-sc-section-title.section-title .title-wrapper .title {
      margin-bottom: 18px;
    font-weight: bold;
    color: #000;

  }
      @media (max-width: 1199.98px) {
        .divider-style-current-theme .details .tm-sc-section-title.section-title .title-wrapper .title {
          font-size: 36px; } }
      @media (max-width: 575.98px) {
        .divider-style-current-theme .details .tm-sc-section-title.section-title .title-wrapper .title {
          font-size: 30px; } }
    .divider-style-current-theme .details .tm-sc-section-title.section-title .title-wrapper .pragraph {
      margin-bottom: 25px; }
  .divider-style-current-theme .thumb {
    position: relative;
    width: 50%; }
    @media (max-width: 991.98px) {
      .divider-style-current-theme .thumb {
        width: 100%; } }
    .divider-style-current-theme .thumb img {
      width: 1000%; }
    .divider-style-current-theme .thumb .title {
      display: block;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 2px;
      line-height: 1;
      margin: 0;
      padding: 26px 83px;
      position: absolute;
      text-transform: uppercase;
      top: 45%;
      transform: rotate(90deg);
      right: -192px; }
      @media (max-width: 1199.98px) {
        .divider-style-current-theme .thumb .title {
          padding: 26px 60px 26px 60px;
          right: -136px;
          top: 42%; } }
      @media (max-width: 991.98px) {
        .divider-style-current-theme .thumb .title {
          top: 45%; } }
      @media (max-width: 575.98px) {
        .divider-style-current-theme .thumb .title {
          font-size: 13px;
          padding: 25px 30px 21px 30px;
          right: -86px;
          top: 38%; } }

.divider-style4-current-theme {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 93px 0 87px; }
  @media (max-width: 991.98px) {
    .divider-style4-current-theme {
      display: block; } }
  .divider-style4-current-theme .title {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
    max-width: 720px; }
    @media (max-width: 991.98px) {
      .divider-style4-current-theme .title {
        margin-bottom: 30px; } }
    @media (max-width: 767.98px) {
      .divider-style4-current-theme .title {
        font-size: 36px; } }
    @media (max-width: 575.98px) {
      .divider-style4-current-theme .title {
        font-size: 30px; } }

.layer-image-divider2 {
  margin-right: 47px;
  margin-top: 10px; }
  @media (max-width: 991.98px) {
    .layer-image-divider2 {
      margin-bottom: 30px;
      margin-right: 0; } }
  .layer-image-divider2 .layer-image {
    position: relative; }
    .layer-image-divider2 .layer-image:before {
      content: "";
      height: calc(100% - 20px);
      left: -20px;
      position: absolute;
      top: 0;
      width: 20px; }
    .layer-image-divider2 .layer-image:after {
      content: "";
      height: 20px;
      left: -20px;
      position: absolute;
      top: -20px;
      width: 100%; }
    .layer-image-divider2 .layer-image img {
      width: 100%; }
    .layer-image-divider2 .layer-image .play-video-button {
      bottom: 60px;
      height: 133px;
      line-height: 133px;
      position: absolute;
      right: 0;
      text-align: center;
      width: 135px; }
      .layer-image-divider2 .layer-image .play-video-button .icon {
        color: #222;
        display: block;
        font-size: 30px;
        text-align: center;
        width: 100%; }
  .layer-image-divider2 .layer-curve-right {
    position: absolute;
    right: 62px;
    top: -10px; }
    @media (max-width: 991.98px) {
      .layer-image-divider2 .layer-curve-right {
        right: 0; } }
    .layer-image-divider2 .layer-curve-right:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      border-width: 65px 55px 65px 55px;
      border-style: solid;
      border-color: #fff #fff transparent transparent; }

.layer-image-divider3 .layer-image-right {
  background-size: cover;
  background-position: center center;
  height: calc(100% - 120px);
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% + 97px);
  z-index: 1; }
  @media (max-width: 1199.98px) {
    .layer-image-divider3 .layer-image-right {
      width: 50%; } }
  @media (max-width: 991.98px) {
    .layer-image-divider3 .layer-image-right {
      height: auto;
      min-height: 550px;
      position: relative;
      width: 100%; } }
  .layer-image-divider3 .layer-image-right .play-video-button {
    background-color: #fff;
    height: 122px;
    left: 50%;
    line-height: 122px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 122px; }
    .layer-image-divider3 .layer-image-right .play-video-button .effect-wrapper {
      outline: 1px solid rgba(255, 255, 255, 0.3);
      outline-offset: 15px; }
      .layer-image-divider3 .layer-image-right .play-video-button .effect-wrapper .icon {
        font-size: 30px;
        width: 100%; }
  .layer-image-divider3 .layer-image-right .dedicated-team {
    border: 20px solid #f6f6f6;
    border-bottom: none;
    bottom: 0;
    left: -20px;
    padding: 50px 50px 40px 50px;
    position: absolute;
    text-align: center;
    width: 260px; }
    @media (max-width: 1199.98px) {
      .layer-image-divider3 .layer-image-right .dedicated-team {
        padding: 30px 40px 20px 40px; } }
    @media (max-width: 767.98px) {
      .layer-image-divider3 .layer-image-right .dedicated-team {
        padding: 20px 30px 15px 20px;
        width: 240px; } }
    .layer-image-divider3 .layer-image-right .dedicated-team .icon {
      margin-bottom: 25px; }
      @media (max-width: 767.98px) {
        .layer-image-divider3 .layer-image-right .dedicated-team .icon {
          margin-bottom: 15px; } }
      .layer-image-divider3 .layer-image-right .dedicated-team .icon .icon-img {
        width: auto; }
    .layer-image-divider3 .layer-image-right .dedicated-team .title {
      font-size: 20px;
      font-style: italic;
      line-height: 26px;
      margin-bottom: 0;
      margin-top: 0; }
      @media (max-width: 767.98px) {
        .layer-image-divider3 .layer-image-right .dedicated-team .title {
          font-size: 16px; } }

.layer-image-divider4 .layer-image {
  position: relative; }
  .layer-image-divider4 .layer-image img {
    width: 100%; }
  .layer-image-divider4 .layer-image .layer-curve-right {
    position: absolute;
    right: 0;
    top: 0; }
    .layer-image-divider4 .layer-image .layer-curve-right:after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      border-width: 60px 55px 60px 55px;
      border-style: solid;
      border-color: #fff #fff transparent transparent; }

.layer-image-divider5 .layer-image-one {
  left: 0;
  height: 630px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }

.layer-image-divider6 .layer-image-one {
  position: relative; }
  .layer-image-divider6 .layer-image-one:after {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px; }
    @media (max-width: 575.98px) {
      .layer-image-divider6 .layer-image-one:after {
        width: 15px; } }
  .layer-image-divider6 .layer-image-one img {
    width: 100%; }
  .layer-image-divider6 .layer-image-one .play-video-button {
    background-color: #fff;
    height: 122px;
    left: 50%;
    line-height: 122px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 122px; }
    @media (max-width: 575.98px) {
      .layer-image-divider6 .layer-image-one .play-video-button {
        height: 80px;
        line-height: 84px;
        width: 80px; } }
    .layer-image-divider6 .layer-image-one .play-video-button .effect-wrapper {
      outline: 1px solid rgba(255, 255, 255, 0.3);
      outline-offset: 15px; }
      @media (max-width: 575.98px) {
        .layer-image-divider6 .layer-image-one .play-video-button .effect-wrapper {
          outline-offset: 5px; } }
      .layer-image-divider6 .layer-image-one .play-video-button .effect-wrapper .icon {
        font-size: 30px;
        width: 100%; }

.layer-image-divider7 .layer-image-one {
  left: 0;
  height: 460px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }


  .divider-style-current-theme .thumb .title {
    background: #0d6b51;
  color: #271d23; }

.layer-image-divider2 .layer-image {
  position: relative; }
  .layer-image-divider2 .layer-image:before {
    background-color: #febc35; }
  .layer-image-divider2 .layer-image:after {
    background-color: #febc35; }
  .layer-image-divider2 .layer-image .play-video-button {
    background-color: #febc35; }
    .layer-image-divider2 .layer-image .play-video-button:hover {
      background-color: #d29d31; }

.layer-image-divider3 .layer-image-right .play-video-button .effect-wrapper .icon {
  color: #febc35; }

.layer-image-divider3 .layer-image-right .dedicated-team {
  background-color: #febc35; }

.layer-image-divider6 .layer-image-one:after {
  background-color: #febc35; }

.layer-image-divider6 .layer-image-one .play-video-button .effect-wrapper .icon {
  color: #febc35; }


  .btn-dark.btn-cp-effect:after {
  background-color: #4e4e4e; }

.btn-theme-colored1.btn-cp-effect:after {
  background-color: #d29d31; }

.btn-theme-colored1.btn-cp-effect:hover {
  background-color: #000; }

.cp-shape.layer-shape-style .layer-shape-left {
  background-color: #febc35; }




.tm-sc-button a {     background: #0d6b51;    padding: 0px;    border-radius: 0;    border: 0px;   padding: 14px 30px 14px 30px;    color: #fff;    font-weight: bold;    text-transform: uppercase;}
.title-wrapper h2 {    color: #000;}
.pragraph p {    line-height: 27px; text-align: justify;}
.map-find p {    color: #909090;}

figure.effect-jazz img {    opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {  position: absolute; top: 0; left: 0;    width: 100%;    height: 100%;   border-top: 1px solid #fff; border-bottom: 1px solid #fff;  content: '';    opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);    -webkit-transform-origin: 50% 50%;  transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {    opacity: 1; -webkit-transform: scale3d(0.8,0.8,1);  transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 { padding-top: 26%;   -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;}
figure.effect-jazz p {  text-transform: none;   font-size: 0.85em;  opacity: 0;}
figure.effect-jazz:hover img {  opacity: 0.1;   -webkit-transform: scale3d(1.05,1.05,1);    transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {    opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {    opacity: 1; -webkit-transform: scale3d(1,1,1);  transform: scale3d(1,1,1);}
.grid { position: relative; clear: both;    margin: 0 auto;padding: 1em 0 4em;  max-width: 1000px;  list-style: none;text-align: center;}
.grid figure {position: relative;    float: left;    overflow: hidden;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;      background-color: #006c53;  text-align: center;    cursor: pointer;}
.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {   padding: 1em;   color: #fff;    text-transform: uppercase;  font-size: 1.25em;  -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {    pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {   position: absolute; top: 0; left: 0;    width: 100%;    height: 100%;}
.grid figure figcaption > a {   z-index: 1000;  text-indent: 200%;  white-space: nowrap;font-size: 0;   opacity: 0;}
.grid figure h2 {   word-spacing: -0.15em;  font-weight: 300;}
.grid figure h2 span {  font-weight: 800;}
.grid figure h2,.grid figure p {    margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 16px; margin-top: 10px;}

.two-links button { background: #3a376c;    border-radius: 5px;    cursor: pointer;   padding: 9px 24px;}
.small-link a {    display: block;}

.color-site {    background: #000;}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3{ font-size: 25px;}
.sitema-links-item h4{ font-size: 25px;}
.black-color {    background: #000;}
.skin-color {   background: #006c53;}
.our-presence {padding-bottom: 65px; padding-top: 50px;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {  background: #000; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {    color: #fff;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;     background: #006c53; -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;      background-image: linear-gradient(to right, #000 ,  #000);  border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}
.sitemap-link {    background: #f9f9f9;}
/*.seach-toggle {    color: #efac2a !important;}*/
/*.about-right-content {    justify-content: center;    align-items: center;    display: flex;    height: 86vh;}*/

.modal-header {    padding: 0 15px !important;    color: #fff;   background: #0d6b51;  height: 46px;}
.white-wrap { border-radius: 10px;    box-shadow: 0px 5px 10px #ccc;    float: left;    width: 100%;    padding: 30px;    background: #ed1c24;margin-bottom: 40px;}
.whats-app-icon img{position: fixed;    bottom: 105px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 40px;left: 25px;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: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}
.enquiry strong{ background: #712b81; 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: #0d6b51;}
.enquiry strong:hover{ color:#000; background: #eee;}
div#exampleModal .modal-dialog{width: 100% !important;}
.modal-content{border-radius: 0;}
.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%;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; width: 100%;}
.modal_btn:hover,.modal_btn:focus{background: #000; color: #fff;}
.form-group textarea {height: 100px !important;}
span.modal-title {    display: block;    text-align: center;    width: 100%;}
span#exampleModalLabel {    line-height: 42px !important;    font-size: 25px !important;}
.modal-open .modal{z-index: 9999999999;}

.header-style2-logo img{width: 85%;}
.headers2-header-right {    margin-top: 20px;}
.headers2-header-right a {    font-weight: 600;}
.set-up  img{    filter: brightness(0.0) invert(1);}


/*Call Me*/
.phone_lefts-side {    position: relative;}
.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    animation: topBottom 4s infinite;    z-index: 999;    left: 25px;       background: #0d6b51;   color: white;    padding: 11px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}
.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;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
@keyframes glow {
  from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
  to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
  }
.bounce {    animation: bounce 965 1.6s ease infinite;    transform-origin: 50% 50%;}
@keyframes bounce {
0% {        transform: translateY(0)    }
12.5% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }

    62.5% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-15px)
    }

    100% {
        transform: translateY(0)
    }
}
form.default-form input {    color: #000;  background: #fff !important;}
form.default-form textarea {   color: #000; background: #fff !important;}
form.appoinment-form input {    padding-left: 35px !important;}
form.appoinment-form textarea {    padding-left: 35px !important; padding-top: 10px;}

i.fa.fa-search {    color: #fff;}
.seach-toggle i {    color: #fff;}
.state-content p {    text-align: justify;}
.title-holder a {    color: #fff;}
.map iframe {
    width: 100%;
    height: 300px;
}
.input-box {
    width: 48%;
    float: left;
    margin-right: 10px;
}
.input-box-textara textarea {
    width: 98% !important;
}
button.thm-bg-clr {
    width: 98% !important;
}
.full-width-type {    text-align: center;}
.full-text p {    text-align: justify;}

.input-box-side input {    width: 100%;    border: none;    margin-bottom: 15px;    height: 40px;}
.textarea-sidebar textarea {    height: 100px;    padding-top: 10px;}
.work-processing-step p {    text-align: justify;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #006c53;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #000;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 30px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.design-cadle {    padding: 125px 0 50px 0;    background: #f1f1f1;}

.input-box-home input {    width: 100%;    border: 1px solid #ccc;    height: 45px;}
.input-box-home textarea {    width: 100%;    border: 1px solid #ccc;    height: 100px;}
.input-box-home i {    position: absolute;    z-index: 99;    top: 15px;    left: 20px;}
.input-box-home {    margin-bottom: 20px;}
form.appoinment-form-1 input {    padding-left: 15px;}
form.appoinment-form-1 textarea {    padding-left: 15px;}
.input-box-textara {    float: left;    width: 100%;}
.input-box-textara {    margin-bottom: 22px;}
section.single-service-area ul li {    list-style-type: disc;    line-height: 50px;   margin-left: 15px; font-size: 18px;}
section.single-service-area p{ font-size: 18px; line-height: 30px;}


.phone_lefts-side {    position: relative;}

.phone_lefts-side a {    position: fixed;    bottom: 180px;    color: white;    background-color: #0d6b51;    animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    color: white;    padding: 9px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}

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

@-webkit-keyframes glow {

from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}

to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}

}

@keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}

.bounce {animation: bounce 965 1.6s ease infinite; transform-origin: 50% 50%;}

@keyframes bounce {

0% {transform: translateY(0);}

12.5% {transform: translateY(0);}

25% {transform: translateY(0);}

50% {transform: translateY(-15px);}

62.5% {transform: translateY(0);}

75% {transform: translateY(-15px);}

100% {transform: translateY(0);}

}

/*Whatsapp-popup*/

#whatsapp .wtsapp:focus {    border: none;    outline: none;}

#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);    /* margin: 0; */    border-radius: 50px;    border-right: none;    color: #fff;    font-weight: 700;    font-size: 18px;    bottom: 100px;    left: 20px;    border: 0;    z-index: 99;    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;}

}

.enquiry {    position: fixed;    z-index: 1000;    bottom: 20px;    left: 25px;    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: #0d6b51;    transition: 0.5s;    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}

.enquiry strong {    background: #f69a1d;    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;}

.enquiry strong:hover {    color: #000;    background: #eee;}
.single-footer-widget iframe {    width: 100%;    height: 200px;}

.contact-bg{ background: url(https://www.tmrfodderblockmachine.com/public/default/images/home-bg.webp) no-repeat;}
.contact-bg .button {    text-align: center;    margin-top: 71%;    background: #00000069;    padding: 15px;}