/*
Theme Name: Techcroc
Theme URI: http://underscores.me/
Author: UBM Technologies
Author URI: http://www.ubmtechnologies.com
Description: A web apps and software development company
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techcroc
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Techcroc is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
@import url('css/bootstrap.min.css');
@import url('css/font-awesome.css');

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body{padding:0px; margin:0px; font:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,p,ul,li,a{padding:0px; margin:0px;}
a, ul.nav a, a.button, ul.download-icon a, fieldset.contact-form .submit {transition: all 0.3s ease-out 0s}


.main-container{width:100%; margin:0px;}

.middle-sec2{background:#f9f9f9;  padding:20px 0 0px 0;}

.logo{margin-top:20px;}

.top-social{margin:25px 0 0 0}
.top-social h2{ float:left; font-size:20px; color:#777777; }
.top-social ul {float:left; margin:0 0 0 10px;}
.top-social li {list-style:none; display:inline;}
.top-social li a { color:#777777; }
.top-social li a i {font-size:30px;}
.top-social li a:hover{color:#125624; text-decoration:none;}



.nav-main{border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top:20px; padding-top:10px; padding-bottom:10px;}
.navbar-header{display:none;}
.nav-search-bar{float:right;}

.navbar-toggle{background:#CCC; border:1px solid #999;}
.navbar-toggle .icon-bar{background:#FFF;}

.nav-search-bar > form {float:right; }
.nav-search-bar > form, .input-group{border-radius:0px ;}

.navigation a{font-size:20px; color:#3e4347;}
.navigation li a{ color:#3e4347;}
.navigation li a:hover {background:none; color:#17692d;}
.navigation li a:focus {background:none; color:#17692d;}
.navigation li > ul > li > a{font-size:16px;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background:none; color:#17692d;}



.annucment-main{background:#125624; padding:15px; margin-top:15px; color:#FFF; text-align:center;}
.annucment-main span a{font-size:19px; color:#fff;}
.annucment-main span a:hover{color:#05180a; text-decoration:none;}


/*middle sec*/

/*left*/

