/*
Theme Name: Techblog
Theme URI: http://facebook.com/nityamaity
Description: WordPress programming blog theme by Nitya
Author: Nitya Maity
Author URI: http://facebook.com/nityamaity
Version: 1.1
Tags: blog, programming, tech, personal, responsive, bootstrap, custom_post_type
*/
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800|Roboto:400,500,700,900');
body {width: 100%;height: 100%;font-family: 'Open Sans', sans-serif;font-weight: 300;color: #666;/*background-color: #F3F3F3;*/background-color: #F7F7F7;font-size: 16px;line-height: 1.6em;}
.intro {width: 100%;position: relative;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
.intro-content {/*background: url(../images/bg1.jpg) no-repeat top center;*/padding: 80px 0 60px;}
.intro-content h2 {margin-bottom: 10px;}
h1.h-ultra, h2.h-ultra, h3.h-ultra, h4.h-ultra, h5.h-ultra, h6.h-ultra {font-weight: 900;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 30px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #666;line-height: 1em;}
h2 {font-size: 36px;}
h4 {font-size: 28px;}
h5 {font-size: 24px;}
.color {color: #E5002D;}

/* Bootstrap Modification Override */
.container{width:99%;}
.container.navigation{width:99%;margin-left: 0; padding-left: 0;}
.navbar-brand {float: left;height: auto;font-size: 18px;line-height: 20px;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 5px;}
.navbar>.container .navbar-brand{margin-left: 0px;}
.navbar.navbar-fixed-top{z-index: 4;}

.navbar-toggle {
    padding: 8px 12px;
    font-size: 16px;
    color: #fff;
    border-color: #fff;
}
.navbar-toggle { margin-top: 15px; margin-bottom: 0px;}
.navbar-toggle .icon-bar {background-color: #fff;border-radius: 0px;}


/* Left Sliding Menu */
.topnav-slideicon {font-size: 33px;float: left;color: #3d3d3d;padding: 20px 11px 20px 10px;display: block;z-index: 6;}
.topnav-slideicon:hover{text-decoration: none;color: #6c6d6d;}
.body-slide-opened {position: relative;overflow-x: hidden;}
.slide-menu-button.slide-element {position: fixed;top: 0;}
.slide-element { -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; transition: -webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease,transform .4s ease; position: relative;}
.slide-menu-button {width: 40px;height: auto;cursor: pointer;border: 0;outline: 0;background-color: transparent;float: left;position: absolute;display: block;z-index: 6;background: #fff;font-size: 24px;border-right: 1px solid #e2e2e2;}
.body-overlay {position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;}
.slide-nav {position: fixed;}
.body-slide-opened .slide-nav { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 0;width: 301px;z-index: 6;}
.body-slide-opened .slide-nav { position: fixed;}
.slide-nav { -webkit-transform: translate3d(-300px,0,0); -moz-transform: translate3d(-300px,0,0); -ms-transform: translate3d(-300px,0,0); -o-transform: translate3d(-300px,0,0);transform: translate3d(-300px,0,0); -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; transition: -webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease,transform .4s ease; position: absolute; top: 0; left: 0; width: 300px; height: 500px; z-index: 6;    background-color: #fff;}
.slide-nav>ul, .slide-nav .slide-submenu { margin: 0;padding: 0;list-style-type: none;padding: 15px 15px 7px 15px;}
.slide-nav .slide-main-menu:first-child {border: 0;}
.slide-nav .slide-main-menu {font-size: 16px;font-style: italic; font-weight: bold;line-height: 16px;border-top: 1px solid #aaa;}
.slide-nav .slide-main-menu:first-child a {padding-top: 0;}
.slide-nav .slide-main-menu>a { padding: 18px 0 18px 0;display: block;}
.slide-nav a { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color: #666; text-decoration: none;}
.slide-nav .slide-submenu {padding-top: 0;}
.slide-nav>ul, .slide-nav .slide-submenu {margin: 0;padding: 0;list-style-type: none;padding: 15px 15px 7px 15px;}
.slide-nav .slide-submenu li {font: 15px Verdana,sans-serif;}
.slide-nav .slide-submenu li a {padding: 8px 0 14px 0;display: block;}


/* =========== Navigation ============= */
.navbar-brand {padding-top: 5px;margin-top: 5px;padding-bottom: 0;}
.navbar-brand.reduce {margin-top:0;padding-top: 5px;padding-bottom: 5px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar.navbar-custom {width: inherit;margin: 0 auto;padding-bottom:0;box-shadow: 0 0 3px rgba(0,0,0,0.12);	box-shadow: 0 1px 6px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); -o-box-shadow: 0 1px 6px rgba(0,0,0,.2); }
.navbar.navbar-custom .navigation {padding-bottom: 15px;}
.navbar {margin-bottom: 0; /* border-bottom: 1px solid rgba(255,255,255,.3);*/}
.navbar-brand {font-weight: 700;}
.navbar-brand:focus {outline: 0;}
.navbar.navbar-custom.navbar-fixed-top  {background: #4CAF50;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;}
.navbar-custom.top-nav-collapse .nav.navbar-nav {background-color: rgba(0,0,0,0);}
.navbar.navbar-custom {	padding-top: 0;}
.navbar.navbar-custom ul.nav.navbar-nav {margin-top: 15px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar.navbar-custom.top-nav-collapse ul.nav.navbar-nav {margin-top: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.navbar-custom ul.nav li a {font-size: 16px;letter-spacing: 1px;color: #fff;text-transform: uppercase;font-weight: 700;background: transparent;}
.navbar.navbar-custom.top-nav-collapse {background: #fff;}
.navbar.navbar-custom.top-nav-collapse .navigation {padding-bottom: 10px;}
.navbar-custom.top-nav-collapse ul.nav li a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;color: #444;}
.navbar-custom ul.nav ul.dropdown-menu {border-radius: 0;margin-top: 16px;}
.navbar-custom ul.nav ul.dropdown-menu li {border-bottom: 1px solid #f5f5f5;}
.navbar-custom ul.nav ul.dropdown-menu li:last-child{border-bottom: none;}
.navbar-custom ul.nav ul.dropdown-menu li a {padding: 10px 20px;font-size: 13px;text-transform: uppercase;color:#555555;}
.navbar-custom ul.nav ul.dropdown-menu li a:hover {background: #fefefe;color:#4CAF50;}
.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {color: #666;}
.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus  { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out;}
.navbar-custom.navbar-fixed-top .nav li a:hover, .navbar-custom.navbar-fixed-top .nav li a:focus, .navbar-custom.navbar-fixed-top .nav li.active a, .navbar-custom.navbar-fixed-top .nav li.active {outline: 0;background: none;}
.navbar-custom.top-nav-collapse .nav li a:hover, .navbar-custom.top-nav-collapse .nav li a:focus, .navbar-custom.top-nav-collapse .nav li.active {outline: 0;    background-color: rgba(255,255,255,.2);}
.navbar-toggle {font-size: 14px;color: #fff;}
.navbar-toggle:focus, .navbar-toggle:active {outline: 0;}
.nav-title{text-align: center;}
.nav-title h3{margin-bottom: 0px;padding: 22px 10px 0px 10px;color: #fff;font-size: 24px;text-transform: uppercase;}
.navbar-nav.social li a{padding-top: 0px;padding-bottom: 0px;font-size: 35px !important;}
.navbar-nav.social li a:hover{color: #EDEDED;}

/*=================Content Area ==========*/
.boxLink{color:inherit;}
.boxLink:hover, .boxLink:focus, .boxLink:active, .tool-box:hover a.boxLink{color:inherit;text-decoration: none;}
.tryLink{color: #4CAF50;font-size: 16px;font-weight: bold;}
.tryLink:hover, .tryLink:focus, .tryLink:active, .tool-box:hover a{color:inherit;text-decoration: underline;}
h1.page-header{text-transform: uppercase;font-size: 30px;color: #3d8b40;font-weight: 500;}
.page-header {border-bottom: 2px solid #d3d3d3;margin: 20px 0 20px;}
.tool-box { -webkit-transition: all cubic-bezier(0.4,0.0,0.2,1) 0.2s; transition: all cubic-bezier(0.4,0.0,0.2,1) 0.2s; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);    box-shadow: 0 1px 3px rgba(0,0,0,0.12); border: 1.1px solid #e7e7e7; -webkit-border-radius: 2px;border-radius: 2px; background: #fff;cursor: pointer;}
.tool-box:hover{-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.content-area .adblock{float: right;margin: 10px 10px 10px 10px;}

/* new homepage style */
.leftContainer{background-color: #fff;}
.tool-group{float: left;margin-bottom: 15px;width: 100%;}
h1.tool-head {
    font-family: 'Droid Sans', Segoe UI, Lucida Grande, arial, tahoma, trebuchet ms;
    text-shadow: -1px 1px 0px #f2f3f4;
    font-size: 23px;
    line-height: 23px;
    color: #222222;
    letter-spacing: -0.03em;
    margin: 8px 0px 14px 0px;
    font-weight: bold;
}
.tool-box {
    float: left;
    width: 30%;
	height:150px;
    border: 8px solid #DDFFDD;
    padding: 12px 10px 12px 10px;
    margin: 0px 20px 20px 0px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.tool-box:hover {
    border: 8px solid #d9eaf4;
}
.tool-box:hover a{
    cursor: pointer;
    text-decoration: none !important;
}
.round {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.tool-box img {
    float: left;
    margin: 4px 16px 0px 0px;
}
.tool-box a {
    font-size: 16px;
    color: #222222;
    font-weight: bold;
    text-decoration: none;
}
.tool-box a:hover {
    text-decoration: none !important;
    color: #222222;
}
.tool-box p {
    color: #949697;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    line-height: 18px;
}

/* Sidebar style */
.right-sidebar .widget-ads{width: 100%;text-align: center;margin-bottom: 20px;}
.widget-ads img { max-width: 100%;}
.widget-tools .head{background-color: #3a3a3a;padding: 4px 16px 4px 16px;margin-top: 0;margin-bottom: 0;color: #fff;text-transform: uppercase;font-weight: 300;font-size: 2rem; overflow:hidden;}
.tools-list{background-color: #fff;width: 100%;margin-top: 15px;margin-bottom: 15px;border-radius: 2px;border: 1px solid #e5e5e5;}
.tools-list .tline{border-bottom: 1px solid #e5e5e5;padding: 10px;}
.tools-list .tline:last-child {border-bottom:none;}
.tline a{text-decoration: none;display: flex;}
.tline img{height: 64px;width: 64px;border: none;display: inline-block;vertical-align: middle;max-width: 100%;}
.tline .tcon{margin-left: 16px;color: #262626;line-height: 1.5;font-size: 1.5rem;}
.tline .tcon .f-bold {font-weight: 700;display: block;}

/* ====================Footer====================== */
footer {background-color: #F7F7F7;}
footer {padding: 50px 0 0;}
.sub-footer {margin-top: 30px;background-color: #f2f2f2;border-top: 1px solid #ddd;padding: 30px 0 10px;}
.sub-footer a{color: #444;}
footer .sub-footer  p {font-size: 14px;}
.sub-footer ul {margin: 0;padding: 0;float: right;}
.sub-footer ul li {list-style: none;float: left;}
.sub-footer ul li.sep {padding: 0 20px;}
.sub-footer ul li a {font-weight: 400;transition: color 300ms linear;}
.sub-footer a {color: #666;font-weight: 400;}


/* scroll to top */
.scrollup{ position:fixed;width:32px;height:32px;bottom:0px;right:20px;background: #222; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0;border-radius:  2px 2px 0 0;}
a.scrollup {outline:0;text-align: center;}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {opacity:1;text-decoration:none;}
a.scrollup i {margin-top: 10px;color: #fff;}
a.scrollup i:hover {text-decoration:none;}


/*==========For Inner Pages===========*/
.well.well-trans {background-color: rgba(255,255,255,.8); -webkit-box-shadow: none;box-shadow: none;border: none;}
.well {min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
ul.lead-list {list-style: none;margin-left: 0;padding-left: 0;margin-bottom: 20px;}
ul.lead-list li {margin: 0 0 20px 0;line-height: 1.6em;}
ul.lead-list li span.fa {margin: 5px 5px 0 0;float: left;}
ul.lead-list li span.list {display: inline-block;margin: 0 0 0 10px;}
ul.list-bullet, ul.list-none {margin-bottom: 0;list-style: none;counter-reset: ol-counter;margin-left: 0;}
ul.list-none li, ul.list-bullet li {position: relative;margin: 4px 0;}
ul.list-bullet li:before {width: 6px;height: 6px;box-sizing: border-box;display: block;right: 100%;position: absolute;background-color: #1c94c6;text-align: right;    border-radius: 50%;content: "";top: 10px;margin-right: 13px;}
.panel.panel-skin {border: none;}
.panel-heading {padding: 20px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.form-wrapper h3.panel-title {font-size: 20px;font-weight: 700;}
.form-wrapper h3.panel-title span {font-size: 20px;margin: 0 10px 0 0;}
.form-wrapper h3.panel-title small {font-size: 16px;color: #ddd;}
.content-area h3 {margin: 20px 0 10px 0;border-bottom: 2px dashed #B6B6B6;padding-bottom: 10px;}
.content-area > h3:first-of-type {margin-top: 0px;}
.panel-body {background: #fff;}
.panel-body {padding: 20px;}
form.lead label, form.lead input {font-size: 16px;}
label, input, button, select, textarea {/*font-family: 'Open Sans', sans-serif;*/ font-size: inherit;line-height: inherit;}
textarea {height: 70px !important; font-size: 17px !important;}
form.lead label, form.lead input {font-size: 16px;}
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {width: 100%;}
.topHead{text-align: center; margin-bottom: 20px;border: solid 1px #53B560;padding: 10px;}
.topHead h2{margin-bottom: 0;}
.subHead h4{margin-bottom: 15px;}
.well h5{margin-bottom: 15px;font-weight: bold;color: #666;}
.well.content-area{width: 100%;height: auto;float: left;}
.pad-left-0{padding-left: 0;}
.content-area hr{border-top: solid 3px #53B560;float: left;width: 100%;margin-top: 30px;}
.note{margin-top: 10px;}
.note p{font-style: italic;font-size: 11px;opacity: .5;}
.res-label{font-size: 18px;}
input[type=range]{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.res-input{height: 50px;font-size: 20px;}
.colorPreview{width: 100%;height: 80px;background-color: #FFFFFF;}

/*================Contact Form=====================*/
.comment-respond #respond-inputs {height:77px;}
.comment-respond {width:68%;overflow: hidden;height: 100%;border-bottom: 0;}
.comment-respond h2 {color: #ff7361;padding: 20px 0 10px;border-bottom: 2px solid #dedede;font-size: 20px;font-weight: bold;}
.comment-respond form, .comment-respond label {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
.comment-respond #respond-inputs p {width: 32%;margin-right: 2%;float: left;margin-bottom: 10px;font-size: 13px;font-weight: normal;line-height: 22px;}
.comment-respond #respond label {color: #2f3239;display: block;font-size: 13px;font-weight: bold;cursor:pointer;font-family: "Open Sans", Arial, sans-serif;}
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea {padding: 8px;outline: none;font-size: 13px;font-weight: 600;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;color: #ff7361;border: 1px solid #dedede;-moz-transition: border .25s linear, color .25s linear, background-color .25s linear;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;-o-transition: border .25s linear, color .25s linear, background-color .25s linear;transition: border .25s linear, color .25s linear, background-color .25s linear;background: #f3f3f3;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .comment-respond textarea:focus {border-color: #ff7361;}
.comment-respond #respond input {display: block;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;color: #ff7361;font-family: "Open Sans", Arial, sans-serif;line-height: 20px;}
.comment-respond #respond textarea {display: block;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.comment-respond textarea {min-height: 60px;padding: 8px;outline: none;font-size: 13px;font-weight: 600;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;border: 1px solid #dedede;-moz-transition: border .25s linear, color .25s linear, background-color .25s linear;-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;-o-transition: border .25s linear, color .25s linear, background-color .25s linear;transition: border .25s linear, color .25s linear, background-color .25s linear;background: #f3f3f3;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.comment-respond #respond-inputs p.last {margin: 0;}
.comment-respond .last {margin-right: 0 !important;clear: right;}
.comment-respond p {font-size: 13px;font-weight: normal;}
.comment-respond .form-submit {overflow: hidden;height: 100%;margin-top: 10px !important;margin-bottom: 0 !important;}
.comment-respond #respond input#submit {float: right;font-size: 15px;font-weight: bold;width: 100%;}
.comment-respond #respond input#submit{color: #FFF !important;display: inline-block;border: none;cursor: pointer;text-shadow: none !important;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size: 15px;font-weight: bold;}
.comment-respond #respond input#submit {background-color: #ff7361;}
.comment-respond #respond input#submit:hover {background: #1CA86F;}
.comment-respond #respond input#submit {padding: 7px 15px;}
#respond label.required span {margin-left: 3px;color: #F00;}
p.succdiv{color: #008000; font-size:16px;}
p.errordiv{ color:#E80000; font-size:16px;}


/*==============Extra CSS============*/

.bar-header{float: left;width: 100%;height: auto;text-align: center; margin-bottom:10px !important;margin-top: 80px !important;}
.bar-footer{float: left;width: 100%;height: auto;text-align: center; margin-bottom:10px;}



/* Media queries */

@media (min-width: 768px) and (max-width: 979px) {
.navbar>.container .navbar-brand{margin-left: 10px;}
.topnav-slideicon {padding: 20px 11px 20px 10px;}
.intro-content {padding: 20px 0 60px;}
.intro{overflow:hidden;}
.bar-header{overflow:hidden;}
.tool-box {width: 45%;}
.rightSiderbar{float:left;}
}

@media (max-width:767px) {
.navbar>.container .navbar-brand{margin-left: 10px;}
.topnav-slideicon {padding: 20px 11px 20px 10px;}
.intro-content {padding: 20px 0 60px;}
.intro{overflow:hidden;}
.bar-header{overflow:hidden;}
.tool-box {width: 45%;}
.rightSiderbar{float:left;}
}

@media (max-width:480px) {
.navbar>.container .navbar-brand{margin-left: 10px;}
.topnav-slideicon {padding: 20px 11px 20px 10px;}
.intro-content {padding: 20px 0 60px;}	
.intro{overflow:hidden;}
.bar-header{overflow:hidden;}
.tool-box {width: 45%; height:auto;}
.rightSiderbar{float:left;}
}

@media (max-width:320px) {
.navbar>.container .navbar-brand{margin-left: 10px;}
.topnav-slideicon {padding: 20px 11px 20px 10px;}
.intro-content {padding: 20px 0 60px;}
.intro{overflow:hidden;}
.bar-header{overflow:hidden;}
.tool-box {width: 90%; height:auto;}
}