/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Roboto:300,400,700);

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; height:100%; position:relative; }
body { background:#f9f9f9; font:16px/1.6 'Roboto', Arial, Helvetica, sans-serif; color:#666; letter-spacing:0.01em; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, .all-category-section a h4, .wp-pagenavi a { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:#0a80f8; text-decoration:none;}
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; margin:0; font-weight:300; color:#444; }
h1,h2, h3, h4, h5, h6 { font-family:'Montserrat', Arial, Helvetica, sans-serif; line-height:1.3; margin:0 0 10px; font-weight:400; color:#0a2432; }
h1,h2 { font-size:38px;  }
h3 { font-size:40px; }
h4 { font-size:22px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

ul li { line-height:24px; }

.cf:before, .cf:after,.wrap:after,.wrap:before { content:""; display:table; }
.cf:after,.wrap:after { clear:both; }
.cf,.wrap { zoom:1; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { *zoom:1; margin-left:-20px; margin-right:-20px; clear:both; }
.cols:after {content:""; display:table; clear:both; }
.cols .col { float:left; min-height:1px; padding-left:20px; padding-right:20px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:#0a80f8; }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:4px 13px 0; display:block; color:#f00; font-size:14px; }
input.has-error { border:solid 1px #f00 !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:25px; }
.custom-arrow-list li:before { content:''; border:solid 1px #5b6166; border-left:0; border-top:0; position:absolute; left:1px; top:8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:10px; height:10px; }
							 
							 
/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: #0a80f8; color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
#wrapper { min-height:100%; position:relative; }
.wrap { max-width:1310px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

#main { padding-bottom:65px; }
.single-post #main > .wrap { padding-top:52px; padding-bottom:93px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05) }
/*.home #main { padding:0;  }*/
#primary { float:left; width:68.8%; padding-right: 35px; border-right:1px solid #ebebeb; }
#content { }
#sidebar { float:right; padding-left: 35px; width: 31.2%; }
.one-column { width:auto !important; float:none !important; padding:0 !important; border:0 !important; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background:#fff; padding:18px 0; }
#logo { float:left; width:145px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }
.header-right { float:right; margin-top:4px; }
.search-bar { width:300px; position:relative; float:left; margin-right:15px; }
input[type="submit"].search-submit { background:url("../images/bgi/sprites.png") no-repeat -133px -2px; width:40px; height:40px; border-radius:50%; text-indent:-999em; padding:0; border:#656c78 solid 2px; position:absolute; right:0; }
.search-bar input[type="search"] { height:40px; width:0; -webkit-transition:0.2s all ease-in-out 0s; transition:0.2s all ease-in-out 0s; float:right; visibility:hidden; opacity:0; }
.search-bar.active input[type="search"] { width:100%; visibility:visible; opacity:1; }
input.search-submit[type="submit"]:hover { background:#656c78 url("../images/bgi/sprites.png") no-repeat -175px -2px; }
.header-right .button.btn-outline { padding:9px 30px; }
.search-bar.active input[type="submit"].search-submit { border:0; background-position:-173px 0px; background-color:#656c78 ; }

#mainmenu { background:#f2f2f2; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; font-size:16px; border-top:#dadada solid 1px; }
#mainmenu ul { margin:0; padding:0; list-style:none; margin:0 -24px; }
#mainmenu ul:after { content:''; display:table; clear:both; }
#mainmenu li { float:left; }
#mainmenu li a { color:#5b6166; padding:16px 24px; display:block; text-transform:uppercase; position:relative; z-index:1; -webkit-transition:0.3s all ease-in-out 0s; transition:0.3s all ease-in-out 0s; }
#mainmenu li a:after { content:''; position:absolute; background:#0a80f8; width:0; height:2px; left:0; right:0; margin:0 auto; bottom:0; -webkit-transition:0.3s all ease-in-out 0s; transition:0.3s all ease-in-out 0s; }

#mainmenu li a:hover { color:#fff; }
#mainmenu li a:hover { color:#0a80f8; text-decoration:none; }
#mainmenu li a:hover:after { width:100%; }

#mainmenu li.html5 a:hover { color:#e44d26; }
#mainmenu li.html5 a:after { background:#e44d26; }

#mainmenu li.java-script a:hover { color:#dab92d; }
#mainmenu li.java-script a:after { background:#dab92d; }

#mainmenu li.design-ux a:hover { color:#0e77bf; }
#mainmenu li.design-ux a:after { background:#0e77bf; }

#mainmenu li.php a:hover { color:#8993be; }
#mainmenu li.php a:after { background:#8993be; }

#mainmenu li.web a:after { background:#285992; }
#mainmenu li.web a:hover { color:#285992; }

#mainmenu li.wordpress a:after { background:#21759b; }
#mainmenu li.wordpress a:hover { color:#21759b; }

#mainmenu li.java a:after { background:#e76f00; }
#mainmenu li.java a:hover { color:#e76f00; }

#mainmenu li.magento a:after { background:#f15c22; }
#mainmenu li.magento a:hover { color:#f15c22; }

#mainmenu li.seo a:after { background:#4fa851; }
#mainmenu li.seo a:hover { color:#4fa851; }

#mainmenu ul li.mobile a::after{ background:#97C024; }
#mainmenu ul li.mobile a:hover{ color:#97C024;}

#mainmenu ul li.css3 a::after{ background:#38a6ff; }
#mainmenu ul li.css3 a:hover{ color:#38a6ff;}

#footer { background:#0f2d49; padding:18px 0; font-size:16px; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:300; position:absolute; width:100%; left:0; bottom:0; }
#footer p, .copyright a { color:#677787; margin:0; text-align:center; }
.copyright a:hover { color:#cbcbcb; text-decoration:none; }

/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.png);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle; }
.mainbanner { background:#0a80f8 url(../images/banner-bg-pattern.jpg) repeat; text-align:center; padding:100px 0; }
.banner-content h1, .banner-content h2 { font-weight:600; color:#fff; text-transform:uppercase; margin-bottom:20px; }
.banner-content .button.btn-lg { background:#fff; color:#1180f3; font-size:16px; border:#1180f3 solid 2px; }
.banner-content .button.btn-lg:hover { background:#1180f3; border-color:#fff; color:#fff; }
.mainbanner-img { margin:90px 0 0; }
.section-title { font-size:40px; color:#1a1a1a; text-align:center; margin-bottom:50px; }
.section-title:after { content:''; display:block; background:url(../images/bgi/sprites.png) -76px -88px; width:104px; height:9px; margin:12px auto 0; }
.article-section { padding:70px 0; }
.article-section .cols { margin:0 -12px; }
.article-section .col { padding:0 12px; }
.article-section .section-cat { background:#fff; border:#e2e7eb solid 1px; border-radius:80px; overflow:hidden; margin-bottom:20px; position:relative;}
.section-cat .section-logo img { margin-left: 7px; position:absolute; top:0; bottom:0; padding:0 0 0 7px; margin:auto;}
.article-section .section-cat:after { content:''; display:table; clear:both; }
.article-section .section-logo { background:url(../images/logo-html5.png) no-repeat 0 0; width:157px; height:100%; float:left; position:absolute; z-index:3; margin:0; }
.section-logo a { display: block; }
.article-section .section-content { padding:19px 25px 19px 181px; overflow:hidden; }
.article-section .section-logo:before { content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:#0a80f8; }
.article-section .section-logo:after, .section-cat figure:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%, rgba(0, 0, 0, 0.1) 15%);
background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%, rgba(0, 0, 0, 0.1) 15%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%, rgba(0, 0, 0, 0.1) 15%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); }
.cat-tag { font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; color:#6e6e6e; text-transform:uppercase; display:block; margin-bottom:12px; }
.cat-tag:before { content:''; display:inline-block; vertical-align:middle; background:#6e6e6e; border-radius:50%; width:11px; height:11px; margin-right:8px; position:relative; top:-1px; }
.cat-tag a { color: #6e6e6e; text-decoration:none; }
.cat-tag a:hover { color:#2d2d2d; }
.section-content h4 { font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:18px; font-weight:600; margin-bottom:8px; }
.section-content h4 a { color:#242d3e; }
.section-content h4 a:hover { color:#0a80f8; text-decoration:none; }
.post-by, .post-by a { color:#727689; font-weight:400;  margin-right: 9px; padding-right: 5px; position: relative; }
.post-by a:after { background: #000; bottom: 0; content: ""; height: 72%; margin-bottom: auto; margin-left: auto; margin-top: auto; opacity: 0.5; position: absolute; right: -5px; top: 0; width: 1px; }
.post-by a:hover { color:#2d2d2d; text-decoration:none; }
.html5 .section-logo:before, .html5 .cat-tag:before { background:#e45b21; }
.html5 .section-content h4 a:hover { color:#e45b21; }
.css3 .section-logo:before, .css3 .cat-tag:before { background:#38a6ff; }
.css3 .section-content h4 a:hover { color:#38a6ff; }
.java-script .section-logo:before, .java-script .cat-tag:before { background:#e8c937; }
.java-script .section-content h4 a:hover { color:#e8c937; }
.wordpress .section-logo:before, .wordpress .cat-tag:before { background:#30a6db; }
.wordpress .section-content h4 a:hover { color:#30a6db; }
.magento .section-logo:before, .magento .cat-tag:before { background:#f15c22; }
.magento .section-content h4 a:hover { color:#f15c22; }
.jquery .section-logo:before, .jquery .cat-tag:before { background:#0a80f8; }
.jquery .section-content h4 a:hover { color:#0a80f8; }

.seo .section-logo:before, .seo .cat-tag:before { background:#f64154; }
.php .section-logo:before, .php .cat-tag:before { background:#787cb3; }

.recent-article-section { background:#f0f5f8; }
.all-category-section { padding:80px 0; }
.all-category-section .cols { margin:0 -14px;  }
.all-category-section .col { padding:0 14px; }
.all-category-section .col a { text-decoration:none; }
.all-category-section .section-cat { background:#fff; border:#c1c1c1 solid 1px; border-radius:5px; }
.all-category-section .section-cat figure { margin:0; display:block; text-align:center; position:relative; z-index:1; padding:38px 0; }
.all-category-section .section-cat h4 { font-size:22px; text-transform:uppercase; font-weight:500; margin-bottom:0; }
.all-category-section .section-cat h4 a { color:#242d3e; }
.all-category-section .section-content { text-align:center; padding:16px 0; }
.all-category-section .post-number { font-size:14px; color:#6e6e6e; text-transform:uppercase; font-family:'Montserrat', Arial, Helvetica, sans-serif;  font-weight:500; }

.all-category-section .section-cat.html5 figure { background:#ef6428; }
.all-category-section a:hover > .section-cat.html5 h4 { color:#ef6428; }

.all-category-section .section-cat.css3 figure { background:#38a6ff; }
.all-category-section a:hover > .section-cat.css3 h4  { color:#38a6ff; }

.all-category-section .section-cat.java-script figure { background:#dab92d; }
.all-category-section a:hover > .section-cat.java-script h4 { color:#dab92d; }

.all-category-section .section-cat.wordpress figure { background:#21759b; }
.all-category-section a:hover > .section-cat.wordpress h4 { color:#21759b; }

.all-category-section .section-cat.magento figure { background:#f15c22; }
.all-category-section a:hover > .section-cat.magento h4 { color:#f15c22; }

.all-category-section .section-cat.php figure { background:#8993be; }
.all-category-section a:hover > .section-cat.php h4 { color:#8993be; }

.all-category-section .section-cat.design-ux figure { background:#0e77bf; }
.all-category-section a:hover > .section-cat.design-ux h4 { color:#0e77bf; }

.all-category-section .section-cat.web figure { background:#285992; }
.all-category-section a:hover > .section-cat.web h4 { color:#285992; }

.all-category-section .section-cat.java figure { background:#e76f00; }
.all-category-section a:hover > .section-cat.java h4 { color:#e76f00; }

.all-category-section .section-cat.seo figure { background:#4fa851; }
.all-category-section a:hover > .section-cat.seo h4 { color:#4fa851; }

.all-category-section .section-cat.seo figure { background:#97C024; }
.all-category-section a:hover > .section-cat.seo h4 { color:#97C024; }



/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:6px 22px; height:50px; line-height:1.55; border:solid 2px #808b9e; color:#454648; width:100%; font-family:'Montserrat', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; font-weight:300; font-size:16px; border-radius:50px; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Montserrat', Arial, Helvetica, sans-serif; border-radius:14px; }
select { height:auto; padding:12px 42px 12px 22px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; border-radius:50px; }
select:focus, select option:focus { outline:none; }
select::-ms-expand { display:none; }
.custom-select, .category-filter-box{ display:block; margin:0; position:relative; background:#fff; }
.custom-select:before, .category-filter-box:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after, .category-filter-box:after { content:''; border-top:solid 6px #656c78; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:25px; top:50%; margin-top:-3px; }
.ie select { padding-right:0; }
.ie .custom-select:before, .ie .category-filter-box:before { z-index:2; height:40px; }
.ie .custom-select:after, .ie .category-filter-box:after { z-index:3; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 2px #808b9e;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:#0a80f8; color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:12px 35px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family: "Montserrat",Arial,Helvetica,sans-serif; font-weight:700; border-radius:50px; }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#0763C0; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

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

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #0a80f8; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: #0a80f8; }
.checkbox input:checked + .input-helper:before { background-color: #0a80f8; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #0a80f8; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#0a80f8 url("../images/banner-bg-pattern.jpg") repeat scroll 0 0; ; font-size:14px; color:#fff; position:relative; z-index:1;}
.breadcrumbs:after { background:#000; bottom: 0; content: ""; height: auto; left: 0; opacity: 0.11; position: absolute; right: 0; top: 0; width: 100%; z-index: -1;}
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; color:#b8b8b8; }
.breadcrumbs li:before { content:''; border-left:solid 4px #fff; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#fff; text-decoration:none; }
.breadcrumbs li a:hover { color:#b8b8b8; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { font-family:'Montserrat', Arial, Helvetica, sans-serif; background-color:#0a80f8; text-transform:uppercase; font-size:16px; color:#fff; display:inline-block; line-height:1.2; padding:13px 30px; vertical-align:bottom; font-weight:700; border-radius:50px;  }
.button:hover { background-color:#0763c0; text-decoration:none; color:#fff; }
.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:#fff; }
.button.btn-lightgray:hover, input[type="submit"].btn-lightgray:hover, input[type="button"].btn-lightgray:hover, button.btn-lightgray:hover { background:#757f90; }
.button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary { background:#656c78; color:#fff; }
.button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover { background:#333; }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, button.btn-outline { background:#fff; border:solid 2px #656c78; color:#656c78;  }
.button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, button.btn-outline:hover { background:#656c78; color:#fff; }

.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }
table tr:hover td { background:#fbfbfb; }
table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }


/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee;  }
.tabnav li { float:left; position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a, .tabnav li a:hover { background-color:#fff; color:#0a80f8; }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent p a:hover, .accordion-data p a:hover { color:#00305d }
.tabcontent h4 { margin:0 0 15px; }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/bgi/sprites.png) no-repeat 0 0; }
.alert-notification {  background-color:#fff0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }


/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:10px 0; position:relative; font-size:16px; color:#444444; line-height:2; font-weight:300; font-family:'montserrat', Arial, Helvetica, sans-serif; letter-spacing:0.02em; line-height: 1.5;} 
.list-block ul.custom-arrow-list { margin:0; padding:0; }
.list-block ul.custom-arrow-list li ul { list-style: outside none none; margin-left: 0; padding-left: 0; }
.custom-arrow-list li li { font-size: 15px; margin-bottom: 6px; margin-top: 6px; padding-left: 20px; }
.custom-arrow-list li li::before { height: 7px; width: 7px; }



/* =Default-title Inner-page page CSS
========================================================================================*/

/*.innerbanner { background:#0a80f8 url(../images/banner-bg-pattern.jpg) repeat; text-align:center; padding:100px 0; }*/
.banner-content span { background: #c7e1fc; border-radius: 50px; display: block; height:5px; margin:0 auto; position: relative; width:12px; }
.banner-content span::before, .banner-content span::after { background: #c7e1fc; border-radius: 50px; content: ""; height:5px; position: absolute; width:35px; }
.banner-content span::after { left: 21px; }
.banner-content span::before { right: 21px; }
.banner-content.common h1{ margin-bottom:15px; }

/* =Blog page sidebar CSS
========================================================================================*/
.modulebox { margin: 0 0 30px; }
.side-search { position:relative; background:#eff2f2; border-radius:50px; overflow:hidden; }
.side-search:before { content:""; position:absolute; background:url("../images/bgi/sprites.png") no-repeat -142px -11px; height:18px; width:18px; left:19px; top:0; bottom:0; margin:auto; }
.side-search input[type="text"] { background-color:transparent; padding:6px 100px 6px 50px; border:1px solid #eef1f1; }
.side-search .button.btn-submit { position:absolute; top:1px; right:1px; padding:0; }
.side-search .button:after { display:none; }
.side-search .button.btn-submit input { font-size:14px; font-weight:400; height:48px; padding:10px 20px; text-align:center; text-transform:none; }
.small-title { position:relative; color:#0a80f8; font-size:20px; margin-bottom:25px; padding-bottom:10px; font-weight:500; }
.small-title:before { background:#0a80f8; bottom:0; content:""; height:2px; left:0; position:absolute; width:60px; }
.modulebox ul { margin:0; padding:0; list-style:none; }
.modulebox li:after { clear:both; display:table; content:""; }
.modulebox li { margin-bottom:10px; }
.modulebox li:last-child { border:0; padding-bottom:0; margin-bottom:0; }
.modulebox li a { color:#5b6166; position:relative; padding-left:15px; text-decoration:none; display:block; word-wrap:break-word; font-size:16px; }
.modulebox li a:hover { color:#303030; }
.modulebox li a:before { content:""; height:7px; width:7px; position:absolute; top:8px; left:0; border-top:1px solid #5b6166; border-right:1px solid #5b6166; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.modulebox li a:hover:before { border-color:#303030; }
.widget_categories li { padding-right:33px; position:relative; }
.widget_categories span { background:#eff2f2; border-radius:50%; color:#5b6166; float:right; font-size:12px; height:27px; line-height:2.4; text-align:center; width:27px; position:absolute; top:0; right:0; }
.tagcloud a { font-size:14px; color:#5b6166; background:#eff2f2; border-radius:50px; padding:7px 25px 7px; display:inline-block; margin:0 3px 8px 0; text-decoration:none; }
.tagcloud a:hover { background:#0694fa; color:#fff;  }


/* =Blog Details page CSS
========================================================================================*/
.blog-post-details figure { margin:0; }
.blog-post-details img { height:auto; width:100%;}
.blog-details { padding:0;/* background:#f7f8f8*/; position:relative; }
.blog-article-details { padding:15px 0; border-bottom:1px solid #ececec; }
.blog-article-details:after { content:""; clear:both; display:table; }
.blog-info { float:left; }
.blog-category-chat { float:right; margin-right:5px; }
.blog-article-details span { color:#6c6c6c; font-size:14px; padding-left:24px; position:relative; margin-left:12px; }
.blog-article-details span:first-child { margin-left:0; }
.blog-article-details span a { color:#adb1b3; text-decoration:none; }
.blog-article-details a:hover span, .blog-article-details span:hover a, .blog-article-details a:hover { color:#0a80f8 ; text-decoration:none; }
.blog-article-details span:before { background-image:url(../images/bgi/sprites.png); background-repeat:no-repeat; content:""; height:20px; left:0; position:absolute; top:-2px; width:20px; }
.user:before { background-position:-76px -46px; }
.calender:before { background-position:-98px -46px; }
.category:before { background-position:-120px -46px; }
.user:hover:before { background-position:-76px -68px; }
.category:hover:before { background-position:-120px -68px; }
.blog-details h1, .blog-details h2, .blog-details h3, .blog-details h4, .blog-details h5, .blog-details h6 { font-weight:600; color:#303030; margin:15px 0; }
.blog-details h1 { font-size:32px; }
.blog-details h2 { font-size:30px; }
.blog-details h3 { font-size:28px; }
.blog-details h4 { font-size:24px; }
.blog-details h5 { font-size:22px; }
.blog-details h6 { font-size:18px; }
.blog-post-details p + p { margin-top:10px; }
.blog-details blockquote { background:#fff; border:3px solid #eaeeee; position:relative; padding:20px; color:#547d79; line-height:1.7; margin:28px 0; padding:40px 25px 40px 177px; }
.blog-details blockquote:before { position:absolute; content:""; height:74px; width:74px; background:url(../images/bgi/sprites.png) no-repeat 0 -46px; left:38px; opacity:0.8; top:0; bottom:0; margin:auto; }
.blog-details blockquote::after { background-color:#eaeeee; bottom: 0; content: ""; left: 150px; margin: auto; position: absolute; top: 0; width:3px; }
.blog-details blockquote p { font-size:20px; font-weight:500; color:#696d72; font-family:'montserrat', Arial, Helvetica, sans-serif; line-height:1.7; }
.blog-listing { padding: 24px 0 38px; border-bottom:1px solid #e2e2e2; }
.blog-listing ul { margin:0; padding:0; list-style:none; }
.bottom-tags { border-bottom:1px solid #e2e2e2; padding:22px 0 12px; }
.tags-info:after, .bottom-tags ul:after { display:table; clear:both; content:""; }
.tags-info .tags { position:relative; padding-left:29px; min-width:165px; float:left; margin-top:1px; color:#454545; font-weight:600;}
.tags-info .tags:before { background:url(../images/bgi/sprites.png) no-repeat -105px 0; content: ""; height:24px; left: 0; position: absolute; top:0; width:24px; bottom:0; margin:auto; }
.bottom-tags ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.bottom-tags ul li { float:left; margin:0 10px 10px 0; }
.bottom-tags ul li a{ text-decoration:none;  padding:4px 10px 3px; background:#e4e3e3; border-radius:5px; color:#454545; display:inline-block; font-size:13px; font-weight:600; letter-spacing:0.07em; }
.bottom-tags ul li a:hover { background:#cbcbcb; }

.blog-details img.alignleft { float: left; padding: 10px 20px 10px 0; width: auto; }
.blog-details img.alignright { float: right; padding: 10px 0 10px 20px; width: auto; }


/* = Pagination page CSS
========================================================================================*/
.pagination { border:1px solid #ededed; display:table; list-style:outside none none; margin:25px auto 0; overflow:hidden; padding:0; }
.pagination li { border-right:1px solid #ededed; float:left; position:relative; text-align:center; }
.pagination .previous a, .pagination .next a { text-indent:-999em; }
.pagination .previous a:after, .pagination .next a:after { border-color:#7e7e7e; border-style:solid; border-width:0 0 2px 2px; bottom:0; content:""; height:10px; left:22px; margin:auto; position:absolute; top:0; transform:rotate(45deg); width:10px; }
.pagination .next a:after { border-width:2px 2px 0 0; left:auto; right:22px; }
.pagination li a, .pagination li span { background:#fff; color:#656c78; display:block; font-size:18px; padding:12px 0; position:relative; width:50px; }
.pagination li a:hover { background:#0a80f8; color:#fff; text-decoration:none; }
.pagination li + li:before { background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #f3f3f3 0%, #ddd 100%) repeat scroll 0 0; border-right:1px solid #fff; content:""; height:100%; left:-1px; position:absolute; top:0; width:2px; }
.pagination li.active span:before { border-bottom:7px solid transparent; border-right:7px solid #0f2d49; border-top:7px solid transparent; bottom:0; content:""; height:0; left:-7px; margin:auto; position:absolute; top:0; width:0;  z-index:1; }
.pagination li.active span:after { border-bottom:7px solid transparent; border-left:7px solid #0f2d49; border-top:7px solid transparent; bottom:0; content:""; height:0; margin:auto; position:absolute; right:-7px; top:0; width:0; z-index:1; }
.pagination li.active span, .pagination li.active a:hover { background:#0f2d49; color:#fff; }
.pagination .previous a:hover:after, .pagination .next a:hover:after { border-color:#fff; }
.pagination li:last-child { border-right:0; }


/* =404 page CSS
=======================================================================================*/
.error404 .not-found { margin:0 auto; max-width:900px; text-align:center; width:100%; padding:130px 0; }
.error404 .not-found h2 { color:#0976E5; font-family:"Montserrat",Arial,Helvetica,sans-serif; font-size:250px; font-weight:600; line-height:1; margin:0; }
.error404 .not-found h3 { font-size:40px; margin:0 0 10px; }
.error-404.not-found p { color: #656c78; font-size: 17px; font-weight: bold; margin-bottom: 20px; }
.error-404 form { margin: 40px auto 0; max-width: 450px; position: relative;}


.wp-pagenavi { border-top:1px solid #ededed; border-bottom:1px solid #ededed; border-left:1px solid #ededed; display:table; list-style:outside none none; margin:25px auto 0; overflow:hidden; padding:0; }
.wp-pagenavi:after { content:""; display:table; clear:both; }
.wp-pagenavi a, .wp-pagenavi span { border-right:1px solid #ededed; border-left:0; border-top:0; border-bottom:0; float:left; position:relative; text-align:center; background:#fff; color:#656c78; font-size:18px; padding:12px 0; width:50px; height:50px; line-height:30px; margin:0; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .last, .wp-pagenavi .first { font-size:35px; line-height:22px; }
.wp-pagenavi span.current:before { border-bottom:7px solid transparent; border-right:7px solid #0f2d49; border-top:7px solid transparent; bottom:0; content:""; height:0; left:-7px; margin:auto; position:absolute; top:0; width:0;  z-index:1; }
.wp-pagenavi span.current:after { border-bottom:7px solid transparent; border-left:7px solid #0f2d49; border-top:7px solid transparent; bottom:0; content:""; height:0; margin:auto; position:absolute; right:-7px; top:0; width:0; z-index:1; }
.wp-pagenavi span.current, .wp-pagenavi a:hover { background:#0f2d49; color:#fff; text-decoration:none; font-weight:normal; }

/* =Nothing Found page CSS
=======================================================================================*/
.no-results.not-found { text-align: center; }
.no-results.not-found h2 { color: #0a80f8; font-weight:600;}
.no-results.not-found .page-content > p { color: #656c78; font-size: 17px; font-weight: 500; }
.no-results.not-found form { margin: 40px auto 0; max-width: 450px; position: relative;}

/* =Dropdown Menu CSS
=======================================================================================*/
.category-filter-box{ background: #fff; border-radius: 50px; margin: 35px auto 0; max-width: 250px; }
.category-filter-box:before { border-top-right-radius:50px; border-bottom-right-radius:50px; height:40px; width:40px; }
.category-filter-box:focus, .category-filter-box select { border:none; }

/* =Login Form CSS
=======================================================================================*/

.um, .um-125.um, .um-124.um { max-width:450px !important; width:100% !important; margin:0 auto !important; padding:170px 0; }
.um-form { background:#fbfbfb; border-radius:5px; border:#dfdfdf solid 2px; position:relative; } 
.um-form .form-title { margin-bottom:0; }
.um-form .um-field { padding:20px 0 0 !important; }
.um-form .um-field:nth-child(2) { padding:28px 0 0 !important; }

#content .um-125.um .um-form input[type="text"], #content .um-125.um .um-form input[type="tel"], #content .um-125.um .um-form input[type="password"], #content .um-125.um .um-form textarea, #content .um-124.um .um-form input[type="text"], #content .um-124.um .um-form input[type="tel"], #content .um-124.um .um-form input[type="password"], #content .um-124.um .um-form textarea, #content .um um-account .um-form .um-account-main input, #content .um um-account .um-form .um-account-main textarea { color:#333 !important; }

.um-form .um-col-alt { margin-bottom:20px; }
.um-field.um-field-c { margin-bottom:20px !important; padding:0 38px 10px !important; border-bottom:#ccc solid 2px; }
.um-field.um-field-c:after { content:''; display:table; clear:both; }
.um-left.um-half, .um-right.um-half  { width:auto !important; }
.um-left.um-half { padding-left:38px; }
.um-right.um-half { padding-right:38px; }
.um-col-1 { padding:0 38px; overflow:hidden; }

.um-col-1 > .um-field:first-child { padding:15px 0 !important; margin:0 -38px !important; border-bottom:#ccc solid 2px; background:#f2f2f2; }
.um-col-1 > .um-field .form-title { padding-left:40px; }
.um-account-heading, .form-title { position:relative; color:#242d3e !important; text-transform:uppercase; font-size:26px !important; font-weight:500 !important;	}
.form-title:before, .um-account-heading:before { content:""; display:inline-block; vertical-align:middle; margin:0 15px 0 0; background:url(../images/bgi/sprites.png) no-repeat -140px 0; height:31px; width:31px; position:relative; top:-3px; }
.form-title.login-title:before { background-position:-143px -46px; }

.um-field-area .um-field-checkbox { float: left; }
input.um-button[type="submit"] { font-size:20px !important; }
.um-page-login .um.um-login.um-73.uimob500 { margin: 0 auto !important; }

.um-73.um .um-form input[type="text"], .um-73.um .um-form input[type="password"] { 45px !important; }

.um-page-login .mainbanner { display:none; }
.um-page-login #logo { display: table; margin: 0 auto; position: relative; text-align: center; float:none; width:100%; max-width:200px; }
.um-page-login #header { border-bottom:1px solid #eee; box-shadow:0 -2px 9px rgba(0,0,0,0.25); }
div.um-73.um input.um-button[type="submit"] { background: #0a80f8; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; min-width: auto !important;  padding: 13px 30px !important; width: auto; }
div.um-73.um input.um-button[type="submit"]:hover { background: #0763c0; }
.blog-post-details img{width:auto;}
.blog-post-details img.aligncenter{display:block; margin:10px auto;}
.server .section-logo:before, .server .cat-tag:before { background: #7fabda; }