/*
Theme Name: Babycare Pro
Theme URI: https://flythemes.net/wordpress-themes/babysitter-wordpress-theme/
Author: FlyThemes
Author URI: https://www.flythemes.net/
Description: Babycare is a professional, modern and responsive babysitter WordPress theme is best suitable for job listings site, especially for babysitters/nannies and parents, nannies site, a mom’s blog or other baby oriented sites. Babycare includes one of the greatest options panel – optionsframework Theme Options. You can easily change any theme color. Babycare comes with a lot of shortcodes so you can create any type of content you needed. The theme has all the flexibility you need to provide the best user experience. Easy to use theme options are included in this theme to help you create a unique and modern website. Babycare is fully optimized to be viewed on all devices and screen sizes which means it’s totally responsive and it will contribute a lot to your business’s success.  This is theme is fully responsive and compatible with the latest version of WordPress. This theme is working well with the plugins like woocommerce, jetpack and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: babycare
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Babycare Pro WordPress Theme has been created by FlyThemes(flythemes.net), 2017.
Babycare Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:22px; margin:0; padding:0; color:#797878; font-size:13px; font-family:'Sintony'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{max-width:100%; height:auto; display:block}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400;}
h1{ font-size:35px;}
h2{ font-size:30px;}
h3{ font-size:20px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 16% 16%; padding:15px 15px 15px 50px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; outline:none;}
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:60px 0;}
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}

/* = Header css
-------------------------------------------------------------- */
.header{ padding:0 15px; background-color:#ffffff;}
.header-inner { width:1170px; margin:0 auto; position:relative;}

/* = Logo css
-------------------------------------------------------------- */
.logo{float:left; text-align:left; padding:20px 0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}
.logo h1{font-weight:700; margin:0 0 5px; text-transform:uppercase;}
.logo a{color:#fb6eb5;}
.logo p{ font-family:'Sintony'; font-size:13px; color:#5b5b5b; display:block;}
.header_right{ float:right; }

/* = Slider css
-------------------------------------------------------------- */
#slider{ width:100%; margin:0; padding:0; position:relative; }
.slider-main{ min-height:600px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:520px; }

/* = Navigation css
-------------------------------------------------------------- */
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #0e2d45; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{ margin-top:20px; position:relative; z-index:9999; float:left; }
.sitenav ul {margin:0; padding:0; font-family:'Sintony'; font-size:14px; font-weight:700; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{padding:10px 0 33px 20px; display:block; text-align:center; color:#5b5b5b; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#00adef; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:-25px; top:60px; text-align:left; -moz-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left;}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -moz-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:42px; height:42px; line-height:44px; text-align:center; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:18px; color:#ffffff; border:2px solid #ffffff; position: relative; border-radius:50%; margin-right:12px; }
.social-icons a:hover { color:#ffffff; background-color:#fb6eb5; border-color:#fb6eb5; }
.social-icons br{ display:none;}

/* = Buttons css
-------------------------------------------------------------- */
a.button{ background-color:#00adef; color:#ffffff; padding:15px 36px; font:700 16px/20px 'Montserrat'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px; text-transform:capitalize; position:relative; border-radius:30px; }
a.button:hover{ background-color:#fb6eb5; color:#ffffff;}

a.button2{ background-color:#00aeef; color:#ffffff; padding:12px 26px; font:400 13px/20px 'Sintony'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-transform:uppercase; border-radius:5px; }
a.button2:hover{ background-color:#444444; color:#ffffff;}

a.ReadMore{ font:700 14px/22px 'Sintony'; color:#444444; text-transform:uppercase; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; border:1px solid #898989; padding:8px 26px;  }
a.ReadMore:hover{ color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#22b3ed; background-color:#ffffff; border-radius:30px; padding:20px 40px; font:400 16px/22px 'Montserrat';  }
a.buttonstyle1:hover{ background-color:#fb6eb5; color:#ffffff; }

.custombtn{ margin-top:30px;}

/* = Hidden Search bar css
-------------------------------------------------------------- */
.activesearch{ float:right; margin: 28px 0 0 30px; cursor:pointer; }
.search-box{ background: #ffffff; position: absolute; top: 82px; right: -20px; width: 350px; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-top:4px solid #00adef; display: none; padding:12px 15px; z-index:9; }
.search-box:before{ content: ""; position: absolute; top: -32px; right: 13px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 14px solid transparent; border-bottom: 14px solid #00adef; }
.search-box input[type="search"]{ width: 76%; padding: 5px 10px; border: 1px solid #00adef; outline: none; margin:0; display:inline-block; }
.search-box input[type="submit"]{ width: 22%; padding: 7px 0; color: #fff; outline: none; cursor: pointer; display:inline-block; text-transform:uppercase; font-weight:700; }
.active i{ color:#00adef; }
.search-box form.search-form{ margin:0; }

/* = Section title css
-------------------------------------------------------------- */
.section_head{ text-align:center; margin-bottom:50px; }
h2.section_title{ font:700 30px/28px 'Montserrat'; color:#444444; margin-bottom:15px; position:relative; text-transform:capitalize; padding-bottom:25px; }
h2.section_title:after{ content:''; background-color:#fb6eb5; height:2px; width:70px; margin:0 auto; left:0; right:0; position:absolute; bottom:0; }

/* = Section Overlay Color css
-------------------------------------------------------------- */
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; }

/* = Section First Welcome CSS
-------------------------------------------------------------- */
.welcome-box{ float:left; margin-right:2.5%; width:31.6%; border-radius:6px; }
#last.welcome-box{ margin-right:0; }
.inner-welcome-box{ padding:20px; }
.welcome-content{ text-align:center; }
.shape-cloud { background: #ffffff; width: 95px; height: 95px; position: relative; text-align: center;  border-radius:15px; margin:40px auto 50px; } .shape-cloud:before, .shape-cloud:after { content: ""; position: absolute; top: 0; left: 0; width: 95px; height: 95px; background: #ffffff; border-radius:15px; } .shape-cloud:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg);  border-radius:15px; } .shape-cloud:after { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg);  border-radius:15px; }
.shape-cloud img { position: relative; z-index: 9; margin: 0 auto; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

.welcome-content h2 a{ color:#ffffff; }
.welcome-content h2{ position:relative; padding-bottom:25px; }
.welcome-content h2:after{ width:40px; background-color:#ffffff; height:2px; margin:0 auto; content:''; position:absolute; bottom:0; left:0; right:0; }
.welcome-content p{ color:#ffffff; margin-bottom:20px; }
.welcome-content a.more{ text-transform:uppercase; color:#ffffff; font:700 15px 'Montserrat'; border-bottom:2px solid; padding-bottom:5px; margin-bottom:15px; display:inline-block; }

/* = Section Second About us CSS
-------------------------------------------------------------- */
.one_half h2.section_title:after{ margin:0; }
.one_half p{ margin-top:30px;}
.one_half figure{ position:relative; }
.one_half figure img{ position:relative; z-index:2; }
.one_half figure:before{ content:''; width:96%; height:96%; background-color:#fb6eb5; position:absolute; top:26px; left:-11px; z-index:1; }

/* = Section Third Why Choose us CSS
-------------------------------------------------------------- */
.how-it{ float:left; margin-right:2%; width:32%; border-radius:6px; }
#last.how-it{ margin-right:0; }
.inner-how-it{ padding:25px 15px 35px; }
.how-icon{ border:1px solid #fb6eb5; width:86px; height:86px; border-radius:50px; float:left; margin-right:3.5%; }
.how-cont h3{ margin-bottom:10px; }
.how-icon img{ margin:0 auto; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); position:relative; }

/* = Section Fourth Our Team CSS
-------------------------------------------------------------- */
.teammember-list{width:23%; float:left; margin:50px 2.5% 30px 0; position:relative; text-align:center; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; background-color:#ffffff; box-shadow:0 0px 2px 0px #D6D6D6 }
.teammember-list.lastcols{ margin-right:0; }
.teammember-list:hover{ cursor:pointer; }
.teammember-list .thumnailbx{ width:152px; height:152px; border-radius:50%; margin:-60px auto 30px; }
.teammember-list .thumnailbx img{ width:100%; height:100%; display:block; border-radius:50%; }
.titledesbox{ padding: 0 15px 30px; }
.teammember-list h3{ font-weight:700; margin-bottom:0; font-family:'Montserrat';}
.teammember-list h3 a { color:#444444;}
.teammember-list cite{ display:block; font-style:normal; font:700 14px 'Sintony'; color:#797878; position:relative; margin:10px 0 15px; padding-bottom:15px; }
.teammember-list cite:after{ content:''; width:35px; height:2px; position:absolute; bottom:0; left:0; right:0; background-color:#464646; margin:0 auto; }
.member-social-icon{ margin:30px 0 0; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1);}
.member-social-icon a{ display:inline-block; margin-right:8px; vertical-align:middle; height:40px; width:40px; border:2px solid #ffffff; font-size:14px; border-radius:50%; line-height:40px; color:#ffffff;}
.member-social-icon a:hover{ background-color:#ffffff; color:#ff8a00; }
.teammember-list:hover .member-social-icon{opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}

/* = Section Fifth Testimonials CSS
-------------------------------------------------------------- */
#clienttestiminials{ margin-top:20px;}
#clienttestiminials .tmthumb{ width:80px; height:80px; position:relative; padding:0; margin:0 30px 0 0; border-radius:50%; float:left; }
#clienttestiminials .tmthumb img{ width:100%; height:100%; display:block; border-radius:50%; }
#clienttestiminials .tmtitle{ float:left; margin-top:50px;}
#clienttestiminials .testi-desc{ background-color:#f3f8f9; padding:30px 20px; margin-bottom:40px;}
#clienttestiminials blockquote{ padding:0 !important; background:none; }
#clienttestiminials p { font:400 14px/24px 'Sintony'; color:#8e8c8c;}
#clienttestiminials .tmttl { position: relative; top: 18px; }
#clienttestiminials .tmttl h4{ margin:0px 0 5px; text-transform:capitalize; }
#clienttestiminials .tmttl h4 a{color:#323131;}
#clienttestiminials .tmttl span{ font-size:14px; color:#969595; font-weight:400; font-family:'Sintony'; display:block; text-transform:capitalize; margin-top:5px; }
.triangle { position:relative; background-color:#252a2b; height:auto !important; width:100% !important;}
.triangle:after { content:''; position:absolute; bottom:-44px; left:5px; right:0; width:0; height:0; border-top:solid 15px #f3f8f9; border-left:solid 13px transparent; border-right:solid 13px transparent;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}

.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px;}

/* = Section Sixth get a quote CSS
-------------------------------------------------------------- */
.vaccation_left{ float:left; }
.vaccation_left h1{}
.vaccation_left h5{ margin-bottom:0; }
.vaccation_right{ float:right; }

/* = Section Seventh Latest News CSS
-------------------------------------------------------------- */
.news-box{ float:left; margin-right:3%; width:31.3%; position:relative; background-color:#ffffff; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; box-shadow:0 0px 2px 0px #D6D6D6 }
.news-box.last{ margin-right:0; }
.newsdesc{ padding:20px 15px; }
.news-box h4{ padding:0px; margin-bottom:15px; text-transform:capitalize; font:700 17px/22px 'Montserrat'; }
.news-box h4 a{ color:#444444;}
.news-box h4 a:hover{color:#fb6eb5;}
.news-box .PostMeta{ font-size:14px; padding:0 0 15px; font-weight:400; }
.news-box .newsdesc p{ margin-bottom:20px;}
.newsdesc a.ReadMore{ display:inline-block; position:relative; }

/* = Counter CSS
-------------------------------------------------------------- */
.counter { position:relative; text-align:center; }
.counter-box { width:23.6%; margin-right:1.4%; text-align:center; padding:0; display:inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; border-radius:15px; background-color:#f3f8f9; border-bottom:3px solid; }
#last.counter-box{ margin-right:0;}
.inner-counter{ padding:20px 12px;}
.counter-box:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 28px 'Montserrat'; display:inline-block; margin-bottom:10px; } 
.counter-box h6 { margin-bottom: 10px; font-weight:500; font:700 15px 'Montserrat'; text-transform:capitalize; color:#9b9a9a; }
.counter-box span { position: relative; right: -4px; top: -4px; font-size:20px; }
.counter-box:hover h3.counter, .counter-box:hover h4, .counter-box:hover span, .counter-box:hover p{ color:#ffffff; }

.vacation h1, .vacation h2, .vacation h3, .vacation h4, .vacation h5, .vacation h6{ color:#ffffff; }

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:25px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font-size:15px; color:#1b1b1b;}
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:9px; width:0px; background:#22b3ed;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1b1b1b;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#fb6eb5;}

/* = Gallery CSS
-------------------------------------------------------------- */
.gallery{ padding:0; }
.gallery .container{ width:auto; }
.work-image{ position:relative;}
.work-link-icon{ background:rgba(15,60,174,0.9); position:absolute; top:100%; bottom:0; left:0; right:0; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; }
.holderwrap:hover .work-link-icon{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s; opacity:1; top:0;  }
.work-link-icon a{border-radius:3px; display:inline-block; font-size:20px; color:#ffffff; -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width:45px; height:45px; line-height:45px; margin:0 auto; position:relative; top:50%; }
.work-link-icon a:hover{ color:#ffffff; border-color:#ffffff; }

/* = Footer Css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#1b1b1b; color:#ffffff; position:relative;}
#footer-wrapper p { font:500 14px/22px;}
.cols-4{ width:26%; float:left; margin-right:15px; padding:30px 12px 30px 0; position:relative; }
.widget-column-3 { margin-right:0; border-right:none; padding-right:0;}
.cols-4 h5{ margin-bottom:20px; padding-bottom:15px; text-transform:uppercase; margin-top:20px; font-weight:700; position:relative; color:#ffffff; font-size:18px; }
.cols-4 h5:after{ width:70px; height:1px; content:''; background-color:#ffffff; bottom:0; left:0; position:absolute; }
.cols-4.widget-column-2{ width:15%; }

/* Contact Details */
.contactdetail{ line-height:22px; margin-top:20px;} 
.contactdetail .fa{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:10px;}
.contact_right .contactdetail {padding:20px 15px 15px 15px; background-color:#33281e; color:#ffffff; margin-top:0;}
.contactdetail a{ color:#ffffff; }
.cols-4 .social-icons{ margin-top:20px;}

/* Footer Menu */
.cols-4 ul.menu li{ margin-bottom:5px; padding-bottom:5px; list-style: inside disc; }
.cols-4 ul.menu li a{ padding:8px 0;}
.cols-4 ul.menu li:last-child{ border-bottom:none; }

/* Footer Latest Posts */
ul.recent-post{}
ul.recent-post li{ margin-bottom:30px; }
ul.recent-post li h6{ font-weight:bold; margin-bottom:10px; font-size:16px; line-height:20px; }

/* = Copyright Css
-------------------------------------------------------------- */
.copyright-wrapper { background-color:#1b1b1b; color:#ffffff; position:relative; padding:20px 0; font:400 14px/22px; border-top:1px solid #464662; margin-top:20px; }
.copyright-wrapper a{ color:#fb6eb5;}
.copyright-wrapper a:hover{ color:#ffffff; }
.copyright-txt{ font-weight:normal; text-align:center; float:left;}
.designby{ float:right; font-weight:normal; }

/* = Innerpage Css
-------------------------------------------------------------- */
/* Innerpage title */
.innerbanner{ height:400px; overflow:hidden; position:relative; display:flex; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(15,60,174,0.6); position:absolute; top:0; }
.innerbanner .container{ -webkit-align-self: center; align-self: center; text-align:center; }
h1.innerpage-title{ color:#ffffff; font-family:'Oswald'; text-transform:uppercase; margin:30px 0; }
#crumbs{ background-color: rgba(255, 255, 255, 0.2); border-radius: 100px; display: inline-block; padding: 0 20px; line-height:44px; color:#ffffff; text-transform:uppercase; }
#crumbs a, #crumbs span{ padding:0 8px; color:#ffffff; }
#crumbs a:hover{ color:#323232; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/* = Search Form Css
-------------------------------------------------------------- */
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }

/* = Sidebar Css
-------------------------------------------------------------- */
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
aside.widget{margin-bottom:30px; padding-bottom:20px; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 0; margin-bottom:-1px; color:#1b1b1b; font-size:17px; position:relative; text-transform:uppercase; }
h3.widget-title::after { content: ""; display: block; width: 35px; border-bottom: 2px solid #ff8a00; margin: 20px auto 25px 0; z-index: 1; position: relative; }
h3.widget-title::before { content: ""; display: block; position: absolute; top: 49px; width: 100%; border-bottom: 2px solid #eeeeee; }

.flotRight{ float:right !important;}

#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #ffffff; padding:8px 0 8px 0;}
#sidebar ul li a{ font-weight:300; font-size:14px; line-height:18px;  padding-left:10px; color:#444444; }
#sidebar ul li a:hover{ color:#ff8a00;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ background-color:#151515; width:80%; padding:12px 15px; box-sizing:border-box; display:inline-block;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}

/* = Blog Page
---------------------------------------------------------------*/
.blog-post-repeat { margin-bottom:30px; width:48%; margin-right:4%; float:left; }
.blog-post-repeat.nomar	{ margin-right:0;}
.blog-post-repeat .postmeta, .blog-post-repeat-full .postmeta, .blog-post-single .postmeta{ margin-bottom:0; text-transform:uppercase; border-bottom:1px solid #f3f3f3; border-top:1px solid #f3f3f3; padding:5px 0; margin-bottom:15px; }
.post-thumb { position:relative; margin-bottom:20px; }
.post-thumb img{ height:auto; width:100%; display:block; }
.post-data{  }
.post-title{ margin-bottom:15px; font-weight:400; line-height:25px;}
.post-title a{ color:#444444;}
.blog-post-repeat .entry-summary p{ margin-bottom:0;}
.post-categories a{ text-transform:uppercase; font-size:14px; position:relative; letter-spacing: 2px; margin-bottom: 7px; display:inline-block; }
.post-humb-hov { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: scale(0.2); transition: all 0.3s ease 0.1s; background-color: rgba(255, 255, 255, 0.4); color: #afafaf; opacity:0;}
.post-humb-hov a { display: block; height: 100%; width: 100%; }
.post-thumb:hover .post-humb-hov{ opacity: 1; transform: scale(1); cursor:pointer; }
.post-thumb-full:hover .post-humb-hov{ opacity: 1; transform: scale(1); cursor:pointer; }
.post-thumb-full{ position:relative; margin-bottom:30px;}

.blog-post-repeat.full{ width:30.3%; margin-right:3%; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#0f3cae; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#0f3cae; color:#ffffff !important; }

/* = Single blog Page
---------------------------------------------------------------*/
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}

/* Post Nav */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}

/* Psot Comment */
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/* = Contact Page
---------------------------------------------------------------*/
.contact_main{ width:58.3333%; margin:0; float:left;}
.contact_main_inner{ padding: 50px 60px 20px 100px; }
.contact_main .form-control{ width:48%; float:left; margin-right:4%;}
.contact_main .form-control.last{ margin-right:0;}
.contact-social{ padding:50px 0; text-align:center;}
.contact-social .social-icons a{ border-radius:0; height: 58px; line-height: 60px; width:58px; font-size: 24px;}

.contact-info{ width:41.6666%; float:left;}
.inner_contact_info{ padding: 46px 60px 84px 60px; }
.contact_main h1{ margin-bottom: 35px; }
.contact-info p{ margin:35px 0; }
.contact-info ul li{ border-top: 1px solid #e4e4e4; list-style: none; padding: 10px 0; margin-bottom: 10px; }
.contact-info ul li i{ height: 40px; line-height: 40px; text-align: center; width: 40px; font-size:18px; }
.contact-info ul li span{ text-transform:uppercase; font-weight:bold; width:80px; display:inline-block;}
.gmap{ margin-top:-50px; }

/* = Contact Form css
-------------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"]{ border: 1px solid; border-radius: 0; box-sizing: border-box; display: block; margin: 0 0 25px; padding: 16px 12px 15px; width: 100%; background-color: #ffffff;  font-family:'Karla'; font-size:16px; border:1px solid #d8d8d8;}
input.send-btn{ border: none; font-size: 14px; padding: 14px 25px; text-transform: uppercase; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }

/* = Back to top css
-------------------------------------------------------------- */
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.5;}

/* = Default Css
-------------------------------------------------------------- */
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000;}
.boxlayout .container{ padding:0 20px;}

/* woocommerce CSS
================================================*/
a.added_to_cart{ background-color:#805221; color:#ffffff; padding:9px 17px; font:400 14px/20px 'Montserrat'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; border-radius:3px;}
a.added_to_cart:hover{background-color:#f0d4bc; color:#42332c;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat'; color:#42332c;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Montserrat'; color:#42332c;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important; }
.woocommerce div.product .product_title { padding-bottom:20px;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#805221; font-family:'Montserrat';}
.woocommerce div.product p.price del { margin-right:10px;}
.woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-top:2em;}
.woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart .button { float:none;}
.woocommerce div.product form.cart .button { margin-top:2em;}
.woocommerce .quantity .qty { border:1px solid #805221; height:19px;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding:10px 6px;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {background-color:#805221 !important; color:#ffffff !important;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}