/*
Template Name: Jetro
Template URI: http://www.wpfreeware.com/jetro/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A responsive html template for multipurpsoe.
Version: 1.0 
License: GPL 2.0 or Later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


*{margin:0;padding:0}
body{font-family: sans-serif,open-sans;
    font-size:14px;line-height:20px;color:#414141;}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
input[type=text],input[type=password],textarea{border:1px solid #ddd;padding:5px}
input[type=submit]
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0 0 15px;font-family: 'Roboto', sans-serif;}
h2 {font-size:25px;line-height:30px}
img{max-width:100%;height:auto}
p{margin-bottom:20px;}
.alignleft{float:left;margin-left:0px}	
.aligncenter{display:block;margin:10px auto}	
.alignright{float:right;margin-left:10px}	

.floatleft{float:left}
.floatright{float:right}

.structure{display:block;margin:0 auto;transition: all 1.3s ease 0s;-moz-transition: all 1.3s ease 0s;-webkit-transition: all 1.3s ease 0s;-o-transition: all 1.3s ease 0s;-ms-transition: all 1.3s ease 0s;}
.fix{overflow:hidden}


.header_area{}
.header{margin: 0 auto;transition: all 1.3s ease 0s;-moz-transition: all 1.3s ease 0s;-webkit-transition: all 1.3s ease 0s;-o-transition: all 1.3s ease 0s;-ms-transition: all 1.3s ease 0s;}
.logo{}
.logo span{color: #F3AF9D;}
.logo .logo_img {width: 100px;}
.mainmenu{margin-top: 20px;
margin-right: -15px;}
.mainmenu ul{margin:0;padding:0;list-style:none}
.mainmenu ul li{float:left}
.mainmenu ul li a{display: block;
padding: 10px 15px;
text-transform: capitalize;
color: #868686;
font-size: 16px;
font-family: sans-serif,open-sans;
font-weight:600;
}
.mainmenu ul li a:hover,.current-page-item,.active{color:#3B78B1 !important;}
.header_bottom_area{background: #8cb4d9;
min-height: 50px;}
.main_content_area{margin-top: -50px;}
.content_area{background: none repeat scroll 0 0 #FFFFFF;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;}
.slider_area{}
.service_area{margin-top: 25px;}
.single_service_container{margin-left: -20px;}
.single_service{margin-left: 20px;}
.single_service a{background: none repeat scroll 0 0 #E8663C;
color: #FFFFFF;
display: block;
font-family: bebasregular;
font-size: 12px;
margin-top: 20px;
padding: 5px 12px;
width: 30px;}
.single_service h2{color: #E8663C;
font-size: 16px;
font-family: bebasregular;}
.portfolio h2{background: url("images/portfolio.png") no-repeat scroll left center rgba(0, 0, 0, 0);
padding-left: 68px;}
.offer h2{background: url("images/offer.png") no-repeat scroll left center rgba(0, 0, 0, 0);
padding-left: 70px;}
.follow h2{background: url("images/follow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
padding-left: 60px;}
.from_blog{margin-top: 50px;}
.from_blog span{margin-left: -120px;}
.from_blog h2{background: url("images/heading-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
color: #E8603C;
font-family: bebasregular;
font-size: 18px;
margin-left: 120px;
line-height: 20px;
margin-bottom: 30px;}
.single_blogpost_container,.single_work_container{margin-left: -18px;}
.single_blog_post,.single_work{margin-bottom:30px;}
.single_blog_post img{}
.single_blog_post h3,.single_work h3{color: #999999;
font-size: 16px;
margin-bottom: 2px;
font-family: bebasregular;}
.single_blog_post h4,.single_work h4{color: #E8663C;
font-size: 11px;
font-family: bebasregular;}
.blog_post_meta{border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
padding-left: 25px;
padding-top: 15px;}
.from_works{margin-top: 30px;}
.from_works h2{background: url("images/heading-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
color: #E8603C;
font-family: bebasregular;
font-size: 18px;
margin-left: 140px;
line-height: 20px;
margin-bottom: 30px;}
.from_works span{margin-left: -140px;}
.footer_area{background: none repeat scroll 0 0 #8cb4d9;
margin-top: 40px;}
.footer_area a {
 color: #ffaa3c;
}
.footer_area a:hover {
 text-decoration: underline;
}
.footer{background: none repeat scroll 0 0 #3b78b1;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
margin: 0 auto;
padding: 20px 0;
transition: all 1.3s ease 0s;-moz-transition: all 1.3s ease 0s;-webkit-transition: all 1.3s ease 0s;-o-transition: all 1.3s ease 0s;-ms-transition: all 1.3s ease 0s;}
.single_footer_container{margin-left: -25px;}
.single_footer{color: #FFFFFF;
margin-left: 25px;
padding: 10px;
}
.single_footer ul li {margin-bottom: 10px;}
.single_footer ul li a { color: #fff;
margin-bottom: 10px;
font-size: 16px;
}
.single_footer h2{font-weight: 600;}
.social_area{margin-left: -7px;
margin-top: 15px;}
.social_area ul{margin:0;padding:0;list-style:none}
.social_area ul li{float:left}
.social_area ul li a{display: block;
margin-left: 7px;
padding: 6px 16px;
text-indent: -99999px;}
.facebook{background: url("images/social.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.twitter{background: url("images/social.png") no-repeat scroll -35px 0 rgba(0, 0, 0, 0);}
.email{background: url("images/social.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);}
.feed{background: url("images/social.png") no-repeat scroll -105px 0 rgba(0, 0, 0, 0);}
.vimeo{background: url("images/social.png") no-repeat scroll -140px 0 rgba(0, 0, 0, 0);}

/* blog page style ***************************/

