@charset "utf-8";
*, *:after, *:before {box-sizing: border-box;}
 
body {
    font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 0;
	margin: 0;
    color: #2a2a2a;  
}
/*----------------------------------------------------
scroll bar
------------------------------------------------------*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
    width: 6px;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #0076c8;
}
body, html{overflow-x: hidden;}
.container{position: relative; max-width: 1200px;}
.container:after, .clearfix:after{content: ""; display: block; clear: both;}
.spacer, .clear {height: 0; line-height: 0; clear: both; font-size: 0; display: block;}

/* defult css Styles
---------------------------------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, blockquote {margin: 0; padding: 0; border: 0; display: block;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height: normal;}
h1 {font-size: 28px; margin: 0 0 15px;}
h2 {font-size: 24px; margin: 0 0 15px;}
h3 {font-size: 20px; margin: 0 0 12px;}
h4 {font-size: 18px; margin: 0 0 12px;}
h5 {font-size: 16px; margin: 0 0 10px;}
h6 {font-size: 14px; margin: 0 0 10px;}
ul, ol {margin-bottom: 10px; padding-left: 15px;}
li {margin: 0 0 10px; padding: 0;}
p {padding-bottom: 20px;margin: 0;}
p:last-child{padding-bottom: 0;}
label, span, strong {display: inline-block;}
p label, p span, p strong {display: inline;}
strong{font-weight: 700;}
a {
	color: #0047b3;
	text-decoration: none;
	border: none;
	outline: none;
	display: inline-block;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
a:hover, a:focus{color: #f7bb49;text-decoration: none;outline: none;}
a:focus{color: #0047b3;}
img {border: none; outline: none; display: inline-block; max-width: 100%;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
hr {display: block; height: 1px; border: 0; margin: 10px 0; padding: 0; border-top: 1px solid #d3d3d3;}
/* ::-moz-selection{background: #0047b3; color: #fff; text-shadow: none;}
::selection{background: #0047b3; color: #fff; text-shadow: none;} */
table {border: none; border-collapse: collapse;	border-spacing: 0; width: 100%;}
table th, table td {padding: 10px 12px;	vertical-align: top; border: 1px solid #d3d3d3;}

/* FORM
---------------------------------*/
fieldset {padding: 5px 10px 10px; margin: 0 0 30px; border: 1px solid #d3d3d3;}
fieldset:last-child{margin: 0;}
legend{display: block; width: auto; max-width: 100%; padding: 0 10px; margin: 0; font-size: 16px; color: inherit; white-space: normal;}
form {margin: 0; padding: 0;}
label{
	text-align: left;
	line-height: 20px;
	margin: 0 0 8px;
	padding: 0;
	font-weight: normal;
}
.form ul{margin-left: -5px; margin-right: -5px; margin-bottom: -10px;}
.form ul li{padding: 0 5px; margin-bottom: 0;}
input, select, textarea {
	padding: 5px 10px;
	width: 100%;
	height: 48px;
    border: 1px solid #d3d3d3;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	color: #212020;
	font-size: 16px;
	line-height: 40px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    position: relative;
	vertical-align: top;
	outline: none;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
input[type="password"]{font-family: 'verdana';}
input[type="file"]{padding: 0 10px;}
textarea {height: 90px;	resize: none; overflow: auto;}
textarea.row2{height: 90px;}
textarea.row3{height: 140px;}
textarea.row4{height: 190px;}
select{
    cursor:pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/select.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 20px;
}
::-webkit-input-placeholder {opacity: 1; color: #2a2a2a;}
:-moz-placeholder {opacity: 1; color: #2a2a2a;}
::-moz-placeholder {opacity: 1; color: #2a2a2a;}
:-ms-input-placeholder {opacity: 1; color: #2a2a2a;}
input[type="radio"], input[type="checkbox"]{cursor: pointer; margin: 2px 5px 0 0; vertical-align: top;}
input[readonly="readonly"]{cursor: not-allowed; background: #f4f4f4 !important;}

input[type="text"]:focus, textarea:focus, select:focus{border-color: #0047b3; outline: none;}
.ui-datepicker{width: 240px;}
#ui-datepicker-div {font-size: 12px;}
.ui-datepicker-title select{height: 26px;background-position: 100% -15px;padding: 3px;margin: 1px 3px !important;width: 45%;border: 1px solid;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 45%;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width: 25px;height: 28px;top: 3px;border: none;}
.ui-datepicker .ui-datepicker-prev-hover{left: 2px;}
.ui-datepicker .ui-datepicker-next-hover{right: 2px;}

.form_wrap ul{list-style: none; padding: 0; margin: 0 -5px; margin-bottom: -10px;}
.form_wrap ul > li{margin-bottom: 0; padding: 0 5px;}
.labelWrap{display:block;margin:0 0 10px;line-height:inherit; position: relative;}
.labelWrap > span{margin: 0 0 5px;}
.hideLabel{position:absolute;opacity:0;pointer-events:none}
.form_wrap ul:after, .labelWrap:after, .input_check:after, .input_radio:after{content: "";display: block;clear: both;}
.labelWrap i{position: absolute; top: 20px; right: 15px; z-index: 1; pointer-events: none; color: #6b6b6b;}

.input_check, .input_radio{margin: 0; padding: 0; cursor: pointer;}
.input_check label, .input_radio label{font-family: inherit; font-weight: inherit; color: inherit;}
.input_check input[type="checkbox"], .input_radio input[type="radio"]{margin: 4px 5px 0 0;}

.col4.input_check, .col4.input_radio, .col5.input_check, .col5.input_radio{margin: 0 -10px;}
.col4.input_check > label, .col4.input_radio > label{float: left; padding: 0 10px; width: 25%;}
.col5.input_check > label, .col5.input_radio > label{float: left; padding: 0 10px; width: 20%;}

.file_upload{position: relative;}
.file_upload input{padding-right: 110px; padding-left: 0; border-width: 0;}
.file_upload label.inputfile{
    margin: 0 !important;
    padding: 0 !important;
    width: 100px;
	font-weight: normal;
    cursor: pointer;
    position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.upload_file .inputfile{position: relative; vertical-align: top; width: 100%;}
.upload_file .inputfile .btn{position: absolute; z-index: 1; height: 100%; font-size: 15px; line-height: 45px; min-width: auto; padding: 0 15px; text-transform: capitalize; background-color: #0076c8; color: #fff; border-color: #0076c8;}
.upload_file .inputfile input{padding-left: 25px;}
.file_upload label.inputfile .btn{display: block; padding: 0; min-width: auto;}
.file_upload label.inputfile input{display: none;}

.upload_file .file{width: 100%;}
.upload_file .file input{padding: 0; width: 100%;}

/* BUTTONs
---------------------------------*/
[type="submit"], [type="reset"], [type="button"], .btn {
	background: transparent no-repeat;
	border: 2px solid #0076c8;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #0076c8;
	font-size: 18px;
	line-height: 50px;
	height: 52px;
	min-width: 155px;
    padding: 0 40px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
  	outline: none;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
    position: relative;
    text-transform: uppercase;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
    z-index: 0;
	/*font-variant: small-caps;*/
}
button i, .btn i{vertical-align: middle; margin: -3px 5px 0 0; position: relative; top: 0;}
[type="reset"]{margin-right: 10px;}
[type="reset"], [type="submit"].btn_black, [type="reset"].btn_black, button.btn_black, .btn.btn_black{background-color: #1e1202; border-color: #1e1202; color: #fff;}
[type="submit"].btn_green, [type="reset"].btn_green, button.btn_green, .btn.btn_green{background-color: #f7bb49; border-color: #f7bb49; color: #fff;}
[type="submit"].btn_white, [type="reset"].btn_white, button.btn_white, .btn.btn_white{background-color: #fff; border-color: #0047b3; color: #0047b3;}
[type="submit"].btn_t, [type="reset"].btn_t, button.btn_t, .btn.btn_t{background-color: transparent; border-color: #0047b3; color: #0047b3;}
[type="submit"]:hover, [type="submit"]:focus, [type="reset"]:hover, [type="reset"]:focus, .btn:hover, .btn:focus, .btn:active:focus{
    outline: none;
	background-color: #f7ba45;
	border-color: #f7ba45;
	color: #fff;
}
[type="submit"].btn_green:hover, [type="submit"].btn_green:focus, [type="reset"].btn_green:hover, [type="reset"].btn_green:focus, button.btn_green:hover, button.btn_green:focus, button.btn_green:active:focus, .btn.btn_green:hover, .btn.btn_green:focus, .btn.btn_green:active:focus{
	background-color: #177b1e;
	border-color: #177b1e;
	color: #fff;
}

[type="submit"].btn-sm, [type="reset"].btn-sm, button.btn-sm, .btn.btn-sm{height: 34px; line-height: 32px; min-width: inherit;}
[type="submit"].btn-lg, [type="reset"].btn-lg, button.btn-lg, .btn.btn-lg{padding: 0 55px;}

.btn_group a, .btn_group input, .btn_group button{margin: 0 0 0 5px;}
.btn_group a:first-child, .btn_group input:first-child, .btn_group button:first-child{margin-left: 0;}
.btn_group a:last-child, .btn_group input:last-child, .btn_group button:last-child{margin-right: 0;}

.btn_center{text-align: center; margin-top: 30px;}
.btn_left{text-align: left;	margin-top: 30px;}
.btn_right{text-align: right; margin-top: 30px;}

/* CAPTCHA
---------------------------------*/
.captcha_img{float: left;}
.captcha_img > div, .captcha_img > img {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin: -13px -46px;
}
.captcha_img > img{max-width: inherit;}
.btn_wl {float: left; margin: 0 0 0 30px;}
.btn_wr {float: right;}
.btn_wr.w100{width: 100%; margin: 0;}
.btn_wr.w100 [type="submit"], .btn_wr.w100 [type="reset"]{width: 100%;}
/* CAPTCHA END */

/* ERROR_MSG
---------------------------------*/
.error, .success, .information { 
	background: #ffd1d1 url("../images/error_icon.png") no-repeat scroll 10px 10px / 20px 20px;
    border: 1px solid #eab4b4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #c00;
    display: block;
    font-size: 16px;
    line-height: 24px;
	min-height: 40px;
    margin: 10px 0 0;
    padding: 8px 5px 8px 40px;
	text-align: left;
}
.success {
    background-image: url(../images/success_icon.png);
	background-color: #eaf7d9;
    border-color: #c8dd9c;
    color: #425c05;
}
.information {
    background-image: url(../images/warning_icon.png);
	background-color: #ffeacd;
    border-color: #ffd396;
    color: #856404;
}
.error p, .success p, .information p {
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: inherit !important;
}
.input_error{border-color: #c00 !important;}
.input_success{border-color: #425c05 !important;}
.norecord{text-align: center;}
/* ERROR_MSG END*/

/* CLICKED
---------------------------------*/
.loader.clicked{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;}
.loader.clicked:before{-webkit-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, 0.8);}
.loader.clicked:after{width: 70px; height: 70px; margin: -35px 0 0 -35px; border-color: #fff; border-right-color: transparent;}
.noloader.loader.clicked:after{display: none;}
.loader.clicked > div{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    z-index: 1;
    margin: 40px 0 0;
    padding: 30px;
    width: 100%;
    text-align: center;
}
.loader.clicked > div span{text-transform: uppercase; margin-top: 20px;}
.clicked{position: relative; pointer-events: none;}
.clicked:before{
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
}
[type="submit"].clicked:before, [type="reset"].clicked:before, button.clicked:before, .btn.clicked:before{-webkit-border-radius: 3px;border-radius: 3px; top: -1px; left: -1px; right: -1px; bottom: -1px;}
.clicked:after{
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px;
    border: 3px solid #3799FE;
    border-right-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever;
    -moz-animation-name: rotate-forever;
    animation-name: rotate-forever;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate-forever {
  0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes rotate-forever {
  0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotate-forever {
  0% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
/*CLICKED END*/

/* PAGINATION
---------------------------------*/
.pagination {
    display: block;
    clear: both;
	margin: 40px 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 36px;
	text-align: right;
}
.pagination:after{content: ""; display: block; clear: both;}
.pagination p{
	display:inline-block;
	vertical-align:top;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: inherit;
    line-height: inherit;
}
.pagination > div{display:inline-block; vertical-align:top;}
.pagination ul {float: left; margin: 0; padding: 0;}
.pagination ul li{background: #d3d3d3; color: #fff;}
.pagination ul li, .previous_pagi, .next_pagi, a.pagination_view {
	float: left;
	display: block;
	margin: 0 0 0 5px;
	margin: 0;
    padding: 0;
	width: 36px;
	height: 36px;
    line-height: 34px;
	text-align: center;
	border: 1px solid #d3d3d3;
	border-left: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.previous_pagi{border-left: 1px solid #d3d3d3;}
.pagination ul li a{
	display: block;
	border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
	line-height: 34px;
    background: #fff;
    color: #000;
}
.previous_pagi, .next_pagi, a.pagination_view{
    padding: 0 5px;
	color: #000;
    background: #fff;
    font-size: 0;
    position: relative;
}
a.pagination_view{font-size: inherit;}
.previous_pagi:before, .next_pagi:before{
    content: "\f104";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-family:'FontAwesome';
}
.next_pagi:before{content: "\f105";}
.pagination ul li a:hover, a.previous_pagi:hover, a.next_pagi:hover, a.pagination_view:hover {background: #0047b3; color: #fff;}
/*PAGINATION END*/

/* THANKYOU
----------------------*/
.thank-u-page .card{padding: 15px; }
.thankyou_block{text-align: center;}
.thankyou_txt{margin-top: 20px;}
.thankyou_text .heading span, .thankyou_text .subheading span {display: block; color: #9cbe2f; margin-bottom: 10px;}
.thankyou_img{margin: 10px 0 20px;}
/*THANKYOU END*/

/* BREADCRUMB
----------------------*/
.breadcrumb {
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 15px 0 0;
	margin: 0 0 -35px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    color: #212020;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    text-align: center;
	z-index: 5;
}
.breadcrumb ul {margin: 0; padding: 0; list-style-type: none;}
.breadcrumb ul li {display: inline-block; vertical-align: top; margin: 0 25px 0 0; padding: 0; position: relative; font: inherit;}
.breadcrumb ul li:before{content: "/"; display: block; position: absolute; top: 1px; right: -14px; font-family:'FontAwesome';}
.breadcrumb ul li:last-child{margin: 0; padding: 0;}
.breadcrumb ul li:last-child:before{display: none;}
.breadcrumb ul li a {color: inherit;}
.breadcrumb ul li:last-child, .breadcrumb ul li a:hover {color: #f7bb49;}
/*BREADCRUMB END*/

/* VIDEO
----------------------*/
.video_block .ytube_vdo a{
    position: relative;
    padding-top: 54%;
    overflow: hidden;
    width: 100%;
    vertical-align: top;
}
.ytube_vdo{position: relative;}
.ytube_vdo:after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: url(../images/video_shadow.png) no-repeat 0 0;
    background-size: contain;
    height: 38px;
    width: 484px;
    content: "";
    margin: 0 auto;
}
.video_block .ytube_vdo a img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    object-fit: cover;
}
.vdobtn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 75px;
    height: 75px;
    font-size: 65px;
    line-height: 53px;
    background: rgba(0, 118, 200, 0.8);
    background: rgba(214, 42, 28, 0.8);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    border: 10px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
}
.vdobtn:hover{
    background: rgba(214, 42, 28, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}
.vdobtn .fa{
    line-height: inherit;
    margin: 0;
    padding-left: 10px;
}
.video_text{margin-top: 15px;}
.sk_vdo{background-color: #000; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ position: relative;}
.sk_vdo iframe, .sk_vdo img{position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100%;}
/*VIDEO END*/

/* OWL
---------------------------------*/
.owl-carousel{padding: 0 35px;}
.owl-carousel .owl-nav:after{content: ""; display: block; clear: both;}
/* .owl-carousel .owl-nav{width: 100px;	position: absolute;	right: 0; top: -65px;} */
.owl-carousel .owl-nav [class*="owl-"]{
	/* position: absolute;
	top: 50%;
	left: 0;
    margin: -30px 0 0;
    padding: 0;
    width: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 60px;
    color: #212020;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
	border-radius: 0;
    float: left;
    cursor: pointer;
	opacity: 1;
	-moz-transition: all 600ms ease-in-out 0s;
	-webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s; */
    position: absolute;
    top: 50%;
    left: 0;
    margin: -30px 0 0;
    padding: 0;
    width: 34px;
    height: 34px;
    line-height: 33px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #0076c8;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    float: left;
    cursor: pointer;
    opacity: 1;
    -moz-transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.owl-carousel .owl-nav .owl-next{float: right; padding: 0 0 0 4px; left: auto; right: 0;}
.owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled{pointer-events: none; opacity: 0.4;}
.owl-carousel .owl-nav [class*="owl-"]:hover{background: #f7bb49; color: #fff; opacity: 1;}
.owl-carousel .owl-nav.disabled + .owl-dots{margin-top: 0;}
.owl-carousel .owl-dots{text-align: center;}
.owl-carousel .owl-dots .owl-dot{
    width: 10px;
    height: 10px;
    background: #858585;
    border: 2px solid #858585;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 5px;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.owl-carousel .owl-dots .owl-dot.active{background: #0076c8; border-color: #0076c8;}
/*OWL END*/

/* COMMON STYLE
---------------------------------*/
.scroll_effect{position: relative; display: none;}
.scrollup {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    background: rgb(0, 118, 200);
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: none;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.scrollup:hover {-webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); background: rgba(0,0,0,0.7); color: #fff;}

.floatingBtn {
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 2;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 60px;
}
.floatingBtn a {
	height: 60px;
	line-height: 60px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	font-size: 24px;
}

.sk_fleft{float: left;}
.sk_fright{float: right;}
.sk_img_left{ float: left; margin: 5px 30px 0 0; }
.sk_img_right{ float: right; margin: 5px 0 0 30px; }

.ul, .alter_list{list-style: none; padding: 0; margin-top: 0; margin-bottom: -30px; overflow: hidden;}
.ul > li, .alter_list > li{margin-bottom: 30px;}
.border_list{list-style: none; padding: 0; margin: 0;}
.border_list > li{margin: 0; padding: 30px 0; border-bottom: 1px solid #d3d3d3;}
.border_list > li:first-child{padding-top: 0;}
.border_list li:last-child{padding-bottom: 0; border-bottom-width: 0;}
.divider_list{list-style: none; padding: 0;	margin: 0;}
.divider_list:after{content: "";display: block;clear: both;}
.divider_list > li{float: left;	margin: 0; padding: 0 0 0 30px;	position: relative;}
.divider_list > li:before{content: "|";	display: block;	position: absolute;	top: 0;	left: 15px;}
.divider_list > li:first-child{padding: 0;}
.divider_list > li:first-child:before{display: none;}
.center_list{text-align: center; margin-left: -16px; margin-right: -16px;}
.center_list li{float: none; display: inline-block; vertical-align: top; margin-left: -3px; margin-right: -3px;}
.border_top{padding-top: 30px; margin-top: 30px; border-top: 1px solid #d3d3d3;}
.border_btm{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d3d3d3;}
.bullet, .editor_text ul{list-style: none; margin: 0 0 20px; padding: 0; overflow: hidden;}
.bullet:last-child, .editor_text ul:last-child{margin: 0;}
.bullet li, .editor_text ul > li{padding: 0 0 0 25px; margin-bottom: 10px; position: relative;}
.bullet li:before, .editor_text ul > li:before{
    position: absolute;
	content: "\f054";
	display: block;
	font-family: 'FontAwesome';
    font-size: 14px;
	line-height: 24px;
	top: 0;
	left: 0;
}
.bullet.col2 > li, .editor_text ul.col2 > li{float: left;width: 50%;padding-right: 5px;}
.bullet.col3 > li, .editor_text ul.col3 > li{float: left;width: 33.33%;padding-right: 5px;}
.bullet.col4 > li, .editor_text ul.col4 > li{float: left;width: 25%;padding-right: 5px;}
.bullet.col5 > li, .editor_text ul.col5 > li{float: left;width: 20%;padding-right: 5px;}
.bullet.inline > li, .editor_text ul.inline > li{display: inline-block;margin-right: 40px;}
.table_box {display: table;width: 100%;height: 100%;}
.table_box_cell {display: table-cell;width: inherit;height: inherit;vertical-align: middle;}
.table_box_cell img {max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block;}

/* SITE_ICON
---------------------------------*/
.siteicon{display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(../images/sprite.png) no-repeat;}
.siteicon.icon_map{width: 27px;	height: 34px; background-position: 0 -100px;}
.siteicon.icon_phone{width: 30px; height: 30px;	background-position: -100px -100px;}
.siteicon.icon_email{width: 30px; height: 30px;	background-position: -200px -100px;}

/* SOCIAL_ICON
---------------------------------*/
.social a{color: #212020; vertical-align: top; margin: 0 5px 0 0; position: relative; font-size: 0;}
.social a:last-child{margin-right: 0;}
.social a i {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	line-height: 30px;
    font-size: 14px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.social a:hover i{-webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1;}

.social a.sk_facebook i{background-color: #3b5999; border-color: #3b5999; color: #fff;}
.social a.sk_twitter i{background-color: #1da1f2; border-color: #1da1f2; color: #fff;}
.social a.sk_linkedin i{background-color: #006fa6; border-color: #006fa6; color: #fff;}
.social a.sk_google-plus i{background-color: #DE5347; border-color: #DE5347; color: #fff;}
.social a.sk_instagram i{background-color: #A4765C; border-color: #A4765C; color: #fff;}
.social a.sk_youtube i{background-color: #E52117; border-color: #E52117; color: #fff;}
.social a.sk_pinterest i{background-color: #bd081c; border-color: #bd081c; color: #fff;}
.social a.sk_rss i{background-color: #F36F24; border-color: #F36F24; color: #fff;}

/* SECTION_HEADING
----------------------*/
.section{width: 100%; padding: 50px 0;	position: relative;}
.section:before{position: absolute;	content: ""; display: block; bottom: 0; left: 0; right: 0; top: 0; z-index: -1;}
.heading{ 
    font-weight: 500;
    color: #0076c8;
	font-size: 38px;
    line-height: 40px;
    margin-bottom: 30px; 
    position: relative;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    font-family: 'Frank Ruhl Libre', serif;
    text-transform: capitalize;
}
/* .heading span{font-family: 'Muli', sans-serif; font-weight: 400;} */
/* .heading:before{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: #0047b3;
    position: absolute;
    bottom: 0;
    left: 0;
} */
.heading.w{color: #fff}
.heading.w:before{background: #fff;}
.heading.noborder{padding-bottom: 0}
.heading.noborder:before{display: none;}
.heading.text-left{text-align: left;}
.heading.text-right{text-align: right;}
.heading.text-center{text-align: center;}
.heading.text-left:before{left: 0; right: auto;}
.heading.text-right:before{left: auto; right: 0;}
.heading.text-center:before{left: 50%; right: auto; margin: 0 0 0 -35px;}
.heading_tag{
    color: #212020;
	font-size: 22px;
    line-height: 24px;
	margin: -20px 0 25px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}
.heading_tag:first-child{margin-top: 0;}
.heading_tag p{text-align: inherit;}

.subheading{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
	color: #0f1c28;
	margin-bottom: 10px;
	position: relative;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.subheading span{font-family: 'Muli', sans-serif; font-weight: 300;}
.heading:last-child, .subheading:last-child, .heading_tag:last-child{margin-bottom: 0;}
.heading a, .subheading a{color: inherit;display: inline;}
.heading a:hover, .heading a:focus, .subheading a:hover, .subheading a:focus, a:hover .heading, a:hover .subheading{color: #0047b3;}

/* COMMON
---------------------------------*/
.disabled{opacity: 0.5; pointer-events: none;}
.sk_content_wrap:after, .sk_content:after, .sk_box:after, .sk_social:after{content: "";display: block;clear: both;}
.sk_content_wrap .sk_content{margin-bottom: 30px;}
.sk_content_wrap .sk_content:last-child{margin-bottom: 0;}
.sk_content_wrap figure{margin: 0 0 20px;}
.sk_content_wrap figure.sk_img_right{float: right; margin: 0 0 0 30px;}
.sk_content_wrap figure.sk_img_left{float: left; margin: 0 30px 0 0;}
/* .sk_content_wrap .btn_center{clear: both;} */

.sk_contact .editor_text ul > li{padding-left: 0;}
.sk_contact .editor_text ul > li::before{display: none;}
.sk_comm > i, .sk_comm > .siteicon{float: left; line-height: 30px; margin: 0;}
.sk_comm > div{margin: 0 0 0 40px; clear: none !important;}
.sk_map{-webkit-cursor: grab; cursor: grab; background: #E5E3DF; height: 300px; position: relative;}
.sk_map iframe{width: 100%; height: 100%; border: none; margin: 0;}

.sk_contact,.contact-form{
    display: inline-block;
    width: 69.60%;
    vertical-align: middle;
}
.sk_contact{width: 30%;}
.sk_contact .subheading{
    font-size: 18px;
    line-height: 20px;
    color: #111;
    font-weight: 600;
    margin-bottom: 0;
}
.sk_contact .editor_text{
    font-size: 18px;
}
.sk_contact .editor_text ul li{margin-bottom: 20px;}

.contact-form,.theiaStickySidebar form{
    background: #eeeeee;
    padding: 30px;
}
.contact-form input,.contact-form select,.contact-form textarea,.theiaStickySidebar form input,.theiaStickySidebar form textarea{background: #fff;}
.theiaStickySidebar form textarea{height: 164px;}
.contact-form textarea{
    height: 106px;
}
.withIcon.sk_content_wrap figure.sk_icon {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 20px 0 0;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
.withIcon.sk_content_wrap figure.sk_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;
}
.withIcon.sk_content_wrap .heading{padding-left: 70px;}
.withIcon.sk_content_wrap .heading:before{left: 70px;}
.withIcon.sk_content_wrap .sk_content{clear: both;}

.sk_shadow .sk_box{margin: 5px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); -webkit-border-radius: 3px; border-radius: 3px;}
.sk_shadow .sk_box figure{-webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.sk_shadow .sk_box .sk_text{padding: 0 10px 10px;}

.sk_shadow_full .sk_box{margin: 5px; padding: 10px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); -webkit-border-radius: 0; border-radius: 0;}

.sk_box figure{overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; text-align: center;}
.sk_box figure img{-webkit-transition: all 600ms ease-in-out 0s; transition: all 600ms ease-in-out 0s;}
.sk_box a{display: block; color: inherit;}
.sk_box a.btn, .sk_box a.readmore{display: inline-block;}
.sk_box .sk_text{margin-top: 10px; text-align: center;}
.sk_box .sk_text .subheading{text-align: left;}
.sk_box .sk_para{margin-bottom: 10px; text-align: left; min-height: 48px; overflow: hidden;}
.sk_info{margin-bottom: 10px; text-align: left;}
.sk_info span{margin-right: 10px;}
.sk_info span:last-child{margin-right: 0;}
.sk_info span i{margin-right: 3px;}
.sk_box .sk_para:last-child, .sk_info:last-child{margin-bottom: 0;}
.sk_box:hover a figure img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.withIcon.sk_box .sk_text{position: relative; padding: 25px 0 0; margin: 0;}
.withIcon.sk_box figure.sk_icon{
    width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin: 0 0 0 -25px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
.withIcon.sk_box figure.sk_icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
    max-height: 90%;
}
.withIcon.sk_box:hover a figure.sk_icon img{-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.sk_sideblock{margin-bottom: 40px;}
.sk_sideblock:last-child{margin-bottom: 0;}
.sk_sideblockShadow{padding:10px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);}
.sk_sideblock .bullet li:before{top: 4px;}
.sk_sideblock ul li a{display: block; color: inherit; padding: 5px 0;}
.sk_sideblock ul li.active a, .sk_sideblock ul li:hover a{color: #0047b3;}
.sk_sideblockShadow > .subheading{margin: -10px -10px 10px; padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}

.sk_toggle .sk_box{
    margin: 0 0 15px; padding: 0; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    overflow: hidden;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); 
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
.sk_toggle .sk_box .subheading{
    background: #0076c8;
    padding: 5px 15px 7px;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
}
.sk_toggle .sk_box .subheading:hover,.sk_toggle .sk_box.opened .subheading{
    background: #f7ba45;
}

.sk_toggle .sk_box:last-child{margin: 0;}
.sk_toggle .sk_ques{cursor: pointer; position: relative; padding: 0 50px 0 0;}
.sk_toggle .sk_ques:after{
    content: "\f078";
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 30px;
    height: 30px;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    color: #0076c8;
    font-size: 14px;
    font-family: 'FontAwesome';
    padding: 0 0 0 1px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sk_toggle .sk_box.opened > .sk_ques:after {line-height: 28px; padding: 0 1px 0 0; transform: rotate(180deg); background: #f7ba45; color: #fff;}
.sk_ans{display: none; margin: 0 0; padding: 15px;}

.sk_box .readmore{width:auto; height: auto; font: inherit; color: #0076c8; background: transparent; -webkit-border-radius: 0; border-radius: 0; margin: 0 0;}
.sk_box .readmore:hover{color: #212020;}

/* HEADER
---------------------------------*/
.sticky .header_main {
    position: fixed;
    top: -48px;
    background: rgba(255, 255, 255, 0.9);
    border-width: 0;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.sticky .responsive_nav{top: 53px;}
.sticky.fixed .header_main {top: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);}
.sticky .common_banner{margin-top: 65px;}
.sticky .logo{width: 70px; padding: 4px 0;}
.sticky .logo a{width: 70px; height: 40px;}
.sticky .htop, .sticky .hmiddle, .sticky .nav_wrapper:before, .sticky .nav_wrapper:after{display: none;}
.sticky .nav_wrapper{padding: 0; background: transparent; }
.sticky .nav_menu > ul{color: #000;}
.sticky .nav_menu ul li:hover > a, .sticky .nav_menu ul li.active > a, .sticky .nav_menu ul li.current-menu-item > a{color: #f7bb49;border-color: #f7bb49;}
/* .sticky .responsive_btn span, .sticky .responsive_btn span:before, .sticky .responsive_btn span:after{background: #f7bb49;} */


.close-btn{
    position: fixed;
    right: 20px;
    top: 20px;
    font-size: 35px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.quote-frm{
    position: fixed;
    top: 0%; 
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    -webkit-transform: translateY(-60%) skewX(40deg);
    -moz-transform: translateY(-60%) skewX(40deg);
    transform: translateY(-60%) skewX(40deg);
    transform-origin: top right;  
}
.quote-frm .heading{
    color: #f7ba45;
    margin-bottom: 15px;
}
.quote-frm p{
    font-size: 18px;
    line-height: 22px;
    max-width: 600px;
    margin: 0 auto;
}
.quote-frm.active{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%) skewX(0deg);
    -moz-transform: translateY(0%) skewX(0deg);
    transform: translateY(0%) skewX(0deg);
    z-index: 99;
}
.quote-frm-in{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transform-origin: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
    width: 100%;
    max-width: 750px;
}
.quote-frm-in input{border-color: #fff; color: #fff;}
.quote-frm-in input::-webkit-input-placeholder {color: #fff;}
.quote-frm-in input:-moz-placeholder {color: #fff;}
.quote-frm-in input::-moz-placeholder {color: #fff;}
.quote-frm-in input:-ms-input-placeholder { color: #fff;}
.quote-frm.active .quote-frm-in{
    opacity: 1;
    visibility: visible;
}
.quote-frm-in textarea::-webkit-input-placeholder {color: #fff;}
.quote-frm-in textarea:-moz-placeholder {color: #fff;}
.quote-frm-in textarea::-moz-placeholder {color: #fff;}
.quote-frm-in textarea:-ms-input-placeholder { color: #fff;}

.quote-frm-in textarea{color: #fff;}
.quote-row{margin-left: -5px; margin-right: -5px; overflow: hidden; margin-bottom: -10px;}
.quote-block{padding: 0 5px; margin-bottom: 10px;}

.mainHeader{position: relative; z-index: 5;}
.header_main{
	position: relative;
	left: 0;
	right: 0;
	z-index: 5; 
    height: auto;
}
.free-qt-btn{margin-left: 15px; position: relative; background: transparent; color: #0076c8; border-width: 2px; line-height: 48px;}
.free-qt-btn .fa{display: none;}
.free-qt-btn:before, .free-qt-btn:after {
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    background: #f7ba45;
    position: absolute;
    display: block;
    z-index: -1;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.free-qt-btn:after{left: auto; right: 0;}
.free-qt-btn:hover:before, .free-qt-btn:hover:after{
    width: 100%;
}
.mainFooter .free-qt-btn{display: none;}
.contact-btn{ 
    font-size: 20px; line-height: normal; color: #020841; font-weight: 600; font-family: 'Muli', sans-serif; position: relative; 
}
.contact-btn .fa{display: none;}

.contact-btn:hover{color: #0076c8;}
.contact-btn::after{
    content: "";
    position: absolute;
    left: 0; 
    background: #0076c8;
    width: 0; 
    height: 1px;
    bottom: 0;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.contact-btn:hover:after{
    width: 100%; 
}
.logo{width: 180px;	 padding: 20px 0;}
.logo a{display:block;width:180px;height:114px;background:no-repeat center;-webkit-background-size:contain;background-size:contain;}
.hright{float: right; text-align: right;height: auto;}
.htop{
    background: #171817;
    color: #fff;
    padding: 0 0 5px;
	position: relative;
    float: right;
    height: auto;
}
.htop:after{
	content: "";
	display: block;
	position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background-color: #171817;
    width: 3000px;
}
.htop .time{padding: 3px 0; font-size: 13px;}
.htop .time, .htop .social{display: inline-block; vertical-align: top; margin: 0 0 0 40px}
.htop .social a{color: #fff;}
.htop:before{
	content: "";
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -35px;
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #171817 transparent;
    z-index: 1;
}
.hmiddle{padding: 20px 0; clear: both;height: auto;}
.hinfo{list-style: none; margin: 0; padding: 0; font-size: 14px; color: #555353; line-height: 18px; display: inline-block; vertical-align: top;}
.hinfo li{display: inline-block; padding: 0; margin: 0 0 0 70px; text-align: left; vertical-align: top; clear: both;}
.hinfo li:first-child{margin: 0;}
.hinfo li:after, .hmiddle:after, .hright:after{content: ""; display: block; clear: both;}
.hinfo .siteicon{float: left; margin: 3px 0;}
.hinfo li > div{margin: 0 0 0 40px;}
.hinfo a{color: inherit;}
.hinfo a:hover{color: #f7bb49;}
.hinfo li > div span{
    display: block;
    color: #363535;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.hmiddle .btn{margin-left: 70px;}
/*HEADER END*/

/* MENU
---------------------------------*/
.nav_wrapper{position: relative; padding: 5px 0 0 0;height: auto; }
.nav_menu, .hmiddle {
    display: none;
} 
.nav_menu{height: 36px;}
.nav_menu > ul {
    margin: 0;
    padding: 0;
    color: inherit;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 15px;
	color: #fff;
	text-transform: capitalize;
    display: inline-block;
}
.nav_menu ul li {list-style: none; margin: 0; padding: 0; position: relative;}
.nav_menu > ul > li {margin: 0 35px 0 0; float: left;}
.nav_menu > ul > li:first-child{margin-left: 0;}
.nav_menu > ul > li:last-child{margin-right: 0;}
.nav_menu > ul > li a{color: inherit; display: block;}
.nav_menu > ul > li > a {
    height: 36px;
	line-height: 32px;
    padding: 0 15px;
	margin: 0;
	text-align: center;
	position: relative;
    z-index: 1;
    overflow: hidden;
    background: transparent;
    border: 2px solid transparent;
}
.nav_menu ul li a > span{display: block;position: relative;z-index: 1;}
.nav_menu > ul > li > a i.fa-home{font-size: 18px;}
.nav_menu ul li:hover > a, .nav_menu ul li.active > a, .nav_menu ul li.current-menu-item > a{border-color: #fff;}

/*******  sub menu *****/
.subarrow {
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.nav_menu ul li > .sub-menu{
	visibility: hidden;
    opacity: 0;
	position: absolute;
    top: 100%;
    left: 0;
	z-index: 1;
	padding: 0;
    margin: 15px 0 0;
    color: #fff;
	background: #0047b3;
	width: 270px;
	max-height: 380px;
    text-align: left;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.5);
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.nav_menu > ul li:hover > .sub-menu{visibility: visible;opacity: 1;}
.nav_menu > ul > li:hover > .sub-menu{margin: 0;}

.nav_menu ul li > .sub-menu ul{list-style: none; padding: 0; margin: 0;}
.nav_menu > ul > li > .sub-menu li > .sub-menu{left: 100%; top: 0; list-style: none; margin: 0 0 0 15px;}
.nav_menu > ul > li .sub-menu li:hover > .sub-menu{margin: 0;}

.nav_menu ul li .sub-menu li {height: auto;	float: none; margin: 0; padding: 0; position: relative;}

.nav_menu ul li .sub-menu li:last-child{border-bottom:none;}
.nav_menu ul li .sub-menu li:first-child {border-top: none; margin: 0;}
.nav_menu ul li .sub-menu li a{
	padding: 10px;
	line-height: 18px;
	height: auto;
	position: relative;
    overflow: hidden;
}
.nav_menu ul li .sub-menu li:last-child a{border: none;}
.nav_menu ul li .sub-menu li a:after{
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	background: #00b4d5;
	z-index: -1;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
    
}
.nav_menu ul li .sub-menu li:last-child a:after{-webkit-border-radius: 0; border-radius: 0;}
.nav_menu ul li .sub-menu li:first-child a:after{-webkit-border-radius: 0; border-radius: 0;}

.nav_menu ul li .sub-menu li:hover > a, .nav_menu ul li .sub-menu li.active > a, .nav_menu ul li .sub-menu li.current-menu-item > a{background: none; color: #fff;;}
.nav_menu ul li .sub-menu li a:hover:after, .nav_menu ul li .sub-menu li:hover > a:after, .nav_menu ul li .sub-menu li.active > a:after, .nav_menu ul li .sub-menu li.current-menu-item > a:after{width: 100%;}
.nav_menu ul li .sub-menu li i{float: right; margin: 2px -15px 0 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}

/*RESPONSIVE MENU*/
.homeBtn{
    display: none;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 20;
    margin: -2px 0;
}
.homeBtn:hover{color: #014baf;}
.responsive_btn { 
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0;
    position: relative;
    z-index: 20;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn span {display: block; height: 4px; width: 28px; position: relative; top: 50%; margin: -1px auto; }
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -8px;}
.responsive_btn span:after {bottom: -8px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after {
    background: #020739;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn:hover span:before, .responsive_btn:hover span:after{width: 32px;}
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #014baf;}

.responsive_nav {
    display: block;
    position: fixed;
    left: -430px;
    top: 154px;
    bottom: 0;
    width: 430px;
    padding-left: 60px;
    /* min-height: 100%; */
    z-index: 20;
    background: rgba(255,255,255,0.9);
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.sticky .responsive_btn{margin-top: 5px;}
.responsive_nav ul {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul li {
    /* border-top: 1px solid rgb(206, 206, 206); */
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 30px;
    color: #666666;
}
.responsive_nav ul li:first-child {border-top: none;}
.responsive_nav ul li:after{display: none;}
.responsive_nav ul li > a {display: block; padding: 15px 10px 15px 10px; color: inherit; position: relative;}
.responsive_nav ul li a:hover,.responsive_nav ul li a:focus,.responsive_nav ul li.active > a{color: #0076c8;}
.responsive_nav ul ul {padding: 0 0 15px 15px;}
.responsive_nav ul .sub-menu,.responsive_nav ul li a i {display: none;}
.responsive_nav .subarrow {display: block; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px !important; right: 0;}
.responsive_nav ul .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    transform: none;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0;}
/* .responsive .responsive_btn {pointer-events: none;} */
.responsive .responsive_btn:hover span:before, .responsive .responsive_btn:hover span:after {
    width: 100%;
}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
/*MENU END*/

/* SLIDER
---------------------------------*/
.common_banner{position: relative; overflow: hidden; height: auto;}
.common_banner img{width: 100%; display: block; opacity: 1;}
.homebanner{height: auto;}
.innerbanner{max-height: 310px; overflow: hidden;}

.bannerbox{position: relative; padding: 0 0px; }
.bannertext{
	text-align: left;
    color: #fff;
    max-width: 680px;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 40%;
    -webkit-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}
.banner_form {
    padding: 20px 0px;
    display: block; 
    width: 100%;
    background: #29c5f6;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
    width: 100%;
    position: relative;
}
.banner_form input, .banner_form select, .banner_form textarea{ 
    border: 1px solid rgba(35,148,173,0.6);
    background-color: rgba(35,148,173,0.6);
    border-color: #2394ad;
    color: #fff;
    }
.banner_form input::placeholder, .banner_form textarea::placeholder{color: #fff;}
.banner-btn{padding: 20px 0px;display: flex;align-items: center;justify-content: flex-end;}
.banner-btn [type="submit"]{
    border-color: #f7ba45;
    background-color: #f7ba45;
    color: #fff; 
}
.banner-btn [type="submit"]:hover{
    background-color: #632d8f;
    border-color: #632d8f;
}
.banner-btn .labelWrap{margin: 0;}
.banner-btn .captcha_img{margin-right: 10px;}
.banner_form .subheading{
    display: inline-flex;
    color: inherit;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    align-items: center;
}
.banner_form .subheading img{width: auto; margin-right: 10px;}
.bannertext .heading{color: inherit; font-size: 54px; line-height: 66px; padding: 0; font-family: 'Frank Ruhl Libre', serif;font-weight: 400;}
.bannertext .subheading{color: inherit;}
.bannertext .heading:before{display: none;}

.homeslider.owl-carousel{padding: 0;}
.homeslider.owl-carousel .owl-nav{width: auto;}
.homeslider.owl-carousel .owl-nav [class*="owl-"]{
	margin: -30px 0 0;
    font-size: 45px;
    min-width: inherit;
	width: 50px;
    height: 50px;
    line-height: 49px;
    color: #fff; 
    background: rgba(246, 189, 80, 0.6);
	/* background: url(../images/sprite.png) no-repeat -300px -100px; */
	opacity: 1;
}
.homeslider.owl-carousel .owl-nav [class*="owl-"]:hover{
    background: #f6bd50;
}
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:after, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:before, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next{
    background: url(../images/prev-hexa.png) no-repeat center !important;
    width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    line-height: 60px !important;
    border: none !important;
    box-shadow: none !important;
    background-size: contain !important;
}
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:after, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:before, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next{
    background: url(../images/next-hexa.png) no-repeat center !important;
    background-size: contain !important;
}
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev:after, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev:after,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev:before, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev:before,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:after, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next:after,
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:before, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next:before{
    display: none;
}
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev:after, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev:hover , 
.lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next:before, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next:hover{
    background-color: #ff8921 !important;
}
.lcl_close:hover:before{
    color: #fff !important; 
}
.lcl_close:hover:after{
    background: #ff8921 !important;
}
.lcl_play{
    background-color: rgba(255, 137, 33, 0.6) !important;
}
.lcl_play:hover::before{
    color: #fff !important; 
}
.lcl_play:hover::after{
    background: #ff8921 !important;
}

.homeslider.owl-carousel .owl-nav .owl-prev{left: -70px;}
.homeslider.owl-carousel .owl-nav .owl-next{right: -70px; /* background-position: -400px -100px; */}
.homeslider.owl-carousel:hover .owl-nav .owl-prev{left: 60px;}
.homeslider.owl-carousel:hover .owl-nav .owl-next{right: 60px;}
.homeslider.owl-carousel .owl-dots{position: absolute; left: 0; right: 0; bottom: 0;}
.homeslider .bannerimg{width: 100%; padding-top: 34%; position: relative; overflow: hidden;}
.homeslider .bannerimg img{
    width: 100%; position: absolute; top: 0; left: 0;     
    -moz-transition: all 1500ms ease-in-out !important;
    -webkit-transition: all 1500ms ease-in-out !important;
    transition: all 1500ms ease-in-out !important;
}
.homeslider .popup-youtube {
    position: absolute;
    bottom: 25px;
    left: 17%;
    color: #fff;
    font-size: 24px;
    line-height: 56px;
    padding: 0 0 0 6px;
}
.bannerpop{
    list-style: none;
}
.bannerpop li:after, .bannerpop li::before{
    content:'';
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}
.bannerpop li .pop-box {
    padding: 15px;
    font-size: 32px;
    border-radius: 10px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    display: inline-block;
    font-family: 'Kreon', serif;
}
.bannerpop li .pop-box.none {
    text-align: center;
}
.bannerpop li .pop-box.left{
    float: left;
}
.bannerpop li .pop-box.right{
    float: right;
}
.homebanner{height: 520px;}
.homebanner .pop-box ul {
    display: inline-block;
    list-style: none;
    text-align: left;
    padding:0;
}
.homebanner .pop-box ul li {
    font-size: 20px;
    line-height: 34px;
    color: #EC202E;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 0 0 35px;
    background: url(../images/arrow.png) no-repeat left center;
}
/*SLIDER END*/

/* FOOTER
---------------------------------*/
.mainFooter{background: #eeeeee; font-size: 16px; font-weight: 500; padding: 50px 0 0 0;	color: #000000;}
.mainFooter a{color: inherit;}
.mainFooter a:hover, .mainFooter .active > a, .mainFooter .current-menu-item > a, .companyname:hover{color: #d62a1c;}
.fnav ul{list-style: none; padding: 0; margin: 0; }
.fnav li{
    margin: 0 0 12px 0;
	padding: 0;
    position: relative; 
    display: block;
	font-size: 16px;
	line-height: 18px;
	text-transform: capitalize;
}
.f-contact ul{margin-bottom: 0;}
.f-contact ul li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}
.f-contact ul li .fa{position: absolute; left: 2px; top: 3px; font-size: 20px; color: #0076c8;}
.flogo{ 
    margin-bottom: 20px;
    padding-bottom: 5px;
    position: relative;
}
.flogo::after{
    content: "";
    position: absolute;
    top: 100%;
    border-bottom: 1px solid #616161;
    left: 0;
    right: 40px;
}

.fblock input,.fblock select,.fblock textarea{background: #fff; border: none;}
.fblock .subheading{
    margin-bottom: 20px;
    color: #000000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.fnav li:after{
	content: "";
	display:block;
	position: absolute;
	top: 50%;
	left: auto;
	right: -15px;
	height: 4px;
    width: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
	background: #f7ba45;
	-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
}
.fnav li:last-child{margin: 0;}
/* .fnav li:last-child:after{display: none;} */
.fnav li a{display: block; padding: 0 0 0 0;}
.fnav:after, .copyright:after{content: ""; display: block; clear: both;}
.copyright:after{content:""; display:block; clear: both;}
.copyright {
    padding: 15px 0; 
    margin-top: 15px;
    border-top: 1px solid #d6d6d6;
    font-size: 12px; 
    line-height: 15px;
    color: #000000;
    font-weight: 500;
    font-family: 'Muli', sans-serif;
}
.copyright p{padding: 0; text-align: inherit;}
.copyright p:first-child{float: left;}
.copyright p:last-child{float: right;}
/*FOOTER END*/

/* HOME PAGE
---------------------------------*/
.image_section{
    width: 40%;
    float: left;
    position: relative;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
.content_section{
    width: 60%;
    float: right;
    position: relative;
    padding: 50px 0 50px 30px;
}
.image_section_inner{
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    top: -50px;
    bottom: -50px;
    right: -50px;
} 
.content_section_inner{
    background: #f7bb49;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
.skewSection{padding: 50px 0; color: #fff;}
.skewSection .subheading{color: inherit; margin-bottom: 15px;}

.speciality_box p{text-align: left;}
.speciality_text{margin-left: 80px;}
.speciality_img{float: left; width: 50px; height: 50px; overflow: hidden;}
.speciality_img img{max-width: 100%; max-height: 100%;}

.stay_on_top{
    background: url(../images/stayontop_bg.jpg) no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    font-size: 35px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.stay_on_top .heading{font-size: 55px; line-height: 65px;}

.hook_contact{padding: 100px 0;}
.hook_contact .image_section{float: right;}
.hook_contact .content_section{float: left; padding: 50px 30px 50px 0;}
.content_section input, .content_section textarea{color: #fff}
.content_section .captcha_img{min-height: 58px;}
.content_section input::placeholder, .content_section textarea::placeholder{color: #fff;}
.content_section input::-webkit-input-placeholder, .content_section textarea::-webkit-input-placeholder{color: #fff;}
.content_section input:-moz-placeholder, .content_section textarea:-moz-placeholder{color: #fff;}
.content_section input::-moz-placeholder, .content_section textarea::-moz-placeholder{color: #fff;}
.content_section input:-ms-input-placeholder, .content_section textarea:-ms-input-placeholder{color: #fff;}
.hook_contact .image_section_inner{right: auto; left: 30px;}
.hook_contact .content_section_inner{right: -50px; left: auto;}
.free_quote_sec .heading{font-size: 60px; line-height: 60px;}
.free_quote_main{
    background: #014baf;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: -160px 0 0;
    padding: 45px;
    text-align: center;
    font-size: 20px;
}

.hook_testimonial.section{
    background: #f8f8f8;
    padding: 0;
} 
.hook_testimonial .container{
    background: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
} 
.hook_testimonial .testimonial_list .sk_box{padding-top: 0;}
.hook_testimonial .testimonial_list .sk_box .sk_text{text-align: center; background: #fff; padding-top: 0; padding-bottom: 10px; border-radius: 0; border: none;}
.hook_testimonial .testimonial_list .sk_box .sk_text::before{display: none;}
.hook_testimonial .testimonial_list .sk_box:before, .hook_testimonial .testimonial_list .sk_box figure{left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: none;}
.hook_testimonial .testimonial_list .sk_box .sk_text .sk_para{height: 72px; overflow-y: auto;}
.hook_testimonial .testimonial_list .sk_box .readmore{float: right;}
.hook_testimonial .testimonial_list .sk_box .sk_text .subheading{clear: both;}
/*HOME END*/

.cplcy{margin-left: 5px;}
/* =====================about page=============== */
.hook_about{ background: #f8f8f8; }
.inner-abt{background: #fff;}
.hook_about .heading span{display: block;}
.hook_about .sk_content_wrap figure.sk_img_right,.abt_img1 figure.sk_img_right{
    margin-right: -220px; 
    position: relative; 
}
.abt-text{
    position: absolute;
    left: -74px;
    top: 80px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #f7ba45;
}
.abt-text:after{
    content: "";
    position: absolute;
    left: 127px;
    top: 15px;
    width: 27px;
    height: 1px;
    background: #f7ba45;
}
.hook_about .sk_content_wrap .sk_content figure.sk_img_right:last-of-type,.abt_img2 figure.sk_img_right{
    margin-right: -110px;
    margin-top: 160px;
} 
.abt_img2 figure.sk_img_right{z-index: 1; position: relative;}
.abt-img{width: 500px; height: 430px; overflow: hidden; position: relative;}
.abt-img-small{
    width: 320px; height: 390px; overflow: hidden; position: relative;
}
.hook_about .sk_content_wrap .sk_content figure.sk_img_right:last-of-type{
    margin-right: -170px;
}
.abt-img img,.abt-img-small img{
    -moz-transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s; 
}
.abt-img:hover img,.abt-img-small:hover img{transform: scale(1.2);}

.abt-img-small::after,.abt-img-small::after {
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    background: #f7ba45;
    bottom: 0;
    height: 5px;
    position: absolute;
    -moz-transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.abt-img-small:hover::after,.abt-img-small:hover::after {
    width: 100%;
}
.ug-gallery-wrapper{float: right; width: 450px; margin-left: 20px;}
/* SERVICE
---------------------------------*/

.hook_service .sk_content_wrap  .sk_content{
    float: left;
    width: 73%;
}
.hook_service .sk_content_wrap  .btn_center{
    float: right;
    width: 27%;
    margin-top: 10px;
} 
.hook_service{background: #f8f8f8; padding-bottom: 0;}
.hook_service .service_list {padding: 0 35px;}
.hook_service::before{
    background: #fff;
    bottom: auto;
    height: 70%;
    left: 40px;
    right: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
    z-index: 1;
}
.hook_service  .container{z-index: 1;}
.hook_service .service_list .row{
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    padding-top: 55px;
} 
.service_list .sk_box figure.sk_img{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 105%;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.hook_service  .service_list .sk_box figure.sk_img{
    padding-top: 128%;
}
.hook_service  .service_list ul li:nth-child(2) .sk_box figure.sk_img{
    margin-top: -100px;
} 
.service_list .sk_box figure.sk_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.01);
    transform: translate(-50%,-50%) scale(1.01);
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
.service_list .sk_box figure.sk_img::after{ 
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    background: #f7ba45;
    bottom: 0;
    height: 5px;
    position: absolute;
    -moz-transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.service_list .sk_box:hover figure.sk_img::after{width: 100%;}
.service_list .sk_box .sk_para{
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    color: #0f1c28;  
}
.service_list .sk_box .sk_para .readmore{margin-left: 5px; font-weight: 700;}
.service_list .sk_box .subheading{
    font-size: 18px; 
    line-height: 20px; 
    font-family: 'Frank Ruhl Libre', serif;
    position: relative;  
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    text-align: initial;
}
.service_list .sk_box:hover a figure.sk_img img{-webkit-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1);}

.service_list .sk_box .subheading span{
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    font-family: "Frank Ruhl Libre",serif;
    font-size: 20px;
    line-height: 1.5;
    white-space: nowrap;
    text-align: center; 
   /*  background: #fff; */
    z-index: 1;
    position: relative;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.service_list .sk_box .subheading::after {
    content: '\f061';
    display: inline-block;
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 17px;
    font-weight: 300;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50%;  
    opacity: 0;
    transition: all 600ms ease-in-out;
}
.service_list .sk_box:hover .subheading::after {
    right: 0;
    opacity: 1;
}
.service_list .sk_box:hover .subheading span{
    min-width: 0;  
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
} 
/*SERVICE END*/

/* BLOG
---------------------------------*/
.blog_list .sk_box {
    position: relative;
    padding: 0 0 0 60px;
    margin-bottom: 50px;
}
.blog_list .sk_box .readmore{
    text-transform: uppercase;
    margin: 0;
    font-size: 13px;
    line-height: normal;
    color: #f7bb49;
}
.blog_list .sk_box .readmore .fa{margin-left: 5px; font-size: 15px;  
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
}
  
.blog_list .sk_box .sk_text{
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 65%;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: left;
    padding: 15px;
}

.blog_list .sk_box .side_subheading{
    position: absolute;
    top: 0;
    left: 55px;
    padding-left: 50px;
    color: #f7ba45;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.blog_list .sk_box .side_subheading::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    height: 1px;
    width: 45px;
    background-color: #f7ba45;
}
.blog_list .sk_box figure{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 65%;
    background: #ccc;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.blog_list .sk_box figure::after {
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    background: #f7ba45;
    bottom: 0;
    height: 5px;
    position: absolute;
    -moz-transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.blog_list .sk_box:hover figure::after {
    width: 100%;
}

.blog_list .sk_box figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.01);
    transform: translate(-50%,-50%) scale(1.01);
    max-width: 100%;
    max-height: 100%;

    /* width: 100%;
    object-fit: cover; */
} 

.blog_list .subheading{
    overflow: hidden;
    line-height: normal;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    font-family: 'Frank Ruhl Libre', serif;
}
.blog_list .sk_box figure .sk_info{
    position: absolute;
    bottom: 20px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    right: 20px;
    opacity: 0;
}
.blog_list .sk_box figure .sk_info span {position: relative; margin-right: 15px;}
.blog_list .sk_box figure .sk_info span:last-child {margin-right: 0;}
.blog_list .sk_box figure .sk_info span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    width: 1px;
    background: #d3d3d3;
}
.blog_list .sk_box figure .sk_info span:last-child:after {display: none;}
.blog_list .sk_box:hover a figure img{-webkit-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1);}

.blog_list .sk_box .readmore:hover .fa{
    animation-name: arrow;
    animation-duration: 1s;
}
@keyframes arrow { 
    0%  {margin-left: 12px;}
    100% {margin-left: 5px;}
}

.theiaStickySidebar .sk_info{
    color: #0076c8; 
    font-size: 18px;
    line-height: normal;
}
.comment_list .sk_box .sk_text{margin: 0;}
.comment_list .sk_box .sk_para{min-height: inherit;}
.comment_list .sk_box .sk_text .subheading{text-transform: capitalize;letter-spacing: 0;}
.comment_list .sk_box .sk_text .subheading span{margin-left: 10px;}

.sk_sideblock .subheading{background: #0076c8; color: #fff;}
.sk_sideblock {border-bottom: 5px  solid #0076c8; line-height: 18px;}
.sk_sideblock .blog_list ul li a{padding: 0;}
.sk_sideblock .blog_list .sk_box{
    font-size: 12px; line-height: 18px;
    padding: 0;
    margin: 0;
}
.sk_sideblock ul li .sk_box .sk_img{
    float: left;
    width: 25%;
    height: 50px; 
}
.sk_sideblock ul li .sk_box .sk_text .subheading{
    background: transparent;
    color: #0076c8;
    font-size: 15px;
    line-height: 17px;
    height: auto;
    text-transform: capitalize;
}
.sk_sideblock ul{margin-bottom: -15px;}
.sk_sideblock ul li{margin-bottom: 15px;}
.sk_sideblock .blog_list .sk_box figure{width: 25%; height: 46px; float: left; margin: 0 0 0 0; padding: 0;}
.sk_sideblock .blog_list .sk_box .sk_text{
    margin: 0;
    position: static;
    width: 75%;
    padding: 0 0 0 10px; 
    float: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.sk_sideblock .blog_list .sk_box .sk_info{ font-size: 12px;}
.sk_sideblock .blog_list  ul{margin-bottom: -10px;}
.sk_sideblock .blog_list  ul li{margin-bottom: 10px;}
.sk_sideblock .blog_list .sk_box figure img{width: 100%; object-fit: cover;}
/* .sk_sideblock .blog_list .subheading{
    margin-bottom: 5px;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    background: transparent;
    font-weight: 600;
    text-transform: capitalize;
}
.sk_sideblock .blog_list .sk_box .subheading::before{
    display: none;
} */
/*BLOG END*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #0076c8;
}
/* TESTIMONIAL
---------------------------------*/
.testimonial_list .sk_box {position: relative; padding-top: 40px;}
.testimonial_list .sk_box:before, .testimonial_list .sk_box figure{
    width: 80px;
    height: 80px;
    border: 2px solid #0076c8;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    overflow: hidden;
    background: #fff;
}
.testimonial_list .sk_box figure img{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
}
.testimonial_list .sk_box:before {
    content: "";
    display: block;
    background: #fff url(../images/quote.png) no-repeat scroll center center / 35px 33px;
}
.testimonial_list .sk_box .sk_text {
    padding: 50px 30px 30px; 
    margin: 0; 
    border: 3px solid #0076c8; 
    background: #fff;
    -webkit-border-radius: 15px; border-radius: 15px; 
    height: auto;
    position: relative; 
    text-align: center;
}
.testimonial_list .sk_box .sk_text .subheading{
    text-align: center; 
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    color: #0076c8;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
}
.testimonial_list .sk_box .sk_text .sk_para{height: 100px; text-align: center; margin-bottom: 20px; font-size: 15px; line-height: 25px; color: #474747;}
.testimonial_list .sk_box .sk_text::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: -10px;
    bottom: -10px;
    -webkit-border-radius: 15px; border-radius: 15px; 
    background: #0076c8;
    z-index: -1;
}
.testimonial_list .sk_box .subheading span{display: block; font-size: 16px; line-height: 24px;}
.testimonial_list .sk_box  .star-ratting{margin-top: 10px;}
.fa-star,.fa-star-o{
    color: #f2b01e;
} 
/*TESTIMONIAL END*/

/* Gallery PAGE
---------------------------------*/ 
.album_list{padding-bottom: 20px;}
.album_list .owl-carousel{margin: 0 0 30px;}
.album_list .owl-carousel .owl-nav.disabled{display: block;}
.album_list .owl-carousel .owl-nav .owl-prev.disabled, .album_list .owl-carousel .owl-nav .owl-next.disabled{opacity: 0.1;}
.item .sk_album {
    white-space: nowrap;
    font-size: 16px;
    line-height: 41px;
    height: 46px;
    color: #0f1c28;
    background: transparent;
    padding: 0 25px;
    border: 2px solid #e3e3e3;
    position: relative;
    cursor: pointer;
    min-width: 140px;
    text-align: center;  
    transform: skew(-24deg);
} 
.item .sk_album span{ transform: skew(24deg);}
.item .selected.sk_album,.item .sk_album:hover{background: #0076c8; border-color: #0076c8; color: #fff;}
.selected.sk_album{color: #f7bb49;}

.sk_sideblock .album_list .ul{margin: 0;}
.sk_sideblock .album_list .ul > li{padding: 0 0 0 30px; margin-bottom: 10px; position: relative;}
.sk_sideblock .album_list .ul > li:last-child{margin-bottom: 0;}
.sk_sideblock .album_list .ul > li:before{
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/bullet.png) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
}

.masonry {
    margin: 0;
    padding: 0;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}   
.gallery_list .ul{
    margin-bottom: -15px;
    overflow: visible;
}
.gallery_list .ul > li {
    margin-bottom: 15px;
}
.hook_gallery {
    background: #f8f8f8;
}
 
.hook_gallery .gallery_listing .owl-carousel .owl-item .item  .sk_box figure{
    padding-top: 75%;
}
.hook_gallery .gallery_listing .owl-carousel .owl-nav,.hook_gallery .gallery_listing .owl-carousel .owl-dots{
    width: 770px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
}
.hook_gallery .gallery_listing .owl-carousel .owl-nav{
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -60px;
}
.hook_gallery .gallery_listing .sk_box{
    overflow: visible;
    background: transparent;
}
.hook_gallery .gallery_listing .owl-carousel{padding: 0;}
.hook_gallery .gallery_listing .owl-carousel .owl-item{
    padding-top: 60px;
}
.hook_gallery .gallery_listing .owl-carousel .owl-dots{top: auto; bottom: 10px; text-align: right; padding-right: 15px;}
.hook_gallery .gallery_listing .owl-carousel .owl-nav [class*="owl-"] {
    height: 70px;
    line-height: 68px;
    width: 44px;
    font-size: 25px;
}

.hook_gallery .gallery_listing .sk_box figure{
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.hook_gallery .gallery_listing .sk_box figure{position: relative; overflow: hidden; width: 770px;}
.hook_gallery .gallery_listing .sk_box .readmore{display: none;}
.hook_gallery .gallery_listing .sk_box figure img{
    position: absolute; 
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: contain;
}
.hook_gallery .gallery_listing .sk_box figure{
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}
.hook_gallery .gallery_listing .center .sk_box figure{ 
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transform: translateY(-60px);
	transform: translateY(-60px);
}
.hook_gallery .container{max-width: 100%; padding: 0;}
.hook_gallery .isSuffle {height: 700px !important; margin: 0 -10px -10px; overflow: hidden !important;}
.hook_gallery .isSuffle li{width: 25%; padding: 0 5px; margin-bottom: 10px !important;}

.isSuffle {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    height: 700px;
    margin-bottom: 0;
}
.isSuffle li {
    width: 24%;
    margin-bottom: 20px;
}
/* .isSuffle li:nth-child(3n+1) {
    order: 1;
}
.isSuffle li:nth-child(3n+2) {
    order: 2;
}
.isSuffle li:nth-child(3n) {
    order: 3;
} */
/* .isSuffle li:nth-child(3n) {
    order: 4;
}
.isSuffle li:nth-child(3n) {
    order: 3;
} */
.isSuffle li:nth-child(n) {
    order: 2;
}
.isSuffle li:nth-child(2n+1) {
    order: 1;
}

.isSuffle::before, .isSuffle::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 2;
}


.gallery_listing .sk_box{position: relative; overflow: hidden; background: #000; color: #fff;}
.gallery_listing .sk_box figure{-webkit-border-radius: 0; border-radius: 0;}
.gallery_listing .sk_box figure img{display: block; width: 100%;}
.gallery_listing .sk_box .sk_text{
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    padding: 10px;
    margin: 0;
    -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.gallery_listing .readmore{
    width: 50px;
    height: 50px;
    background: #0076c8;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0;
    color: #fff;
    font-size: 0;
    position: relative;
}
.gallery_listing .readmore:before{
    content: "\f00e";
    display: block;
    font-family:'FontAwesome';
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.gallery_listing .readmore:hover{color: #fff;}
.gallery_listing .sk_box .sk_text .subheading{text-align: inherit; color: inherit; text-transform: uppercase;}
.gallery_listing .sk_box:hover figure img{opacity: 0.5;}
.gallery_listing .sk_box:hover .sk_text{
    top: 50%; 
}
#lcl_wrap:not(.lcl_on_mobile) .lcl_tn_inner li:not(.lcl_sel_thumb):hover,.lcl_tn_inner li.lcl_sel_thumb{border: 2px solid #f7bb49;}
/*GALLERY END*/

/* =======partners page start here=========== */
.brand_list .sk_box figure{
    /* position: relative;
    width: 100%;
    padding-top: 34%; */
    background: #f7f7f7;
    height: 165px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand_list .sk_box figure img{
   /*  position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); */
    filter: grayscale(100%); 
}
.brand_list .sk_box:hover figure img{ 
    -webkit-transform: scale(1);
    -moz-transform:  scale(1);
    transform: scale(1);
    filter: grayscale(0%); 
}
.hook_partner{
    background: #f8f8f8; 
}


/* =====area_list========= */
.area_list .sk_box{
    border: 2px solid #0076c8;
    position: relative;
    font-size: 18px;
    background: #fff;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 8px 8px 5px 0 rgba(0,0,0,0.3);
    box-shadow: 8px 8px 5px 0 rgba(0,0,0,0.3);
    padding: 20px;
    width: 100%;
}
.area_list ul li a{width: 100%; text-align: center;}
.area_list ul li{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; 
}
.area_list ul li:nth-child(even){
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight; 
}
.area_list .sk_box .subheading{font-size: 20px; line-height: normal; font-weight: 700;}
.area_list .sk_box::before {
    position: absolute;
    content: ""; 
    height: 100%;
    width: 100%;
    right: -8px; 
    bottom: -8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #0076c8;
    z-index: -1;
}


/* PRODUCT PAGE
---------------------------------*/
.product_list ul li:nth-child(even) .service_box .service_img{float: right; margin: 0 0 0 35px;}
.product_list .service_box .subheading{text-transform: capitalize}
/*PRODUCT END*/

/*-----------------------Floating quote form-------------*/

.quoteLeft {
	position:fixed;
	right:-270px;
	top:155px;
	width:270px;
	min-height:180px;
	padding: 10px 0;
	z-index:9;
	border-radius:0 0 0 8px;
	background:#f7bb49;
}
.stopScroll .quoteLeft{
    -webkit-box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.clk_quot span, .clk_quot p{display: inline;}
/* .clk_quot p{
 padding-left: 10px;
} */
.quoteLeft .error,.quoteLeft .success,.quoteLeft .information{
    font-size: 15px;
    line-height: 18px;
}
/* a.clk_quot {
    display: block;
    position: absolute;
    left: -155px;
    font-size: 20px;
    top: 85px;
    font-weight: 700;
    z-index: 9;
    text-transform: uppercase;
    width: 240px;
    height: 70px;
    background: #f7bb49;
    border-radius: 55px 55px 0 0;
    line-height: 70px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1);
} */
.lcl_dark .lcl_close{
    border-radius: 100% !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #D62A1C !important;
    overflow: hidden;
}
.lcl_dark .lcl_close:before{
    line-height: 39px !important;
}
a.clk_quot {
    display: block;
    position: absolute;
    left: -125px;
    font-size: 20px;
    top: 75px;
    font-weight: 700;
    z-index: 9;
    text-transform: uppercase;
    width: 200px;
    height: 50px;
    background: #f7bb49;
    border-radius: 45px 45px 0 0;
    line-height: 55px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.3);
}
a.clk_quot i{
    font-weight: bold;
}
a.clk_quot:hover, .a.clk_quot:focus{
 color: #fff;
 background: #0076c8;
}
.quoteLeft form{overflow: hidden; overflow-y: auto; padding: 0 10px;}
.quoteLeft input[type=email], .quoteLeft input[type=text], .quoteLeft select {
    display:block;		
    margin: 0 0 0px;	
    font-size: 13px;
    line-height: 17px;
    height: 30px;
    padding:6px;
    background-position: 98% -12px;
    color: #000;
    background-color: #fff;
} 
.quoteLeft .labelWrap{
    margin-bottom: 0;
}
.quoteLeft form input::placeholder, .quoteLeft form textarea::placeholder{
    color: #000;
}
.quoteLeft .file_upload input{background: transparent; color: #fff;}
.quoteLeft .file_upload input::placeholder{
    color: #fff;
}
.quoteLeft input[type='email']:focus, .quoteLeft input[type='text']:focus{box-shadow:none; -webkit-box-shadow:none;}
.quoteLeft textarea {
    height:85px;
    margin:0 0 0;
    font-size:13px;
    outline:0;
    resize:none;
    padding:6px;
    background: #fff;
    }
.quoteLeft button[type='submit'] {
    background: #0047b3;
    font-size: 14px;
    color: #fff;
    height: 38px;
    line-height: normal;
    text-transform: uppercase;
    padding: 4px;
    width: auto;
    min-width: auto; 
    padding: 0 10px;
}
.quoteLeft ul li{
    padding-left: 10px;
}
.quoteLeft .captcha_img > div,.quoteLeft .captcha_img > img {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin: -19px -76px;
}
.quoteLeft .mCSB_outside + .mCSB_scrollTools{right: 0;}
.quoteLeft textarea{line-height: normal;}
.quoteLeft button[type='submit']:hover {
background:#000;
}
.q_captcha > div{float: left; -webkit-transform: scale(0.8); transform: scale(0.8); margin: -8px -30px;}
.q_captcha_btn input[type="submit"]{float: right; margin-top: 10px; }

/*-----------------------Floating quote form end-------------*/

/* REVIEW
---------------------------------*/
/* .footer-review{margin-top: 20px;} */

.footer-review{
    margin-top: 20px; 
    right: -50px;
    top: auto;
    z-index: 999;
    bottom: 200px;
}
.footer-review:after{content: "";display: block;clear: both;}
.rateBox {
    float: left;
    margin: 0 0 20px 0;
    position: relative;
    /* transform: rotate(-90deg); */
}

/* .rateBox:before {
    content: '';
    position: absolute;
    border: 1px solid #eeb313;
    right: -1px;
    top: 15px;
    bottom: 15px;
    z-index: 2;

} */

.rateBox:last-child::before {
    border: none;
}

.rateBox:last-child {
    margin: 0;
}

.rateBox a {
    display: block;
    color: inherit;
    position: relative;
    /* width: 80px;
    height: 70px; */
    padding: 0;
    margin: 0;
    text-align: center;
    width: 155px;
    height: 50px;
}

.rateBox .rateyo-readonly-widg{
   /*  position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1; */
    position: absolute;
    bottom: 42px;
    left: 74px;
    z-index: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    bottom: 30px;
    left: 55px;
} 

.rateBox .rateImg img {
    display: block;
    border: 1px solid #fff;
    border-radius: 50px;
}
.rateBox:first-child{margin-right: 5px;}
.rateBox .rateText {
    padding: 9px 0;
    letter-spacing: 1px;
}

.review_btn_wrap .star {
    text-align: center;
    margin: 0 -12px;
}

.review_btn_wrap .star span,
.review_btn_wrap .star a {
    display: inline-block;
    vertical-align: top;
    width: 116px;
    height: 106px;
    background: no-repeat -120px 0;
    margin: 0 6px;
    cursor: pointer;
    font-size: 0;
    -webkit-transition: none;
    transition: none;
}

.review_btn_wrap .star span.rated,
.review_btn_wrap .star a.rated {
    background-position: 0 0;
}

.finalrate {
    text-align: center;
    padding: 30px 0 0;
}

#review_form {
    padding: 30px 0 0;
}

.rateBlock .rateInner {
    width: 910px;
    max-width: 100%;
    margin: 0 auto;
}

.rateBlock .rateInner .subheading {
    font-size: 18px;
    color: #f00;
    text-transform: none;
    line-height: 24px;
}

#review_share {
    width: 550px;
    /*  max-width: 90%; */
}

.reviewShare_body {
    background: #eee;
}

.reviewShare_body .subheading {
    padding: 15px 50px 15px 20px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}

.reviewShare_body .review_links {
    padding: 20px;
    text-align: center;
}

.reviewShare_body .linkWrap {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); */
    border: 1px solid #d9d9d9;
    border-top-color: #f2f2f2;
    border-bottom-color: #bfbfbf;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 0;
    margin: 0 auto;
    width: 300px;
    height: 150px;
}

.reviewShare_body .linkWrap:hover {
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); */
}

.reviewShare_body .review_links a {
    display: block;
    height: 100%;
    background: no-repeat center;
}

.reviewFancy .fancybox-skin {
    padding: 0 !important;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.reviewFancy .fancybox-inner {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.reviewFancy .fancybox-close {
    background: none;
    text-align: center;
    line-height: 36px;
    right: 2px;
    top: 2px;
}

.reviewFancy .fancybox-close:after {
    content: "×";
    font-weight: bold;
    display: block;
    font-size: 25px;
    color: #ccc;
}

.reviewFancy .fancybox-close:hover:after {
    color: #555;
}

.fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.8)
}

/* Review Tab */

/* HELPER_CSS
---------------------------------*/
.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}
.mt_25{margin-top: -25px;}
.mt_85{margin-top: -85px;}
.mt_210{margin-top: -210px;}

.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}

.ml0{margin-left: 0;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}

.mr0{margin-right: 0;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}

.pt0{padding-top: 0;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}
.pt95{padding-top: 95px;}
.pt100{padding-top: 100px;}
.pt_25{padding-top: -25px;}
.pt_85{padding-top: -85px;}
.pt_210{padding-top: -210px;}

.pb0{padding-bottom: 0;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}
.pb95{padding-bottom: 95px;}
.pb100{padding-bottom: 100px;}

.pl0{padding-left: 0;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pl90{padding-left: 90px;}
.pl95{padding-left: 95px;}
.pl100{padding-left: 100px;}

.pr0{padding-right: 0;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr85{padding-right: 85px;}
.pr90{padding-right: 90px;}
.pr95{padding-right: 95px;}
.pr100{padding-right: 100px;}

.ph0 {padding-top: 0; padding-bottom: 0;}
.ph60 {padding-top: 60px; padding-bottom: 60px;}

.w0{width: 0;}
.w10{width: 10%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w33{width: 33.33%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w66{width: 66.66%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
.h0{height: 0;}
.h100{height: 100%;}

.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}

.white{color: #fff;}
.black{color: #000;}
.red{color: #f00;}
.blue{color: #0047b3;}
.green{color: #9cbe2f;}
.read_more_text, 
.hide{display: none;}
.rmt-more,.rmt-less,.read_more,.read_less {
    color: #fff !important;
    width: auto;
    min-width: auto;
    margin-top: 10px;
    padding: 0 35px 0 20px;
    background-color: #dd4334;
    border-color:#dd4334 ;
    position: relative;
    height: 34px;
    line-height: 33px;
    cursor: pointer;
}
.rmt-more::before, .rmt-less::before,.read_more::before,.read_less::before{
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: normal; 
}
.rmt-less::before,.read_less::before{
    content: "\f062";
}
.read_more.btn:hover, 
.read_less.btn:hover{
    background-color: #f7ba45;
}  

.category_list input[type="radio"], .category_list  input[type="checkbox"]{
    width:20px;
    height: 20px;
}

.leadinModal-content{
    background: #d62a1c !important;
    padding: 0;
    width: 16em;
    border-width: 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -ms-border-radius: 5px 0 0 0;
    -o-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    right: 0;
    left: auto;
    bottom: 0;
    border-top-style: solid;
    position: fixed;
    font-size: 14px;
    overflow: auto;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
    border-color: #d62a1c !important;
    display: block;
    color: #fff;
    text-decoration: none;
    z-index: 9999;
}
.leadin-preview-wrapper{
    padding: 2em 1.5em;
    padding-bottom: 1.5em;
    display: block;
    max-width: 1000px;
    margin: 0 auto;
}
.form-section{width: 30em !important;}
.dyno-image-inner{
    vertical-align: top;
    float: left;
    width: 100px;
    margin-right: 22px;
    display: table-cell;
}
.leadin-preview-wrapper h4{
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}
.leadin-preview-wrapper p{
    padding-left: 122px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}
.advance-wrapper{
    display: block; 
}
.advance-wrapper .leadin-button,
.advance-wrapper-form .leadin-button{
    padding: 0.7em 1.7em;
    font-weight: normal;
    color: #d62a1c !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
    border-radius: 0.25em;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 1em;
    background: #FFFFFF !important;
    text-align: center;
    border: none;
    line-height: 1;
    width: 100%;
    text-decoration: none;
}
.advance-wrapper .leadin-button:hover,
.advance-wrapper .leadin-button:active{
    color: #242d3c !important;
    outline: 0;
    box-shadow: none;
}
.advance-wrapper-form  .leadin-button:hover,
.advance-wrapper-form  .leadin-button:active{
    color: #fff !important;
    background: #242d3c !important;
    outline: 0;
    box-shadow: none;
}
.leadinModal-close{
    top: 0px;
    right: 0;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -ms-border-radius: 0em;
    -o-border-radius: 0em;
    border-radius: 0em;
    text-align: center;
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    background-color: transparent;
    color: #fff;
    border: none;
    box-shadow: none;
    outline: 0;
    padding: 0;
    -moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.leadinModal-close:hover{
    background-color: #000;
    color: #fff;
}
.leadinModal-close:active,
.leadinModal-close:focus{
    box-shadow: none;
    outline: 0;
}
.leadinModal-close:before{
    display: inline-block !important;
    -webkit-border-radius: 0.33em;
    -moz-border-radius: 0.33em;
    -ms-border-radius: 0.33em;
    -o-border-radius: 0.33em;
    border-radius: 0.33em;
    content: "\00D7";
    font-size: 25px;
    font-weight: normal;
    line-height: 18px;
    width: 40px;
    height: 32px;
    text-align: right;
    color: #bbb;
    background: transparent;
    padding-top: 6px;
    padding-right: 12px;
    color: #FFFFFF !important;
}
.advance-wrapper-form{margin-top: 20px;}
.advance-wrapper-form input {
    height:40px;
    display: block;
    color: #fff;
}
.advance-wrapper-form textarea{  color: #fff;}
.advance-wrapper-form input[type="text"]:focus,
.advance-wrapper-form textarea:focus,
.advance-wrapper-form select:focus{
    border-color: #fff !important;
    outline: none;
  }
.advance-wrapper-form{margin-top: 0px;}
.advance-wrapper-form ul li{margin-bottom: 10px;}
.form-section{display: none;}
.form-section ::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
  .form-section-top{display: none !important;}
  
  .form-section :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  .form-section ::placeholder {
    color: #fff;
  }
  .theiaStickySidebar .sk_content_wrap figure.sk_img_right{
    width: 40%;
  }

.category_list{
    display: flex;
    padding: 30px 10px;
    background-color: #f1f1f1;
    border-left: 4px solid #f7bb49;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
}
.reset_filter_cat.btn {
    order: 2;
    padding: 0 15px;
    font-size: 15px;
    height: 32px;
    line-height:28px;
    background: #fff;
}
.category_list ul{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center; 
}
.category_list ul li{margin-right: 20px;}
.category_list ul li label{font-weight: 600;}


/*Checkboxes styles*/
.category_list input[type="checkbox"] { display: none; }

.category_list input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 24px;
}

.category_list input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.category_list input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #f7bb49;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.category_list input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.estimate_head { 
    height: 150px;  
    text-align: center;
    float: left;
}
.table_box {
    display: table;
    width: 100%;
    height: 100%;
}
.table_box_cell {
    display: table-cell;
    width: inherit;
    height: inherit;
    vertical-align: middle;
}
.estimate_head span {
    width: 64px;
    height: 64px;
    background: url(../images/sprite-one.png) no-repeat -150px 0;
    margin: 0 auto 12px;
}
.estimate_head .heading {
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    color: #272727;
}
.estimate_head .heading .fa{display: none;}
.estimate_head .heading em:first-child {
    margin-right: 5px;
}
.estimate_head .heading em {
    font-size: 40px;
}
.heading em {
    font-style: normal;
    display: block;
}
.estimate_cont {
    padding: 0 0 0 310px; 
}
.banner_slider{
    position: relative;
}
.video_banner {
    height: 440px;
}
.video_banner {
    position: relative;
    margin-bottom: 0;
    height: 590px;
    overflow: hidden;
}

.video_banner_container {
    height: 465px;
    position: relative;
    width: 100%;
    padding-top: 56.2%;
    z-index: 1;
    overflow: hidden;
    background: #f3f3f3 url(../images/loader.gif) no-repeat center center;
}
.video_banner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -175px;
    left: 0;
}
.contact-form   select{
    line-height: normal;
    background-position: 100% -5px;
}

/* ---- grid ---- */

.grid {
   margin-left: -8px;
   margin-right: -8px;
  }
  
  /* clear fix */
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- .grid-item ---- */
  
  .grid-sizer,
  .grid-item {
    width: 33.333%;
    padding: 0 8px;
    margin-bottom: 16px;
  }
  
  .grid-item {
    float: left;
  }
  
  .grid-item img {
    display: block;
    max-width: 100%;
  }

  
.carousel-cell {
    width: 52%; 
    margin-right: 0;
    background: #8C8;
    border-radius: 5px;
    text-align: center;
    overflow: hidden; 
  
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, 
    -webkit-transform 400ms ease; 
  }
  .carousel-cell img{width: 100%;}
  .carousel-cell.is-selected { 
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
  }
  .flickity-viewport { padding-top: 80px; }
  .flickity-prev-next-button.previous{left: 24%; margin-top: -50px;}
  .flickity-prev-next-button.next{right: 24%; margin-top: -50px;}
  .flickity-page-dots {  
    bottom: 25px;  
    text-align: right; 
    padding-right: 26%;
  }
  .flickity-page-dots .dot{
    background: #0076c8;
  }
  .flickity-button-icon {
    fill: white;
  }
  .flickity-prev-next-button{background: #0076c8; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
  .flickity-button:hover {
    background: #d62a1c; 
    border-color: #d62a1c;
  }
  .flickity-prev-next-button{
    min-width: auto !important;
    position: absolute;
    padding: 0 !important;
    height: 60px !important;
}
.flickity-prev-next-button svg{display: none;}
.flickity-prev-next-button::before{
    font-family: 'FontAwesome';
    font-size: 24px;
    content: "\f178";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
    color: #fff;
}
  
.flickity-prev-next-button.previous::before{ 
    content: "\f177"; 
    font-weight: 400;
}


#baslider{
    margin: 40px 0;
}
.beer-slider { 
    text-transform: uppercase; 
    width: 100%;
  }
  .beer-slider>img{width: 100%;}
/*   .beer-reveal,
  .beer-range,
  .beer-ready .beer-handle,
   .beer-ready .beer-reveal{
    -webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out; 
    transition: all 300ms ease-in-out; 
  } */
  .beer-slider[data-beer-label]:after{right: 0;}
  .beer-reveal[data-beer-label]:after{left: 0;}
  .beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after{
    top: auto; bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    color: #fff;
    padding: 18px 30px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 700;
  }
  .beer-slider .sk_img img{width: 100%;}
  .beer-slider .sk_img{max-height: 900px; overflow: hidden;}
  /* ========arrow icon=========== */
.beer-handle ,.beer-range:focus~.beer-handle{
    height: 98px;
    width: 98px;
    background-image: url(../images/sample/beforeafter-drag-icon.png); 
    /* opacity: 0.8 !important; */
}
.beer-handle:before{display: none;}
.beer-handle:after{
    height: 1020px;
    width: 4px;
    transform: none;
    border: none;
    background: #fff;
    top: -440px;
    right: 46px;
}
.cl-btn {
    margin: 0 0 0 15px;
    font-size: 25px;
    position: relative;
    padding: 0 0 0 24px;
}
.cl-btn .fa {
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 24px;
    color: #0076c8;
    
}
.vdo-btn{
    -webkit-transition-property: background-color, color;
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: relative;
    height: 55px;
    width: 55px;
    background: #d21d1d;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
}
.vdo-btn:after, .vdo-btn:before {
    width: 55px;
    height: 55px;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: box-shadow .4s ease;
    -webkit-transition: -webkit-box-shadow .4s ease;
    -moz-transition: -moz-box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
    border-radius: 50%;
    content: '';
    pointer-events: none;
    box-shadow: 0 0 0 2px rgba(210, 29, 29, 0.5);
}
.vdo-btn:before {
    -webkit-animation: anim-effect-ivana-1 2s infinite;
    -moz-animation: anim-effect-ivana-1 2s infinite;
    -o-animation: anim-effect-ivana-1 2s infinite;
    animation: anim-effect-ivana-1 2s infinite;
}
.vdo-btn:after {
    -webkit-animation: anim-effect-ivana-2 2s infinite;
    -moz-animation: anim-effect-ivana-2 2s infinite;
    -o-animation: anim-effect-ivana-2 2s infinite;
    animation: anim-effect-ivana-2 2s infinite;
}
@-webkit-keyframes anim-effect-ivana-2 {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	70% {
	opacity:1;
	-webkit-transform:scale3d(1.2, 1.2, 1);
	transform:scale3d(1.2, 1.2, 1)
	}
	100% {
	opacity:0;
	-webkit-transform:scale3d(1.2, 1.2, 1);
	transform:scale3d(1.2, 1.2, 1)
	}
	}
	@-moz-keyframes anim-effect-ivana-2 {
	0% {
	opacity:0;
	-moz-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	70% {
	opacity:1;
	-moz-transform:scale3d(1.2, 1.2, 1);
	transform:scale3d(1.2, 1.2, 1)
	}
	100% {
	opacity:0;
	-moz-transform:scale3d(1.2, 1.2, 1);
	transform:scale3d(1.2, 1.2, 1)
	}
	}
	@-ms-keyframes anim-effect-ivana-2 {
	0%, 100% {
	opacity:0
	}
	0% {
	-ms-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	70% {
	opacity:1;
	transform:scale3d(1.2, 1.2, 1)
	}
	100%, 70% {
	-ms-transform:scale3d(1.2, 1.2, 1)
	}
	100% {
	transform:scale3d(1.2, 1.2, 1)
	}
	}
	@keyframes anim-effect-ivana-2 {
	0% {
	opacity:0;
	transform:scale3d(.8, .8, 1)
	}
	70% {
	opacity:1;
	transform:scale3d(1.2, 1.2, 1)
	}
	100% {
	opacity:0;
	transform:scale3d(1.2, 1.2, 1)
	}
}
@-webkit-keyframes anim-effect-ivana-1 {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	80% {
	opacity:1;
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1)
	}
	100% {
	opacity:0;
	-webkit-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1)
	}
	}
	@-moz-keyframes anim-effect-ivana-1 {
	0% {
	opacity:0;
	-moz-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	80% {
	opacity:1;
	-moz-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1)
	}
	100% {
	opacity:0;
	-moz-transform:scale3d(1.1, 1.1, 1);
	transform:scale3d(1.1, 1.1, 1)
	}
	}
	@-ms-keyframes anim-effect-ivana-1 {
	0%, 100% {
	opacity:0
	}
	0% {
	-ms-transform:scale3d(.8, .8, 1);
	transform:scale3d(.8, .8, 1)
	}
	80% {
	opacity:1;
	transform:scale3d(1.1, 1.1, 1)
	}
	100%, 80% {
	-ms-transform:scale3d(1.1, 1.1, 1)
	}
	100% {
	transform:scale3d(1.1, 1.1, 1)
	}
	}
	@keyframes anim-effect-ivana-1 {
	0% {
	opacity:0;
	transform:scale3d(.8, .8, 1)
	}
	80% {
	opacity:1;
	transform:scale3d(1.1, 1.1, 1)
	}
	100% {
	opacity:0;
	transform:scale3d(1.1, 1.1, 1)
	}
}