/*
  Template Name: Ogoth
  Version: 1.0
  Author: Allies Interactive
  Website: http://www.diziana.com/
  Corporate Website : http://www.diziana.com
  Contact: support@diziana.com
  Follow: https://www.twitter.com/dizianaEngage
  Like: https://www.facebook.com/diziana.engage
  Purchase: Diziana.com
  License: You must have a valid license purchased only from
  diziana.com in order to legally use the theme for your project.
  Copyright: © 2017 Allies Interactive Services Pvt. Ltd. All Rights Reserved
*/
/*Reset css start*/
html, body, div, span, h1,h2, h3, h4, a, p,
img, i, ol, ul, li, textarea, button, input{
  margin:0;
  padding:0;
  outline:0;
}
body{
	font-family: 'Raleway', sans-serif;
}
img{
  display:block;
  border:none;
} 
a{
  background:transparent;
  text-decoration:none;
}
a:hover{
	text-decoration: none;
}
h3{
	font-size:1.3em;
	font-weight:600;
}
ul li{
	list-style: none;
}

/*Reset css end*/

/*Header start*/
header{
	background:#454a52;
}
label{
	color:#595959;
	font-weight:600;
	font-size:1.17em;
	display:block;
}
.header-img{
	background:url("../images/header.jpg") no-repeat scroll -297px 0 rgba(0, 0, 0, 0);
	padding:100px 0 0;
}
.header-img h2,.header-img p{
	color:#fff;
	font-size:4em;
	font-weight:600;
	font-style: italic;
	text-align:center;
}
.header-img p{
	font-style: normal;
	font-size:1.9em;
	font-weight: 300;
	margin-top:30px;
}
.logo img{
	display: inline-block;
	margin:5px 0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
	margin:0;
}
.menu-icon{
	padding:0;
}
.menu-icon img{
	width:100%;
	max-width:118px;
}
.create-account, .log-in, .click{
	height:30px;
	padding:0 10px !important;
	background: #35a479;
	color:#fff;
	font-size:1.17em;
	border:0;
	margin:9px 0 9px 8px;
	font-weight:400;
	text-transform:capitalize;
	border-radius:3px;
}
.language{
	margin:22px 0;
}
.request-submit{
	padding:0px 20px;
	border-left: 1px solid #fff;
	color:#fff !important;
	text-transform: capitalize;
	font-size:1.1em;
	font-weight: 300;
	text-decoration: none !important;
}
.no-border{
	border:0;
	padding-left:0;
}
.request-submit:hover{
	color:#fff;
}
.search-bg{
	background:rgba(255,255,255,0.5);
	padding:20px 17px;
	margin:50px 0;
	overflow:hidden;
}
.product-detail{
	width:80%;
	float:left;
	height:56px;
	background: #fff;
	/*padding-left:50px;*/
	border:0;
	border-radius:5px 0 0 5px;
}
.search-bar a{
	width:20%;
	background:#20a5e8 url(../images/search-icon.png) no-repeat center center;
	border-radius: 0 5px 5px 0;
	height:56px;
	float:left;
	text-indent: -9999px;
}
.header-img img{
	display:inline-block;
	margin-top: 60px;
	width:100%;
	max-width:917px;
}
.header-img .detail-strip p{
	font-size:1.5em;
	display:inline-block;
	margin:25px 0;
	font-style:italic;
	font-weight: 300;
}
.header-img .detail-strip button{
	display: inline-block;
	border:0;
	border-radius:5px;
	padding:10px 20px;
	background:#20a5e8;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1.33em;
	line-height:1em;
	margin-left: 20px;
}
.detail-strip{
	background:rgba(8,49,82,.7);
	margin-top:116px;
	text-align: center;
}
.breadcrumb{
	margin-bottom: 0;
	background: #fff;
	padding:20px 0;
}
ol.breadcrumb-home {
	padding: 25px 0;
}
.navigation-links img{
	display: inline-block;
}
.navigation-links{
	/*padding:50px 15px;*/
	background:#20a5e8;
	margin-bottom: 1%;
}
.navigation-links h4{
	color: #fff;
	font-size:1.33em;
	font-weight: 300;
	text-transform: capitalize;
	margin:20px 0;
}
.navigation-links h4 a{
	color:#fff;
}
.navigation-links .col-md-2{
	padding: 0px;
}
.more-help{
	padding:0;
	border: 1px solid #dfdfdf;
	width:94%;
	margin:0 2%;
	border-radius: 5px;
	background:url(../images/chat-icon.png) no-repeat 80% -35px;
}
.more-help .trending-questions{
	border: 0;
	margin:0;
}
.more-help .trending-questions ul li{
	margin-bottom: 10px;
	list-style-type: disc;
}
.trending-questions h2{
	margin-bottom:15px;
}
.trending-questions p{
	margin:0px 0 5px;
	font-size:1.25em;
}
.trending-questions{
	width:45%;
	padding:29px 5% 30px 42px;
	margin:20px 2%;
	border:1px solid #dfdfdf;
	border-radius:5px;
}
.trending-questions ul li{
	list-style-type: decimal;
	margin-bottom: 10px;
}
.trending-questions ul li a{
	color:#20a5e8;
	font-size:1.1em;
}
.trending-questions ul{
	padding-left:15px;
}
.trending-questions h2{
	color: #4d4d4e;
	font-size: 1.8em;
	font-weight:300;
}
footer{
	background:#333;
	overflow:hidden;
	margin-top:4%;
}
footer h3 {text-transform: uppercase !important;}
.about , .product,.contact-us,.follow-us, .newsletter, .info,.intro{
	padding:20px 0;
}
.about h3, .product h3,.contact-us h3, .newsletter h3{
	text-transform: capitalize;
	font-weight:600;
	font-size: 1.33em;
	color:#828282;
}
.about ul , .product ul, .contact-us ul{
	padding-top:15px;
}
.intro{
	padding-bottom:10px;
}
.about ul li , .product ul li , .contact-us ul li {
	list-style:none;
	background: url(../images/bullet.png) no-repeat left center;
	padding-left:10px;
}
.about ul li a, .product ul li a, .contact-us ul li a{
	font-weight: 300;
	font-size: 1.17em;
	text-transform: capitalize;
	color:#fff;
}

