/*
Theme Name: Business Channels
Theme URI: http://cyclonethemes.com
Description: A simple and clean business-based responsive WordPress theme. With standard sections that work for any Company, convenient Theme Options for easy management and standard features of an elegant blog and homepage. Salient feature have offering of : Standard Theme Options on top of WordPress' Customizer, cross-browser compatibility, featured slider, different page layout options ( right, left, full width ), header layout, translation-ready, featured image, custom menus, social icons, custom CSS field and other standard WordPress elements.
Version: 1.0.0
Author: Cyclone Nepal Info Tech Pvt. Ltd.
Author URI: http://www.cninfotech.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Business Channels
Tags: translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Elements
3.0 Forms
4.0 Navigation
	4.1 Links
	4.2 Typography
	4.3 Menus
5.0 Accessibility
6.0 Alignments
7.0 Clearings
8.0 Widgets
9.0 Content
	9.1 Posts and pages
	9.2 Asides
	9.3 Comments
10.0 Infinite scroll
11.0 Media
	11.1 Captions
	11.2 Galleries

12.0 Miscellaneous
	12.1 Basic Styles


--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

@font-face {
    font-family: 'SanchezRegular';
    src: url('fonts/SanchezRegular.eot');
    src: url('fonts/SanchezRegular.eot') format('embedded-opentype'),
         url('fonts/SanchezRegular.woff2') format('woff2'),
         url('fonts/SanchezRegular.woff') format('woff'),
         url('fonts/SanchezRegular.ttf') format('truetype'),
         url('fonts/SanchezRegular.svg#SanchezRegular') format('svg');
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}


blockquote:before {
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
}
blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
  text-decoration: none;
}

a img {
	border: 0;
}



/*--------------------------------------------------------------
2.0 Elements
--------------------------------------------------------------*/
ul,
ol {
	margin: 0 0 5px 15px;
}
ul {
	list-style: disc;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
ul, ol{
	margin: 0;
}
li{
	list-style: none;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*--------------------------------------------------------------
3.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {

	border-radius: 2px;
    border: none;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size:18px;
	line-height: 1;
	padding:10px 20px;
	color: #fff;

}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.7;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #555;
	border: none;
	background: 0 none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding:8px 10px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
input[type="text"], input[type="password"], textarea, input[type="email"],select, input[type="url"] {
    border:1px solid #ddd;
    border-radius: 0 0 0 0;
    color: #414042;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 5px;
    font-family: 'SanchezRegular';
    width: 100%;
}

::-moz-placeholder {

    color:#8f8989;

    opacity: 1;

    font-weight: 400;

}

::-webkit-input-placeholder {

    color: #8f8989;

    font-weight: 400;

}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a:focus{
	outline: 0;
}
a {
    color:#44A5AC;
     text-decoration: none;
     font-family: 'SanchezRegular';

}

a,a:hover{
    text-decoration: none;
}
a:hover{
   opacity: 0.7;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'SanchezRegular';
  font-size: 14px;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6{
    margin: 10px 0;
    line-height: 1.5;
    font-weight: 600;
    clear: both;
    font-family: 'SanchezRegular';

}

p,li{
    color: #484848;
   font-family: 'SanchezRegular';
   font-size: 14px;
   line-height: 1.5;
}
h1{
    font-size: 30px;}
h2 {
    font-size: 24px;
}
h3{
    font-size: 21px;
}
h4{
    font-size: 18px;
}
h5{
	font-size: 16px;

}
h6{
	font-size: 14px;
}

b,
strong {
	font-weight: bold;
}
caption, th, td {
    border-bottom: 1px solid hsl(0, 0%, 87%);
    border-left: 1px solid hsl(0, 0%, 87%);
    font-weight: 400;
    padding: 5px;
    text-align: center;
}
table{
	border: 1px solid #ddd;
	border-left: none;
	border-bottom: none;
	margin-bottom:15px;
}
caption {
    border: 1px solid hsl(0, 0%, 87%);
    margin-bottom:15px;
}





/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.main-navigation {
    margin: 15px 0 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.main-container {
    border-bottom: 2px solid hsl(200, 3%, 83%);
}
.main-navigation:before, .main-navigation:after {
    clear: both;
    content: "";
    display: block;
}
.main-navigation ul {}
.main-navigation ul ul {
    /*border: 1px solid #dddddd;*/
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 32px;
    z-index: 9999;
    background: #ee6500;
}
.main-navigation ul ul ul {
    left:100%;
    top: -1px;
}
.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
}
.main-navigation li li {
    float: none;
    display: block;
}
.main-navigation li li li {}
.main-navigation li li li li {}
.main-navigation li:hover ul{
    display: block;
}
.main-navigation li:hover li ul{
    display: none;
}
.main-navigation li li:hover ul{
    display: block;
}
.main-navigation li li:hover li ul{
    display: none;
}
.main-navigation li li li:hover ul{
    display: block;
}
.main-navigation li li li:hover li ul{
    display: none;
}
.main-navigation li li li li:hover > ul{
    display: block;
}
.main-navigation ul li a {
    color: #444;
    display: block;
    font-size: 18px;
    margin-right: 3px;
    padding: 15px;
    font-family: 'SanchezRegular';
    position: relative;
    z-index: 99;

}

.main-navigation li li li a {}
.main-navigation li li li li a {}
.main-navigation .current_page_item a, 
.main-navigation .current-menu-item a {
    color: rgb(255, 255, 1);
}


.main-navigation li li a:hover, .main-navigation li li.current-menu-item > a {
}
.main-navigation li li li a:hover {}
.main-navigation li li li li a:hover {}
.main-navigation li.current-menu-item > a {
}
.main-navigation li li.current-menu-item > a {}
.main-navigation li li li.current-menu-item > a {}
.main-navigation li li li li.current-menu-item > a {}
.main-navigation li.current-menu-item li a:hover {}
.main-navigation li li.current-menu-item li a:hover {}
.main-navigation li li li.current-menu-item li a:hover {}
.main-navigation ul ul a {
    /*border-bottom: 1px solid rgb(221, 221, 221);*/
    height: auto;
    padding: 8px 15px;
    text-align: left;
    font-size: 18px;
    color:#44A5AC;
    width: 100%;
}
.main-navigation ul li ul li a:hover {
    background-color: hsla(0, 0%, 0%, 0.15);
 
}
.main-navigation ul li.menu-item-has-children > a {
    padding-left: 30px;
}

.main-navigation li li.current_page_item a:after,
 .main-navigation ul li li a:hover:after {
    display: none;
}
.main-navigation li a:hover, 
.main-navigation li.current-menu-item a, 
.main-navigation li.current_page_item a {
    color:#44A5AC;
    opacity: 1;
}
.main-navigation .menu > li:hover:after,
 .main-navigation li.current-menu-item:after,
 .main-navigation .menu ul > li:hover:after,
 .main-navigation li.current_page_item:after {
    width: 100%;
}
.main-navigation .menu > li:after,
.main-navigation ul li:after,
 .main-navigation li.current-menu-item:after,
 .main-navigation .menu ul > li:after,
 .main-navigation li.current_page_item:after {
    content: "";
    display: block;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    transition: width 0.25s ease 0s;
}
.main-navigation ul li li:after{
	display: none;
}
 .main-navigation li.current-menu-item:after,
 .main-navigation ul li.current_page_item:after {
    width:100%;
 }
.main-navigation ul li.menu-item-has-children > ul >li.menu-item-has-children > a:after {
	content: " ";
	display: block;
	font-family: FontAwesome;
	font-size: 16px;
	left: 10px;
	position: absolute;
	top: 3px;
}
.main-navigation ul li.menu-item-has-children > a:after {
	content: "\f0d7";
	display: block;
	font-family: FontAwesome;
	font-size: 16px;
	left: 10px;
	position: absolute;
	top: 3px;
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*-------------------------------------- 
Basic Styles
----------------------------------------*/

body {
    background-color:#f8f8f8;
    color: #555555;
    font: 400 16px/25px;
    font-family:"Arial",sans-serif;
    margin: 0; 
    padding:0; 
    line-height: 1.5;
}

.container{
  padding: 0;
}

/*header section*/
#masthead{
	padding-top: 15px;
}

.site-branding{
	width: 100%;
  display: inline-block;
}

article.inner-branding {
    display: inline-block;
}

.site-branding .pull-right{
  width: 25%;
}

.site-branding h1{
  margin-bottom: 0px;
  margin-top: 0;
}

.col-sm-7.inner-branding{
  padding-left: 0px;
}

.inner-branding .center-logo{
  float: right;text-align: center;
}

#masthead form.search-form, form.search-form {
    margin-top: 0px;
    border: 1px solid #e1e1e1;
    width: 100%;
}

#masthead input.search-field {
    width: 84%;
}

#masthead form{
	position: relative;
}

