/*
Theme Name: Flexible Pro
Theme URI: https://flythemes.net/wordpress-themes/one-page-wordpress-theme/
Author: FlyThemes
Author URI: https://www.flythemes.net/
Description: Flexible is single page WordPress theme comes with modern layout and easy to use theme options with click to navigate sections. This theme has nice version of sticky header scroll accoring to particular section. All of the design elements you associate with a good one-page website are present in this theme: a full screen slider and mutiple page templates, and the ability to create full-width sections. This theme has many options like font, colors, slider settings, widgets etc. This theme is fully responsive perform well with all screen resolutions. This theme is compatible with the most popular plugins like woocommerce and contact form 7.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: flexible
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

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

*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:22px; margin:0; padding:0; color:#565656; font-size:14px; font-family:'Karla'; 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; outline:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; 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;}
.container{ width:1170px; margin:0 auto; position:relative;}

/* = Header css
-------------------------------------------------------------- */
.header{width:auto; position:fixed; padding:0 15px; z-index:100; left:0; right:0; top:0; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; }
.header-inner { width:1170px; margin:0 auto; position:relative;}

/* = Sticky Header css
-------------------------------------------------------------- */
.header.sticky-header{ background-color:rgba(15,60,174,0.8);}
.header.sticky-header .logo{ padding:15px 0;}