.subscribe-text::-moz-placeholder{
	color:#fff;
}
.footer-bg{
	background: #2d2c2c;
}
.social{
	display: inline-block;
	padding:30px 0 15px;
}
.social li{
	float:left;
	margin-right:10px;
}
.social li a{
	color:#fff;
	font-size:1.17em;
	padding: 8px 10px;
	border:2px solid #323232;
	border-radius: 50%;
	display:inline-block;
	margin-bottom:10px;	
}
.social li a:hover{
	background: #353a40;
}
.social li a i{
	width:20px ;
	height:20px;
}
.copyright{
	color:#fff;
	padding-bottom: 15px;
	font-size: 1.17em;
}
#year{
	margin:0 3px;
}
/*Index page end*/
/*Getting started page start*/
.page-heading{
	color:#4d4d4e;
	font-size: 2em;
	border-bottom: 1px solid #9b9b9b;
	text-transform: capitalize;
	font-weight: 300;
	padding:10px 0 20px;
}
.breadcrumb > li + li:before{
	content: "|"
}
.breadcrumb > li>a,.breadcrumb > li{
	color:#6e6e6e;
	font-size:1em;
}
.breadcrumb > li.active a{
	font-style: normal;
	color:#20a5e8;
	text-transform: capitalize;
}
.page-details{
	padding:25px 0;
	font-size:1.1em;
	color:#4d4d4e;
}
.steps-for-creating{
	padding:0 0 20px 15px;
	font-weight: 600;
	margin-top: -2%;
}
.steps-for-creating li{
	list-style-type: decimal;
	margin:30px 0;
}
.steps-for-creating li ul li{
	list-style-type: disc;
	color:#4d4d4e;
	font-size:1.1em;
	line-height: 0;
	font-weight: 400;
}
.steps-for-creating li img{
	margin:20px 0px 0px -4px;
	width:100%;
	max-width:583px;
}
.steps-for-creating li h4, .video-section h4{
	font-size: 1.25em;
	color:#4d4d4e;
	font-weight: 600;
	text-transform: capitalize;
}
.steps-for-creating li  p{
	font-size:1.1em;
	line-height:2em;
	font-weight: 400;
	margin: 6px 0 0 -11px;
}
#section_container {margin-top: -40px;}
/*Getting started page end*/

/*Video page start*/
.video-section{
	margin-bottom: 20px;
}
.video-section h4{
	margin:20px 0;
}
.video-section img{
	padding-bottom: 30px;
	width:100%;
	max-width:480px;
}
/*Video page end*/
/*Ideas page start*/
.idea-page{
	position: relative;
}

