/*
Theme Name: Guideline
Theme URI: http://zylothemes.com/themes/free-beautifull-wordpress-theme/
Author: Zylo Themes
Author URI: http://zylothemes.com/
Description: Guideline is a free beautifull WordPress Theme. it is perfect for multipurpose and corporate website. theme packed lot of advanced features like that layout option, sticky header option, full width template option, sidebar widget option and footer widget option, these features theme looking very well. also theme is compatible with WordPress Latest Version.  
Version: 1.5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: guideline
Tags:two-columns,right-sidebar,custom-colors,custom-logo,full-width-template,footer-widgets,custom-colors,featured-images,editor-style,custom-header,custom-background,custom-menu,threaded-comments,theme-options, translation-ready

Guideline WordPress Theme has been created by Zylo Themes(zylothemes.com), 2016.
Guideline WordPress Theme is released under the terms of GNU GPL
*/
*{ 
margin:0; 
padding:0; 
outline:none;
}
body{ 
background-color:transparent; 
margin:0; 
padding:0;
line-height:20px; 
font-size:13px; 
color:#575756; 
font-family:'Montserrat', sans-serif; 
}
img{ 
border:0px; 
margin:0; 
padding:0; 
height:auto; 
max-width:100%;
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{ 
margin:0; 
padding:0;
}
p{ 
margin:0; 
padding:0;
}
a{ 
text-decoration:none; 
color:#00209F;/*color:#f98700*/
}
a:hover{ 
color:#666;
}
ol,ul{ 
margin:0; 
padding:0;
}
ul li ul, 
ul li ul li ul, 
ol li ol, 
ol li ol li ol{ 
margin-left:10px;
}

/* title styles 
.wpp-post-title {
color:#00209F; /*set your hexadecimal color here*/
}
*/

.site-header h1, .site-header h2 {
color:#00209F;
font-size: 24px;
}

h1,h2,h3,h4,h5,h6{
color:#00209F; 
font-family:'Montserrat', sans-serif;
margin:0 0 20px; 
padding:0; 
line-height:1.1; 
font-weight:400; 
}
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, 
.alignleft{ 
float:left; 
margin:0 15px 0 0; 
padding:5px; 
border:0px;
}
img.alignright, 
.alignright{ 
float:right; 
margin:0 0 0 15px; 
padding:5px; 
border:0px;
}
.left{ 
float:left;
}
.right{ 
float:right;
}
.pagination{
display:table; 
clear:both;
}
#comment-nav-above .nav-previous, 
#comment-nav-below .nav-previous{ 
float:none !important; 
margin:10px 0;
}
ol.comment-list li{ 
list-style:none; 
margin-bottom:5px;
}
.logo{
float:left; 
z-index:999; 
padding:10px 0;  
color:#00209F;
}
.logo h1{
font-weight:400; 
margin:0; 
line-height:36px; 
color:#00209F;
}
.logo a{ 
color:#00209F;/*color:#f98700;*/
}
.logo span{ 
color:#555; 
display:block;
}
.hdrright{ 
float:right;
}

