/*


  Theme Name: Willetts


  Theme URI: #


  Description: The Willetts Entertainment theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.


  Version: 1.6


  Author: Willetts


  Author URI:#

*/


* { 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%; height: 100%; font-size: 14px; color: #552448; font-family: Calibri, Arial; background: #72a1e9 url(images/content-bg.jpg) repeat-x center top; background-size: cover; }

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; }

.wrapper { max-width: 1036px; position: relative; margin: auto; }



*::-webkit-input-placeholder{ opacity: 1; }

*::-moz-placeholder{ opacity: 1; }

*:-ms-input-placeholder{ opacity: 1; }

[href^="tel"] { cursor: default; color: #fff !important; }

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

.rounded { border-radius: 6px; -webkit-border-radius: 6px; }

.circle { border-radius: 50%; -webkit-border-radius: 50%; }


::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

:-ms-input-placeholder {
   color: #000;
}

/* common */

a { color: #0033cc; text-decoration: underline; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s; }

a:hover { color: #2b9401; text-decoration: underline;  }

ul { padding-bottom: 30px; list-style: none; }

li { line-height: 29px; padding: 3px 0; color: #333333; font-size: 20px; }

ul.unordered_list li:before { width: 10px; height: 10px; background: #0033cc; border-radius: 50%; -webkit-border-radius: 50%; content:''; float:left; margin: 9px 0 0; display: inline-block; margin-right: 15px; }

ul li ul { padding: 0 0 0 22px; }

ol.ordered_list { margin-bottom: 25px; }

ol.ordered_list ol { list-style-type: lower-latin; }

ol.ordered_list ol ol { list-style-type: lower-alpha; }

ol.ordered_list li { color: #0033cc; font-weight: bold; }

ol.ordered_list li span { color: #333; font-weight: normal; }

ol { padding-left: 20px; }



.clear { clear: both; overflow: hidden; }

img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; }

p { margin-bottom: 25px; line-height: 25px; color: #000000; font-size: 18px; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-weight: normal; }

h1 { font-size: 36px; }

h2 { font-size: 36px; color: #212060; line-height: 55px; font-weight: bold; font-family: Calibri, Arial; font-style: italic; }

h3 { font-size: 36px; line-height: 39px; color: #212060;  }

h4 { font-size: 30px; line-height: 38px; color: #56a81e; font-family: Calibri, Arial; font-weight: bold; }

h5 { font-size: 30px; line-height: 38px; color: #0033cc; font-family: Calibri, Arial; font-weight: bold; }

h6 { font-size: 24px; line-height: 36px; color: #212060; font-family:'FranklinGotItcTEE-Demi'; }



input, textarea { font-family: Calibri, Arial; transition: all 0.3s; -webkit-transition: all 0.3s; -webkit-appearance: none; }

input:focus, textarea:focus { outline: none; }



.form-control { padding: 6px 12px; width: 372px; float: left; border: none; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; background: #e5e5e5; box-shadow: none; height: 45px; color: #000000; font-size: 21px; font-family: Calibri, Arial; }

select.form-control { margin-left: 30px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; background: #e5e5e5 url(images/select_arrow.png) center right no-repeat; cursor:pointer; }

form { padding-bottom: 40px; overflow: hidden; }

.form-control:focus { border-color: #0033cc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }

.orderrd { color: #000000; }

.btn { margin-bottom: 15px; font-size: 21px; line-height: 26px; border: none !important; font-weight: normal; text-transform: uppercase; padding: 15px 25px; vertical-align: bottom; color: #fff; font-family: Calibri, Arial; text-decoration: none; display: inline-block; background: #0033cc; }

.btn:hover { color: #fff !important; background: #288e00; text-decoration: none; }

.btn-primary { font-size: 26px; line-height: 30px; padding: 15px 28px; margin-right: 30px; font-weight: bold; }

.btn-sm { font-size: 18px; line-height: 22px; padding: 10px 20px; font-weight: bold; }

.back_btn.btn { float:left; background: #c4c4c4; font-size: 17px; padding: 6px 20px; line-height: 22px; margin: -4px 0 -4px 14px; }

.back_btn.btn:hover { text-decoration: none;  background: #a2b099; }



#back-to-top { position: fixed; bottom: 15px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #212060 url(images/top_btn.png) center center no-repeat; }

#back-to-top.show { opacity: 0.8; z-index: 9999; }

#back-to-top.show:hover { opacity: 1; }



hr { margin: 25px 0; width: 100%; overflow: hidden; border: 3px solid #212060; }

.image_video { float: right; }



/* wrapper */

#wrapper { padding-bottom: 250px; width: 100%; position: relative; overflow: hidden; }



	/* header */

	#header { padding: 18px 0 0; width: 100%; float: left; position: absolute; background: -moz-linear-gradient(top, rgba(2,34,154,1) 0%, rgba(2,75,202,1) 73%);  background: -webkit-linear-gradient(top, rgba(2,34,154,1) 0%,rgba(2,75,202,1) 73%);  background: linear-gradient(to bottom, rgba(2,34,154,1) 0%,rgba(2,75,202,1) 73%); }

	#header.stickyhead { margin-top: 0px; position: fixed; z-index: 999; box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 3px; }


	@-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)} }

	.stickyhead  {-webkit-animation:stickyhead ease-in-out 0.7s 0.1s both;-moz-animation:stickyhead ease-in-out 0.7s 0.1s both;animation:stickyhead ease-in-out 0.7s 0.1s both}
	#header.stickyhead .top { display: none; }
	#header.stickyhead .logo { margin-top: 4px; width: 203px; }


	#header .logo { margin-top: 16px; width: auto; float: left; }

	#header .right { width: 706px; float: right; }

	#header .top { width: auto; float: right; }

	#header ul { padding-bottom: 0px; float: right; list-style: none; }

	#header .social { margin-right: 30px; margin-top: 7px; width: auto; float: left; }

	#header .social li { margin-right: 6px; float: left; }
	#header .social li:hover { opacity: 0.8; }

	#header .search-in { margin-right: 43px; margin-top: 7px; width: auto; float: left; }

	#header .search-in .search { display: none; }

	#header .search-in form { padding-bottom: 0px; }

	#header .search-in input[type="text"] { padding: 3px 10px; height: 21px; margin: 0px; width: 205px; float: left; font-size: 14px; font-family: 'FranklinGotItcTEE-Book'; border-top-right-radius: 0px;

border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;  border: 0px; }

	#header .search-in input[type="submit"] { padding: 2px 10px; height: 21px; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border: 0px; background: #212060 url(images/submit-arrow.png) center center no-repeat; }

	#header .search-in input[type="submit"]:hover { text-decoration: none;  background: #288e00 url(images/submit-arrow.png) center center no-repeat; }

	#header .support { float: right; }

	#header .support a { padding: 7px 9px; display: inline-block; color: #fff; font-family:'FranklinGotItcTEE-Demi'; text-decoration: none; font-size: 16px; border: 1px solid #8ac4f7; border-radius: 3px; background: #212060; }

	#header .support a:hover { text-decoration: none;  background: #288e00; }

	#header .bottom { margin-top: 12px; width: 100%; float: left; }



		/* nav-bar */

		.nav-bar { width: 100%; position: relative; }

		.nav-bar ul { padding-bottom: 0px; list-style: none; }

		.nav-bar li { padding-bottom: 23px; float: left; font-size: 18px; position: relative; text-transform: uppercase; font-family:'FranklinGotItcTEE-Demi'; line-height: 20px; letter-spacing: 0.1px;  }

		.nav-bar li:nth-child(6n) a { padding-right: 0px; border: 0px; }
		.nav-bar li.menu-item-has-children:nth-child(6n) a { padding-right: 25px; }

		.nav-bar li a { padding: 0 13px; display: block; color: #cbd3ed; text-decoration: none; position: relative; border-right: 2px solid #6c8bc9; }

		.nav-bar li.none { display: none; }

		.nav-bar li:hover > a { color: #fff; text-decoration: none;  }

		.nav-bar a.mobilemenu { display: none; }

		.nav-bar a.close { display: none; }

		#header .nav-bar .sub-menu { padding: 10px 0 25px; width: 270px; display: none; position: absolute; left: -10px; top: 100%; z-index: 999; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: #024dcc; }

		.nav-bar li ul li { padding: 0; width: 100%; white-space: nowrap; text-transform: none; }

		.nav-bar li ul li a { padding: 6px 31px; border-right: 0px; color: #c9c9c9; font-size: 20px; position: relative; }

		.nav-bar li ul li a:hover { text-decoration: none;  background: #212060; }

		.nav-bar li ul li a:hover:before { content: ""; position: absolute; left: 0px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left:10px solid #fff;  }

		#header .nav-bar li:hover .sub-menu { display: block; text-decoration: none;  }

		.nav-bar .menu-item-has-children > a:after { content: ""; position: absolute; top: 3px; right: 6px; width: 15px; height: 15px; border-radius: 4px; background: #212060 url(images/menu-arrow.png) no-repeat center 2px; }

		.nav-bar .menu-item-has-children > a { padding: 0 25px 0 13px; }

		.nav-bar .menu-item-has-children:hover > a:after { text-decoration: none;  background: #212060 url(images/menu-arrow.png) no-repeat center -14px; }



	/* content-part */

	#content-part { padding: 20px 0; margin-top: 110px;  width: 100%; float: left; position: relative; }

	#main { width: 100%; float: left; }

	#content-part h1 { margin-bottom: 10px; color: #000000; font-size: 40px; font-family: 'FranklinGotItcTEE-Book'; text-transform: capitalize; }



		/* content-bar */

		.content-bar { width: 100%; float: left; }

		.content-bar h2 { margin-bottom: 10px; color: #000000; font-size: 40px; font-family:'FranklinGotItcTEE-Book'; font-weight: normal; font-style: normal; }

		.content-bar .left { width: 731px; float: left; }

		.content-bar .right { width: 285px; float: right; }



		/* slider-bar */

		.slider-bar { margin-bottom: 24px; width: 100%; float: left; border-radius: 8px; box-shadow: 0 0 4px #333; border: solid 2px #fff; position: relative; }


		.slider-bar h2 { margin-bottom: 0px; color: #02259d; line-height: 33px; text-transform: uppercase; /*font-family: Calibri, Arial;*/ font-weight: bold; font-size: 36px; }

		.slider-bar .title { padding: 30px; margin-bottom: 20px; width: 320px; float: left; border-radius: 15px; background: rgba(255,255,255,0.5); }

		.slider-bar .text { margin-bottom: 20px; display: block; width: 320px; position: absolute; left: 30px; top: 30px; }

		.slider-bar li { padding: 0px; height: 369px; background-size: cover; position: relative; overflow: hidden; background-position: center center; border-radius: 8px; }

		.slider-bar h3 { margin-bottom: 18px; color: #000; font-size: 32px; line-height: 18px; font-family:'AlexandriaFLF-Bold'; text-transform: capitalize; }

		.slider-bar h4 { font-size: 21px; color: #000; line-height: 19px; font-family:'AlexandriaFLF-Bold'; text-transform: capitalize; }

		.slider-bar .profile { margin-left: 35px; width: 225px; float: left; }

		.slider-bar .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; text-indent: 999px; transition: none; text-decoration: none; }

		.slider-bar .flex-direction-nav a:hover { opacity: 0.8; }

		.slider-bar .flex-direction-nav .flex-prev { left: -20px; background: url(images/left-arrow.png) no-repeat left top; }

		.slider-bar .flex-direction-nav .flex-next { right: -20px; background: url(images/right-arrow.png) no-repeat left top; }

		.slider-bar img { float: left; width: 100%; border-radius: 8px; }

		.slider-bar .flex-control-nav { display: none; }

		.slider-bar .flexslider { width: 100%; max-height: 369px; float: left; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; }
		.slider-bar .flexslider img { height: 100%; }

		.slider-bar .flex-direction-nav li { position: static; height: auto; }

		.slider-bar ul { padding-bottom: 0px; }

		.loading { height: 330px; overflow: hidden; }





		/* service-bar */

		.service-bar { width: 100%; float: left; }

		.service-bar li { padding: 0; margin-right: 12px; width: 235px; height: 139px; overflow: hidden; float: left; position: relative; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);  border-radius: 10px; border: 1px solid #fff; background-size: cover; background-position: center center; }
		.service-bar li img { height: 100%; width: 100%; border-radius: 10px; }

		.service-bar .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 10px; }

		.service-bar .heading { margin-bottom: 0px; display: block; font-size: 28px; line-height: 25px; color: #fff; font-style: italic; font-family: Calibri, Arial; font-weight: bold; text-shadow: 2px 2px 2px #000, 3px 3px 5px #212060; }

		.service-bar .link {  font-size: 17px; line-height: 30px; color: #fff; text-decoration: none; font-family: Calibri, Arial; text-shadow: 2px 2px 2px #000, 3px 3px 5px #212060; }

		.service-bar .link:hover { text-decoration: underline; }

		.service-bar li:nth-child(2) .heading { color: #000; text-shadow: 2px 2px 2px #fff, 3px 3px 5px #fff; }

		.service-bar li:first-child .heading { font-size: 31px; line-height: 30px; }

		.service-bar li:last-child { margin-right: 0px; }

		.service-bar li:last-child .heading { text-shadow: 2px 2px 2px #000, 3px 3px 5px #000; }

		.service-bar .space { top: 19px; left: 15px; position: relative; }
		.service-bar a { text-decoration: none; }
		.service-bar .link2 { width: 100%; height: 100%; position: absolute; }
		.service-bar .overlay:hover { background: rgba(1,77,203,0.4); }



		/* blog-bar */

		.blog-bar { width: 100%; float: left; border-radius: 8px; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.3); background: #fff; }

		.blog-bar h2 { padding: 15px 13px 23px; margin-bottom: 20px; color: #ffffff; font-size: 26px; line-height: 24px; font-family:'FranklinGotItcTEE-Demi'; border-top-left-radius: 8px; border-top-right-radius: 8px; position: relative; background: #212060; }

		.blog-bar h2:before { content: ""; position: absolute; left: 0px; bottom: -10px; width: 100%; height: 21px; background: rgba(100,100,135,0.5); }

		.blog-bar h3 { padding-bottom: 7px; margin-bottom: 0px; color: #023ab7; font-size: 18px; line-height: 15px; font-family: 'FranklinGotItcTEE-Book'; font-weight: 600; text-transform: capitalize; }

		.blog-bar h3 a { text-decoration: none; }
		.blog-bar h3 a:hover { color: #023ab7; }

		.blog-bar p { margin-bottom: 0px; font-size: 14px; color: #000; line-height: 15px; display: inline; font-family: 'FranklinGotItcTEE-Book';  }

		.blog-bar .leftBlogBox { padding: 0 15px; width: 100%; float: left; }

		.blog-bar .leftBlogBox .image img { height: auto; }

		.blog-bar .read-more { color: #024ac9; font-size: 13px; text-transform: uppercase; text-decoration: none; font-family: 'FranklinGotItcTEE-Book'; }

		.blog-bar .read-more:hover { text-decoration: none;  color: #288e00; }

		.blog-bar .entry-content { padding: 1px 0 5px; margin-bottom: 10px; width: 100%; min-height: 42px; float: left; border-bottom: 1px dotted #6D6E6D; }

		.blog-bar .view a { padding: 10px 15px; width: 100%; float: left; font-size: 18px; color: #fff; font-family:'FranklinGotItcTEE-Demi'; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; text-decoration: none; border: 1px solid #fff; background: #014dcc; }

		.blog-bar .view a:hover { text-decoration: none;  background: #288e00; }

		.blog-bar .leftBlogBox p { font-size: 14px; line-height: 16px; }



		/* title-bar */

		.title-bar { margin-bottom: 24px; width: 100%; float: left; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); }

		.title-bar img { border-radius: 4px; }



		/* text-bar */

		.text-bar { width: 100%; float: left; }

		.inner-bg { padding: 25px; margin-bottom: 24px; width: 100%; float: left; border-radius: 8px; background: #fff; }



		/* team-bar */

		.team-bar { padding-left: 18px; margin: 20px 0; width: 100%; float: left; }

		.team-bar li { margin-right: 28px; margin-bottom: 0px; float: left; text-align: center; }

		.team-bar li:nth-child(4n) { margin-right: 0px; }

.team-bar li span.details1 { display: block; min-height: 22px; font-size: 13px; }

.team-bar li span.details2 { display: block; min-height: 22px; font-size: 13px; }

		.team-bar .team-name { font-family:'FranklinGotItcTEE-Demi'; font-size: 21px; color: #000; display: block; line-height: 21px; }

		.team-bar .team-designation { font-size: 19px; color: #000; font-family: Calibri, Arial; line-height: 20px; display: block; }

		.team-bar .team-mail a { color: #0033cc; font-size: 18px; font-style: italic; text-decoration: none; }

		.team-bar .team-mail { color: #288e00; font-size: 18px; font-style: italic; text-decoration: none; }

		.team-bar .team-mail a:hover { color: #288e00; text-decoration: none; }

		.team-bar .image img { border: 4px solid #024ac8; border-radius: 15px; height: 100%; }

		.team-bar .image { margin-bottom: 20px; width: 217px; height: 217px; float: left; }

        .team-bar .image img.systems { border: 4px solid #024ac8; }
        .team-bar .image img.tech { border: 4px solid #666666; }
        .team-bar .image img.littledog { border: 4px solid #9dc854; }



	/* comment form */

	.leftBlogBox #commentform { width: 100%; }

	.leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform input[type="url"], .leftBlogBox #commentform textarea { width: 50%; border: 1px solid #989898; padding: 8px 10px; box-sizing: border-box; color: #000; font-size: 15px !important; border-radius: 0px; }

	.leftBlogBox #commentform textarea { resize: none; line-height: 17px; height: 180px; }

	.leftBlogBox #commentform input[type="submit"] { margin-left: 100px; width: auto; padding: 10px; border: none; background: #288e00; color: #fff; cursor: pointer; text-transform: uppercase; outline: none; border-radius: 0px; font-size: 16px; }

	.leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #1e6a00; }

	.leftBlogBox #respond h3 { padding-bottom: 20px; }

	.leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00 }

	.leftBlogBox div.error { display: none !important }

	.leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px dashed #a7a7a7; font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 10px; padding-bottom: 5px; color: #000; }

	.leftBlogBox #comments { clear: both; padding-top: 0px; }

	.leftBlogBox .comment-list li::before { display: 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: #d40000; font-size: 16px; }

	.fn a { text-decoration: none !important; cursor: default }

	.leftBlogBox span.says { font-size: 16px; }

	.leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { color: #024dcc; font-style: normal; text-decoration: none; font-size: 16px; }

	.leftBlogBox .comment-awaiting-moderation { font-size: 14px; line-height: 15px; }

	.leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 17px; }

	.leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 16px; line-height: 17px; margin-bottom: 5px; }

	.comment-content p { padding-bottom: 5px; }

	#commentform p { padding-bottom: 15px !important; margin-bottom: 0px !important }

	.leftBlogBox .comment-list .comment-metadata { font-size: 14px; color: #000; }

	.leftBlogBox .comment-reply-link { color: #024dcc; font-size: 16px; text-decoration: underline }

	.leftBlogBox .comment-reply-link:hover { text-decoration: none; }

	#cancel-comment-reply-link { color: #024dcc; text-decoration: none; font-size: 16px; }

	#cancel-comment-reply-link:hover { text-decoration: none !important; color: #013794 !important; }

	.leftBlogBox .reply { padding: 0px 0 15px; }

	.leftBlogBox #respond { margin-top: 10px; overflow: hidden; width: auto; }

	.leftBlogBox #cancel-comment-reply-link:hover { text-decoration: none;  color: #ac0000; }

	.leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { margin-left: 25px; }

	.leftBlogBox label.screen-reader-text { display: none }

	.leftBlogBox #searchform { width: 100%; margin: 0 auto; }

	#commentform label { float: left; width: 100px; font-size: 18px; }
	#commentform label.error { display: none !important; }


	.single .leftBlogBox ul.dateBar { padding: 0px; margin: 0 0 15px 0; }

	.leftBlogBox .singleimage img { max-width: 100%; height: auto; }

	.leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }


/* left blog box */
.leftBlogBox { padding-right: 45px; width: 70%; float: left; border-right: 1px solid #e2e2e2; }
.single #topCntr h1 { padding-bottom: 5px; }
.single .leftBlogBox p { display: block; }
.leftBlogBox ul.dateBar li::before { display: none }
.leftBlogBox ul.dateBar { list-style: none; margin: 0 0 5px 0; }
.single .leftBlogBox ul.dateBar { margin: 0 0 15px 0; }
.leftBlogBox ul.dateBar li { padding: 0px 0 5px; font-size: 16px; color: #5F5F5F; padding-bottom: 0; line-height: 18px;  }
.leftBlogBox ul.dateBar li strong { color: #232323; }
.leftBlogBox p { display: inline; font-size: 18px; line-height: 20px; }
.leftBlogBox .postLoop { width: 100%; overflow: hidden; padding: 15px 0; margin: 0px; border-bottom: 1px solid #e2e2e2; }
.leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type { border-bottom: none; }
.leftBlogBox .postLoop .image { float: left; margin: 5px 15px 5px 0; max-width: 220px; }
.postLoop h2 { color: #000; text-transform: capitalize; margin: 0px; padding-bottom: 0; }
.single .pgtitle { margin-bottom: 6px !important; padding-bottom: 0; }
.leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; padding-bottom: 0; }
.leftBlogBox .postLoop h2 a { color: #000; text-decoration: none; text-decoration: none !important }
.leftBlogBox .postLoop a.read-more { display: inline-block; margin-left: 0px; margin-top: 2px; color: #2b9401; text-decoration: none; font-size: 14px; }
.leftBlogBox .postLoop a.read-more:hover { text-decoration: underline }
.leftBlogBox h4.title { font-family: "Arial Black", arial; font-size: 16px; font-weight: normal; padding-top: 15px; color: #333; text-transform: capitalize; }


/* right blog box */
.rightBlogBox { width: 25%; float: right; }
.rightBlogBox ul { padding-bottom: 0px; width: auto; list-style: inside; }
.rightBlogBox .widget { text-align: center; margin-bottom: 25px; overflow: hidden }
.rightBlogBox h3.widgettitle { margin-bottom: 0; text-align: center;  text-align: left; text-transform: capitalize; font-size: 27px; line-height: 33px; }
#BlogCntr .screen-reader-text { display: none; }
.rightBlogBox .search-form { padding-bottom: 0px; width: 100%; margin: 0 auto; }
.rightBlogBox .search-form input.search-field { border-radius: 4px; width: 65%; border: 1px solid #212060; 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; float: left; margin-right: 5px; color: #000; font-size: 13px; }
.rightBlogBox .search-form input.search-submit { width: 27%; cursor: pointer; float: left; font-size: 14px; background: #212060; border: none; color: #fff; display: inline-block; text-decoration: none !important; text-transform: uppercase; transition: all 0.3s ease 0s; height: 30px; border-radius: 4px; }
.rightBlogBox .search-form input.search-submit:hover { background: #288e00 !important; }
.rightBlogBox ul { margin-bottom: 0px !important }
.rightBlogBox ul li { width: 100%; text-align: left; padding: 5px 0; margin-left: 3px; font-size: 18px; border-bottom: 1px dotted #ccc; }
.rightBlogBox ul li a { color: #000; text-decoration: none !important; text-transform: capitalize; outline: none }
.rightBlogBox ul li.current-cat a { color: #2b9401; }
.rightBlogBox ul li a:hover { text-decoration: none; color: #2b9401 }
.mobilesidebar { display: none; }
.desktopsidebar { display: block }

.leftBlogBox .wp-pagenavi { margin: 25px 0 25px 0; width: 100%; float: left; }
.leftBlogBox .wp-pagenavi a, .wp-pagenavi span { text-decoration: none !important; font-size: 16px !important; line-height: 25px !important; color: #6A6A6A !important; border: 1px solid #a9a9a9 !important; padding: 0 5px !important; display: inline-block !important; height: 25px !important; vertical-align: middle !important }
.wp-pagenavi a, .wp-pagenavi span { border-color: #a9a9a9 !important; }
.wp-pagenavi span.current { border-color: #288e00 !important; font-weight: normal !important; color: #288e00 !important }
.leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi span:hover { border-color: #288e00 !important; color: #288e00 !important; text-decoration: none;  }
.wp-pagenavi span.pages:hover { border-color: #288e00 !important; color: #288e00 !important; text-decoration: none;  }




	/* footer */

	footer { margin-top: -250px; width: 100%; float: left; position: relative; }



		/* solution-bar */

		.solution-bar { width: 100%; float: left; position: relative;  overflow: hidden; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); border-radius: 10px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(228,228,228,1) 100%);  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(228,228,228,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(228,228,228,1) 100%); }

		.solution-bar .widget_sp_image { margin: 0px 5px; float: left; max-width: 100%; text-align: center; }
		.solution-bar .widget_sp_image:hover { opacity: 0.8; }
		.solution-bar .widget_sp_image a  { float: left; width: 100%; text-align: center; }
		.slick-slide img { float: none; display: inline-block !important; }
		.solution-bar .widget_sp_image:first-child { margin-top: 29px; }

		.solution-bar .slick-arrow { display: none !important; }
		.solution-bar .slick-dots  { display: none !important; }
		.solution-bar .solution { margin: 8px 5px; margin-left: -35px; float: left; max-width: 100%; width: 84%; margin-right: 0px; }
		.solution-bar .flex-control-nav { display: none !important; }
		.solution-bar  .flex-direction-nav { display: none !important; }
		.slick-slide a img:hover { opacity: 0.7; }

		.slick-slide { margin: 0 10px; }
		.slick-list { margin: 0 -10px;}
		.slick-slide::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
		.slick-slide img { vertical-align: middle; display: inline-block; }

		.solution-bar h2 { padding-top: 10px; width: 151px; height: 71px; float: left; position: relative; font-size: 26px; text-align: center; color: #fff; font-family:'FranklinGotItcTEE-Demi'; transform: rotate(-90deg) ;-webkit-transform:  rotate(-90deg) ;-moz-transform: rotate(-90deg) ;-o-transform:  rotate(-90deg) ;-ms-transform:  rotate(-90deg); left: -41px; position: relative; top: 40px; background: #212060; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: normal; font-style: normal; }

		.solution-bar h2:after { content: ""; position: absolute; left: 0px; bottom: -10px; width: 100%; height: 21px; background: rgba(100,100,135,0.5); }

		.solution-bar .learn { width: 70px; height: 70px; position: absolute; right: 1px; bottom: 1px; cursor: pointer; background: url(images/learn-bg.png) no-repeat left top; }

		.solution-bar .learn a { padding-left: 15px; margin-top: 40px; width: 79px; display: block; font-size: 12px; color: #fff; text-decoration: none; font-family:'FranklinGotItcTEE-Demi'; transform: rotate(-46deg); }
		.solution-bar .learn:hover { background-position: left bottom; }



		/* footer-bar */

		.footer-bar { padding: 25px 0 35px; width: 100%; float: left; }

		.footer-bar span { float: left; }

		.footer-bar .copyright { line-height: 18px; color: #000; font-size: 14px; font-family: 'FranklinGotItcTEE-Book'; }

		.footer-bar .f-menu { float: right; }

		.footer-bar .f-menu li { padding: 0 11px; line-height: 12px; float: left; border-right: 1px solid #466cba; }

		.footer-bar .f-menu li a { color: #000; font-size: 14px; font-family: 'FranklinGotItcTEE-Book'; text-transform: uppercase; text-decoration: none; }

		.footer-bar .f-menu li a:hover { color: #fff; text-decoration: none;  }

		.footer-bar .f-menu li:last-child { padding-right: 0px; border: 0px; }



		.full { width: 100%; overflow: hidden; }

		#leftCntr { padding: 140px 0 0; text-align: center; }

		#leftCntr p { margin-bottom: 10px; }

		#leftCntr h2 { margin-bottom: 0px; }

		.postLoop h2 a { text-decoration: none; color: #000000; }

		.postLoop h2 { line-height: 35px; margin-bottom: 10px; font-style: normal; font-size: 25px; font-family: 'FranklinGotItcTEE-Book'; }

		.postLoop .dateBar { padding-bottom: 0px; }

		.postLoop a { text-decoration: none; display: inline-block; }

		.postLoop { margin-bottom: 25px; width: 100%; float: left; border-bottom: 1px solid #ccc; }

		.postLoop p { margin-bottom: 15px; }