.idea-section p{
	color:#4d4d4e;	
	font-size:1.1em;
}
.comments{
	margin-right:20px;
	color:#20a5e8;
	font-size: 0.9em;
}
.comment-section{
	padding-top: 30px;
}
.comments:hover{
	color:#20a5e8;
}
.idea-section h5{
	font-weight:600;
	font-size:1.25em;
	color:#4d4d4e;
}
.idea-section{
	margin-bottom: 30px;
}
.idea-section .comment-section {padding-top: 10px;}
#item-container{
	padding:0 40px 30px 10px;
}
.holder{
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
}
/*Ideas page end*/
/*Contact page start*/
.contact-section{
	background:#f0f0f0;
	padding:20px ;
	/*margin-top:25px;*/
}
.send{
	background:#20a5e8;
	color:#fff;
	font-size:1.2em;
	text-transform: uppercase;
	border:0;
	padding:17px 27px;
	margin-top:20px;
	font-weight: 700;
}
.contact-section select , .contact-section label, .contact-section input,.contact-section textarea{
	width:100%;
	height:45px;
}
.contact-section input,.contact-section textarea{
	border:1px solid #c4c4c4;
}
.contact-section textarea{
	height:300px;
}
.upload-dropzone{
	border:1px solid #bdbdbd;
	padding:10px;
	background:#fff;
}
.upload-dropzone input{
	border:0;
}
.contact-section label{
	margin-top:20px;
	color:#4d4d4e;
	font-size:1.19em;
	font-weight: 300;
	height:auto;
}
/*Contact page end*/
/*Commonly asked question page start*/
.asked-questions{
	border-right:1px solid #9b9b9b;
	padding:0;
}
.nav-bordered li + li {
    border-color: #20a5e8;
    border-style: solid;
    border-width: 0 0 0 1px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;

}
.nav-bordered li{
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    margin: 20px 0
}
.nav-bordered li a{
   color:#428bca;
   font-weight: 400;
}
.requested-page{
	overflow: hidden;
	margin-top: 20px;
}
.requested-page h3{
	color:#4d4d4e;
	font-size:1.25em;
	font-weight:600;
}
.post-question{
	color:#fff;
	background: #20a5e8;
	border-radius: 5px;
	margin-top:-50px;
	padding:10px 20px;
	font-family:'Roboto', sans-serif;
}
.post-question a {
	color: #fff;
	text-decoration: none;
}
.question-img{
	width:100%;
	max-width:100px;
	height:100px;
	background: url('../images/palceholder.jpg');
	border-radius: 5px;
}
.follower{
	margin-top:-10px;
	margin-right:15px;
	color:#bfbfbf;
}
.requested-page-section{
	border-top: 1px solid #e6e6e6;
	margin-top: 10px;
	padding-top: 20px;
	overflow:hidden;
}
.question-detail p{
	line-height: 2.1em;
}
.related-question {padding-left: 4%;}
.question-detail h4,.related-question h4{
	font-size: 1.19em;
	color:#4d4d4e;
	font-weight: 600;
	margin-bottom: 20px;
	line-height:1.5em;
}
.related-question h4{
	margin:20px 0;
	font-size:1.5em;
}
.article-list li {
    margin-bottom: 15px;
    line-height: 1.5em;
    color:#20a5e8;
}
.article-list li:hover a{
	color:#20a5e8;
	text-decoration: underline;
}
.requested-page-section h3{
	margin-bottom: 30px;
}
.question-detail a{
	color:#20a5e8;
}
.question-detail .details{
	color:#bfbfbf;
	font-size:0.8em;
	margin-right:15px;
}
.question-detail .comment-section{
	padding:15px 0;
}
/*Commonly asked question page end*/
/*Faq page start*/
.faq{
	margin-top:20px;
}
.faq .comment-section{
	padding-top:10px;
}
.top{
	background:url(../images/top-arrow.png) no-repeat left center;
	padding-left:20px;
	color:#20a5e8;
	font-weight: 600;
	font-size: 1.3em;
}
.header-img p.hc-text {padding: 0 15%;}
.icons {padding: 45px 0px 31px 0px;}
.question-img-sec {width: 18%;}
.question-detail {width: 81%;}
h4.send-us-msg {
    font-weight: 600;
    margin: 2% 0 -1%;
}
/*Faq page end*/
.section {
    float: left;
    padding: 40px 0;
    width: 50%;
}
.section .article-list {
    padding: 30px 0 0;
    margin-left :10px;
}
.section h3 a {
    background: none repeat scroll 0 0 #efefef;
    color: #444444;
    padding: 10px 100px 10px 20px;
    font-weight: 400;
}
.section .article-list > li {
    color: #20a5e8;
    list-style-position: inside;
    list-style-type: disc;
}
.section .article-list > li a {
	color: #20a5e8;
	text-decoration: none;
}
/*search result start*/
.search-results-column {
    width: 100%;
}
.search-results h1 {
    border: 0 solid #ffffff;
    font-size: 1.7em;
    padding: 40px 0 0;
}
.search-results-subheading-link {
    color: #20a5e8;
    float: right;
    font-size: 16px;
    margin-top: -2%;
}
.search-result {
    border-bottom: 1px solid #ececec;
    padding: 15px 0;
}
.search-result-link, .search-result-link:hover {
    color: #20a5e8;
    font-size: 1.3em;
}
.search-result-description {
    color: #444444;
}
.search-result-heading {
    font-size: 1.9em;
    font-weight: 400;
}
.search-result-heading {
    border-bottom: 1px solid #ececec;
    font-size: 1.9em;
    font-weight: 400;
    padding: 0 0 30px;
}
/*search result end*/