.container{ width:1100px; margin:0 auto; position:relative;}
.pagebanner{ height:280px; overflow:hidden; text-align:center;}
.pagebanner img{ position: relative; background-size:cover; width:100%; height:auto;}
.boxlayout{ width:1140px; margin:0 auto; background-color:#ddd; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#00209F; /*color:#f98700;*/ background:url(images/mobilenav.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#575756 !important;}
.headerinner, .blog .header{ position:relative !important}
.header{width:100%; z-index:999; background-color:#fff; position:relative; }
body.home .fixed-header {position:fixed !important; top:0; z-index:999; }
body.home .no-sticky{ position:relative !important; }


.sitenav{ padding:0; text-align:right;}
.sitenav ul { margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:28px 20px; display:block; color:#00209F; }
.sitenav ul li  a:hover , sitenav ul li a.current-menu-item a, sitenav ul li a:active, .sitenav ul li.current-menu-item {color:#666; }
.sitenav ul li ul li{display:block; position:relative; float:none; }
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #575756;  }
.sitenav ul li ul li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a{border-radius:0; color:#666 }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.current-menu-ancestor a.parent{  color:#575756; }
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(0, 0, 0, 0.8);  box-shadow:0 2px 2px #000; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
.sitenav ul li.current-menu-ancestor a.parent{}

section#home_slider{ padding:0; }
#FrontBlogPost, #wrapfirst, #paneltwo{ padding:50px 0;  border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#paneltwo{ background-color:#ddd;}
h2.section-title {color:#454545; font:300 28px/32px 'Montserrat',san-serif; text-align: center; border-bottom:1px solid #777; padding-bottom:15px; display:table; margin:0 auto 30px auto; }

.welcomecontent{ width:50%; float:left; text-align:right; margin:0 25px 0 0; }
.welcomethumb{ width:45%; float:right; text-align:left;}

.UnderLine{ width:50%; position:relative; display:inline-block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#FCFCFC; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: auto; right:0; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

#sidebar .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #f98700; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}
/* = section first css
-------------------------------------------------------------- */
.colsfour{ background-color:#f6f4f4; color:#2e2e2e; width:23%; padding:10px; float:left; margin:0 2.2% 0 0; text-align:center; position:relative; min-height:280px; box-sizing:border-box;}
.colsfour p{line-height:20px; margin-bottom:20px; }
.colsfour h3{ font-size:16px; font-weight:400; color:#ddd; margin:0 0 15px;}
.colsfour h3 a{color:#f98700;}
.colsfour:hover h3{ color:#31cafd;}
.colsfour .thumbbx { height:160px; overflow:hidden; margin:0 auto;}
.colsfour .colscontent { padding:20px;}
.colsfour .thumbbx img{ width:100%; height:auto;}

/* = Services section css
-------------------------------------------------------------- */
#panelone{ background-color:000; color:#ddd; padding:50px 0; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1) inset; text-align:center;}
#panelone h3{ color:#ddd; font-size:24px; font-weight:600; margin-bottom:25px; }
#panelone p{ color:#ddd; margin-bottom:35px; }
.appbutton:hover{ background-color:#f98700;}
.aboutwrap{ width:80%; margin:0 auto; position:relative; }
.aboutthumb{ width:100px; height:100px; margin: 0 auto 20px auto; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; border:5px solid #ddd;}
.aboutthumb img{ width:100%; height:auto; min-height:100px;}
.last_column{clear:right; margin-right:0 !important; }



.ReadMore{ background-color:#575756;  color:#ddd ;display: inline-block; padding:8px 15px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}
.ReadMore:hover{ background-color:#f98700;color:#575756 ;}

.welcomewrap p{ margin-bottom:30px;}
.welcomewrap h2{  margin-bottom:20px; font-size:38px; border-bottom:2px solid #dddddd; padding-bottom:10px; text-align:center; display:inline-block;}

/* = Page lay out css
-------------------------------------------------------------- */

.site-main{ width:740px; margin:0; padding:0; float:left;}
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}
.sitecontent-area{ padding:25px 0; background-color:#fff;}
.sitecontent-area p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; padding:25px; background-color:#f6f4f4; }
.blog_lists h3{ margin-bottom:0px;}
.blog_lists h3 a{ color:#f98700;}
.blog_lists h3 a:hover{ color:#575756;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#575756;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }
.textwidget select{ width:100%;}
table{ width:100%}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; padding:20px; border:1px solid #ddd; -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 15px; margin:-20px -20px 10px; color:#ddd; font-size:20px; border-bottom:1px solid #ddd;}
#sidebar ul li{ list-style:inside none disc; list-style-position:inside; border-bottom:1px dashed #d0cfcf; padding:8px 0;}
#sidebar ul li a{ padding:0 0 0 10px; color:#f98700;  display:inline-block; }
#sidebar ul li a:hover{ color:#575756;}
#sidebar ul li:last-child{ border:none;}



/* = Footer css
-------------------------------------------------------------- */
#footer{background-color:#fff; position:static; bottom:0px;  color:#575756;}
.ftr-4-box{width:22%; float:left; margin:0 3% 2% 0; padding:35px 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.widget-column-4 { margin-right:0px !important;}
.ftr-4-box h5{ font-weight:400; font-size:18px; color:#575756; margin-bottom:25px; border-bottom:1px solid #2b2b2b; padding-bottom:15px; }
.ftr-4-box ul{ margin:0; padding:0; list-style:inside disc;}
.ftr-4-box ul li { padding:0; color:#ddd; padding:3px 0; border-bottom:1px solid #2b2b2b;}
.ftr-4-box ul li:last-child {border:none;}
.ftr-4-box ul li a { color:#ddd; font-size:13px; padding-left:10px; }
.ftr-4-box ul li a:hover, .ftr-4-box ul li.current_page_item a { color:#575756; }
.ftr-4-box p{ margin-bottom:0;}


.sitefooter {  background-color:#fff; position:relative; padding:15px 0;}
.sitefooter a:hover{ color:#575756;}
.footerleft { float:left;}
.footerleft span{color:#f98700;}
.footerright { float:right;}