/* = Logo css
-------------------------------------------------------------- */
.logo{float:left; text-align:left; padding:25px 0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}
.logo h1{font-weight:700; margin:0px; text-transform:capitalize;}
.logo a{color:#ffffff;}
.logo p{ font-family:'Karla'; font-size:14px; color:#ffffff; display:block;}
.header_right{ float:right; }

/* = Slider css
-------------------------------------------------------------- */
#slider{ width:100%; margin:0; padding:0; position:relative; }
.nivoSlider:before{ content:''; top:0; width:100%; height:100%; position:absolute; background-color:rgba(15,60,174,0.9); z-index:9; }
.slider-main{ min-height:600px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.nivo-caption a.button{ margin-right:15px;}

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

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li a.nav-link.active:before, .sitenav ul li a.nav-link.active:after{ width:100%; }
.sitenav ul li a:before{ top:0; }
.sitenav ul li a:after{ bottom: 0; }
.sitenav ul li a:before, .sitenav ul li a:after{ background-color:#ffffff;  position: absolute; left: 0; right: 0; margin: auto; width: 0%; content: ''; height: 1px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.sitenav ul li a:hover::before, .sitenav ul li a:hover::after{width: 100%; }
.sitenav ul li.current_page_item a:after, .sitenav ul li.current_page_item a:before{ width:100%; }

/* = 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:0; top:38px; 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:33px; height:33px; line-height:35px; 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:16px; color:#929292; border:2px solid #929292; position: relative; border-radius:50%; margin-right:12px; }
.social-icons a:hover { color:#ffffff; background-color:#0f3cae;}
.social-icons br{ display:none;}

/* = Buttons css
-------------------------------------------------------------- */
a.button{ background-color:#0f3cae; color:#ffffff; padding:12px 40px; font:700 14px/20px 'Karla'; 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:uppercase; position:relative; border:2px solid #ffffff; border-radius:30px; }
a.button:hover{ background-color:#ffffff; color:#444444;}

a.button2{ background-color:#ffffff; color:#444444; padding:12px 40px; font:700 14px/20px 'Karla'; 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:uppercase; border:2px solid #ffffff; border-radius:30px; }
a.button2:hover{ background-color:#0f3cae; color:#ffffff;}

a.ReadMore{ font:700 14px/22px 'Karla'; color:#0f3cae; padding:5px 0; 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; }
a.ReadMore:hover{ color:#444444; }

a.learnmore{ text-transform:uppercase; font:700 14px/20px 'Karla'; }

.custombtn{ margin-top:30px;}

/* = Section and manu adjust css
-------------------------------------------------------------- */
.offset{ display: block; height: 82px; margin-top: -82px; visibility: hidden; }

/* = Section title css
-------------------------------------------------------------- */
h2.section_title{ font-weight:700; font-size:35px; text-align:center; color:#323232; line-height:27px; margin-bottom:40px; padding-bottom:20px; position:relative; text-transform:capitalize; }
h2.section_title:after { content: ""; position: absolute; height: 3px; bottom:-14px; width: 60px; margin:0 auto; left:0; right:0; background-color:#0f3cae; }
p.subtext{ font:400 14px 'Karla'; text-transform:none; color:#565454; width:58%; margin:0 auto 50px; text-align:center; line-height:24px; }

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

/* = Section First Solutions CSS
-------------------------------------------------------------- */
.solution-box{ width:31.5%; float:left; margin-right:2.5%; position:relative; box-shadow:0 0 8px 2px #cdcdcd; border-radius:8px; }
#last.solution-box{ margin-right:0; }
.solution-image{ overflow:hidden; }
.solution-image img{ border-radius:8px 8px 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.solution-box:hover .solution-image img{ opacity: 0.7; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.solution-desc{ padding:30px; }
.solution-box:hover h2{ color:#0f3cae;}
.solution-desc p{ margin-bottom:20px;}

/* = Section Second 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;}
#last.counter-box{ margin-right:0;}
.inner-counter{ padding:20px 12px;}
.counter-box:hover{ background-color:#0f3cae; cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); }
.counter-box h3.counter { font:700 40px 'Montserrat'; color:#0f3cae;  display:inline-block; margin-bottom: 10px; } 
.counter-box h4 { margin-bottom: 10px; color:#444444; font-weight:500; font:400 16px 'Montserrat'; text-transform:capitalize; }
.counter-box > span { color: #0f3cae; font-size: 18px; position: relative; right: -4px; top: -4px;}
.counter-box:hover h3.counter, .counter-box:hover h4, .counter-box:hover span, .counter-box:hover p{ color:#ffffff; }

/* = Section Third About CSS
-------------------------------------------------------------- */
.invert_text, .invert_text p{ color:#ffffff; }
.invert_text h2.section_title{ text-align:left; color:#ffffff; font-size:30px; margin-bottom:20px; }
.invert_text h2.section_title:after{ width:0; }

/* = 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:14px 'Karla';color:#ffffff;}
.skillbar-title span { display:block; color:#ffffff; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:9px; width:0px; background:#ffffff;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#ffffff;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#3053b2;}

/* = Section Fouth Three Boxes CSS
-------------------------------------------------------------- */
.three_boxes{ padding:0; }
.three_boxes .container{ width:100%;}
.three-box{ width:33.3333%; float:left; text-align:center; }
.inner-three-box{ padding:40px 60px; }
.three-box-image{ width:60px; height:60px; margin:0 auto 30px;}
.three-box-image img{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 auto; }
.three-box-desc p{ margin-bottom:20px; }
.three-box:hover h3{ color:#0f3cae; }

/* = Section Fifth Services CSS
-------------------------------------------------------------- */
.service-box{ width:; margin:25px 2% 25px 0; width:32%; float:left; text-align:center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
#last.service-box{ margin-right:0; }
.inner-service-box{ padding:25px 22px;}
.service-image{ width:60px; height:55px; margin:0 auto 30px;}
.service-image img{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 auto; }
.service-box:hover{ box-shadow:0 0 8px 2px #cdcdcd; cursor:pointer; }

/* = Section Sixth Services 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:1px solid #ffffff; border-radius:3px; display:inline-block; line-height:25; font-size:20px; color:#ffffff; -ms-transform: rotate(-46deg) translateY(-50%); -webkit-transform: rotate(-46deg) translateY(-50%); transform: rotate(-46deg) 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; }
.work-link-icon .fa{ -ms-transform: rotate(46deg); -webkit-transform: rotate(46deg); transform: rotate(46deg); }

/* = Section Seventh Latest News CSS
-------------------------------------------------------------- */
.news-box{ float:left; margin-right:2%; width:23.5%; position:relative; background-color:#ffffff; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.news-box.last{ margin-right:0; }
.news-box:hover{ box-shadow:0 0 12px 1px #cbcbcb;}
.newsdesc{ padding:20px 15px; }
.news-box h3{ padding:0px; margin-bottom:15px; text-transform:capitalize; font:400 20px/26px 'Montserrat'; }
.news-box h3 a{ color:#363636;}
.news-box h3 a:hover{color:#0f3cae;}
.news-box .PostMeta{ font-size:14px; color:#444444; padding:0 0 15px;font-weight:400; font-family:'Karla'; }
.news-box .newsdesc p{ margin-bottom:20px;}

/* = Section Eighth Testimonials CSS
-------------------------------------------------------------- */
.testimonials h2.section_title{ color:#ffffff; }
.testimonials h2.section_title:after{ background-color:#ffffff; }
#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:#ffffff; padding:20px; border-radius:6px; margin-bottom:40px;}
#clienttestiminials blockquote{ padding:0 !important; background:none; }
#clienttestiminials p { font:500 italic 16px/24px 'Karla'; color:#626161;}
#clienttestiminials .tmttl { position: relative; top: 18px; }
#clienttestiminials .tmttl h3{ margin:0px 0 5px; text-transform:capitalize; }
#clienttestiminials .tmttl h3 a{color:#ffffff;}
#clienttestiminials .tmttl span{ font-size:14px; color:#ffffff; font-weight:400; font-family:'Karla'; display:block; text-transform:capitalize; margin-top:5px; }
.triangle { position:relative; background-color:#f4f4f4; height:auto !important; width:100% !important;}
.triangle:after { content:''; position:absolute; bottom:-35px; left:5px; right:0; width:0; height:0; border-top:solid 15px #f4f4f4; 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 Ninth CSS Partners
-------------------------------------------------------------- */
.partners{ margin:0 -15px;}
.partners .nbs-flexisel-inner{ margin-top:0; }
#flexiselDemo3 .nbs-flexisel-item img{ max-height:none; max-width:none;}
#flexiselDemo3 .partner-logo{ margin:0 15px;}

/* = Section Thenth CSS Cricle Skills
-------------------------------------------------------------- */
.circle-skills{ width:50%; float:left; text-align:center; }
.circle-skills h3{ margin-top:30px; }
.progress-bar div span{ font-size:20px;}

/* = Section Eleventh CSS Cricle Skills
-------------------------------------------------------------- */
.home_map{ padding:3px; width:36%; float:left; box-shadow:0 0 12px 1px #cbcbcb; }
.home_form{ float:right; width:56%; }
.home_form h2.section_title{ text-align:left; font-size:25px; }
.home_form h2.section_title:after{ margin:0; bottom:3px;}
.home_form .form-control{ width:48%; margin-right:4%; float:left; }
.home_form .form-control.last{ margin-right:0; }

/* = Team Member Css
-------------------------------------------------------------- */
.teammember-list{width:23.5%; float:left; margin:20px 2% 20px 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; }
.teammember-list.lastcols{ margin-right:0; }
.teammember-list .thumnailbx{ overflow:hidden; position:relative; background-color:#000000; }
.teammember-list img{ vertical-align:middle; width:100%; height:auto; display:block; margin:0 auto; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.teammember-list:hover img { opacity: 0.6; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }
.member-social-icon{ display:inline-block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-360px,0); transform: translate3d(0,-360px,0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; position:absolute; top:30px; right:20px; width:40px;}
.member-social-icon a{ display:block; vertical-align:middle; height:40px; width:40px; background-color:#ffffff; font-size:14px; border-radius:50%; line-height:40px; margin-bottom:8px; color:#3a49a4;}
.member-social-icon a:hover{ background-color:#090909; color:#ffffff; } 
.teammember-list:hover .member-social-icon{ -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.titledesbox{ padding:15px 0; overflow:visible; border-bottom:1px solid #e8e8e8; background-color:#f8f8f8; webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;  }
.teammember-list:hover .titledesbox{ background-color:#0f3cae;}
.teammember-list h4{ font-weight:400; text-transform:uppercase; margin-bottom:5px; font-family:'Montserrat';}
.teammember-list h4 a { color:#444444;}
.teammember-list:hover h4 a { color:#ffffff;}
.teammember-list cite{ display:block; font-style:normal; font:700 14px 'Karla'; color:#2e2e2e; position:relative; }

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

/* 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-3 .social-icons{ margin-top:20px;}

/* Footer Menu */
.cols-3 ul.menu li{ margin-bottom:10px; border-bottom:1px solid #ffffff; padding-bottom:10px; }
.cols-3 ul.menu li a{ padding:8px 0;}
.cols-3 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 img{ width:70px; height:60px; float:left; margin-right:15px; border-radius:5px; }
ul.recent-post li h6{ font-weight:bold; margin-bottom:10px; }

/* = Copyright Css
-------------------------------------------------------------- */
.copyright-wrapper { background-color:#161716; color:#ffffff; position:relative; padding:20px 0; font:400 14px/22px 'Karla'; }
.copyright-wrapper a{ color:#0048ff;}
.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;}

/* = 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:20px; background-color:#222222;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 15px; margin-bottom:-1px; color:#ffffff; background-color:#171717; font-size:17px; }
.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:300 14px/18px "Montserrat";  padding-left:10px; color:#ffffff; }
#sidebar ul li a:hover{ color:#69af07;}
#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;}
.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; width:47.5%; float:left; padding-right:20px }
.post-thumb img{ height:auto; width:100%; display:block; }
.post-data{ width:47.5%; float:left; padding-left:20px; }
.post-title{ margin-bottom:11px; font-weight:400; line-height:25px;}
.post-title a{ color:#232527;}
.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.6); 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;}

/* 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:70%; margin:0 auto;}
.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{ text-align:center; margin-bottom:100px;}
.single-info-box{ width:25%; float:left; }
ul.flx-contact-details { padding-left: 70px; position: relative; text-align:left; }
ul.flx-contact-details li { display: block; padding-bottom: 5px; }
ul.flx-contact-details li span{ text-transform:uppercase; color:#000000; }
ul.flx-contact-details li:last-child{ min-height:50px;}
ul.flx-contact-details::after { border: 2px solid #e4e4e4; border-radius: 50%; color: #0f3cae; font-family: fontawesome; font-size: 22px; height: 50px; left: 0; line-height: 48px; position: absolute; text-align: center; top: 5px; width: 50px; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
ul.flx-contact-details.map-marker::after { content: "\f041"; }
ul.flx-contact-details.phone::after { content: "\f095"; }
ul.flx-contact-details.fax::after { content: "\f1ac"; }
ul.flx-contact-details.envelope::after { content: "\f003"; }
ul.flx-contact-details:hover::after { background-color: #0f3cae; border-color: #0f3cae; color: #fff; }

/* = 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%;}