#masthead form a{
	position: absolute;
	right: 5px;
	top: 6px;
}

/*featured banner*/
/*section.featured-banner{
  border-top: 1px solid #ebebeb; 
}
*/
section.featured-banner p{
	color: #fff;
	font-size: 16px;
}

#myCarousel .carousel-inner>.item>img{
  width: 100%;
}

.carousel-caption {
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: inherit;
    right: inherit;
    bottom: 0px;
    padding: 15px;
}

.carousel-caption h2{
  margin: 0;
}

.carousel-control.right{
     background-image:none;
    left: auto;
    right: 0px;
}

#myCarousel .carousel-control{
     font-size: 30px;
     text-shadow:none;
     opacity: 1;
     width: 10%;
     z-index: 999;
     top: 15px;
     bottom:inherit;
}

.carousel-control .fa-chevron-left{
     margin-right:10px;: 
}

section .entry-header{
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 0 auto 30px;
    width: 60%;
}

h2.widget-title, h1.entry-title{
    border-bottom: 3px solid #ccc;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: #f1f1f1;
    padding-top: 10px;
}

#primary h1.entry-title{
  background: transparent;
}

h2.entry-title{
    border-bottom: 3px solid #ccc;
    text-align: center;
    margin-bottom: -1px;
    padding-bottom: 12px;
    display: inline-block;
    font-weight: bold;
}