/*top block*/
.middle-sec{background:#ececec; padding:20px 0 0px 0;}

.left-sec{background:#f9f9f9;}

.top-block-area{padding-bottom:15px;}
.post-block{float:left;}
.post-img img{float:left; width:100%;}

.post-title{background:#125624; color:#FFF; padding: 10px 24px 10px 10px;}
.post-title h2{font-size:19px; text-align:left; margin-top:5px;}
.post-by{font-style:italic; font-size:15px; color:#999;}

.block-list-thum{background:#f9f9f9;}

.block-list-thum ul {padding:0px; margin:0px;}
.block-list-thum li {list-style:none; width:100%; float:left; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #d2d3d2;}
.block-list-thum li:last-child{ border-bottom:none}
.block-list-thum li img {float:left; padding-right:5px;}

.block-list-thum-title{}
.block-list-thum-title h2 a{font-size:19px; color:#404745; text-decoration:none;}
.block-list-thum-title h2 a:hover{color:#156101;}
.block-list-thum-by{font-size:16px; font-style:italic; color:#999;}

/*top block*/

/*panel*/
.panel-tuck{border-radius:0px; border:0px; border:0px; border-top:3px solid #d2d3d2; margin-top:25px; background:none;}
.panel-heading{background-color:none;}

.tuck-nav li a {font-size:19px; text-transform:uppercase; color:#a9aeb6;}
.tuck-nav li.active > a {color:#125624;}

.timeline-post{}
.timeline-postul ul {padding:0px; margin:0px;}
.timeline-post li {list-style:none; }
.timeline-bg{border-top:3px solid #e8e8e8; clear:both;}

.timeline-time{float:left; border-right:3px solid #e8e8e8; padding:70px 0px;	vertical-align: middle;}
.timeline-time ul {}
.timeline-time li {font-size:15px;}
.timeline-time-pin{background:#e8e8e8; font-size:15px; font-weight:bold; text-align:center; padding:4px 0 4px 0px; font-style:italic; color:#46464f; line-height:19px;}

.timeline-time-industry{background:#a5a5a5; font-size:15px; font-weight:bold; padding: 4px 0 4px 0px; margin-top:10px; text-align:center; font-style:italic; color:#FFF; line-height:19px;}


.time-line-data{}
.time-line-data img{float:right; margin-top:10px;}

.time-line-data-list{margin-top:10px;}
.time-line-data-list h2 a{font-size:19px; color:#666; text-decoration:none;}
.time-line-data-list h2 a:hover{color:#1f913d; text-decoration:none;}
.time-line-data-list > p {}
.time-line-data-list > p > a {color:#125624;  font-weight:bold;}
.time-line-data-list > p > a:hover{color:#1f913d;}
.timeline-by{font-size:16px; font-style:italic; color:#aab6ac; }
.timeline-by > span {color:#125624; font-weight:bold;}

.time-line-data-list-icons {padding:5px 0 20px 0}
.time-line-data-list-icons ul{padding:0px; margin:15px 0 0 0;}
.time-line-data-list-icons li {color:#ffffff; background:#a5a5a5; }
.time-line-data-list-icons li a span{ color:#FFF;}
.time-line-data-list-icons li a:hover{text-decoration:none; color:#FFF; background:#1f913d;}

/*Panel*/



/*left*/

/*Right*/

/*Tip area*/
.sumbit-tip{ border-bottom:3px solid #d5d5d5; border-top:3px solid #d5d5d5;  padding:15px 0 15px 0px; margin-left:10px;}
.sumbit-tip,.chunky-text{font-size:26px; font-weight:bold; text-align:center; color:#686c68; }
.sumbit-tip,.chunky-text > span{color:#0f4a00;}

/*Tip area*/

/*newsletter*/

.side-bar-widget .widget-title{ border-bottom:1px solid #e9e9e9; padding:0 15px 15px 10px;}
.side-bar-widget h1.widget-title{font-size:19px; text-transform:uppercase}

.side-bar-newsletter{background:#FFF;  padding:15px 0 15px 0px; margin:15px 0 0 10px;}
.side-bar-newsletter ul{padding:15px; margin:0px;}
.side-bar-newsletter li{list-style:none; font-size:15px; color:#434954;}
.side-bar-newsletter li > span {color:#0b9e00; font-size:17px; font-weight:bold;}

.newsletter-checkbox{margin-right:5px; float:left;}


/* SQUARED THREE */
.squaredThree {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

/*newsletter*/


/*Right*/



/*middle sec*/


.footer-main{background:#282e28; padding:10px 0 10px 0;}
.footer-sec-1{text-align:left; margin-top:25px;  padding-bottom:15px; border-bottom:4px solid #3e433e;}
.footer-sec-1 h2{margin:0 0 10px 11px;}
.footer-sec-1 h3{font-size:22px; color:#FFF;}
.footer-sec-1 ul {padding:0px; margin:10px 0 0 0; margin-bottom:15px;} 
.footer-sec-1 li {list-style:none; line-height:30px;}
.footer-sec-1 li a{color:#a5a5a5; font-size:18px;}
.footer-sec-1 li a:hover{color:#FFF; text-decoration:none;}


.footer-sec-2 { padding:15px 0 30px 0;}
.footer-sec-2 p {color:#a5a5a5; font-size:13px; margin:10px 0 10px 0; text-align:center;}
.footer-sec-2 h3 {font-size:22px; color:#a5a5a5;}

.footer-icons {padding:5px 0 20px 0}
.footer-icons ul{padding:0px; margin:15px 0 0 0;}
.footer-icons li {list-style:none; display:inline; font-size:15px; color:#ffffff; background:#343b35; padding: 9px 10px 5px;}
.footer-icons li a{font-size:20px; color:#FFF;}
.footer-icons li a:hover{text-decoration:none; color:#1c201c;}


.footer-subs {float:left}
.footer-subs p {font-size:16px; text-align:left; color:#FFF;}
.footer-subs,.form-search {margin-top:10px;}
.footer-subs,.form-search > input{height:34px; float:left;  } 
.footer-subs,.form-search > button{  border-radius:0px;}
.subs-btn{background:#3e433e;  text-transform:uppercase; color:#FFF;}

.copyrigt{font-size:13px; color:#FFF; text-align:left; margin-top:0px;}
.footer-sec-2 .widgetGuts dt label{ color:#FFFFFF;}
.footer-sec-2 .widgetGuts dd { margin:0px; float:left;}
.footer-sec-2 .widgetGuts .subscribeButton{
	background: none repeat scroll 0 0 #3e433e;
    border: 1px solid transparent;
    color: #fff;
    padding: 2px 5px;
    text-transform: uppercase;
}

/*Post detail page*/

/*right Side Post*/
.popular-left-sidebar{}
.popular-left-title{background:#3e433e; font-size:19px; color:#FFF; padding:5px 0 5px 15px; width: 90%;}

.popular-left-title::after {
    border-left-color: #3e433e;
}
.popular-left-title::after {
    border-bottom: 18px solid transparent;
    border-left: 13px solid #3e433e;
    border-top: 19px solid transparent;
    content: " ";
    height: 0;
    left: 86.6%;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;}

.popular-left-sidebar ul {padding:15px 0 0 0; margin:0px; float:left;}
.popular-left-sidebar li {list-style:none; float:left; border-bottom: 1px solid #e8e8e8; padding:15px 0 15px 0; width:100%;}

.popular-thumb-image{float:left;}
.popular-thumb-image img {width:88px; height:60px;}

.block-list-thum img {width:145px; height:90px;}
.timeline-bg img{width:208px; height:156px;}
.timeline-bg .textwidget img{width:100%; height:100%;}
.popular-content{margin-left:8px; float:left; }
.popular-content > h3 a{font-size:15px; color:#3e433e; font-weight:normal;}
.popular-content > span{font-size:12px; color:#666; font-style:italic; }
/*right Side Post*/

/*Main Post Title*/
.post-main-title{border-bottom: 1px solid #000; padding:0px 0 10px 0; margin-bottom:15px;}
.post-main-title h1{font-size:33px; color:#3e433e;}
.line-by{font-style:italic; color:#666; font-size:14px; font-weight:bold}
.line-by >span {color:#089e00;}
/*Main Post Title*/


/*Artical main*/
.artical-main{}
.artical-main img {margin-bottom:20px; width:100%;}
.artical-main p {font-size:16px;  color:#666; width:100%; margin-bottom:20px; }
.artical-main p >span{color:#089e00;}
/*Artical main*/

/*Side bar Widget*/
.side-bar-widget{background:#FFF; padding:15px 10px 10px 10px;  margin-bottom: 10px;}
.side-bar-widget-title{border-bottom: 1px solid #e9e9e9; padding: 0 15px 15px 10px;}
.side-bar-widget-title h2{font-size: 19px; text-transform: uppercase; text-align:left;}

.side-bar-content{}
.side-bar-widget ul{margin:10px 0 0 0}
.side-bar-widget li {list-style:none; font-size:15px; color:#999; border-bottom:1px solid #999; padding-bottom:10px; margin-top:10px}
.side-bar-widget li > span{color:#089e00;}
.side-line-by {font-style:italic; color:#666; font-size:14px; font-weight:bold}

/*Side bar Widget*/


/*Today 13,march*/

/*Artical Converstion*/
/* video-commets */
.artical-commets-main{border-top:1px solid #e8e8e8; margin-top:10px; padding:10px;}
.artical-comment-hadding {font-size: 19px; text-align:left; font-weight: bold; text-transform: uppercase; color:#125624;}
.artical-comment-hadding small{color:#8F8F8F;}


/*viewer-comment*/
.viewer-comment {border-top:1px solid #e8e8e8; padding-top:10px;}
.viewer-comment small {color:#8F8F8F;}
.media-body h4 {font-size:18px; color:#787878}
.media-body  {font-size:13px; color:#5f5f5f;}
/*viewer-comment*/

.login-user--comment {border-top:1px solid #e8e8e8; padding-top:10px;}
.add-comment {width:100%;}
.add-comment textarea {width:83%; float:left;}

.comment-btn{margin: 19px 14px 0 0; float:right; padding: 5px 30px 6px; text-transform:uppercase;}
/* video-commets */
/*Artical Converstion*/


/*Artical Commment section*/
.artical-comment-form{ padding-top:15px; border-top:1px solid #e0e0e0; margin-bottom:20px;}
.artical-comment-form h3{font-size: 19px; text-align: left; text-transform: uppercase; color:#125624; margin-bottom:10px;}
.artical-comment-form input{margin-bottom:15px; background:#fdfdfd;}
.artical-comment-form textarea{margin-bottom:15px; background:#fdfdfd;}

.artical-comment-btn > button{background:#125624; padding: 4px 20px; border-radius:3px; border:1px solid #0b2d14; color:#FFF; font-size:15px;}
.artical-comment-btn > button:hover{background:#0b2d14;}

.read-more { color: #125624;  font-weight: bold;}
/*Artical Commment section*/

/*Post detail page*/
/*Recommended  Artical On Artical Detail Page */
.recommended-artical-main {padding-top:12px; border-top: 1px solid #e0e0e0;}
.recommended-artical-main h3{font-size: 19px; text-align: left; text-transform: uppercase; color:#125624; margin-bottom:10px;}

.recommended-artical-inner img {text-align:center; margin-bottom:10px; width:194px; height:115px;}

.recommended-artical-inner-text {
	height: 40px;
    margin: 0 0 12px;
    overflow: hidden;
    padding-bottom: 10px;}
.recommended-artical-inner-text a{font-size:16px; font-weight:bold; color:#666; line-height: 20px; text-decoration:none;}
.recommended-artical-inner-text a:hover{color:#089e00}

/*Recommended  Artical On Artical Detail Page */
.post-title h2 a{color:#FFF; text-decoration:none;}

@media (max-width: 767px){
.navbar-header{display:block;}

.headeradd {display:none;}
.sumbit-tip{margin-top:15px; margin-bottom:15px;}


.time-line-data img{width:50%}
.timeline-time {width:100%; border-right:}
.time-line-data-list > p {display:none;}

.timeline-time{border-right:0px; padding:25px 0px;}
.time-line-data-list-icons{display:none;}

.footer-main{padding:30px 0 30px 0;}
.copyrigt {margin-top: 34px}
}

@media (max-width: 991px) {
}

@media (max-width: 1200px) {
}
