/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
/*
Theme Name: Building People
Author: Building People
Tags: responsive, fixed width
*/

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

* { 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.2; 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; }


[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: 'Montserrat', sans-serif; border-radius:0px !important; -webkit-border-radius:0px  !important; -ms-border-radius:0px  !important; }
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: #1c2a77; 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; } 

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; }
p a { color:#1c2a77; }
p a:hover { text-decoration:underline; }

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: 13px 15px; height: 95px; 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; }


 .button { text-align: center; letter-spacing: -0.01em; border:  1px solid #e4cc7f; text-transform: uppercase; font-weight: 300; font-size: 18px; line-height: 22px; padding: 8px 20px; display: inline-block; vertical-align: top; background: transparent; color: #fff; position: relative; z-index: 1; }
.button:hover { background: #e4cc7f; color: #000; text-decoration: none; }

.button2 { text-align: center; letter-spacing: -0.01em; border:  1px solid #e4cc7f; text-transform: uppercase; font-weight: 300; font-size: 18px; line-height: 22px; padding: 12px 25px; display: inline-block; vertical-align: top; background: #1c2a77; color: #fff; position: relative; z-index: 1; }
.button2:hover { background: #e4cc7f; color: #000; text-decoration: none; }


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


/* wrapper */
#wrapper { padding: 205px 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: 1750px; }  


/* header-part */
#header-bar { width: 100%; z-index:999; transition: ease 0.7s; position:absolute; left:0; top:0px; }

.top_sec { width: 100%; text-align: right; background: linear-gradient(to right,  #16a81e 13%,#20fa3a 50%,#16a81e 82%);}
.top_sec .wrapper { max-width: 1570px; }
.top_sec ul { list-style: none; margin: 0; padding: 0 0 0 0; font-size: 0; }
.top_sec li { padding: 0 0px 0 7px;  display: inline-block; vertical-align: top; }
.top_sec li a { width: 55px; height: 87px; line-height: 87px; display: block; text-align: center; font-size: 30px; color: #fe8900; background: #fff; }
.top_sec li a:hover { background: #21358d; color: #fff; } 

/*header_sec*/
.header_sec { transition: ease 0.7s; width: 100%;  position: relative; background: linear-gradient(to right,  #24316c 0%,#1332be 50%,#24316c 100%); } 
.header_sec .wrapper { width: 100%; max-width: 1570px; padding: 0 15px; }
.header_sec .logo { margin: -58px 0;  max-width: 242px; display: block; }
.header_sec .menu_trigger { margin: 0 10px 0 0; text-align: center; letter-spacing: 0.30em; font-size: 15px; line-height: 20px; font-weight:400; color:#f19d38; display: inline-block; vertical-align: top; position: relative; text-transform: uppercase; }
.header_sec .menu_trigger span.icon { margin-bottom: 5px; position: relative; transition:all 0.3s; width: 60px; height:60px; display: block; border-radius: 50%; background: #fff; }
.header_sec .menu_trigger span.icon span { transition: all 0.3s; width: 30px; height: 5px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #21348b; }
.header_sec .menu_trigger span.icon span:after,
.header_sec .menu_trigger span.icon span:before { transition: all 0.3s; width: 100%; height: 5px; content: ''; position: absolute; left: 0; top: -10px; background: #21348b; }
.header_sec .menu_trigger span.icon span:after { top: 10px; }
.header_sec .menu_trigger.open span.icon span { background: transparent; } 
.header_sec .menu_trigger.open span.icon span:before { top: 0; transform: rotate(45deg); }
.header_sec .menu_trigger.open span.icon span:after { top: 0; transform: rotate(-45deg); }


	


	/* 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(to right,  #24316c 0%,#1332be 50%,#24316c 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: #1332be; }
	.nav-bar li a.active { color: #ffffff; }
	.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 a.highlight ,
	.nav-bar li a.clicked { color: #1332be; }
	
	.nav-bar li.current-menu-ancestor > a,
	.nav-bar li.current-menu-item > a { color: #1332be; background: #20f538; 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; background: #20f538; 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 { background: #20f538; }

	
	@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: #1332be; background: #20f538; text-decoration: none; }
		.nav-bar li:hover li a { color: #1332be; }
		.nav-bar li:hover li a:hover { background: #1332be; color: #20f538; }
	}


	@-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 .top_sec { display: none; }
	.stickyhead .header_sec { padding: 5px 0; }
	.stickyhead .header_sec .logo { max-width: 80px; }
	#header-bar.sticky_added { padding-top: 50px; }
	.stickyhead .header_sec {  border-bottom: 5px solid #21f93c; }

/* banner-bar */
.slider-bar { width: 100%;  position: relative; background: linear-gradient(to right,  #24316c 0%,#1332be 50%,#24316c 100%); }
.slider-bar h1 { font-weight: 400 !important; }
.slider-bar h1 .bg { display: inline-block; padding: 17px 45px 17px 0; z-index: 1; font-size: 135%; letter-spacing: -0.03em !important; line-height: 1 !important; font-weight: 900; color: #fff; position: relative; }
.slider-bar h1 .bg:after { width: 5000px; height: 100%; content: ''; position: absolute; right: 0; top: 0; background: url(images/title-bg.jpg) right top repeat-y; background-size: 100% 1px; z-index: -1; }
.slider-bar h1 small { font-family: 'Hakim'; text-transform: none; font-size: 200%; line-height: 1 !important; display: inline-block; z-index: 1; position: relative; letter-spacing: 0.04em; margin: -8px 0 0px -20px; }
.slider-bar h1 strong { margin: -45px 0 0 0; display: inline-block; letter-spacing: -0.08em !important; font-size: 200%; line-height: 1 !important; font-weight: 900; color: #1cd62e; }

#rev_slider_2_1_wrapper .custom.tparrows.tp-leftarrow { width: 53px; height: 53px; background: url(images/prev.png) center center no-repeat; }
#rev_slider_2_1_wrapper .custom.tparrows.tp-rightarrow { width: 53px; height: 53px; background: url(images/next.png) center center no-repeat; }
#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; opacity: 0.7 !important; }
#rev_slider_2_1_wrapper .custom.tparrows.tp-rightarrow:hover { background:  url(images/next.png) center center no-repeat; opacity: 0.7 !important; }
.slider-bar .custom .tp-bullet { width: 26px; height: 26px; border-radius: 50%; background: #1f379f; }
.slider-bar .custom .tp-bullet.selected,
.slider-bar .custom .tp-bullet:hover { background: #1cd62e; }

/* 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.center { text-align: center; } 
.heading h2 { padding: 0 0 30px 20px; font-size: 105px; line-height: 1; font-weight: 900; color: #fff; text-transform: uppercase; }
.heading h2 span { margin: 0 0 0 -60px; letter-spacing: 0.04em; display: inline-block; color: #fe8900; text-transform: none; font-family: 'Hakim'; font-weight: normal; }

	/*intro_sec*/
	.intro_sec { position: relative; width: 100%; }
	.intro_sec .text { width: 52%; background: url(images/about-bg.jpg) center center no-repeat; background-size: cover; }
	.intro_sec .text .inner { float: right; width: 100%; max-width: 820px; padding: 115px 50px 50px 30px; }
	.intro_sec .text p { font-size: 21px; line-height: 1.9; color: #fff; }
	.intro_sec .image { order: 1; width: 48%; position: relative; }
	.intro_sec .image img { width: 100%; height: 100%; object-fit: cover; }


	/*service_sec */
	.service_sec { padding: 80px 0 20px; width: 100%; position: relative; background: url(images/service-bg.jpg) center center no-repeat; background-size: cover; }
	.service_sec .heading { padding: 0 50px 30px 0; }
	.service_sec .heading h2 span { letter-spacing: 0.07em; } 
	.service_sec .slides img { margin: auto; }
	.service_sec h3 span { display: block; color: #fb8900; }
	.service_sec h3 { padding: 20px 0 0 0; font-size: 35px; line-height: 1.1; color: #fff; text-transform: uppercase; text-align: center; }
	.service_sec { }
	.service_sec .slick-slider { position: relative; padding: 0 0 40px 0; }
	.service_sec .slides { position: relative; padding: 0 20px; }
	.service_sec .wrapper { max-width: 1600px; }
	.service_sec .slick-dots { padding: 0; margin: 0; width: 100%; position: absolute; left: 0; bottom: 0px; line-height: 0; text-align: center; width: 100%;  }  
	.service_sec .slick-dots li { display: inline-block; vertical-align: top; padding: 0 15px; }
	.service_sec .slick-dots li button { width: 25px; height: 25px; border: 0; background: #fb8900; border-radius: 50%; font-size: 0; line-height: 0; cursor: pointer; }
	.service_sec .slick-dots li.slick-active button ,
	.service_sec .slick-dots li button:hover { background: #fff; }
	.service_sec .slick-list { padding: 0 !important; }
	.service_sec .slick-center .slides:after,
	.service_sec .slick-center .slides:before { width: 4px; height: 190px; content: ''; position: absolute; left: 0; top: 20px; background: #fff; }
	.service_sec .slick-center .slides:after { left: auto; right: 0; }

	/* gallery_sec */
	.gallery_sec { position: relative; text-align:  center; margin-bottom: 23px; background: url(images/right-graphic.png) right top no-repeat; }
	.gallery_sec h2 { font-size: 67px; line-height: 1.1; font-family: 'Mermaid'; color: #1432bb; font-weight: 700; text-align: center; }
	.gallery_sec .col { width:  25%; padding: 0px; }
	.gallery_sec .col .has_video:before { z-index: 1; width: 90px; height: 90px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(images/play-btn.png) center center no-repeat; background-size: contain; }  
	.gallery_sec .pic {width: 100%; height: 0; overflow: hidden; background: #000; padding-bottom: 95%; 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 .gallery_list { position: relative; }
	.gallery_sec .pic:hover img { transform: scale(1.15); opacity: 0.7; }
	.gallery_sec .gallery_list:after,
	.gallery_sec .gallery_list:before { width: 9%; height: 100%; content: ''; position: absolute; left: 0; top: 0;background: url(images/left-shadow.png) left top repeat-y; background-size: 100% 1px; z-index: 1; }
	.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: 50px; height: 50px; border: 0; cursor: pointer; position: absolute; left: 40px; top: 50%; transform: translate(0,-50%); z-index: 2; background: url(images/prev2.png) center center no-repeat; background-size: 27px auto; font-size: 0; }
	.gallery_sec .slick-arrow.slick-next { left: auto; right: 40px; background-image: url(images/next2.png); }
	.gallery_sec .slick-slide { line-height: 0; }
	.gallery_sec:before { width: 100%; height: 23px; content: ''; position: absolute; left: 0; top: 100%; background: linear-gradient(to right,  #149748 28%,#149748 32%,#72b45d 50%,#149748 70%); }


	/* recommended_sec */
	.newsletter_sec { margin-bottom: 23px; padding: 40px 0 15px; width: 100%; text-align: center; position: relative; background-position:  center center; background-size: cover;  }
	.newsletter_sec:before { width: 100%; height: 23px; content: ''; position: absolute; left: 0; top: 100%; background: linear-gradient(to right,  #149748 28%,#149748 32%,#72b45d 50%,#149748 70%); }
	.newsletter_sec .wrapper { max-width: 1395px; }  
	.newsletter_sec .text { max-width: 630px; }  
	.newsletter_sec .tnp-subscription { margin: 0; width: 100%; max-width: 100%; }  
	.newsletter_sec .tnp-field label { display: none; }  
	.newsletter_sec h2 { padding-bottom: 0px; font-size: 80px; line-height: 0.85; }  
	.newsletter_sec h2 span { margin: -30px 0 0 0; display: block; font-size: 140%; color: #203181; }  
	.newsletter_sec .tnp-field { width: 100%; }
	.newsletter_sec .tnp-field-surname,
	.newsletter_sec .tnp-field-firstname { width: 48.5%; }  
	.newsletter_sec form { 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"] { 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 { font-size: 16px; width: 170px; height: 50px; text-align-last: center; color: #fff; background: #1f369e; text-transform: uppercase;  letter-spacing: 0.10em !important; margin: 10px auto 0; display: block; float: none; cursor: pointer; }
	.newsletter_sec .tnp-subscription input.tnp-submit:hover { background: #10206b; color: #ff8901;  }

	/* 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: #1c2a77; 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:#1c2a77; }
	.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: #1c2a77; }
	.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: #1c2a77; transform: scale(1.2); }


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

#footer-part:before { width: 100%; height: 24px; content: ''; position: absolute; left: 0; top: -24px; background: linear-gradient(to right,  #000000 0%,#404041 50%,#000000 100%); }


/*footer_sec*/
.footer_sec { width: 100%; position: relative; background:url(images/footer-bg.jpg) center center repeat; background-size:cover; }
.footer_sec .wrapper { position: relative; z-index: 1; max-width: 1920px; padding: 0; }
.footer_sec .left { position:  relative; width: 26.7%; background: url(images/footer-left.png) no-repeat; background-size: 100% 100%; }
.footer_sec .left .inner { padding: 30px 0 0 0; width: 100%; max-width: 310px; float:  right; }
.footer_sec .right { padding: 65px 0 0 235px; position:  relative; width: 73.3%; background: url(images/footer-right.png) no-repeat; background-size: 100% 100%; }
.footer_sec .wrapper:before { width: 5000px; height: 100%; content: ''; position: absolute; left: -5000px; top: 0; background: #fbfcfc; z-index: -1; }
.footer_sec .wrapper:after { width: 5000px; height: 100%; content: ''; position: absolute; right: -4999px; top: 0; background: #043673; z-index: -1; }
.footer_sec .col2 { padding: 0px 0px 0 0px; width: 38%; }
.footer_sec .col3 { padding: 0px 20px 0px 65px; width: 62%; }
.footer_sec .instabox { background: url(images/instagram.png) left center no-repeat; background-size: 51px auto; padding-left: 55px; }
.footer_sec .instabox #sbi_images { background: #fff; padding: 10px !important; }
.footer_sec .logo { max-width: 212px; margin: 0 auto 5px; display: block; }
.footer_sec .contacts .label { display: block;  font-weight: 700; }
.footer_sec .contacts { margin: 0 0 0 55px; letter-spacing: -0.02em; padding: 0 0 15px 10px; font-size: 17px; color: #000; line-height: 21px; position: relative; }
.footer_sec .contacts:before { width: 4px; height: 40px; content: ''; position: absolute; left: 0; top: 0; background: #3cb944; }
.footer_sec .contacts a { color: #000; }
.footer_sec .contacts:after { width: 43px; height: 43px; content: ''; position: absolute; left: -55px; top: 0; background: url(images/phone.png) center center no-repeat; }
.footer_sec .contacts.email:after { background-image: url(images/email.png); }
.footer_sec .contacts.location:after { background-image: url(images/location.png); }
.footer_sec .contacts.email a:hover { text-decoration: underline; }
.footer_sec .col3 .inner { width: 100%; max-width: 555px; }
.footer_sec .heading {  }
.footer_sec .heading h2 { padding: 0; margin: -20px 0 5px 0; font-size: 59px; }
.footer_sec .heading h2 span { transform: translate(0,-10px); margin: 0px 0 0 -20px; font-size: 140%; }
.footer_sec h4 { padding-bottom: 15px; font-size: 26px; line-height:1;  color: #fff; font-family: "Raleway", sans-serif; font-weight:700; }
.footer_sec form p { margin: 0 -12px; }
.footer_sec .wpcf7-form-control, 
.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-family: 'Montserrat', sans-serif; font-size: 11px !important; padding: 5px 10px !important; border-radius:0; background: none !important; margin-bottom: 20px; color: #fff !important; }
.footer_sec textarea.wpcf7-form-control { 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 textarea  { height: 65px !important; }
.footer_sec form .wpcf7-form-control.button { font-size: 16px !important; width: 170px; height: 50px; text-align-last: center; color: #fff; background: #fe8900 !important; text-transform: uppercase;  letter-spacing: 0.10em !important; margin: 10px 0 0 12px; border: 1px solid transparent; display: block; float: none; cursor: pointer; }
.footer_sec form .wpcf7-form-control.button:hover { background: #1f369e !important; color: #fe8900; border-color: #fff; }
.footer_sec .wpcf7-form-control-wrap { display: block; float: left; width: 50%; padding: 0 12px; }
.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; margin: 0 -12px; }
.footer_sec form  { margin: 0; }


/* copyright_sec */
.copyright_sec { text-align: center; width: 100%; padding: 35px 0px;  margin: auto; background:#000; }
.copyright_sec .copyright { color: rgba(255,255,255,1); font-size: 13px; line-height:1.2; font-weight: 400; }
.copyright_sec .copyright p { display: inline; font-size: 13px; 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: absolute; bottom: 10px; right: 10px; font-size:0; line-height:0; z-index: 9999; width: 54px; height: 54px; cursor: pointer; transition:all 0.3s; background: #362b2c url(images/btt.png) center center no-repeat; border-radius: 50%; background-size:13px auto; border: 1px solid transparent; }




.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: #1c2a77; 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: #1c2a77; padding: 5px 7px }
.wp-pagenavi span.current { border-color: #1c2a77; font-weight: normal; color: #fff; background: #1c2a77}
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi a:hover { background: #1c2a77; color: #fff; border-color: #1c2a77; }
.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"] { 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: #1c2a77; color: #fff; margin: 0; } 
.rightBlogBox .wp-block-search__inside-wrapper .wp-block-search__button:hover { background: #1c2a77; 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: #1c2a77; font-weight:700; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #1c2a77; }
.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 #1c2a77  ; 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: #1c2a77  ; 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 #1c2a77  ; }
.search-form input[type='submit']:hover { background: #1c2a77; border: solid 1px #1c2a77; }
/*.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; }