h2.entry-title span {
    font-weight: normal;
}

.next-title{
  color: #fff;
}

.archive  h2.entry-title{
  text-align: left;
  margin-bottom: 12px;
  padding-bottom: 6px;
  width: 100%;
}

h2.entry-title a{
  color: #555;
}

section i{
	padding-left: 5px;
}

/*services section*/

section#services, section#recent-work, section#testimonials, section#blog{
  padding: 55px 0;
}

section#services {
    background: #fff;
}

section.services .entry-content{
	text-align: center;
}
.services .entry-content > img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    border: 3px solid #ccc;
}

/*section.services{
  width: 100%;
}*/

.entry-text, section.testimonials .entry-content{
  text-align: center;
}

a.read-more, span.edit-link, span.cat-links a, .form-submit input#submit{
	background: #44A5AC;
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	margin: 15px;
	box-shadow: 0 4px #1a7d84;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
}

a.read-more:hover, span.edit-link:hover, span.cat-links a:hover, .form-submit input#submit:hover{
	box-shadow: 0 2px #1a7d84;
  transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  opacity: 1;
}

/* recent works section*/

section#recent-work, section#blog{
  background: url(assets/images/bg.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

section#recent-work{
  padding-bottom: 0;
}

section.recent-work .row{
  margin: 0;
}

section.recent-work .col-sm-3{
	overflow: hidden;
  padding: 0;
}

.folio-item {
   overflow: hidden;
}

