/*
Theme Name: VILLAGE OF CLINTON
Description: The Village of Clinton is a small friendly community located in one of the most pristine natural environments in the world, while still being close and accessible to larger centres. Clinton is located on Highway 97, midway between Vancouver and Prince George. Clinton has a colourful history of over 150 years and was founded as a direct result of the "boom" of the Cariboo Gold Rush. This active community of 650 residents has a unique western atmosphere, stunning scenery, and an abundance of recreational opportunities. Incorporated in 1963, Clinton boasts hosting one of British Columbia's oldest continuously running events; the Clinton Annual Ball, now held in May of each year.
Author: Milan Kumar
Version: 3.5
Requires at least: 3.0
Requires PHP: 5.2.4
Tags: VILLAGE OF CLINTON
Text Domain: VILLAGE OF CLINTON
*/

@font-face {
    font-family: 'Gotham';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamMedium.woff2') format('woff2'),
        url('fonts/GothamMedium.woff') format('woff'),
        url('fonts/GothamMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamBold.woff2') format('woff2'),
        url('fonts/GothamBold.woff') format('woff'),
        url('fonts/GothamBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Book.eot');
    src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Book.woff2') format('woff2'),
        url('fonts/Avenir-Book.woff') format('woff'),
        url('fonts/Avenir-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Heavy.eot');
    src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Heavy.woff2') format('woff2'),
        url('fonts/Avenir-Heavy.woff') format('woff'),
        url('fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Medium.eot');
    src: url('fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Medium.woff2') format('woff2'),
        url('fonts/Avenir-Medium.woff') format('woff'),
        url('fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DellimaDemo';
    src: url('fonts/DellisaDemo.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
html,body{overflow-x:hidden;}
body{font-family: 'Avenir', sans-serif; font-weight: normal; font-size:16px; color:#231f20; margin:0;}
a{color:#355262; text-decoration:none;}
a:hover{color:#355262;}
a:focus, button:focus, .btn:focus, input:focus, textarea:focus{outline:none; box-shadow:none;}

a,.logo img,.header,.snav i,.ptitle, button, .header.home:before, a:before, .card-img, .card span,.box3 img,.iconbox,.iconbox img{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

h1{font-size:32px; font-weight:500; font-family: 'Gotham';}
h2{font-size:28px; font-weight:300;}
h3{font-size:26px; font-weight:300;}
h4{font-size:24px; font-weight:300;}
h5{font-size:22px; font-weight:300;}
h6{font-size:20px; font-weight:300;}

.lts1{letter-spacing:1px;}
.lts2{letter-spacing:2px;}
.lts3{letter-spacing:3px;}
.lts4{letter-spacing:4px;}
.fs-18{font-size:18px;}

.gm{font-family: 'Gotham'; font-weight: 500;}
.gb{font-family: 'Gotham'; font-weight: bold;}
.am{font-weight: 500;}

.btn{border-radius:0; padding:7px 20px 5px; text-transform:uppercase; letter-spacing:2px; font-family: 'Gotham'; font-weight:500;}
.btn-white{background-color:#fff; color:#8a9a8c !important;}
.btn-white:hover{background:#000; color:#fff !important;}
.btn-green{background-color:#4b6e7a; color:#fff;}
.btn-green:hover{background:#000; color:#fff;}
.border-white{color:#fff;}
.border-white:hover{background:#fff; color:#8a9a8c !important;}

b, strong {font-weight: 900;}
body:not(.home) p{margin-bottom:.5rem;}

.text-blue{color:#1d6e90;}
.text-dblue{color:#355262;}
.bg-grey{background-color:#f1f0f1;}

.header {position:fixed; z-index:999; top:0; left:0; right:0; width:100%; padding: 25px 125px;}
.logo img {max-width: 230px;}
.header.shrink{padding-top:10px; padding-bottom:10px; background:#000;}
.header.shrink .logo img{max-width:150px;}

.shade{position:absolute; top:0; left:0; width:100%; height:200px; z-index:1;
background: -moz-linear-gradient(top,  rgba(53,82,98,1) 0%, rgba(53,82,98,0) 100%);
background: -webkit-linear-gradient(top,  rgba(53,82,98,1) 0%,rgba(53,82,98,0) 100%);
background: linear-gradient(to bottom,  rgba(53,82,98,1) 0%,rgba(53,82,98,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3355262', endColorstr='#00355262',GradientType=0 );	
}
.page .wpcf7 form.sent .wpcf7-response-output {
    border-color: #efeeec !important;
}
.banner-775 {height: 775px;}
/*.banner-775:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(14,26,37,.3); display:block !important;}*/

.social a{display:inline-block; margin-left:20px; color:#fff;}
.social a:hover{color:#bfcbd8;}
.inner .htop{height:8px; padding:0 !important; background:#1e6e90;}
.inner .htop .social{position: absolute; right: 15px; top: 20px; width: 70px;}
.inner .htop .social a{color:#1e6e90;}
.inner .htop .social a:hover{color:#3da0cb;}
.cltn_phn.d-none {
    height: 0;
    line-height: 0px;
    top: 0;
    opacity: 0;
}
.cltn_phn {
    position: absolute;
    padding: 0;
    background-color: #000;
    color: #fff;
    top: 20px;
    right: 150px;
    z-index: 9;
    display: flex !important;
    height: 38px;
    transition: all ease-in-out 0.5s;
    width: 140px;
    text-align: center;
    font-size: 15px !important;
    justify-content: center;
    align-items: center;
}

/* =Menu
-------------------------------------------------------------- */
#access {display: block; margin: 0 auto; position: absolute; top: 600px; z-index: 11; left: 0; background: rgba(179,87,55,.85); width: 85%;}
.menu-header ul{list-style: none; margin:0; padding:0; width:100%; font-size: 0; text-align: right;}
.menu-header > ul > li{display:inline-block; font-size:15px; letter-spacing:2px; text-transform:uppercase; vertical-align: middle; position:relative;}
.menu-header > ul > li > a {color: #fff; display: block; line-height: normal; text-align:left; padding:30px 0; text-decoration: none; position:relative; text-shadow: 0px 0px 2px rgba(0,0,0,.8);}
.menu-header > ul > li{margin:0 30px;}
.menu-header > ul > li > a:before, .menuscrl > ul > li > a:before{opacity:0; content: ''; width: 34px; position: absolute; height: 1px; background-color: #fff; bottom: 20px;}
.menu-header > ul > li:hover > a:before, .mtoplinks a:hover:before, .menuscrl > ul > li:hover > a:before{opacity:1;}
.menu-header li.downarw a:before{display:none;}

.menuscrl{display:none; margin-right:20px; text-transform:uppercase; font-size:13px; letter-spacing:2px;}
.header.shrink .menuscrl{display:block;}
.menuscrl ul{margin:0; padding:0; list-style:none;}
.menuscrl > ul > li{display:inline-block; text-align:left; margin-left:30px; position:relative;}
/* .menuscrl li a{color:#fff; display: block; position:relative;} */
.menuscrl li a{color:#fff; display: block; position:relative;text-decoration:none}
.menuscrl li.downarw{display:none;}
.menuscrl > ul > li > a:before{bottom: 0;}
.menu-header ul ul a:hover {
    background: rgba(179,87,55,.85);color:#fff;
}
.menu-header ul ul, .menuscrl ul ul{display: none; position: absolute; min-width: 250px; text-align: left; background: #fff; top: 75px; right: 0; font-size:12px;}
.menu-header ul ul a, .menuscrl ul ul a{display: block; padding: 10px 15px; border-bottom: 1px solid #ccc; color:#000;text-decoration:none}

.menuscrl ul ul{top:auto;}
@media (min-width:992px){
	.menu-header ul li:hover ul, .menuscrl ul li:hover ul{display:block;}
}


.arrow {border: solid #4b6e7a; border-width: 0 1px 1px 0; display: inline-block; padding: 12px;}
.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.left {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.down {transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -10px;}
.menu-header .down{border-color: white;}

.topicons{display:inline-flex; align-items:center; position:relative;}
.topicons a{color:#fff; margin-left:5px; border-bottom: 1px solid rgba(255,255,255,0); line-height: normal;}
.topicons span{color:#fff; margin-left: 10px; margin-right: 5px; margin-top: -3px;}
.topicons a:hover{border-bottom-color:#fff;}

.bcap{font-family: 'Gotham'; font-weight:500; color: #fff; text-align: center; position: relative; margin-bottom: 150px !important; font-size: 20px;}
.bcap h1 {
	font-size: 30px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
	text-transform: uppercase;
	letter-spacing: 2px;
}
.bcap h1 small{font-size:32px; text-transform: capitalize;}
.bcap p{text-shadow: 0px 0px 5px rgba(0, 0, 0, .5);}
.credit{position: absolute; color: #fff; font-size: 10px; bottom: 20px; left: 60px; font-style: italic;}
.credit_img{ color: #231f20; font-size: 12px; bottom: 20px; left: 60px; font-style: italic;}
.credit_blw{ position: absolute; color: #231f20; font-size: 12px; top: 10px;  font-style: italic;}

.iconbox4 a{display: block; text-align: center;text-decoration:none}
.iconbox{display: block; width: 130px; height: 130px; border: 1px solid #4b6e7a; margin:0 auto 20px; border-radius: 100%;}
.iconbox img{max-width: 100%; padding: 30px;}
.icontitle{text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-align: left; line-height: normal; font-weight: 500; font-size: 14px; letter-spacing: 1px;}
.iconbox4 a:hover .iconbox{background: #4b6e7a;}
.iconbox4 a:hover .iconbox img{filter: brightness(0) invert(1);}

.iconbox4 a:hover{color: rgba(179,87,55,.85);}
.menuscrl ul ul a:hover {
    background: rgba(179,87,55,.85);color:#fff;
}

.left-box{max-width: 500px; margin-left: auto; margin-right: 65px;}
.right-box{max-width: 500px; margin-right: auto; margin-left: 65px;}
.notice .vc_column-inner{padding-top: 0 !important;}
.border-tb:before,.border-tb:after{content:""; position:absolute; top:0; right:65px; width:100%; height:1px; background:#e3e5e0;}
.border-tb:after{top:auto; bottom:0;}

.box3 a{display:block; position:relative;}
.box3 img{max-width:100%;}
.box3 span{color:#fff; display:block; position:absolute; left:0; bottom:0; right:0; font-size:22px; text-transform:uppercase; font-family: 'Gotham'; font-weight:500; line-height:normal; padding:20px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.box3 a:hover img{opacity:.7;}

/* .mid-sec{min-height:600px; background-position: center top; background-size: cover;} */
.mid-sec {
	height: 700px;
	background-position: center;
	background-size: cover;
}

.mid-sec .wpb_column {
	align-items: flex-end !important;
	padding-bottom: 0;
}
.mid-sec:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(64,70,81,0.8); display:block !important;}
.testimonial {
	font-size: 22px;
	max-width: 700px;
	position: relative;
	margin: 0px auto !important;
}
.testimonial span{font-size: 17px; text-transform:uppercase; }
.page-id-1133 .testimonial {
	margin-top: 0px !important;
}
.testimonial:before{width:50px; height:35px; background-size:cover; position:absolute; content:"";}
.testimonial:after{width:50px; height:35px; background-size:cover; position:absolute; content:"";}
.testimonial:before{background-image:url(images/leftq.png); left: -60px; top:-10px;}
.testimonial:after{background-image:url(images/rightq.png); right:-60px; bottom:0;}

.clist{margin:0 0 10px; padding:0; list-style:none;}
.clist li{position:relative; padding-left: 10px; margin-bottom:5px;}
.clist li:before{content:"\f105"; position:absolute; left:-4px; font-family: "Line Awesome Free"; font-weight: 900;}
.clist li a{text-decoration:underline;}

.left-hbar{position:relative;}
.left-hbar:before{content:""; position:absolute; width:25px; height:1px; background:#355262; left:-34px; top: 50%;}
.left-vline{position:relative;}
.left-vline:before{content:""; position:absolute; width:1px; height:calc(100% + 61px); background:#355262; left:-20px; top: -41px; display: block !important;}
.left-darw{position:relative;}
.left-darw:before{content:""; position:absolute; left:-43px; top: 2px; border: solid #355262; border-width: 0 1px 1px 0; display: inline-block; padding: 8px; transform: rotate(45deg);
  -webkit-transform: rotate(45deg);}
  
.mrsrc {background: #355262; color: #fff; text-align: left; position: absolute; padding: 30px; top: 64px; left: -30px;}
.mrsrc h6{letter-spacing:1px;}
.mrsrc ul{margin:0; padding:0; list-style:none;}
.mrsrc li{position:relative; padding-left:20px;}
.mrsrc li a{color:#fff;}
.mrsrc li:before{content:""; position:absolute; left:-4px; top: 4px; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);}

.h100 *{height: 100% !important;}
.h100 img{object-fit:cover;}

.footer{background:#8da190; font-size:15px;}
.footer a{color:#fff;}
.footer a:hover{color:#000; text-decoration:none;}
.footer .bg-last{
	background: #829685;
    padding: 60px 0px 60px 60px;
}
.footer .fsesc1{
	padding: 60px 0px 60px 10px;
}
.fsesc1 p {
	margin-bottom: 9px;
}
.flogo{max-width: 200px;}

.fsesc2 a{display:flex; align-items: center; text-transform: uppercase; border: 1px solid #fff; padding: 10px 15px; font-size: 12px; font-family: 'Gotham'; line-height: normal; letter-spacing:1px;}
.fsesc2 img{max-width:30px; margin-right:10px;}
.fsesc2 a+a{margin-top:20px;}
.fsesc3 a {
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 19px;
}
.fsesc3 a+a{margin-top:5px;}
.footer .mob_f_2 a {
	padding-left: 20px;
	position: relative;
}
 .footer .mob_f_2 a::before {
	content: ">";
	position: absolute;
	left: 0px;
	top: -1px;
}
.bg-last{position:relative; font-size:18px;}
.bg-last:after{content:""; position:absolute; left:100%; top:0; width:100vw; height:100%; background:#829685;}

.number h1{line-height:26px;}
.number .row{margin-bottom:20px;}

.banner-775.bp-ct{background-position: center top !important;}

.sform{display:flex; margin-top: 55px;}
.sform #search {
	background: none;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	/* flex: auto; */
	flex: none;
	font-size: 15px;
}
.sform input[type="image"]{max-width:20px; object-fit: contain;}
.sform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; opacity:.8;
}
.sform input::-moz-placeholder { /* Firefox 19+ */
  color: #fff; opacity:.8;
}
.sform input:-ms-input-placeholder { /* IE 10+ */
  color: #fff; opacity:.8;
}
.sform input:-moz-placeholder { /* Firefox 18- */
  color: #fff; opacity:.8;
}

.form-control{color: #355262; border-radius:0; border-color:#355262; font-size: 12px;}
.wpcf7-textarea{height: 128px; resize:none;}
.wpcf7-submit.btn{padding: 15px 30px 13px; width: 100%;}
.wpcf7-spinner{position: absolute; bottom: 0; right: 0; margin:0;}
.capt {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

.cright{color:#606161; font-size:9px; text-align:right;padding: 14px 0px;}
.cright a{color:#606161;}

#return-to-top {background: rgba(30, 110, 144, 0.4); border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background-size:16px auto; bottom: 130px;height: 40px;position: fixed;right: 20px; width: 40px; z-index: 1; display:none; color: #fff; text-align: center; line-height: 40px;}

.searchform {
	position: absolute;
	min-width: 240px;
	display: none;
	top: -7px;
	right: auto;
	left: -240px;
}
.searchform	input{font-size: 14px; width: 100%; height: 35px; border:0; border-right: 1px solid #ccc; padding: 5px 10px 5px 30px; border-radius: 0; background: #fff; -webkit-appearance: none;}
.searchform .la-search {
	font-size: 22px;
}
#searchsubmit{position: absolute;left: 0;background: none;border: none; padding: 0 0 0 2px;}
.clsbtn{color: #000 !important; margin: 0 5px !important;}
.clsbtn i {
	font-size: 24px;
	position: relative;
	top: 3px;
	color: #000;
}
.page-id-1133 .mid-sec .wpb_column {
	align-items: center !important;
}
.gm .d-flex.align-items-center.justify-content-center a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page .top_img {
	/*background-image: url(/wp-content/uploads/2021/12/midbanner-1.jpg) !important;*/
	background-size: cover;
	background-position: top 0px center !important;
}

/* responsive css */


@media(min-width:2000px) and (max-width:2500px) {
.mid-sec {
	height: 750px;
	background-position: center;
	background-size: cover;
}
}

@media (min-width:1400px){
	.left-box{max-width: 600px;}
	.right-box{max-width: 500px;}
	.border-tb:before,.border-tb:after{right:115px;}
}
@media (max-width:1199.98px) {
 .box3 span {
	font-size: 17px;
}
	.menuscrl{font-size: 12px;}
	.header.shrink{padding: 10px 35px;}
	.menu-header > ul > li{margin:0 25px;}
	.right-box {
	max-width: 343px;
	margin-left: 26px;
}
	.flogo{max-width: 200px;}
	.sform{margin-top: 45px;}
}
@media (max-width:991.98px) {
	.flogo { max-width: auto;}
	.footer .mob_f_1{ text-align: center !important; }
	.header {
	padding: 10px 15px;
	background: #000;
}
	.logo img {
	max-width: 150px;
}
.snav {
	vertical-align: middle;
	background: none;
	border: none;
	padding: 3px 0;
	margin: 0;
	line-height: 0;
	width: 30px;
	cursor: pointer;
	z-index: 998;
	position: relative;
}
	.snav i {
	display: block;
	background: #fff;
	height: 1px;
}
.snav i + i {
	margin-top: 6px;
}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);
	}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);
	}
	.menu-item-has-children > span{position: absolute; display: block; right: 10px; top: 8px; cursor: pointer; padding: 0 10px; font-size: 20px; color: #333;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);}
	.menu-item-has-children > span.open{-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}

	.pstatic{position: inherit;}
	#access {
	position: fixed;
	left: 0;
	top: 75px;
	width: 100%;
	background: rgba(46, 66, 78, 0.94);
	padding: 0;
	display: none;
	z-index: 999;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
	#access li{padding: 0; display:block; border-top: 1px solid #a3aeb0;}
#access a {
	line-height: normal;
	margin: 0;
	padding: 10px 14px;
	text-align: left;
	color: #fff !important;
	border: none;
	font-size: 15px;
	font-weight: 500;
}
 #access a br {
	display: none;
}
	#access ul ul{position:relative; text-align: right; padding:0; background:none; min-width:100%; top: 0;}
	#access ul ul li{padding:0;}
#access ul ul a {
	padding: 15px 32px;
	color: #fff !important;
	font-size: 15px;
	text-transform: capitalize;
	position: relative;
}
 
 #access ul ul a::before {
	content: "\2B9E";
	left: -6px;
	position: relative;
}
 
	#access li{padding:0; margin:0;}
	.menu-header > ul > li > a:before{display:none;}
	.menu-item-has-children > a::after {
	content: "+";
	position: absolute;
	right: 12px;
	font-size: 20px;
	/* font-weight: bold; */
	top: 8px;
	transform: rotate(0deg);
	transition: all ease-in-out 0.3s;
}
	.menu-item-has-children > a.bfrarw::after {transform: rotate(-45deg);}
	.banner-775{height: 500px;}
	.bcap{margin-bottom: 0px !important;}
	.footer .bg-last {
		padding: 20px 80px 20px 80px;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
	}
	.sform {
		margin-top: 0px;
	}
	.footer .fsesc1 {
		padding: 35px 0px 35px 10px;
	}
	.footer{font-size: 15px;}
	.sform #search {
		width: 222px;
		font-size: 18px;
	}
.topicons a {
	margin-left: 7px;
	font-size: 18px;
}
}
@media (max-width: 800px) {
	.fsesc1, .fsesc2, .fsesc3, .bg-last {
    padding-left: 25px;
    padding-right: 25px;
}
.fsesc3 div {
    column-count: 2;
    max-width: 100%;
    margin: auto 1%;
}
}
@media (max-width: 767.98px) {
.page-id-1025 .am{font-size: 18px;}
.page-id-1025 .clist{font-size: 15px;}
.page-id-1025 small{font-size: 14px;}
.fsesc3 > a:nth-child(1) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(3) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(5) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(2) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(4) {
    padding: 0 0 0 4%;
}
.fsesc3 a {
    font-size: 12px;
}
.slide-in-mob .wpb_content_element{margin-bottom:5px;}
	.slide-in-mob .slick-prev{display:none !important;}
	.slide-in-mob .slick-list{padding:0 10% 0 0 !important;}
	.slide-in-mob .vc_column_container > .vc_column-inner {
	padding-left: 10px;
	padding-right: 10px;
}
	.slide-in-mob .slick-next{margin-right: calc(10% + 4px);}
	body{font-size:14px;}
	/* body{font-size:14px;} */
	.container{padding-left:25px; padding-right:25px;}
	.fsesc3 {background: #fff!important;}
	.fsesc1, .fsesc2, .fsesc3, .bg-last {
    padding-left: 25px;
    padding-right: 25px;
}
.fsesc3 div {
    column-count: 2;
    max-width: 100%;
    margin: auto 1%;
}
.fsesc3 a {
    color: #000!important;
}
	.banner{height:200px;}
	.banner h1{font-size:30px;}
	.bg-last:after {
		background: transparent;
	}
.wpb_wrapper h3 {
	font-size: 20px !important;
}
.lead {
	font-size: 17px !important;
	font-weight: 300;
}
	.wpb_column.vc_col-sm-3 {
		width: 50%!important;
	}
	.iconbox {
		width: 142px;
		height: 142px;
		border: 1px solid #4b6e7a;
		margin: 0 auto 32px;
		border-radius: 100%;
	}
	
	
}
@media (max-width: 575.98px) {		
	#access {
	top: 58px;
}
	h1{font-size:28px;}
	h3{font-size: 20px;}
}

@media(min-width:1024px) and (max-width:1199px) {
 .footer .fsesc1 {
	padding: 60px 15px 60px 15px !important;
}
 .footer .bg-last {
	padding: 60px 0px 60px 15px;
}
}

@media(min-width:992px) and (max-width:1023px) {
 .footer .col-lg-3 {
	flex: 0 0 23% !important;
}
 .footer .bg-last {
	padding: 60px 0px 60px 15px;
}
.footer .fsesc1 {
	padding: 60px 15px 60px 15px !important;
}
 .footer .mob_f_1 {
	text-align: center !important;
	max-width: inherit !important;
	width: auto !important;
	flex: auto !important;
}
.fsesc1, .fsesc2, .fsesc3, .bg-last {
	flex: auto !important;
	width: auto !important;
}
 .footer .col-lg-3 {
	flex: 0 0 23% !important;
}
 
}

@media(min-width:768px) and (max-width:1023px) {
 
 .footer .mob_f_1 {
	text-align: center !important;
	max-width: inherit !important;
	width: auto !important;
	flex: auto !important;
}
.fsesc1, .fsesc2, .fsesc3, .bg-last {
	flex: auto !important;
	width: auto !important;
}
 .left-box {
	max-width: 500px;
	margin-left: 40px;
	margin-right: 65px;
}
}
@media(min-width:768px) and (max-width:1201px) {
  .left-darw::before ,
 .left-hbar::before,
 .left-vline::before {
	display: none !important;
}
.col-6.text-end {
	max-width: 100%;
	padding: 0px 15px !important;
	flex: 0 0 100%;
}
 .vc_custom_1644079707762 {
	padding-bottom: 0px !important;
}
 .banner-775.vc_custom_1640880062926 .vc_column-inner {
	padding-top: 45px !important;
}
}
@media(min-width:768px) and (max-width:991px) {
.page-id-1025 .banner-775.bp-ct.vc_custom_1641917879002 {
	margin-top: 74px;
}
}
@media(min-width:320px) and (max-width:767px) {
 .f_adrress a {
	font-size: 10px !important;
}
.banner-775 .bcap{
	padding-top: 60px !important;
}
.page-id-1029 .vc_custom_1644516737100  { background-image: url("images/Mob_WebsiteDesign_2021_Connec_Nt.jpg") !important;}
/* .footer .mob_f_2 a:before {
content: ">" / "";
position: absolute;
left: 18px;
} */
 .f_adrress br {
	display: none;
}
 .f_phone {
	display:block;
}
 .logo img {
	max-width: 120px;
}
.vc_custom_1644079707762 .wpb_text_column.wpb_content_element {
	margin-bottom: 0 !important;
}
 .vc_custom_1644079707762 {
	padding-bottom: 0px !important;
}
.page-id-1025 button.slick-prev {
display:none !important;
}
.page-id-1025 button.slick-next {
right:0;
}
.page-id-1025 .vc_custom_1641917879002 {
	margin-top: 63px;
}

.fsesc3 > a:nth-child(1) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(3) {
    padding: 0 0 0 4%;
}

.fsesc3 > a:nth-child(2) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(4) {
    padding: 0 0 0 4%;
}
.fsesc3 > a:nth-child(5) {
    padding: 0 0 0 4%;
}
.fsesc3 a {
    font-size: 12px;
}
.slide-in-mob .wpb_content_element{margin-bottom:5px;}
	.slide-in-mob .slick-prev{display:none !important;}
	.slide-in-mob .slick-list{padding:0 10% 0 0 !important;}
	.slide-in-mob .vc_column_container > .vc_column-inner {
	padding-left: 10px;
	padding-right: 10px;
}
	.slide-in-mob .slick-next{margin-right: calc(10% + 4px);}
 .page-id-1029 #intro {
	margin-top: 0px !important;
}
 .page-id-1029 .wpb_text_column.wpb_content_element.text-dblue.gm {
	padding: 0px !important;
}
 .page-id-1029 .vc_row.wpb_row.vc_row-fluid.mt-4.mt-md-5 {
	margin-bottom: 30px;
}
 .wpcf7-form .col-6 {
	max-width: 100%;
	flex: 0 0 100%;
}
 .col-6.text-end {
	padding: 0 15px !important;
}
 .mrsrc {
	position: relative;
	padding: 25px;
	top: -8px;
	left: 0;
}
 .text-dblue.gm.mb-4.left-darw {
	padding: 0px !important;
}
 .wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-offset-1.vc_col-lg-10 .vc_column-inner {
	padding-top: 0;
	padding-bottom: 0;
}
 .left-darw::before ,
 .left-hbar::before,
 .left-vline::before {
	display: none !important;
}
.page-id-1023 .wpb_single_image.wpb_content_element.vc_align_center.mb-0.i75 div ,.page-id-1023 .wpb_single_image.wpb_content_element.vc_align_center.mb-0.i75 figure{
	width: 100% !important;
}
.page-id-1023 .wpb_single_image.wpb_content_element.vc_align_center.mb-0.i75 {
	width: 100%;
	margin-top: 36px;
	margin-bottom: 20px !important;
}
body.page-id-1133 .notice, body.page-id-1135 .notice,body.page-id-1077 .notice,body.page-id-1124 .notice {
	margin-top: 40px !important;
}
 .page-id-1023 .intro, .page-id-1133 .notice,.page-id-1023 .notice, .page-id-1135 .notice,.page-id-1077 .notice,.page-id-1124 .notice {
	margin: 0px !important;
max-width: 100%;
left: 0px !important;
}
.page-id-1023 .left-box,.page-id-1133 .left-box,.page-id-1135 .left-box,.page-id-1077 .left-box,.page-id-1124 .left-box  {
	max-width: 100%;
	margin-left: auto;
	margin-right: 0;
	padding: 30px 0px 39px !important;
}
 .page-id-1124 .wpb_text_column.wpb_content_element.credit_img.mx-2 {
	margin-bottom: 0px;
}
.page-id-1133 .vc_row.wpb_row.vc_row-fluid.pt-5.mb-5 {
	padding-top: 20px !important;
}
 
 .vc_row.wpb_row.vc_row-fluid.pt-5.mb-5 {
	margin-bottom: 20px !important;
}
 .number .row {
	margin-bottom: 20px;
	margin: 0px 0 15px;
}
 .credit {
	left: 20px;
}
.flogo {
	max-width: 138px;
}
 .vc_column-inner.vc_custom_1640423540385 .wpb_text_column.wpb_content_element {
	margin-bottom: 22px !important;
}
 .vc_custom_1640423540385 .wpb_text_column.wpb_content_element {
	margin-bottom: 18px !important;
}
 .number h1 {
	line-height: 26px;
	width: 23px;
	padding-left: 0 !important;
	padding-right: 0px !important;
}
.footer .bg-last {
	margin-top: 20px;
	order: 4;
}
 .fsesc1 p {
	margin-bottom: 9px;
	font-size: 10px;
}
.fsesc3, .footer .fsesc1 {
	font-size: 10px;
}
.sform #search {
	width: 132px;
	font-size: 14px !important;
} 
 .header .col-auto {
	padding: 0 !important;
}
.topicons {
	padding-left: 0;
}

.footer .mob_f_1 {
	text-align: center !important;
	order: 2;
	padding: 35px 0px 20px 0px;
	float: left;
	max-width: 50%;
}
.footer .fsesc1 {
	padding: 35px 15px 0 !important;
	margin: 0px !important;
	order: 3;
	float: left;
	max-width: 50%;
}
.footer .mob_f_2 a {
	margin-left: 0px !important;
	/* color: #fff !important; */
	font-size: 13px;
	width: 49%;
	/* float: left; */
	display: inline-grid;
	position: relative;
	padding-left: 13px !important;
}
 .footer .mob_f_2 a::before {
	content: ">";
	position: absolute;
	left: 0px;
	top: -1px;
}
.fsesc3 {
	background: #fff !important;
	padding-top: 0;
	order: 1;
	color: #000 !important;
	padding-bottom: 45px;
}
.footer {
	font-size: 15px;
	padding-top: 0;
}
 .fsesc1, .fsesc2, .fsesc3, .bg-last {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
 .gm {
	padding: 0px 10px !important;
}
 p {
	overflow-wrap: break-word;
	font-size: 14px;
}
 .testimonial::after {
	right: -10px;
	bottom: -10px;
	width: 35px;
	height: 25px;
}
 .testimonial::before {
	left: -10px;
	top: -30px;
	width: 35px;
	height: 25px;
}
 .mid-sec {
	height: 270px;
	padding-bottom: 20px;
}
 .vc_custom_1638785036666 {
	padding: 0px !important;
}
 .btn {
	padding: 7px 10px 5px !important;
	font-size: 14px !important;
}
.right-box {
	max-width: 100%;
	margin-left: 0;
	padding: 40px 15px !important;
}
 .vc_custom_1643129349653 {
	margin-top: 10px !important;
}
 #intro .vc_column-inner {
	padding-top: 10px;
}
#intro .wpb_text_column.wpb_content_element.text-center {
	margin-bottom: 10px !important;
}
 .wpb_column.vc_column_container.vc_col-sm-3{
	width: 50% !important;
	float: left;
}
 .iconbox4 .wpb_column.vc_column_container.vc_col-sm-4 {
	margin-left: 0;
	width: 100% !important;
}
.wpb_column.vc_column_container.vc_col-sm-3 .iconbox,.iconbox4 .wpb_column.vc_column_container.vc_col-sm-4 .iconbox{
	width: 120px;
	height: 120px;
	margin-bottom: 10px;
}
 .wpb_column.vc_column_container.vc_col-sm-3 .icontitle,.iconbox4 .wpb_column.vc_column_container.vc_col-sm-4 .icontitle{
	font-size: 13px;
}
 .wpb_column.vc_column_container.vc_col-sm-3 .arrow,.iconbox4 .wpb_column.vc_column_container.vc_col-sm-4 .arrow {
	display: inline-block;
	padding: 7px;
}
 .wpb_column.vc_column_container.vc_col-sm-3 .wpb_text_column.wpb_content_element {
	margin-bottom: 25px;
}

.testimonial  p{font-size:12px;}
.testimonial span{font-size:14px}
.iconbox4 .wpb_column:nth-of-type(3) {
    margin-left: 25%;
}
.home .iconbox4 .wpb_column:nth-of-type(3) {
    margin-left: auto;
}
#intro h4{font-size:20px;}
 
}


 .vc_custom_1644079707762 {
	padding-bottom: 0px !important;
}

@media (min-width: 320px) and (max-width: 820px)
{
.cltn_phn {
    top: 44px;
    right: 10px;
}
}