*{ 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:#6e6d6d; 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:700;}
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;}
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;}


/* = TOP HEADER CSS 
-------------------------------------------------------------- */
.header-top .left { padding:6px 0;}
.header-top .left .fa { margin-right:10px; font-size:1em;}
.header-top .right{ text-align:right; padding:5px 0;}
.header-top .right .social-icons { float:left;}
.header-top .right span{ float:left; border-right:1px solid #ebebeb; line-height: 20px; margin-top: 8px; padding-right: 30px; margin-right:10px;}


/* = Header css
-------------------------------------------------------------- */
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{width:auto; position:absolute; background-color:rgba(0,0,0,0.3); padding:0 15px; left:0; right:0; z-index:10;}
.header.contacthead { background-color:#584632;}
.header-inner { width:1170px; margin:0 auto; position:relative;}

/* Styleone */
.header-top.styleone{ color:#909090; line-height:36px; font-size:14px; font-weight:500; font-family:'Karla'; margin-top:0; border-top:3px solid #ef9e0e; padding:0 15px; }
.header.styleone{ position:relative; background:#ffffff !important; border-top: 2px solid #f1f1f1; }
.header.styleone .sitenav li a{ color:#959595; }
.header.styleone .sitenav li a:hover{ color:#f49c14; }
.header.styleone .sitenav li.current_page_item a{ color:#f49c14; }

/* Styletwo */
.header-top.styletwo{ border:none; background-color:#ef9e0e;}
.header.styletwo{ position:relative; background:#ffffff !important; border-top: 2px solid #f1f1f1; }
.header.styletwo .sitenav li a{ color:#959595; }
.header.styletwo .sitenav li a:hover{ color:#f49c14; }
.header.styletwo .sitenav li.current_page_item a{ color:#f49c14; }

/* Styletthree */
.header-top.stylethree{ border:none; background-color:#ef9e0e;}
.header.stylethree{ position:relative; background:#ffffff !important; border-bottom:2px solid #f1f1f1; }
.header.stylethree .logo{ float:none; text-align:center; }
.header.stylethree .logo img{ margin:0 auto; }
.sitenav.stylethree{ float:none; width:100%; text-align:center; }
.sitenav.stylethree li a{ color:#959595; }
.sitenav.stylethree li a:hover{ color:#f49c14; }
.sitenav.stylethree li.current_page_item a{ color:#f49c14; }

/*Header Info Bar CSS*/
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo{float:left;  text-align:left; padding:16px 0;}
.logo h1{font-weight:700; margin:0px; text-transform:capitalize;}
.logo a{color:#f49c14;}
.logo p{ font-family:'Karla'; font-size:14px; color:#d0cfcf; display:block; margin-top:3px;}
.header_right{ float:right; text-align:right;}


/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; /*display:inline-block;*/ display:table-cell; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px; color:#c1a994;}
.social-icons a:hover { color:#e7b573;}
.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}


/*header menu css*/
#headernav{ border-top:1px solid #1c1006; border-bottom:1px solid #1c1006;}
.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{ padding:0; position:relative; z-index:9999; float:left;}
.sitenav ul {margin:0; padding:0; font-family:'Montserrat'; font-size:14px; font-weight:700; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; position:relative; margin-left:6px; line-height: 76px;}
.sitenav ul li a{padding:8px 10px; display:inline; text-align:center; transition:color 0.6s ease; -moz-transition:color 0.6s ease; -webkit-transition:color 0.6s ease; -o-transition:color 0.6s ease; color:#ffffff; position:relative; }
.sitenav ul li a::before { content:"\f111"; font-family:FontAwesome; position:absolute; font-size: 6px; left: -3px; bottom:-22px; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px #000000 solid; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:0; text-align:left;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li:hover a.parent{ color:#ef9e0e;}
.sitenav ul li ul.sub-menu li a:hover, .sitenav ul li.current_page_item ul.sub-menu li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a{ background-color:transparent;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:-10%; top:76px; text-align:left; }
.sitenav ul li:hover > ul a:before, .sitenav ul li:hover > ul a:after{ height:0; content:none; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:194px; top:-1px;}



/* = Section title =*/
h2.section_title{ font-weight:700; font-size:25px; text-transform:uppercase; text-align:center; color:#444444; line-height:44px; margin-bottom:8px; position:relative;}
h2.section_title:before{ content:'['; position:relative; font-size:25px; color:#f49c14; right:8px; }
h2.section_title:after{ content:']'; position:relative; font-size:25px; color:#f49c14; left:8px; }
p.subtext{ font:400 14px 'Karla'; text-transform:none; color:#777676; width:70%; margin:0 auto; text-align:center; line-height:24px; }



/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:400px; overflow:hidden; position:relative; }
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}
.page header.entry-header { left: 0; position: absolute; right: 0; top: 48%; }
.page header.entry-header h1.entry-title{ border: 5px solid #ffffff; color: #ffffff; display: table; font: 700 40px "Roboto Condensed"; margin: 0 auto; padding: 5px 20px; text-transform: uppercase; }

.blog-post-repeat header.entry-header { position: inherit; }
.blog-post-repeat header.entry-header:before{ content:none; }
.page-template-template-contact header.entry-header{ position:relative; }
.page-template-template-contact header.entry-header h1.entry-title{ color:#444444 !important; margin:0 0 20px; border-color:#444444; }


h1.entry-title{font-weight:600; font-size:30px; text-transform:capitalize; padding-bottom:20px; margin-bottom:30px; position:relative;}
.single h1.entry-title{ margin-bottom:0; padding-bottom:0; }

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

/* = Buttons css
-------------------------------------------------------------- */
a.ReadMore{ font:400 14px/22px 'Montserrat'; color:#ef9e0e; padding:5px 0; text-transform:capitalize; 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:#3b3d41; }
.custombtn{ margin-top:30px;}

a.morebutton{ background-color:#f0d4bc; color:#42332c ; padding:17px 30px; font:500 14px/20px 'Montserrat'; text-transform:uppercase; display:inline-block; border-radius:5px; 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.morebutton:hover{ background-color:#42332c; color:#ffffff; }

a.buttonstyle1{ border:2px solid #3f3f3f; color:#3f3f3f; padding:10px 30px; font:500 13px/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; }
a.buttonstyle1:hover{ border:2px solid #69af07; color:#69af07;}

a.button-style2{ text-transform:uppercase; /*border:1px solid #f49c14;*/ padding:8px 30px; margin-top:30px; display:inline-block; position:relative; color:#444444; }
a.button-style2::before, .button-style2::after { position: absolute; content: ''; opacity: 1;  -webkit-transition-duration: 0.8s; transition-duration: 0.8s; }
a.button-style2:before { top: 0; right: 80%; bottom: 0; left: 0; border-top: 1px solid #f49c14; border-bottom: 1px solid #f49c14; border-left: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
a.button-style2:after { top: 0; right: 0; bottom: 0; left: 80%; border-right: 1px solid #f49c14; border-top: 1px solid #f49c14; border-bottom: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
a.button-style2:hover{ color:#f49c14; }
a.button-style2:hover::before{ right:0; }
a.button-style2:hover::after{ left:0; }

/* Buttons */
a.button{ background-color:#ef9e0e; color:#ffffff; padding:12px 30px; 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-radius:30px;}
a.button:hover{ background-color:#282828; color:#ffffff;}


/* = Page Boxes Css
—------------------------------------------------------------ */
section#pagearea { width:100%; position:relative; padding-top:0;}
.pagearea-inner { position:relative; margin-top:-80px; z-index:10;}
.fourbox{ padding:0px; width:23%; float:left; margin:20px 30px 20px 0; text-align:left; position:relative; box-sizing:border-box; color:#7d7b7b; -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;}
.fourbox:hover{ cursor:pointer; box-shadow:0px 0px 16px 4px #a1a1a1;  -webkit-transform: scale(1.1); transform: scale(1.1);}
.fourbox:hover a.button{ background-color:#282828;}
.fourbox:hover h3{ color:#f49c14; }
.fourbox p{ line-height:20px; font-size:13px;}
.fourbox h3{font-weight:700;color:#282828;margin:0px;padding-bottom:10px;text-transform:uppercase; display:inline-block; position:relative; line-height:25px;}
.fourbox .thumbbx{ text-align:center; width:100%; height:240px; 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;}
.fourbox .thumbbx img{ width:100%; min-height:240px;}
.fourbox:hover .thumbbx { background-color:#f49c14;}
.fourbox:hover .thumbbx img{ opacity:0.5;}
.fourbox .fourbxcontent { padding:20px 10px; text-align:center; }
.fourbox:hover a.pagemore { color:#ffffff; background-color:#f7b200; border-color:#f7b200;}

.one_column{ width:100%;}
.two_column{ width:48%; margin-right:23px;}
.three_column{ width:31.6%;}
.four_column { width:23%; margin-right:23px}
.four_column.last_column { margin-right:23px !important;}
.five_column{ width:19%; margin-right:11px}
.five_column.last_column { margin-right:11px !important;}
.six_column{ width:15.5%; margin-right:1%;}


/* = Section First CSS About us
-------------------------------------------------------------- */
.about_fig{ width:39%; float:left; }
.about_fig figure{ padding:20px; position:relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.about_fig figure img{ transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; }
.about_fig figure:hover{ cursor:pointer;  }
.about_fig figure:hover img{  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.about_fig figure::before, .about_fig figure::after { position: absolute; content: ''; opacity: 1;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.about_fig figure::before { top: 0; right: 75%; bottom: 82%; left: 0; border-top: 1px solid #f49c14; border-left: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.about_fig figure::after { top: 82%; right: 0; bottom: 0; left: 75%; border-right: 1px solid #f49c14; border-bottom: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.about_fig figure:hover::before{ right: -15px; bottom:-15px; }
.about_fig figure:hover::after{ left: -15px; top: -15px; }
body.page .about_content{ padding:0 20px; margin-bottom:30px;}
.about_content{ width:56%; float:right; padding:40px 20px 0; }
.about_content h2.section_title{ display:table; margin-left:8px; }
.about_content h6{ text-transform:uppercase; margin:10px 0 15px 0; padding:0 40px 15px 0; display:inline-block; border-bottom:1px solid #7d7d7d;}
.about_content p{ margin-bottom:20px;}
.about_content .social-icons a { background-color:#353535; color:#ffffff; display: inline-block; margin-right: 5px;border-radius:50%; width:30px; height:30px; line-height:30px; }
.about_content .social-icons a:hover{ background-color:#f39b16; color:#ffffff; }


/* = Section Second CSS Our Services
-------------------------------------------------------------- */
.service-box { width:31.6%; float:left; position:relative; margin-right:30px; margin-top:30px; background-color:#f8f7f7; text-align:center; padding:0 0 30px 0; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.6s; }
#last.service-box{ margin-right:0; }
.service-box:hover{ box-shadow:0px 0px 12px 1px #cccccc; }
.service-box:hover h3 a{ color:#46bac1; }
.service-box-img{ transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; position:relative; overflow:hidden; }
.service-link{ position:absolute; top:100%; bottom:0; left:0; right:0; background:rgba(244,156,20,0.8); display:block; width:100%; height:100%; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; }
.service-link a{ border:1px solid #ffffff; border-radius:4px; display:inline-block; line-height:25; font-size:20px; color:#ffffff; -ms-transform: rotate(-46deg); -webkit-transform: rotate(-46deg); /* Chrome, Safari, Opera */ transform: rotate(-46deg); width:45px; height:45px; line-height:45px; margin: 43% auto 0; }
.service-link a:hover{ color:#ffffff; border-color:#ffffff; }
.service-link .fa{ -ms-transform: rotate(46deg); -webkit-transform: rotate(46deg); /* Chrome, Safari, Opera */ transform: rotate(46deg); }
.service-box:hover .service-link{ -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:1; top:0; }
.service-box-img img{ display:block;}
.service-box-desc{ padding:30px 0 0; }
.service-box-desc h3{ transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s; }
.service-box-desc a:hover h3, .service-box:hover h3, .service-box:hover a.button-style2 { color:#f49c14; }
.service-box:hover a.button-style2::before{ right:0; }
.service-box:hover a.button-style2::after{ left:0; }


/* = Section Third CSS Our Work
-------------------------------------------------------------- */
section#ourwork{ padding-bottom:0; }
#ourwork .container{ width:100%; }
#ourwork h2.section_title { color:#ffffff; position:relative;}
#ourwork p.subtext{ width:52%; color:#ffffff; }
.gallery { position:relative;}
ul.portfoliofilter{ color:#ffffff !important; margin-top:30px !important; }
ul.portfoliofilter li{ font:700 14px 'Montserrat'; }
ul.portfoliofilter li.active, ul.portfoliofilter li:hover{ color:#f49c14; }
.portfoliofilter li{ color:#ffffff; }
body.page .portfoliofilter li{ color:#444444; }
.holderwrap{ position:relative; }
.work-link-icon{ background:rgba(244,156,20,0.8); 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.17s; transition-delay: 0.17s; 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); -webkit-transform: rotate(-46deg); /* Chrome, Safari, Opera */ transform: rotate(-46deg); width:45px; height:45px; line-height:45px; margin: 38% auto 0; }
.work-link-icon a:hover{ color:#ffffff; border-color:#ffffff; }
.work-link-icon .fa{ -ms-transform: rotate(46deg); -webkit-transform: rotate(46deg); /* Chrome, Safari, Opera */ transform: rotate(46deg); }


/* = section Fourth css Our Team
-------------------------------------------------------------- */
#testimonials h2.section_title { color:#ffffff; position:relative;}
#testimonials p.subtext{ color:#ffffff; }
.teammember-list{width:31.6%; float:left; margin:60px 30px 0px 0; position:relative; text-align:center; -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; }
.teammember-list:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); }
.teammember-list:hover img{ border-radius:0;}
.teammember-list .thumnailbx{ overflow:hidden; position:relative; }
.teammember-list img{ vertical-align:middle; width:80%; height:auto; display:block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; border-radius:50%; margin:0 auto;}
.teammember-list:hover img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }
.teammember-list h3{ font-weight:600; text-transform:capitalize; margin-bottom:10px; font-family:'Montserrat';}
.teammember-list h3 a { color:#444444;}
.teammember-list:hover h3 a { color:#f49d12;}
.teammember-list cite{ display:block; font-style:normal; font:400 13px 'Montserrat'; color:#f49d12; margin-bottom:20px; position:relative; }
.titledesbox{ padding:20px 0 10px; overflow:visible; }
.member-social-icon{ -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; }
.member-social-icon a{ color:#ffffff; font-size:10px; width:30px; height:30px; line-height:30px; display:inline-block; background-color:#343434; border-radius: 50%; margin-bottom: 5px; margin-right:5px;}
.member-social-icon a:hover{ background-color:#f49d12; color:#ffffff; }
.teammember-list:hover .member-social-icon{ -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:1; }


/* = Section Fifth CSS What Clients Says
-------------------------------------------------------------- */
#testimonials { position:relative;}
#testimonials h2.section_title { color:#ffffff; position:relative;}
#clienttestiminials{ padding-bottom:40px; margin-top:20px;}
#clienttestiminials .item { padding:0px;}
#clienttestiminials .tmthumb{ width:26%; float:left; position:relative; padding:30px; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; display:block; }
#clienttestiminials .tmthumb::before, #clienttestiminials .tmthumb::after { position: absolute; content: ''; opacity: 1;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
#clienttestiminials .tmthumb::before { top: 0; right: 75%; bottom: 82%; left: 0; border-top: 1px solid #f49c14; border-left: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
#clienttestiminials .tmthumb::after { top: 82%; right: 0; bottom: 0; left: 75%; border-right: 1px solid #f49c14; border-bottom: 1px solid #f49c14; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
#clienttestiminials .tmdesc{ width:66%; float:right; margin-top:30px; }
#clienttestiminials blockquote{ padding:0 !important; background:none; }
#clienttestiminials p { font:400 16px/22px 'Karla'; font-style:italic; color:#ffffff; margin:15px auto 10px; }
#clienttestiminials h3{ margin:0px 0 5px; text-transform:uppercase; margin-bottom:25px;}
#clienttestiminials h3 a{color:#ef9e0e;}
#clienttestiminials span{ font-size:14px; color:#ef9e0e; font-weight:400; font-family:'Karla'; display:block; text-transform:capitalize; margin-top:12px; }
#clienttestiminials .owl-controls{ bottom:100px;}
#clienttestiminials .owl-controls .owl-prev{ left:34%; }
#clienttestiminials .owl-controls .owl-next{ right:60%; }

/*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 Seventh CSS Latest Posts
-------------------------------------------------------------- */
.news-box{ width:31.5%; float:left; margin:50px 32px 20px 0;}
.news-box.last { border-bottom:0; margin:20px 0 20px 0; padding:0;}
.news-box .news-thumb{position:relative;}
.news-box .news-thumb img{ width:100%; height:auto; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.news-box .news-thumb img:hover{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.news-thumb .post-date { width:60px; position:absolute; z-index:99; bottom:7px; left:0; background-color:#69af07; text-align:center; padding:10px 5px;}
.shrt-date{ background-color:#ef9e0e; color:#ffffff; padding:15px; font:400 15px 'Montserrat'; text-align:center; width:40px; position:absolute; top:-25px; left:15px; outline:1px solid #ffffff; outline-offset:-6px; }
.shrt-date span{ display:block; font:700 30px 'Montserrat'; }
.news-thumb .post-date .spantop { color:#ffffff; font:700 20px 'Montserrat';}
.news-thumb .post-date .spanbottom { color:#ffffff; font:500 13px 'Montserrat';}
.news-box .newsdesc { padding:20px  0; }
.news-box .newsdesc p{ margin-bottom:20px; font-size:14px; color:#646464; line-height:22px;}
.news-box h3{ padding:0px; margin-bottom:0; text-transform:uppercase; font:600 17px/28px 'Montserrat'; color:#17181d;}
.news-box h3 a{ color:#17181d;}
.news-box h3 a:hover{color:#ef9e0e;}
.news-box .PostMeta{ font-size:13px; color:#838c9a; margin-bottom:8px;font-weight:400; font-family:'Montserrat'; }
.news-box .PostMeta a { text-transform:capitalize; color:#ef9e0e; padding-right:5px;}
.news-box:last-child{ margin:50px 0 20px 0;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#222222; background-size:cover; color:#b6b8ba; position:relative;}
#footer-wrapper p { font:500 14px/22px 'Karla';}
.cols-3{ width:30.9%; float:left; margin-right:19px; padding:30px 20px 30px 0; position:relative; }
.cols-3 h5{ margin-bottom:30px; padding-bottom:15px; text-transform:uppercase; margin-top:20px; font-weight:700; border-bottom:1px solid #3e4045; position:relative; color:#ffffff; font-size:20px;}
.cols-3 h5:before{ content:''; height:1px; width:70px; position:absolute; left:0; bottom:-1px; background-color:#ef9e0e;}
.widget-column-3 { margin-right:0; border-right:none; padding-right:0;}

/*Footer LAtest News*/
ul.recent-post li{ list-style:none; margin-bottom:30px; }
ul.recent-post li a{ padding:0; color:#ffffff; }
ul.recent-post li a:hover{ color:#ef9e0e; }
.lnthumb{ width:19%; float:left; margin-right:15px;}
.lndesc{ float:right; width:76%; }
.lndesc h6{ text-transform:uppercase; margin-bottom:5px;}
.lndesc p{ line-height:18px !important; }

.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:#b6b8ba; }
.cols-3 .social-icons{ margin-top:20px;}
.cols-3 .social-icons a{ width:30px; height:30px; line-height:30px; margin:0 10px 10px 0; padding:0; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; color:#8d8c8a; border:none; display:inline-block; font-size:14px; border:2px solid #8d8c8a;}
.cols-3 .social-icons a:hover{ color:#ffffff; background-color:#ef9e0e; border-color:#c49454; }

.instafeed{ margin-right:30px; width:90px; display: inline-block; margin-bottom:20px; position:relative; height:90px; overflow:hidden; border:5px solid #ffffff; }
.instafeed:nth-of-type(3n){ margin-right:0;}
.instafeed img { transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.instafeed:hover img{ -webkit-transform: scale3d(1.2,1.2,1); transform: scale3d(1.2,1.2,1);}

.copyright-wrapper { background-color:#171717; color:#ffffff; position:relative; padding:20px 0; font:400 13px/22px 'Montserrat'; }
.copyright-txt{float:left; font-weight:normal;}
.designby{ float:right; font-weight:normal;}
.designby a{ color:#ef9e0e;}
.designby a:hover{ color:#ffffff; }


h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

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

/* --------- Pages ------- */
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
/*.sidebar-left #sidebar{ width:auto;}*/
.flotRight{ float:right !important;}
/*sidebar css*/
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; }
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#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;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 12px 0 12px 0; font-size:0; width:20%; height:40px; float:right;}

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:15px; 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:16px 'Montserrat';color:#483b33;}
.skillbar-title span { display:block; color:#483b33; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#69af07;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#e4e3e3;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#483b33;}


/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Montserrat'; color:#e4e3e3;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:40%; border:1px solid #ebebeb; padding:15px; float:left; margin:0 8px 8px 0; background-color:#f8f8f8; color:#483b33;}   
#contactform_main textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Montserrat'; text-transform:uppercase; cursor:pointer; 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;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #2f1e0c; padding:15px; margin:0 8px 8px 0; background-color:#2f1e0c;}
.wpcf7 form textarea{ margin-right:0; height:130px;} 

/*Reservation form css*/
#reservation_form input[type=text], #reservation_form input[type=email], #reservation_form input[type=tel], #reservation_form textarea,.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#2f1e0c; color:#c8c7c5; border:1px solid #2f1e0c; padding:10px 15px; }
#reservation_form p, .wpcf7 form{ margin-bottom:6px;}
#reservation_form input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Montserrat'; text-transform:uppercase; cursor:pointer; width:100%; }

iframe{ width:100%;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ /*margin-bottom:15px;*/}
.post-title{ margin-bottom:0px; font-weight:400; line-height:25px;}
.post-title a{ color:#e4e3e3;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #483b33; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Montserrat';background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; 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;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; margin-bottom:15px; height:auto;}

/*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;}
.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:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}


article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:none; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }

.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;}
.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;}

.customtab{ margin-top:0px;}

/* 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. */}

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

/*post nav css*/
.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; }
/*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;/* background color transition */ -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;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.5;}
.slider-main{ min-height:700px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000;}
.boxlayout .container{ padding:0 20px;}
body.page #testimonials:before{ background-color:transparent !important; }
body.page .accordion-box h2{ color:#ffffff !important; }