.single_header_title{background: none repeat scroll 0 0 #3B78B1;
min-height: 50px;
margin-bottom: 30px;}
.single_header_title h1{color: #FFFFFF;
font-family: serif;
font-size: 26px;
line-height: 45px;
padding-left: 10px;}
.single_content_area{position: relative;}
.single_main_content{position: relative;
display: none;}
.Aim_first {display: block;}
.Editor_second p {font-style: italic;}
/*.Editor_second p {margin: 0px 0 5px;}*/
.Archive_forth .hide_element {display: none;}
.Archive_forth h6{font-size: 13px;font-weight:600;
margin-bottom: 0px;
display: inline-block;}
.Archive_forth h6:hover {
 text-decoration: underline;
}
.Archive_forth > .hide_element > a > img{width: 30px;
display: inline-block;
vertical-align: middle;
float: right;}
.Archive_forth h5{position: relative;
border-bottom: 1px solid #000;}
.mainmenu > #nav > li > a.child-active {color: #3B78B1;}
.Archive_forth h5:after {
content: "+";
position: absolute;
right: 0;
font-size: 20px;
font-weight: bold;
top: 2px;
}
.after-active:after {content: "_" !important;
top: -10px !important;}
.contact_fifth a { font-size: 11px;
text-decoration: underline;
color: #3b78b1;}
.contact_fifth p {font-size: 13px;
color: #000;}
.single_main_content h3 {font-size: 18px;
color: #3B78B1;
font-weight: bold;}
.single_main_content h5 {font-size: 14px;
    color: #3c3c3c;
cursor: pointer;
font-weight: bold;}
.single_main_content span {font-size: 15px;
color: #000;
font-style: italic;}
.single_main_content h5 span {font-size: 17px;
color: #000;
font-style: bold;}
.single_main_content ul{list-style-type: square;
color: #000;}
.cc-overlay {position: fixed;
display: none;
width: 100%;
height: 100%;
z-index: 999999;
background: rgb(0, 0, 0, 0.5);}
.cc-form {position: relative;
top: 50%;
margin: 0 auto;
width: 600px;
height: auto;
padding: 30px 10px;
border-radius: 5px;
box-sizing: border-box;
transform: translateY(-50%);
background: #fff;}
.mail-form { width: 400px;}
.cc-form .watermark-input {width: 100%;
border: 1px solid #000;
box-sizing: border-box;
font-size: 12px;
margin-bottom: 10px;
padding: 0 10px;
height: 35px;
outline: none;
}
.cc-form #category {width: 100%;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 12px;
padding: 0 10px;
height: 35px;
outline: none;}
.close-btn {position: relative;
cursor: pointer;}
.close-btn img {position: absolute;
top: -30px;
right: -10px;}
.close
.cc-form #paper_area_1 {display: inline-block;}
.cc-form #paper_area_2 {display: inline-block;}
.cc-form .watermark {width: 49.5%;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 12px;
padding: 0 10px;
height: 35px;
outline: none;}
#add-button {position: relative;
background: #3b78b1;
width: 40px;
height: 22px;
border: none;
outline: none;
margin-right: 5px;
}
#add-button:after { content: "+";
position: absolute;
font-size: 22px;
color: #fff;
top: -1px;
right: 13px;
}
#remove-button {position: relative;
background: #3b78b1;
width: 40px;
height: 22px;
border: none;
outline: none;
margin-right: 5px;
}
#remove-button:after { content: "_";
position: absolute;
font-size: 22px;
color: #fff;
top: -13px;
right: 14px;
}
.cc-form .watermark-val {width: 142px;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 12px;
padding: 0 10px;
height: 35px;
outline: none;
}
.cc-form .watermark-txtarea {width: 49.5%;
border: 1px solid #000;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 12px;
padding: 10px 10px 0px;
outline: none;
}
.cc-form .chose-file {width: 71%;
display: inline-block;}
.cc-form .radio-option {width: 28%;
display: inline-block;
vertical-align: middle;}
.cc-form .sub-section {background: #0078d7;
border: none;
height: 27px;
width: 100px;
color: #fff;
margin-right: 10px;
border-radius: 2px;}
.mail-form h1 {text-align: center;}
.mail-form input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
}
.mail-form input[type=submit] {
  background-color: #0078d7;
  color: white;
}
.single_main_content ul li{margin: 10px 40px;}
.single_post{margin-bottom: 50px;}
.single_post{margin-bottom: 50px;}
.post_pro_img_normal,.post_pro_img_video,.post_pro_img_slider,.post_pro_img_quote,.post_pro_img_attachment{
display: block;
height: 75px;
left: -85px;
position: absolute;
width: 75px;}
.post_pro_img_normal{background: url("images/icon1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.post_pro_img_video{background: url("images/icon3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.post_pro_img_slider{background: url("images/icon2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.post_pro_img_quote{background: url("images/icon4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.post_pro_img_attachment{background: url("images/icon6.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.attachment{}
.attachment h2{color: #E8603C;
font-family: bebasregular;
font-size: 18px;
margin-bottom: 0;}
.attachment h5{color: #999999;
font-family: helvetica;
font-size: 10px;}
.attachment p{padding: 10px;}
.post_excerpt{margin-top: 20px;}
.post_meta{padding: 10px;}
.post_meta span{color: #E8663C;
font-family: bebasregular;
font-size: 12px;}
.post_meta p{color: #999999;
margin-bottom: 10px;}
.excerpt{padding: 10px;
width: 450px;}
.excerpt h2{font-family: bebasregular;
font-size: 18px;
color: #E8663C;}
.excerpt p{color: #414141;margin-bottom:10px;}
.post_border_bottom{background: url("images/post_border_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 13px;
margin-top: 25px;}
.quote{background: url("images/quote_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 20px;
margin-bottom: 55px;}
.quote p{background: url("images/quote.png") no-repeat scroll left top rgba(0, 0, 0, 0);
padding-left: 35px;
padding-top: 15px;}
.pagination{margin-top:30px;}
.pagination ul{list-style: none outside none;
margin: 0;
padding: 0;}
.pagination ul li{float: left;
margin-left: 10px;}
.pagination ul li:first-child{margin-left:0}
.pagination ul li a{display: block;
color: #fff;
background: #E8663C;
padding: 8px 15px;
font-family: bebasregular;}
.pagination ul li a:hover{background:#F3B29D;}
.single_sidebar{margin-bottom:30px;}
.single_sidebar h2{background: url("images/heading-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
color: #3b78b1;
font-weight: 600;
font-size: 18px;
line-height: 26px;
margin-left: 110px;}
.single_sidebar h2 span{margin-left: -110px;}
.category_list{list-style: none outside none;
margin: 0;
padding: 0;}
.category_list li{margin-bottom: 20px;}
.category_list li a{color: #fff;
position: relative;
font-size: 15px;
padding: 7px 25px 7px 10px;
font-family: sans-serif;
background: #3b78b1;}
.category_list li a:after {
content: ">";
position: absolute;
color: #fff;
font-size: 18px;
top: 6px;
right: 7px;
}
.category_list li a:hover{text-decoration:underline;}
.gallery_container{}
.gallery_container img{border: 1px solid #E8603C;}
.post_quote{padding: 30px;}
.post_quote p{border-left: 10px solid #E8663C;
padding-left: 15px;}
.post_quote p:first-letter{font-size:250%;
color:#E8663C;}
.author_img{background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
margin-bottom: 15px;
margin-right: 15px;
padding: 3px;}

/* contact form style ******************************/


.cf_container{margin-top: 35px;}

.address p{}
.address span{color: #3B78B1;}

.cf form{}
.cf_txt{border: 1px solid #E8663C !important;
height: 30px;
width: 60%;
outline:none;}
.cf_email{height: 40px;
width: 63%;
padding-left: 5px;
border: 1px solid #3B78B1;
outline:none;}
.cf_msg{border: 1px solid #E8663C;
height: 200px;
overflow:auto;
font-size:14px;
outline:none;}
.cf_submit{background: none repeat scroll 0 0 #3B78B1;
border: medium none;
color: #FFFFFF;
font-family: bebasregular;
font-size: 23px;
height: 45px;
outline: medium none;
width: 103%;
cursor: pointer;}
.cf_submit:hover{
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
background:#fff;
color:#3B78B1;
border:1px solid #3B78B1;
}
/* portfolio area style********************/
.filtering_menu{margin-bottom:30px;}
.filtering_menu ul{list-style: none outside none;
margin: 0;
padding: 0;}
.filtering_menu ul li{float: left;
margin-right: 15px;}
.filtering_menu ul li a{color: #999999;
display: block;
font-family: bebasregular;padding:10px 15px;}
.filtering_menu ul li a:hover,.act{color:#fff !important;background:#3B78B1}

.portfolio_single_item{}
.portfolio_single_item img{margin-bottom: 25px;}
.portfolio_related_post{margin-top: 15px;}
.portfolio_related_post h2{background: url("images/heading-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
color: #3B78B1;
font-family: bebasregular;
font-size: 18px;
line-height: 18px;
margin-left: 140px;
margin-bottom:30px;
width:84.5%;}
.portfolio_related_post h2 span{margin-left: -140px;}
.featured{background:#E8663C url(images/f_hover.png) no-repeat scroll center;}
.featured_img:hover{opacity:0.2;}



/* placeholder support ****************/
::-webkit-input-placeholder {
   color: #3B78B1;
   font-family: bebasregular;
}

:-moz-placeholder { /* Firefox 18- */
   color: #3B78B1;
   font-family: bebasregular;

}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3B78B1;
   font-family: bebasregular; 

}

:-ms-input-placeholder {  
   color: #3B78B1;
   font-family: bebasregular;
}

.selectnav{}

/* font face */

@font-face {
    font-family: 'bebasregular';
    src: url('font/bebas___-webfont.eot');
    src: url('font/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebas___-webfont.woff') format('woff'),
         url('font/bebas___-webfont.ttf') format('truetype'),
         url('font/bebas___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'HelveticaNeue';
	src: url('font//HelveticaNeue.eot');
	src: local('font/HelveticaNeue'), url('font/HelveticaNeue.woff') format('woff'), url('font/HelveticaNeue.ttf') format('truetype');
}


/********** gopal **************/

.g_main_content {
    width: 670px;
}
.single_main_content h3 {
    font-size: 18px;
    color: #3B78B1;
    font-weight: bold;
}
.single_main_content h5 {
    font-size: 14px;
    color: #3c3c3c;
    cursor: pointer;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #000;
}
.single_main_content h6 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
    display: inline-block;
}