.recent-work .overlay {
  background-color: #000;
  color: #fff; 
  left: 0;
  right:0;
  bottom:-100%;
  height: 0;
  position: absolute;
  text-align: center;
  opacity:0;  
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.overlay .overlay-content {
  display: table;
  height: 100%;
  width: 100%;
}

.overlay .overlay-text {
  display: table-cell;
  vertical-align: middle;
}

.folio-overview a {
  font-size: 18px;
  color: #333;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
}

.folio-overview a:hover {
  color: #fff;
}

.folio-overview .folio-expand {
  margin-top: -500px;
  margin-left: -500px;
}

.folio-image, .folio-overview .folio-expand {
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.recent-work .folio-item:hover .folio-image {
  -webkit-transform: scale(1.5) rotate(-15deg);
  transform: scale(1.5) rotate(-15deg);
}

.folio-image img {
  width: 100%;
}

.recent-work .folio-item:hover .overlay {
  opacity: 0.8;
  bottom: 0;
  height: 100%;
}

.recent-work .folio-item:hover .folio-overview .folio-expand {
  margin-top: 0;
  margin-left:0;
}

.recent-work .folio-item:hover .overlay .folio-info {
  opacity: 1;  
  margin-bottom:0;
  margin-top:0;
}


/*testimonials*/

section.testimonials{
  background: #f1f1f1;
}
section.testimonials img{
	border-radius: 50%;
	width: 110px;
	height: 110px;
	display: inline-block;
  padding: 5px;
	border: 2px solid #ccc;
}

section.testimonials .item .col-sm-10.col-xs-10{
	padding: 15px;
  text-align: left;
  line-height: 1.5;
}

section.testimonials .item .col-sm-10.col-xs-10 span{
  color: #44A5AC;
  display: block;
  font-style: italic;
}

section.testimonials .entry-header{
  width: 80%;
}

.carousel.slide i{
  font-size: 18px;
  padding-right: 10px;
}

section#blog{
  background: url(assets/images/bg1.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

#blog .entry-content img{
  width: 100%;
}

#blog .entry-text {
    background:rgba(0,0,0,0.5);
    padding:10px 5px;
    color: #fff;
    margin-top: -1px;
}

#blog .entry-text p{
  color: #FFF;
}


#blog .entry-text h3 a, #blog .entry-text span a{
  color: #44A5AC;
}

#toTop {
    bottom: 60px;
    display: block;
    opacity: 0;
    position: fixed;
    right: 25px;
    transition: all 0.35s ease 0s;
    visibility: hidden;
    z-index: 9999;
}
#toTop.active {
    opacity: 0.6;
    visibility: visible;
}
#toTop.active:hover {
    opacity: 1;
    transition: all 0.8s ease 0s;
}
#toTop .border {
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 40px;
    height: 60px;
    line-height: 50px;
    position: relative;
    text-align: center;
    transition: all 0.8s ease 0s;
    vertical-align: middle;
    width: 60px;
    z-index: 1;
}
#toTop .border:before {
    background: none repeat scroll 0 0 #21242a;
    border: 2px solid transparent;
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: -2px;
    opacity: 0.2;
    pointer-events: none;
    position: absolute;
    top: -2px;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    width: 100%;
    z-index: -1;
}
#toTop:hover .border:before {
    opacity: 0;
    transform: scale(0);
    transition: transform 0.4s ease 0s, opacity 0.2s ease 0s;
}


footer#colophon {
    padding: 20px 15px 10px 15px;
    background: #000;
    display: inline-block;
    width: 100%;
}

footer#colophon .foot, .foot p{
	color:#e3e3e3; 
	font-weight: normal;
	line-height: 26px;
	text-align: justify;
}

footer#colophon .foot h3{
	font-size: 18px;
}

footer#colophon .foot ul{
	margin:0;
	padding: 0;
	list-style: none; 
}

footer#colophon .foot ul li{
	margin:0;
	padding: 0;
	list-style: none; 
}

footer#colophon .foot ul li a:before{
	 content: " - ";

}


footer#colophon .foot ul li a{
	font-weight: normal;
	text-decoration: none;
	display: block;
	color:#e3e3e3; 
	line-height: 38px; 
	transition: ease-in-out 0.5s;
  display: inline-block;
}


footer#colophon .foot ul li a:hover{
	color: #44A5AC;
	transition: ease-in-out 0.5s;
	padding-left: 15px;
}

