@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
Theme Name: UNC Transit
Author: UNC Transit
Tags: responsive, fixed width
*/

/*
font-family: 'Montserrat', sans-serif;
font-family: "Poppins", sans-serif;
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 20px; line-height: 1.4; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400; background: #fff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.container { padding: 0 15px; margin: 0 auto; max-width: 1140px; position: relative; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0; }


[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 1; } 
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; } 
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; }  

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s; font-family: "Poppins", sans-serif; }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,	
input[type="password"]:focus,
 textarea:focus { outline: none; }
input.wpcf7-validates-as-required {  }
input.wpcf7-validates-as-required:focus { }

/* common */
a { color: #0d568e; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
a:hover { }
img { border: 0px; outline: none; display: block; max-width: 100%; height:auto;  transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px;}
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { padding-bottom: 10px; font-weight:700; line-height: 1.1; font-family: "Poppins", sans-serif; } 

h1, .h1 { font-size: 55px; }
h2, .h2 { font-size: 50px; }
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 25px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }

p { padding-bottom: 25px; line-height: 1.9;}
p a { color:#0d568e; }
p a:hover { text-decoration:underline; }
li { line-height: 1.9; }

ul.listing li { padding: 0 0 10px 10px; position: relative; line-height: 30px; }
ul.listing li:before { content:'.'; position:absolute; left:0; top:0; }

.field, .wpcf7-text, textarea { display: block; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; width: 100%; height: 35px; font-size: 10px ; padding: 10px 20px 10px 15px; background:#eeeeee; border:0; color:#fff; }
textarea { padding: 10px 15px; height: 70px; resize: none; }

a.close, a.mobilemenu { display: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline:none; }

 .newsletter_sec .tnp-subscription input.tnp-submit,
 .button { text-align: center; text-transform: uppercase; font-size: 17px; line-height: 20px; padding: 13px 35px;  display: inline-block; vertical-align: top;  position: relative; z-index: 1; letter-spacing: 0.27em; border: 3px solid #D2AE54; border-radius: 40px; font-weight: 500; color: #000; background: transparent; cursor: pointer; font-family: "Poppins", sans-serif; }

 .newsletter_sec .tnp-subscription input.tnp-submit:hover,
 .button:hover { border-color: transparent; background: linear-gradient(to right,  rgba(210,174,84,1) 0%,rgba(228,203,126,1) 50%,rgba(210,174,84,1) 100%); text-decoration: none; }
.button.small { padding: 7px 20px; }

.flex-wrap { display: flex; flex-wrap: wrap; }
.v-center { align-items:center; }
.v-bottom { align-items:flex-end; }
.h-center { justify-content:center; }
.h-right { justify-content:flex-end; }
.space-between { justify-content:space-between; }


/* wrapper */
#wrapper { padding: 175px 0 0px 0; width: 100%; overflow: hidden; min-height: 100%; position: relative; }
.wrapper,
.centering { width: 100%; max-width: 1200px; padding: 0 15px; margin:auto; position: relative;}  

.home .wrapper,
.home .centering { max-width: 1720px; }  


/* header-part */
#header-bar { width: 100%; z-index:999; transition: ease 0.7s; position:absolute; left: 0; top: 0; font-family: "Poppins", sans-serif; }

/*header_sec*/
.header_sec { width: 100%;  position: relative; background: #eff4f7; } 
.header_sec .wrapper { position: relative; width: 100%; max-width: 1760px; }
.header_sec .left { display: flex; align-items: flex-end; min-height: 175px; padding: 0 0 15px 95px; width: 31%; position: relative; }
.header_sec .logo { max-width: 344px; display: block; }

.header_sec .contactbox { width: calc(69% - 135px); }
.header_sec .contactbox .internal { width: 100%; min-height: 100%; display: flex; flex-wrap: wrap; }
.header_sec .contactbox .contacts { padding: 0 0 20px 120px; flex-wrap: wrap; flex-wrap: wrap;  display: flex; align-content: flex-end; vertical-align: top; width: 45%; background: linear-gradient(to right,  rgba(15,108,178,1) 0%,rgba(13,84,138,1) 100%); transform: skewX(10deg); }
.header_sec .contactbox .contacts .inner { font-family: 'Montserrat', sans-serif; display: inline-block; min-height: 55px; padding: 10px 0 15px 67px; font-size: 18px; color: #fff; line-height: 22px; position: relative; text-align: left; font-weight: 600; transform: skewX(-10deg); background: url(images/phone.png) left center no-repeat; }
.header_sec .contactbox .contacts a { color: #fff; }
.header_sec .contactbox .label { display: block; }
.header_sec .contactbox .contacts.email { width: 55%; padding-left: 80px; }
.header_sec .contactbox .contacts.email .inner { background-image: url(images/email.png); }
.header_sec .contactbox .contacts.email a:hover { color: #ffcc00; }
.header_sec .contactbox .button { margin-left: 20px; }

.header_sec .nav_button { padding: 20px 0 20px 40px; z-index: 1;  width: 135px; display: flex; align-items: flex-end; position: relative; text-align: center; }
.header_sec .nav_button:after { z-index: -1; width: 5000px; height: 100%; content: ''; position: absolute; left: -20px; top: 0; background: #609bce; transform: skewX(10deg); }

.header_sec .menu_trigger { text-align: center; font-size: 26px; line-height: 1; font-weight:700; color:#fff; display: inline-block; vertical-align: top; position: relative; text-transform: uppercase; min-width: 95px; margin: 0 auto; position: relative; letter-spacing: 0em; background: #609bce; padding: 0 0 11px 0; }
.header_sec .menu_trigger span.icon { display: block; margin: 0 auto 10px; transition:linear 0.4s; width: 50px; height:50px; display: block; background: url(images/menu-icon.png) left top no-repeat; }
.header_sec .menu_trigger.open span.icon { transform: rotateY(180deg); background-position: left bottom; }	
.header_sec .menu_trigger .value1 { opacity: 100; transition: all 0.4s; }
.header_sec .menu_trigger .value2 { opacity: 0; transition: all 0.4s; position: absolute; left: 0; bottom: 0; width: 100%; }
.header_sec .menu_trigger.open .value2 { opacity: 100; }
.header_sec .menu_trigger.open .value1 { opacity: 0; }
.header_sec .menu_trigger .values { position: relative; display: block; }
.header_sec .menu_trigger:after { width: 65px; height: 6px; content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); background: linear-gradient(135deg,  rgba(188,159,97,1) 0%,rgba(223,205,146,1) 50%,rgba(188,159,97,1) 100%); }

.mob_contactbox { display: none;  }
.mob_contactbox .internal { width: 100%; }

	/* nav-bar */
	.nav-bar {  width: 100%; position: relative; display: none; text-align: center; z-index: 999; position:absolute; left:0; top:0px; background: linear-gradient(135deg,  rgba(13,84,138,1) 0%,rgba(15,108,178,1) 50%,rgba(13,84,138,1) 100%); box-shadow: 0px 4px 4px rgba(0,0,0,0.2); }
	#header-bar .nav-bar .wrapper { padding: 0 15px; }
	.nav-bar ul { margin:0; padding:0; list-style: none; line-height:0;}
	.nav-bar li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; font-weight: 600; position: relative; text-transform: uppercase;  }
	.nav-bar li a { padding: 15px 10px; color: #fff; display: block; }
	.nav-bar li .submenu_trigger { display: none; }
	.nav-bar li.current-menu-item > a { color: #fff; background: #0d568e; }
	.nav-bar li a.active { color: #fff; background: #0d568e; }
	.nav-bar li:after { width: 2px; height: 18px; content: ''; position: absolute; left: -3px; top: 50%; margin-top: -9px; background: #fff; }
	.nav-bar li:first-child:after { display: none; }
	.nav-bar li.mobile { display: none; }

	.nav-bar li.current-menu-ancestor > a,
	.nav-bar li.current-menu-item > a { color: #fff; background: #0d568e; text-decoration: none; }

	.nav-bar .sub-menu li:after { display: none; }
	.nav-bar li li.current-menu-item > a,
	
	.nav-bar .sub-menu li { display: block; width: 100%; }
	.nav-bar .sub-menu { min-width: 200px; position: absolute; top: 100%; left: 0; z-index: 999; text-align: left; opacity: 0; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; color: #fff; background: #0d568e; box-shadow: 4px 4px 4px rgba(0,0,0,0.2); }
	.nav-bar .sub-menu li { padding: 0; display: block; }
	.nav-bar .sub-menu li a { padding: 10px 15px; display: block; }
	.nav-bar li li.current_page_item a { color: #0d568e; background: #ffcc00; }

	
	@media only screen and (min-width: 768px) {
		.nav-bar li:hover .sub-menu { opacity: 1; visibility: visible; }
		.nav-bar li:hover > a ,
		.nav-bar li > a:hover { color: #fff; background: #0d568e; text-decoration: none; }
		.nav-bar li:hover li a { color: #fff; }
		.nav-bar li:hover li a:hover { color: #0d568e; background: #ffcc00; }
	}


	@-webkit-keyframes stickyhead{
		0%{opacity:0;-webkit-transform:translateY(-100%) }
		100%{opacity:1;-webkit-transform:translateY(0)} 
	}	
	@-moz-keyframes nav-bar{ 
		0%{opacity:0;-moz-transform:translateY(-100%)}
		100%{opacity:1;-moz-transform:translateY(0)}
	}
	@keyframes stickyhead{7
		0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
		100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	}
	
	#header-bar.stickyhead { position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2);}

	.stickyhead .header_sec,
	.stickyhead .top_sec { display: none; }

	@media only screen and (min-width: 768px) {
	.stickyhead .nav-bar { display: block !important; }
	}

/* banner-bar */
.slider-bar { width: 100%;  position: relative; background: url(images/bg.jpg) repeat; border-bottom: 10px solid transparent; }

#rev_slider_2_1_wrapper .custom.tparrows.tp-leftarrow { width: 46px; height: 46px; background: url(images/prev.png) center center no-repeat; background-size: contain; }
#rev_slider_2_1_wrapper .custom.tparrows.tp-rightarrow { width: 46px; height: 46px; background:  url(images/next.png) center center no-repeat; background-size: contain; }
#rev_slider_2_1_wrapper .custom.tparrows:before { display: none !important; }
#rev_slider_2_1_wrapper .custom.tparrows.tp-leftarrow:hover { background: url(images/prev.png) center center no-repeat; background-size: contain; opacity: 0.7 !important; }
#rev_slider_2_1_wrapper .custom.tparrows.tp-rightarrow:hover { background:  url(images/next.png) center center no-repeat; background-size: contain; opacity: 0.7 !important; }
.slider-bar .custom .tp-bullet { width: 18px; height: 18px; border-radius: 5px; background: #609bce; }
.slider-bar .custom .tp-bullet.selected,
.slider-bar .custom .tp-bullet:hover { background: #0f5d88; }

/* inner-banner-bar */
.inner-banner-bar { width: 100%;  min-height:400px; background-position: center center; background-size:cover; background-repeat: no-repeat; }

/* content-part */
#content-part { width: 100%; position: relative;  }

.heading { margin-bottom: 15px; }
.heading h2 { letter-spacing: 0.02em; font-size: 63px; line-height: 1; font-weight: 400; color: #0f5d88; text-transform: uppercase; font-family: "Poppins", sans-serif; }
.heading h2 span,
.heading h2 strong { font-weight: 700; color: #609bce; }
.heading.center { text-align: center; }


	/*service_sec*/
	.service_sec { width: 100%; padding: 30px 90px 10px; background: url(images/serice-bg.jpg) center center no-repeat; background-size: cover; position: relative; }
	.service_sec:after,
	.service_sec:before { width: 83px; height: 253px; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); background: #609bce; }
	.service_sec:after { left: auto; right: 0; background: linear-gradient(to bottom,  rgba(16,112,184,1) 0%,rgba(12,80,131,1) 100%); }
	.service_sec .wrapper { max-width: 1610px; }
	.service_sec .service_list { padding: 0 50px; }
	.service_sec .slick-slide { padding: 0 8px; }
	.service_sec .service { padding: 35px 15px 30px; background: linear-gradient(to bottom,  rgba(16,112,184,1) 0%,rgba(12,80,131,1) 100%); text-align: center; }
	.service_sec figure { width: 100%; height: 0; position: relative; padding-bottom: 72%; border: 5px solid #fff; }
	.service_sec figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
	.service_sec h3 { text-transform: uppercase; font-weight: 400; font-size: 25px; line-height: 1; color: #fff; letter-spacing: 0.14em; position: relative; background: url(images/title-bg.png) center bottom no-repeat; background-size: auto 21px; padding: 30px 0; }  
	.service_sec h3 a { color: #fff; } 
	.service_sec h3 a:hover { color: #c7ad70; }
	.service_sec .service.even { background: #609bce; }
	.service_sec .slick-dots { width: 100%; line-height: 0; list-style: none; text-align: center; margin: 10px 0 0 0; padding: 0; }
	.service_sec .slick-dots li { display: inline-block; vertical-align: top; padding: 7px; } 
	.service_sec .slick-dots li button { width: 18px; height: 18px; border-radius: 5px; border: 0; cursor: pointer; font-size: 0; line-height: 0; background: #0f5d88; } 
	.service_sec .slick-dots li.slick-active button,
	.service_sec .slick-dots li button:hover { background: #9e203a; }
	.service_sec .slick-arrow { position: absolute; left: 15px; top: 40%; width: 13px; height: 19px; border: 0; cursor: pointer; font-size: 0; background: url(images/prev2.png) center center no-repeat; background-size: contain; }
	.service_sec .slick-arrow.slick-next { background-image: url(images/next2.png); left: auto; right: 15px; }
	
	
	/*about_sec*/
	.about_sec { padding: 30px 0 55px; width: 100%; position: relative; }
	.about_sec .wrapper { max-width: 1710px; }
	.about_sec .image { order: 1; width: 51%; position: relative; }
	.about_sec .image img { width: 100%; }
	.about_sec .text { line-height: 1.9; width: 49%; padding: 0 50px 0 85px; }
	.about_sec p { letter-spacing: 0.06em; padding-bottom: 50px; }
	.about_sec .heading { margin-bottom: 30px; }
	.about_sec .circle {  background: linear-gradient(to right,  rgba(15,106,175,1) 0%,rgba(13,85,139,1) 100%); width: 142px; height: 142px; display: block; position: absolute; left: -90px; bottom: -15px; border-radius: 50%; z-index: 1; }
	.about_sec .circle:before { width: calc(100% + 38px); height: calc(100% + 38px); content: ''; border: 4px solid #decc90; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; } 
	.about_sec .circle.blue { width: 122px; height: 122px; left: auto; right: -35px; bottom: auto; top: 15px; z-index: -1; background: #b99b5d; }
	.about_sec .circle.blue:before { width: calc(100% + 58px); height: calc(100% + 58px); border-color: #609bce; } 

	.program_content { max-width: 1000px !important; }


	/* mission_vision_sec */
	.mission_vision_sec { text-align: center; width: 100%; position: relative; display: flex; flex-wrap: wrap; }
	.mission_vision_sec .mission {  background: url(images/mission-bg.jpg) center center no-repeat; background-size: cover; }
	.mission_vision_sec .vision { background: url(images/vision-bg.jpg) center center no-repeat; background-size: cover; }
	.mission_vision_sec .box { width: 50%; position: relative; color: #fff; display: flex; justify-content: flex-end; }
	.mission_vision_sec h2 { padding-bottom: 40px; font-size: 63px; line-height: 1; font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; }
	.mission_vision_sec .inner { width: 100%; max-width: 770px; padding: 110px 80px 185px; position: relative; }
	.mission_vision_sec .vision { justify-content: flex-start; }
	.mission_vision_sec p { letter-spacing: 0em; line-height: 1.8; }
	.mission_vision_sec .button { position: absolute; left: 50%; bottom: 100px; transform: translate(-50%,0); color: #fff; }
	.mission_vision_sec .button:hover { color: #000; } 


	/* gallery_sec */
	.gallery_sec {  position: relative; text-align:  center; }
	.gallery_sec .heading { margin-bottom: 50px; }
	.gallery_sec h2 { letter-spacing: 0; color: #0c5ea6; }
	.gallery_sec h2 em { color: #244095; }
	.gallery_sec .gallery_list { padding: 5px 0; }
	.gallery_sec .col { width:  25%; padding: 0px; }
	.gallery_sec .col .has_video:before { z-index: 1; width: 200px; height: 200px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(images/video-icon.png) center center no-repeat; background-size: contain; }  
	.gallery_sec .pic { border: 5px solid #fff; width: 100%; height: 0; overflow: hidden; background: #000; padding-bottom: 100%; position: relative; display: block; }
	.gallery_sec .pic img { width: 100%; transition: all 0.3s; height: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
	.gallery_sec .pic:hover img { transform: scale(1.15); opacity: 0.7; }
	.gallery_sec .gallery_list:after { left: auto; right: 0; background-image: url(images/right-shadow.png); }
	.gallery_sec .slick-active:nth-of-type(1) a { opacity: 0.1; }
	.gallery_sec .slick-arrow { width: 35px; height: 35px; background: url(images/prev3.png) center center no-repeat; background-size: contain; border: 0; cursor: pointer; font-size: 0; line-height: 0; position: absolute; left: 15px; top: 50%; margin-top: -17px; z-index: 1; }
	.gallery_sec .slick-arrow.slick-next { left: auto; right: 15px; background-image: url(images/next3.png); }
	.gallery_sec .slick-arrow:hover { opacity: 0.50; }
	.gallery_sec .slick-slide { line-height: 0; }
	.gallery_sec .slick-list { padding: 0px 0 0px;  }


	/* recommended_sec */
	.newsletter_sec { position: relative; width: 100%; background: url(images/subscribe-bg.jpg) center center no-repeat; background-size: cover; }
	.newsletter_sec .image { position: relative; width: 45.5%; }
	.newsletter_sec .image:before { width: 16px; height: 70%; content: ''; position: absolute; right: -8px; top: 15%; z-index: 1; background: linear-gradient(to bottom,  rgba(203,160,65,1) 0%,rgba(235,218,171,1) 25%,rgba(203,160,65,1) 50%,rgba(235,218,171,1) 75%,rgba(203,160,65,1) 100%); }
	.newsletter_sec .image img { width: 100%; height: 100%; object-fit: cover; }
	.newsletter_sec .text { display: flex; align-items: center; width: 54.5%; text-align: center; }
	.newsletter_sec .inner { width: 100%; max-width: 955px; padding: 50px 95px; }
	.newsletter_sec h2 { padding-bottom: 10px; font-size: 73px; line-height: 1; font-weight: 400; text-transform: uppercase; color: #fff ; letter-spacing: 0.02em; }
	.newsletter_sec h3 { padding-bottom: 25px; color: #dcbd6b; font-size: 40px; line-height: 1; text-transform: uppercase; font-weight: 400; letter-spacing: 0.65em; }
	.newsletter_sec .tnp-subscription { margin: 0; width: 100%; max-width: 100%; }  
	.newsletter_sec .tnp-field label { display: none; }  
	.newsletter_sec .tnp-field { width: 100%; }
	.newsletter_sec .tnp-field-surname,
	.newsletter_sec .tnp-field-firstname { width: 48.5%; }  
	.newsletter_sec form { max-width: 660px; margin: 0 auto; position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; }  
	.newsletter_sec .tnp-subscription input[type="text"],
	.newsletter_sec .tnp-subscription input[type="email"] { border-radius: 0; height: 48px; font-size: 20px; padding: 10px 20px; }
	.newsletter_sec .tnp-subscription div.tnp-field { margin-bottom: 10px; }
	.newsletter_sec .tnp-field-email { width: 100%; }
	.newsletter_sec .tnp-subscription input.tnp-submit { border-radius: 40px !important; color: #fff; display: table; margin: 40px auto 0; position: relative;  }
	.newsletter_sec .tnp-subscription input.tnp-submit:hover { color: #000; }


	/* news_sec */
	.blog-bar { background: url(images/right-graphic.png) right top no-repeat; }
	.blog-bar .inner { padding: 75px 0 100px; background: url(images/left-graphic.png) left bottom no-repeat; }
	.blog-bar h1 { width: 100%; padding-bottom: 40px; }
	.blog-bar .post_list { width: calc(100% + 30px); display: flex; flex-wrap: wrap; margin: 0 -15px; }
	.blog-bar .postLoop { width: 33.33%; padding: 0 15px 60px; }
	.blog-bar .image { width: 100%; position: relative; }
	.blog-bar .image a { width: 100%; height: 0; padding-bottom: 78%; position: relative; display: block; background: #111; border-radius: 10px; }
	.blog-bar .image img { position: absolute; left: 0; top: 0; border-radius: 10px; width: 100%; height: 100%; object-fit: cover; }
	.blog-bar .details { padding: 25px 30px 15px; width: calc(100% - 40px); margin: -30px 20px 0; box-shadow: 0px 0px 25px rgba(0,0,0,0.1); background: #fff; border-radius: 10px; z-index: 1; position: relative; }
	.blog-bar .date { color: #fff; text-align: center; font-size: 20px; font-weight: 700; line-height: 1; width: 60px; height: 70px; position: absolute; right: 0; top: -40px; background: #0d568e; border-radius: 10px 10px 0 10px; font-family: "Merriweather", serif; padding: 17px 0 0 0; }
	.blog-bar .date small { font-size: 12px; display: block; line-height: 1.2; padding-top: 0px; }
	.blog-bar .info span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1.2; color: #6f6f6f; }
	.blog-bar .info span.admin { background: url(images/admin.png) left center no-repeat; padding-left: 20px; }
	.blog-bar .info span.comment { margin-left: 5px; background: url(images/comment.png) left center no-repeat; padding-left: 25px; }
	.blog-bar .info { padding:2px 0 15px; }
	.blog-bar .postLoop h3 { font-size: 22px; border-bottom: 1px solid rgba(0,0,0,0.15); min-height: 82px; padding-bottom: 5px; margin-bottom: 10px; line-height: 26px; font-family: "Merriweather", serif; letter-spacing: -0.04em; color: #313131; }
	.blog-bar .postLoop h3 a { color: #313131; }
	.blog-bar .postLoop h3 a:hover { color:#0d568e; }
	.blog-bar .postLoop .more { font-size: 12px; line-height: 16px; color: #313131; display: inline-block; background: url(images/arrow.png) left center no-repeat; background-size: 5px 9px; padding-left: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; }
	.blog-bar .postLoop .more:hover { color: #0d568e; }
	.blog-bar .slick-list { min-width: 100%; }
	.blog-bar .slick-dots { padding: 0; margin: 0; position: absolute; left: 0%; bottom: 0px; width: 100%; text-align: center; line-height: 0; }  
	.blog-bar .slick-dots li { display: inline-block; vertical-align: top; padding: 0 5px; }
	.blog-bar .slick-dots li button { width: 15px; height: 15px; border: 0; transition: all 0.3s; background: rgba(0,0,0,0.2); border-radius: 50%; font-size: 0; line-height: 0; cursor: pointer; }
	.blog-bar .slick-dots li.slick-active button ,
	.blog-bar .slick-dots li button:hover { background: #0d568e; transform: scale(1.2); }


/* footer-part */
#footer-part { width: 100%; position: relative; }

/*footer_sec*/
.footer_sec { overflow: hidden; width: 100%; position: relative; background: #196cad; }
.footer_sec .wrapper { position: relative; z-index: 1; max-width: 100%; padding: 0; }
.footer_sec .col1 { padding: 20px 30px 20px; width: 490px; order: 2; text-align: center; background: url(images/footer-mid-bg.jpg) center center no-repeat; background-size: cover; display: flex; align-items: center; z-index: 1; }
.footer_sec .col1:after,
.footer_sec .col1:before { width: 10px; height: 70%; content: ''; position: absolute; left: -5px; top: 15%; z-index: 1; background: linear-gradient(to bottom,  rgba(203,160,65,1) 0%,rgba(235,218,171,1) 25%,rgba(203,160,65,1) 50%,rgba(235,218,171,1) 75%,rgba(203,160,65,1) 100%); }
.footer_sec .col1:after { left: auto; right: -5px; }
.footer_sec .logo { width: 100%; max-width: 280px; margin: 0 auto 0px; display: block; }
.footer_sec .social_list { list-style: none; margin: 0; padding: 30px 0 0 0; }
.footer_sec .social_list li { display: inline-block; vertical-align: top; padding: 0 3px; }
.footer_sec .social_list li a { color: #fff; width: 48px; height: 48px; display: block; line-height: 48px; text-align: center; background: #0d568d; border-radius: 50%; font-size: 35px; }
.footer_sec .social_list li a:hover { background: #09385b; }
.footer_sec .col1 .inner { width: 100%; }


.footer_sec .col3 .inner { width: 100%; max-width: 630px; padding: 50px 15px 30px 55px; }

.footer_sec .col2 { padding: 40px 110px 40px 50px; overflow: hidden; width: calc(49.5% - 245px); order: 1; background: url(images/footer-bg1.jpg) center center no-repeat; background-size: cover; text-align: center; }   
.footer_sec .col3 { color: #fff; order: 3; width: calc(50.5% - 245px);  background: #609bce;  }
.footer_sec .col3 p { font-size: 18px; line-height: 33px; padding-bottom: 15px; }
.footer_sec .col3 form { max-width: 100%; }
.footer_sec .col2 .inner { width: 100%; float: right; max-width: 700px; }

.footer_sec .instabox { background: url(images/instagram.png) left 71% no-repeat; background-size: 65px auto; padding-left: 70px; }
.footer_sec .instabox #sbi_images { background: #fff; padding: 10px !important; }
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img { width: 65px; height: 65px; }
#sb_instagram .sb_instagram_header h3, .sb_instagram_header h3 { font-size: 14px !important; font-weight: 700 !important; color: #fff; text-transform: uppercase; }
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img img { width: 65px; height: 65px; }
#sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text { gap: 10px; }
#sb_instagram .sb_instagram_header, .sb_instagram_header { padding: 0 0 10px 15px; }
#sb_instagram { position: relative; }
#sb_instagram #sbi_load { opacity: 1; transition: all 0.5s ease-in; position: absolute; top: 5px; right: 20px; width: auto; }
#sb_instagram .sbi_follow_btn svg { display: none !important; }
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { border-radius: 5px; font-weight: 700; font-size: 14px; min-width: 100px; }

.footer_sec .contactbox { width: 100%; max-width: 335px; margin: -25px auto 0; }
.footer_sec .contactbox .contacts { display: block; flex-wrap: wrap; align-content: center; vertical-align: top; min-height: 68px; padding: 10px 0 10px 70px; font-size: 17px; color: #fff; line-height: 22px; position: relative; text-align: left; font-weight: 400; background: url(images/footer-tel.png) left center no-repeat; margin-bottom: 10px; }
.footer_sec .contactbox .contacts a { color: #106eb8; }
.footer_sec .contactbox .label { display: block; color: #000; font-weight: 700; }

.footer_sec .contactbox .contacts.email { background-image: url(images/footer-chat.png); }
.footer_sec .contactbox .contacts.email a:hover { color: #ffcc00; }
.footer_sec .contactbox .contacts:after { width: calc(100% - 90px); height: 3px; content: ''; position: absolute; left: 60px; bottom: 0; background: linear-gradient(to right,  #ca9e3e 0%,#ebdbaa 24%,#ca9e3e 50%,#ebdbaa 77%,#ca9e3e 100%); }
.footer_sec h4 { font-size: 46px; color: #fff; text-transform: uppercase; font-weight: 400; }
.footer_sec h4 strong { font-weight: 700; }

.footer_sec form .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer_sec form .column2 { width: calc(50% - 10px); }
.footer_sec form .column1 { width: 100%; }
.footer_sec form .wrap p { margin: 0; }

.footer_sec form p { margin: 0 0; }
.footer_sec form label { font-size: 10px; display: block; color: #fff; line-height: 1.2; padding: 0 0px 5px; }
.footer_sec .wpcf7-form-control:not(.button), 
.footer_sec input[type="text"], 
.footer_sec input[type="email"],
.footer_sec input[type="url"],
.footer_sec input[type="tel"],
.footer_sec input[type="password"], 
.footer_sec textarea { float: none; border: 2px solid #fff; height: 35px; width: 100%; font-size: 14px !important; padding: 5px 10px !important; border-radius:0; background: none !important; margin-bottom: 22px; color: #fff !important; background: transparent !important; }
.footer_sec textarea.wpcf7-form-control { padding: 10px !important; height: 70px !important; background: transparent !important; color: #fff !important;  margin-bottom: 15px; }
.footer_sec *::-webkit-input-placeholder { opacity:0.80; color: #fff; }
.footer_sec *::-moz-placeholder {opacity:0.80; color: #fff; }
.footer_sec *:-ms-input-placeholder {opacity:0.80; color: #fff; }
.footer_sec form .wpcf7-form-control.button { color: #fff; min-width: 200px; }
.footer_sec form .wpcf7-form-control.button:hover { color: #000; }
.footer_sec .wpcf7-form-control-wrap { display: block;  }
.footer_sec .wpcf7-form-control-wrap[data-name="your-message"] { width: 100%; }
.footer_sec .wpcf7-form-control-wrap.your-message { overflow: hidden; width: 100%; float: none; }
.footer_sec form p { padding:0  !important; }
.footer_sec form  { margin: 0; }


/* copyright_sec */
.copyright_sec { width: 100%; padding: 20px 0px; text-align: center;  margin: auto; background:#2e2e2e; }
.copyright_sec .wrapper { max-width: 1340px; }
.copyright_sec .copyright { color: rgba(255,255,255,1); font-size: 13px; font-family: Myriad pro; letter-spacing: 0em; line-height:1.2; font-weight: 400; }
.copyright_sec .copyright p { display: inline; font-size: 13px; font-family: myriad pro; line-height: 1.2; padding:0; } 
.copyright_sec .copyright a:hover { text-decoration:underline; } 
.copyright_sec .copyright p a { color: rgba(255,255,255,1);  }
.copyright_sec .copyright p a:hover { color:  #fff; text-decoration: underline; }


#back-to-top { display: none; position: fixed; bottom: 40px; right: 10px; font-size:0; line-height:0; z-index: 9999; width: 30px; height: 30px; cursor: pointer; transition:all 0.3s; background: #18286e url(images/btt.png) center center no-repeat; background-size: 13px 9px; background-size:13px auto; border: 1px solid transparent; border: 2px solid #ffcc00; border-radius: 50%; }




.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color: #f00 !important; }
div.wpcf7-response-output { margin:10px 0; padding:0; font-size: 14px; line-height: 14px; color: #f00; border:0; }
div.wpcf7-mail-sent-ok { color: #398f14; }

/* content-bar-bar */
.content-bar { padding: 60px 0 60px; width: 100%;  }
.error404 .content-bar { padding: 170px 0 50px; text-align:center; min-height:500px; }
.error404 .content-bar h2 { display: table; margin-left: auto; margin-right: auto; }

/* blog-bar */
.blog-bar .left_sidebar { width: 70%;  border-right: 1px solid rgba(0,0,0,0.2); padding: 0 30px 0 0; }
.blog-bar .right_sidebar { width: 30%;  }
.blog-bar .centering { display: flex; flex-wrap: wrap; }


/* Alignment */ 
.alignleft { display: inline; float: left; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { /*font-style: italic;*/  font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#blogWrapper { width:auto; overflow:hidden; }
#BlogCntr { margin-top: 12px; margin-bottom: 25px; width: 100%; position: relative; float: left; position: relative; z-index: 9; }

/* left blog box */
.leftBlogBox { padding: 0; width: 73%; border-right: 1px solid rgba(0,0,0,0.2); padding-right: 30px; position: relative; background: #fff; }
.leftBlogBox h1 { padding-bottom: 40px; }
.leftBlogBox .postLoop { width: 50%; }


/* comment form */
.leftBlogBox #commentform { width: 100%; }
.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea, .leftBlogBox #commentform input[type="url"] { border: 1px solid #000 !important; background: none; padding: 7px 10px; box-sizing: border-box; color: #000; font-size: 15px; border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; resize: none; margin: 0; width: 535px; }
.leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #dfb643; color: #fff; cursor: pointer; border-radius: 0; font-size: 16px; }
.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #0c4c8f; }
.leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 8px 15px; border: none; background: #0d568e; color: #fff; cursor: pointer; margin-left: 100px; }
.leftBlogBox #respond h3 { padding-bottom: 20px; }
.leftBlogBox #commentform input[type="url"].error,.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
.leftBlogBox div.error { display: none !important }
.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
.leftBlogBox #comments { clear: both; margin-bottom: 10px }
.leftBlogBox #comments footer { border: none }
.leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
.leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
.leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
.leftBlogBox img.avatar { float: left; margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
.leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #dfb643; font-size: 16px; }
.leftBlogBox span.says { font-size: 16px; }
.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
.leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color: #000; font-style: normal }
.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 15px; line-height: 19px; }
.comment-content p { padding-bottom: 5px; } #commentform p { padding-bottom: 15px !important; font-size: 16px; margin-bottom: 0; } #commentform .comment-form-cookies-consent { display: none; }
.leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
.leftBlogBox .comment-reply-link { font-size: 16px; text-decoration: none }
.leftBlogBox .comment-reply-link:hover { text-decoration: none; color: #dfb643; } #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height: 25px } #cancel-comment-reply-link:hover { text-decoration: underline }
.leftBlogBox .reply { padding: 0px 0 15px; }
.leftBlogBox .reply a { color: #000 }
.leftBlogBox #respond { margin-top: 10px;/*overflow: hidden;*/width: auto; padding: 0px }
.leftBlogBox #cancel-comment-reply-link:hover { color: #dfb643; text-decoration: none }
.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*//*float:left*/}
.leftBlogBox label.screen-reader-text { display: none }
.leftBlogBox #searchform { width: 100%; margin: 0 auto; }
.leftBlogBox .page-header { padding: 6px 0; padding-top: 20px; } 
#commentform label { float: left; width: 100px; font-size: 16px; line-height: 21px; padding: 6px 0; }
#commentform label.error { display: none!important }

/* pagination */
.leftBlogBox .wp-pagenavi { width: 100%; margin: 25px 0 0px 0; text-align: center; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 14px; color: #000; border: 1px solid #7b7b7b; display:inline-block; vertical-align: top; }
.wp-pagenavi a, .wp-pagenavi span { border-color: #0d568e; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #0d568e; font-weight: normal; color: #fff; background: #0d568e}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #0d568e; color: #fff; border-color: #0d568e; }
.wp-pagenavi span.pages:hover, .wp-pagenavi span.pages { border-color: #7b7b7b; }

/* right blog box */
.rightBlogBox { padding: 0 0 0 20px; width: 27%; position: relative; background: #fff;}
.rightBlogBox ul { margin-bottom: 0;  }
.rightBlogBox .widget {	text-align: left;	margin-bottom: 25px;	overflow: hidden}
.rightBlogBox .widget#block-7 { margin: 0; }
.rightBlogBox .widget h3 { font-size: 25px; line-height: 30px; font-weight:700; padding-bottom: 10px; }
.rightBlogBox h3.widgettitle {	margin-bottom: 10px;	text-align: center;	font-size: 34px;	text-align: left;	text-transform: capitalize;	line-height: 40px;	padding-bottom: 0px}
.rightBlogBox .wp-block-search__label { display: none; }
.rightBlogBox .wp-block-search__inside-wrapper { display: flex; flex-wrap:wrap; width: 100%; margin: 0 auto; }
.rightBlogBox .wp-block-search__inside-wrapper input[type="search"] { border-radius: 0; min-width: unset; width: calc(100% - 80px); border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; margin: 0px; }
.rightBlogBox .wp-block-search__inside-wrapper .wp-block-search__button { width: 80px; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; background: #0d568e; color: #fff; margin: 0; } 
.rightBlogBox .wp-block-search__inside-wrapper .wp-block-search__button:hover { background: #0a3b60; color: #fff; }
.rightBlogBox ul li {  padding-bottom: 5px; width: 100%; }
.rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #0d568e; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #0d568e; }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

/* single page */
.search-form .screen-reader-text { display: none }
.search-form input[type='Search'] { border-radius: 0px; padding: 5px; font-size: 14px; line-height: 19px; float: left; border: solid 1px #0d568e  ; color: #000; width: calc(100% - 85px); width: -ms-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: -moz-calc(100% - 85px); -webkit-appearance: none; -webkit-border-radius: 0px; height: 33px; margin: 0; }
.search-form input[type='submit'] { width: 80px; text-align:center; float: left; background: #0d568e  ; border-radius: 0px; font-size: 15px; line-height: 20px; border: none; color: #fff; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 4px 10px; margin-right: 0px; height: 33px; border: solid 1px #0d568e  ; }
.search-form input[type='submit']:hover { background: #0d568e; border: solid 1px #0d568e; }
/*.search-form input[type='Search']:focus { border: solid 1px #000!important }*/
.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
.leftBlogBox .singleimage img { max-width: 100%; height: auto; width: 100% }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }	 	

.search .search-form { display: none; }

/*keyframes*/
@-webkit-keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
.wpcf7-spinner { display: none !important; }

#st-2 .st-btn > img { display: inline-block; }
#st-2 .st-btn:hover > span { font-size: 16px; }