footer#colophon .copyright{
	border-top: 1px solid #6c6c6c;
	padding:10px 0 0 0; 
	color: #e7e7e7;
	text-align: center;
  margin-top: 10px;
}

footer#colophon .copyright a:hover{
  color: #fff;
  text-decoration: underline;
}

@font-face {
  font-family: 'Genericons';
  src: url('fonts/genericons/genericons-regular-webfont.eot');
  src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
       url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
       url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.screen-reader-text {
  position: absolute;
  top:      -9999em;
  left:     -9999em;
}

#menu-social {}

  #menu-social ul {
    list-style: none;
    margin:5px 0 2px;
    text-align: right;
  }

    #menu-social ul li {
      display:  inline-block;
      position: relative;
    }

      #menu-social li a::before {
        content:        '\f408';
        display:        inline-block;
        padding:        0 5px;
        font-family:    'Genericons';
        font-size:      16px;
        vertical-align: top;

        -webkit-font-smoothing: antialiased;
      }

      
      #menu-social li a[href*="facebook.com"]::before {
        content: '\f203';
        color:   #3b5998;
      }
      #menu-social li a[href*="twitter.com"]::before {
        content: '\f202';
        color:   #33ccff;
      }
      
      #menu-social li a[href*="plus.google.com"]::before {
        content: '\f206';
        color: #dd4b39;
      }
      #menu-social li a[href*="linkedin.com"]::before {
        content: '\f208';
        color:   #0e76a8;
      }

#smoothup { 
height: 40px; 
width: 40px; 
position:fixed;
bottom:20px;
right:30px;
text-indent:-9999px;
display:none;
background: url("assets/images/top-button.png") no-repeat; 
-webkit-transition-duration: 0.4s; 
-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
}

#smoothup:hover {
-webkit-transform: rotate(360deg) }
background: url('') no-repeat;
}


/*Innerpages CSS*/
#secondary h2.widget-title{
  margin-bottom: 0px;
  margin-top: 0px;
}

h1.entry-title{
  text-align: left;
  margin-bottom: 10px;
  margin-top: 0px;
}


#primary{
  padding: 0px;
}

#primary.col-sm-8 .page-header{
  margin-top: 0px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.page-header h1.page-title{
  margin:0px;
}

#secondary{
  padding-right: 0px;
  padding-top: 10px;
}

/*#secondary section ul {
    padding: 10px;
    background: #f1f1f1;
}
*/
#secondary section ul li{
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#secondary section ul li:last-child{
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

span.edit-link, span.cat-links a
{
  margin:15px 0px;
  padding: 6px 25px;
}

span.cat-links a{
  margin-right: 10px;
}

span.edit-link a, span.cat-links a
{
  color: #fff;
}

.form-submit input#submit{
  margin: 0px;
}

#comments.comments-area {
    background: #f1f1f1;
    padding: 15px;
    margin-bottom: 15px;
}

form.comment-form textarea, form.comment-form input{
  background: #fff;
}

.nav-links .nav-next, .nav-links .nav-previous {
    background: #f1f1f1;
    padding: 15px;
    margin-bottom: 10px;
}
h2.comments-title{
  border-bottom:3px solid #ccc;
  margin-top: 0px;
  padding-bottom: 5px;
}

h3#reply-title{
  margin-top: 0px;
}

.comment-author.vcard, .comment-metadata{
  display: inline-block;
}

.comment-metadata{
  float: right;
}

.comment-metadata span.edit-link{
  margin: 0px;
}

ol.comment-list li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

form.search-form label{
  width: 72%;
}

form.search-form input.search-field{
  width: 88%;
}

form.search-form input.search-submit{
  float: right;
  border-radius: 0px;
  color: #555;
}


/*sidebar*/
.no-sidebar #secondary {
    display: none;
}

.no-sidebar #primary{
  width: 100%;
}

.left #primary {
    float: right;
}

.left #secondary{
  padding-left: 0;
  padding-right: 15px;
}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}

#secondary:last-child {
    margin-bottom: 20px;
}