* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:28px; margin:0; padding:0; color:#353535; font-size:16px; font-family:'Assistant'; background-color:#ffffff; font-weight:400; overflow-x:hidden; }
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{margin:0 0 20px 0; padding:0; line-height:1; font-weight:700;}
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #f36523; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #f36523; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 0 0px; 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; }
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; width:auto; }
.alignright, img.alignright { display: inline; float: right; margin-left:15px; height:auto; width:auto; margin-bottom:15px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width: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;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:80px 0; position:relative; }
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ background-color:#000000; padding:10px 0; color:#ffffff; }
.top-header-left{ float:left; }
.top-header-left ul li{ display:inline-block; margin-right:50px; }
.top-header-left ul li span{ margin-right:15px; }
.top-header, .top-header a, .top-header-right .social-icons a{ color:#ffffff; }
.top-header-right{ float:right; }
.top-header a:hover, .top-header .social-icons a:hover{ color:#f36523; }

/*===============================================
** Header Css
*===============================================*/
.header{ padding:30px 0; position:relative; z-index:10; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; float:left; }
.logo img{ width:auto; margin-top: 15px; }
.logo h1{font-weight:700; margin:0; text-transform:uppercase; }
.logo a{ color:#202020; }
.logo p{ font-size:13px; color:#202020; display:block; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:FontAwesome; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; z-index:9999; text-align:left; margin-left:50px; float:right; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{ padding:20px 0 20px 30px; display:block; text-align:center; color:#000000; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#f36523; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0; top:17px; font-family:FontAwesome; font-size:17px; }
.sitenav ul li a.parent{ padding-right:25px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:54px; 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; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position: absolute; right: 8px; top: 9px; font-family: FontAwesome; font-size: 18px; }

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

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.5); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:740px; position:relative; background:url(images/loading.gif) no-repeat center center #fff; background-size:20%; }
.boxlayout .slider-main{ min-height:568px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:16%; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#5c5b5b; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ffffff; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 16px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#f36523; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
a.button:hover{ background-color:#202020; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#f36523; padding:14px 40px; font:700 15px/22px 'Roboto'; display:inline-block; }
a.buttonstyle1:hover{ background-color:#ffffff; color:#202020; }

a.sliderbtn{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 14px 30px 13px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; border:2px solid; }
a.sliderbtn:hover{ color:#f36523; }

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; padding-bottom:25px; }
h2.section_title{ font:700 38px/42px 'Roboto'; color:#161616; position:relative; text-transform:capitalize; padding:0 0 30px; margin:0 0 30px; letter-spacing:1px; }
h2.section_title:after, h2.section_title:before{ width:100px; margin:0 auto; content:''; position:absolute; left:0; right:0; }
h2.section_title:before{ border-top:1px solid #f36523; bottom:0; }
h2.section_title:after{ border-bottom:1px solid #f36523; bottom:3px; }
p.section_text{ color:#78787b; width:56%; margin:0 auto 30px; }
h2.section_title span{ display:inline-block; margin-left:10px; color:#f36523; margin-bottom:10px; }
.section_head p{ margin:0 auto 50px; width:70%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(24,24,24,0.8); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title{ color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; }
.custom-heading h2{ text-transform:uppercase; font-weight:700; position:relative; margin-bottom:40px;}
.custom-heading h2 span{ display:block; font-size:40%; margin-bottom:10px; letter-spacing:1px; }

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width:100%; position:relative; padding-top:0; z-index:9; background-color:#f4f4f4; padding:30px 0; }
.pagearea-inner { position:relative; -webkit-transform:translateY(-25%); -moz-transform:translateY(-25%); -ms-transform:translateY(-25%); -o-transform:translateY(-25%); transform:translateY(-25%); }
.featbox { padding:50px 20px 30px; width:25%; float:left; margin:0 0 20px 0; position:relative; box-sizing:border-box; color:#ffffff; 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; min-height:348px; }
.featbox:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); z-index:99; }
.featbox .thumbbx{ height:62px; width:80px; margin:0 auto 30px; }
.featbox .thumbbx img{ margin:0 auto; width:auto; text-align:center; 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;}
.featbox h2{ margin-bottom:15px; text-transform:capitalize; display:block; position:relative; color:#ffffff; font:700 26px/34px 'Roboto'; letter-spacing:1px; }
.featbox p{ font-size:90%; margin-bottom:15px; }

.one_column{ width:100%;}
.two_column{ width:50%;}
.three_column{ width:33.33%;}
.four_column { width:25%;}
.five_column{ width:20%; }

/*===============================================
** Section First Css : Introduction
*===============================================*/
.intro-img{ padding-right:30px; }
.intro-cont h2.section_title{ margin:0; padding:0; text-align:left; font-size:50px; }
.intro-cont h2.section_title:before, .intro-cont h2.section_title:after{ content:none; }
.intro-cont p{ margin-bottom:40px; }
.intro-cont a.button{ margin-top:60px; }

/*===============================================
** Section Third Css : Iconbox
*===============================================*/
.iconbox{ text-align:center; margin-bottom:20px; padding:30px 0; }
.iconbox-thumb{ height:85px; width:65px; margin:0 auto; }
.iconbox-thumb img{ width:auto; margin:0 auto; }
.iconbox-cont h3{ margin:35px 0 20px; }

/*===============================================
** Section Four Css : Featured Course
*===============================================*/
.fea-crs-cnt p{ margin-bottom:30px; }
.fea-crs-cnt a.button{ margin-top:40px; }

/*===============================================
** Section Fifth Css : Popup Video
*===============================================*/
.popup-video-cont{ text-align:center; margin:80px 0; }
.pop-video-icon{ font-size:50px; margin-bottom:50px; }
.pop-video-icon a{ color:#ffffff; }
.popup-video-data h2{ font-size:46px; margin-bottom:40px; }
.popup-video-data h3{ font-size:30px; }

/*===============================================
** Infobox Css
*===============================================*/
.infobox{ text-align:center; position:relative; margin:20px 0; }
.infobox-icon{ width:80px; height:80px; margin:0 auto 30px; background-color:#f36523; color:#ffffff; border-radius:50px; color:#ffffff; font-size:40px; line-height:80px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.infobox:hover .infobox-icon{ background-color:#202020; }

/*===============================================
** Latest News Css
*===============================================*/
.news-box{ position:relative; padding:0; margin-bottom:10px; width:32%; margin-right:2%; float:left; position: relative; -webkit-border-radius:8px; border-radius: 8px; overflow: hidden; }
.news-thumb{ margin-bottom:15px; }
.post-meta{ margin-bottom:15px; }
.post-meta, .post-meta a{ color:#ff7f45; }

/*===============================================
** Photogallery Css
*===============================================*/
.gallery-wrap { display:flex; flex-wrap:wrap; }
.gallery.lastcols{ margin-right:0; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ float:left; }
.gal-col-one{ width:100%; }
.gal-col-two{ width:49%; margin-right:2%; margin-bottom:2%; }
.gal-col-three{ width:32%; margin-right:2%; margin-bottom:2%; }
.gal-col-four{ width:23.4%; margin-right:2%; margin-bottom:2%; }
.gal-col-five{ width:18.3%; margin-right:2%; margin-bottom:2%; }
.gallery-image{ position:relative; }
.gallery-icon{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(243,101,35,0.8); opacity:0; transition:all 0.5s ease-in-out; }
.gallery-icon a{ position:relative; top:50%; transform:translateY(-50%); color:#ffffff; text-transform:uppercase; font-weight:700; font-size:20px; }
.gallery-icon a:hover{ color:#ffffff; }
.gallery:hover .gallery-icon{ opacity:1; }

/*===============================================
** Testimonials Css
*===============================================*/
.testi-desc{ margin:0; padding:20px; background-color:#ffffff; border-radius:8px; }
.testi-thumb{ margin-bottom:20px; position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden; margin:0; float:left; margin-right:20px; }
.tmttl{ overflow:hidden; }
.tmttl h4{ margin:0; }
.tmttl span{ display:block; margin-bottom:10px; color:#ff7f45; }
.tmttl p{ color:inherit; }

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

/*===============================================
** Counter Css
*===============================================*/
.counter-main{ display:flex; flex-wrap:nowrap; justify-content:center; }
.counter { position:relative; }
.counter-box { text-align:center; width:18%; padding:30px 0 10px; }
.counter-box img{ width:auto; margin:0 auto 20px; }
.counter-bdr{ padding:15px 0 15px; }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 26px 'Roboto'; color:#ffffff; display:inline-block; margin: 0; line-height: normal; position: relative; } 
.counter-box h3 { text-transform:uppercase; margin:10px 0 0; font:400 14px 'Assistant'; color:#ffffff; }
.counter-box span { position: relative; right: -10px; font-size: 36px; color: #ffffff; font-weight: 700; }

/*===============================================
** Team Member Css
*===============================================*/
.teammember-list{ width:23.5%; float:left; margin-right:2%; position:relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; overflow:hidden; text-align:center; }
.team-thumbnail{ width:60%; margin:0 auto 30px; border:1px dashed #f36523; padding:8px; border-radius:5px; }
.team-thumbnail img{ border-radius:5px; }
.team-member-title-desi h3{ margin:0 0 10px; }
.team-member-title-desi cite{ font-style:normal; font-family:'Assistant'; font-size:14px; color:#a6a6a6; text-transform:uppercase; }
.team-member-title-desi p{ margin-top:20px; }
.member-social-icon{ border-top:1px solid #cccccc; padding:20px 0; margin-top:20px; }
.member-social-icon a{ color:#a6a6a6; width:30px; height:30px; border-radius:50px; display:inline-block; margin-right:10px; text-align: center; font-size: 16px; line-height: 30px; }

/*===============================================
** Portfolio Css
*===============================================*/
.item-dirt{ position: relative; padding: 0px 4%; width: 100%; height: 100%; }
.item-dirt-hov{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; background: rgba(255, 255, 255, 0.9); opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.item-dirt-hov span::before, .item-dirt-hov span::after { content: ''; position: absolute; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background-color: #272b2b; opacity: 0.2; }
.item-dirt-hov span:nth-child(1)::before, .item-dirt-hov span:nth-child(1)::after { top: 50%; margin-top: -1px; width: 50%; height: 2px; }
.item-dirt-hov span:nth-child(1)::before { right: 50%; }
.item-dirt-hov span:nth-child(1)::after { left: 50%; }
.item-dirt-hov span:nth-child(2)::before, .item-dirt-hov span:nth-child(2)::after { left: 50%; margin-left: -1px; width: 2px; height: 50%; }
.item-dirt-hov span:nth-child(2)::before { bottom: 50%; }
.item-dirt-hov span:nth-child(2)::after { top: 50%; }
.item-dirt:hover .item-dirt-hov { opacity: 1; }
.item-dirt:hover .item-dirt-hov span:nth-child(1)::before, .item-dirt:hover .item-dirt-hov span:nth-child(1)::after { width: 25px; }
.item-dirt:hover .item-dirt-hov span:nth-child(2)::before, .item-dirt:hover .item-dirt-hov span:nth-child(2)::after { height: 25px; }
.item-dirt:hover .item-dirt-hov span::before, .item-dirt:hover .item-dirt-hov span::after { opacity: 1; }
.portfolio-metadeta{ border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-share{ text-align:center; margin:40px 0; border-radius:0; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ width:80%; margin:50px auto; }

/*===============================================
** Client Logo Css
*===============================================*/
.partner-logo img{ width:auto !important; margin:0 auto; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; }
.partner-logo img:hover{ -webkit-filter: grayscale(0); filter: none; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:30px; 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; font-weight:bold; }
.skillbar-title { font-size:13px; color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background-color:#f36523; }
.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:#a9aeb1; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#1a1a1a; color:#979797; position:relative; padding:40px 0; font:300 15px/26px 'Roboto'; }
.widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:50px; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.cols-4 h5{ margin-bottom:30px; text-transform:uppercase; font-weight:700; position:relative; color:#ffffff; font-size:19px; font-family:'Roboto'; }
.contactdetail{ margin-top:40px; }
.contactdetail a{ color:#979797; }
.contactdetail p{ margin:20px 0; }
.contactdetail i{ margin-right:15px; color:#ffffff; font-size:20px; }

.cols-4 ul{ margin:0; padding:0; }
.cols-4 ul li{ list-style:none; margin-bottom:5px; display:block; }
.cols-4 ul li a{ padding:0 0 10px 20px; position:relative; display:block; color:#979797; }
.cols-4 ul li ul{ display:none;}
.cols-4 ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:0; font-size:14px;  }
.cols-4 ul li a:hover{ color:#f36523; }

/* Social Icon */
.widget-column .social-icons a{ color:#979797 }
.widget-column .social-icons a:hover{ color:#f36523 }

/*Foo Newsletter*/
.newsletter{ margin:20px 0 60px; position:relative; }
.newsletter form{ position:relative; }
.newsletter input[type=email]{ background-color:#444444; border:none; font-size:14px; color:#979797; font-family:'Roboto';  }
.newsletter button{ position:absolute; top:0; right:0; padding:14px 20px; border: none; color:#ffffff; background-color:#f36523; }
.newsletter button:hover{ cursor:pointer; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ border-top:1px solid #272727; padding-top:40px; }
.copyright-txt{ float:left; }
.designby{ float:right; }
.copyright-wrapper a{ color:#979797; }
.copyright-wrapper a:hover{ color:#f36523; }

/*===============================================
** Course Listing and Course Single Css
*===============================================*/
.course-listing{}
.course-grid-box{ box-shadow:0 1px 6px rgba(0,0,0,.15); overflow:hidden; margin-bottom:40px; transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; height:100%; display:table; }
.course-listing .course-grid-box .course-thumb { width:41.66%; float: left; position:relative; overflow:hidden; }
.course-thumb .ccate{ position:absolute; left:20px; top:20px; text-transform:uppercase; line-height:29px; font-size:12px; font-weight:700; z-index:999; border-radius:3px; }
.course-thumb .ccate a{ background-color:#f36523; color:#ffffff; padding:0px 12px; margin-right:8px; display:inline-block; }
.course-thumb .ccate a:hover{ background-color:#000000; }
.course-thumb .link-hover{ width:36px; height:36px; background-color:#fff; color:#f36523; position:absolute; left:-150px; top:0; right:0; bottom:0;  margin:auto; text-align:center; line-height:36px; border-radius:100px; z-index: 9; opacity:0; }
.course-grid-box:hover .link-hover{ left:0; opacity:1; }
.course-grid-box .course-thumb:after, .course-grid-box .course-thumb:before { background-color:rgba(0,0,0,.2); width:100%; height:0; position:absolute; left:0; top:0; content:""; opacity:0; }
.course-grid-box:hover .course-thumb::after, .course-grid-box:hover .course-thumb::before{ height:100%; opacity:1; }
.course-listing .course-grid-box .course-excerpt { position:relative; height:100%; display:table; width:58.33%; float:left; padding:25px 25px 0; text-align:left; }
.crs-txt{ margin-bottom:25px; }
.course-listing .course-grid-box .course-excerpt ul.course-meta { position:absolute; left:0; width:100%; bottom:0; text-align:center; border-top:1px solid #e6e6e6; }
.course-grid-box ul.course-meta li{ display:inline-block; line-height:49px; border-right:1px solid #e6e6e6; padding:0 15px; color:#666666; margin-left:-3px; width:33%; text-align:center; text-transform:uppercase; font-size:13px; font-weight:700; color:#666666; }
.course-grid-box ul.course-meta li:last-child { border:0; }
.course-grid-box ul.course-meta li i { margin-right:8px; }

.single-course-thumb{ position:relative; margin-bottom:30px; }
.single-course-thumb-overlay{ position:absolute; top:20px; left:20px; right:20px; }
.course-price{ float:left; background-color:#f36523; color:#ffffff; text-transform:uppercase; font-weight:700; padding:6px 25px; }
.course-enroll{ float:right; }
.course-enroll a{ background-color:#f36523; color:#ffffff; text-transform:uppercase; font-weight:700; padding:6px 25px; display:block; cursor:pointer; }
.course-enroll a:hover{ background-color:#000000; color:#ffffff; }
.single-course-head{ margin-bottom:30px; }
.single-course-head h2{ margin:0; }
.single-course-meta{ position:relative; margin-top:30px; }
.single-course-meta-box{ float:left; width:33.33%; padding:20px; border:1px solid #dcdcdc; }
.course-meta-box-icon{ width:40px; height:40px; border-radius:50px; background-color:#f36523; text-align:center; line-height:40px; font-size:20px; color:#ffffff; float:left; margin-right:20px; }
.course-meta-box-cont{ overflow:hidden; line-height:normal; }
.course-meta-box-cont strong{ display:block; }

.hidden-content{ max-width: 550px; border-radius: 4px; overflow: hidden; background-color:#ffffff; transform: translateY(-80px); transition: all .5s; display:none; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(24,24,24,0.8); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:150px 0;}
h1.innerpage-title{ padding:5px 0; text-transform:uppercase; position:relative; padding-left:25px; font-size:46px; margin:0; }
h1.innerpage-title:before{ content:''; width:3px; line-height:54px; bottom:0; height:auto; position:absolute; left:0; top:0; margin-right:22px; background-color:#f36523; }
#crumbs{ display: block; line-height:26px; color:#292929; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; font-family:'Arial'; }
#crumbs .container{ padding:15px 0; }
#crumbs a, #crumbs span{ padding:0 8px; color:#292929; }
#crumbs a:hover{ color:#f36523; }
#crumbs .container{ border-bottom:1px solid #d8d8d8; }

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

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position:relative; min-height:200px; margin-bottom:30px; width:100%; display:inline-block; width:100%; padding-bottom:60px; }
.blog-post-repeat .post-thumb, .blog-post-single .post-thumb{ overflow:hidden; position:relative; margin-bottom:30px; }
.post-overlay { position:absolute; top:0; bottom:0; right:0; left:0; background-color:rgba(41,55,66,0.8); opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(0.5,0.5,1); transform:scale3d(0.5,0.5,1); }
.blog-post-repeat:hover .post-overlay, .blog-post-single:hover .post-overlay { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }
.post-data .entry-header{ padding-bottom:0; margin-bottom:23px; overflow:hidden; }
.postmeta-date{ font-size:72px; font-weight:700; height:90px; width:110px; float:left; line-height:66px; color:#f36523; }
.postmeta-date i{ font-size:13px; text-transform:uppercase; font-style:normal; font-weight:700; display:block; line-height:20px; margin-top:3px; }
.entry-contains{ position:relative; padding-left:30px; width:calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); float:right; }
.entry-contains:before{ content:''; position:absolute; width:1px; top:4px; left:0; bottom:5px; background:#eee; } 
h3.post-title{ font-size:34px; font-weight:700; line-height:34px; margin:0 0 7px; }
ul.entry-meta{ margin:0; padding:0; }
ul.entry-meta li{ border-right:1px solid #eee; padding-right:23px; margin-right:20px; list-style:none; text-transform:uppercase; display:inline-block; line-height:18px; margin-top:10px; }
ul.entry-meta li a{ text-transform:uppercase; font-weight:700; font-size:14px; display:inline-block; color:#7a7a7a; }
ul.entry-meta li span{ color:#ccc; font-size:12px; font-weight:700; display:block; line-height:18px; }


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

/* home page posts pagination */
.navigation .page-numbers{ background:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background:#037df0; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:40px; }
.blog-post-single header.entry-header{ margin-bottom:30px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* 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-below.post-navigation{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin:40px 0; padding:20px 0; }
.nav-previous{ float:left; }
.nav-next{float:right; }
.nav-previous, .nav-next{ font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.nav-previous a, .nav-next a{ color:#9c9c9c; position:relative; }
.nav-previous a{ padding-left:30px;  }
.nav-next a{ padding-right:30px; }
.nav-previous a:before{ content:'\f177'; font-family:FontAwesome; position: absolute; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; left: 30%; opacity: 0; top:-2px; }
.nav-previous a:hover::before { left:0; opacity: 1; }
.nav-next a:before{ content:'\f178'; font-family:FontAwesome; position: absolute; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; right: 30%; opacity: 0; top:-2px; }
.nav-next a:hover::before { right:0; opacity: 1; }

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

/* Team testi Single */
.team-testi-post-thumb{ width:350px; float:left; margin-right:30px; text-align:center; margin-bottom:30px; }
.team-testi-post-thumb img{ border:8px solid #f36523; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#f36523; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; }
.blackmap{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); display:block; }
.contact-content { padding:4em 4em 2em; box-shadow:0 0 8px -2px rgba(0,0,0,0.3); }
.contact-content .contact-page-info address{ margin-top:20px; font-style:normal; width:50%; float:left; }
.contact-content .contact-page-info address strong{ color:#323232; text-transform:uppercase; }
.contact-social{ margin-top:30px; padding-top:30px; border-top:1px solid #dbdbdb; }
.contact-social .social-icons a{ background-color: #f36523; border-radius: 50%; width: 40px; height: 40px; margin-right: 8px; color: #ffffff; line-height: 2.5; }
.contact-social .social-icons a:hover{ background-color:#202020; color:#ffffff; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:320px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ font-size: 1.294em; font-weight: 700; line-height:36px; letter-spacing: 0.4px; } 
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 30px; padding:0 0 5px 20px; position:relative; }
#sidebar aside.widget:before, #sidebar aside.widget:after{ content:""; position:absolute; left:0; top:0; }
#sidebar aside.widget:before{ width:3px; height:36px; z-index:3; background-color:#f36523; }
#sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.sidebar-left #sidebar aside.widget{ padding:0 20px 5px 0; }
.sidebar-left #sidebar aside.widget:before, .sidebar-left #sidebar aside.widget:after{ content:""; position:absolute; top:0; left:auto; right:0; }
.sidebar-left #sidebar aside.widget:before{ width:3px; height:36px; z-index:3; background-color:#f36523; }
.sidebar-left #sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#f36523;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .search-form input.search-field{ width:100%; padding:12px 40px 12px 16px; transition: transform 250ms ease-in-out; font-size: 14px; line-height: 18px; color: #575756; background-color: transparent; border-radius: 50px; border: 1px solid #575756; -webkit-transition: all 250ms ease-in-out; backface-visibility: hidden; transform-style: preserve-3d; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:20px;}
#sidebar #wp-calendar th{ background-color:#037df0; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#037df0; color:#ffffff; }

/*===============================================
** Course Sidebar Widget Css
*===============================================*/
.recent-course-grid{ position:relative; margin-bottom:20px; }
.recent-course-thumb{ width:100px; float:left; margin-right:12px; }
.recent-course-text{ overflow:hidden; }
.recent-course-text h5{ font-size:18px; line-height:24px; }
.meta-crs-recent{ position:absolute; bottom:0; }
.meta-crs-recent a{ color:#ffffff; background-color:#f36523; display:inline-block; padding:4px 6px; margin-right:5px; text-transform:uppercase; font-weight:700; font-size:12px; line-height:normal; }
.meta-crs-recent a:hover{ background-color:#000000; color:#ffffff; }

.course-cate li{ font-weight:700; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; position:relative; }
.course-cate li:hover{ transform:translateX(10px); -webkit-transform:translateX(10px); }
/*===============================================
** 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; position:relative; }
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
form.search-form input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:9px 30px; cursor:pointer; position:absolute; top:0; right:0; text-transform: uppercase; font-size: 16px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: inline-block; height: 35px; padding: 0; margin: 0; }
ul.social-share-post li { display: inline-block; padding: 0; margin: 2px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); }
ul.social-share-post li a{ height: 33px; width: 33px; display: inline-block; color: #888; }
ul.social-share-post li a:hover{ color:#ffffff; }
ul.social-share-post li i { line-height: 31px; font-size: 13px; display: block; width: 100%; height: 100%; margin-left: -1px; }
ul.social-share-post li.social-share-twitter:hover{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook:hover{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp:hover{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus:hover{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin:hover{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest:hover{ background-color:#cd2127; }

/*===============================================
** Comments Css
*===============================================*/
.comment-form-author, .comment-form-email, .comment-form-url{ width: 33%; float: left; margin-right: 3%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type="text"] { width: 100%; float: left; display: inline-block; margin-right: 1%; clear: both; text-indent: 10px; font-size: 90%; padding: 10px 0 !important; margin-bottom: 15px; }

/*===============================================
** Contact Form Css
*===============================================*/
input[type="text"], select, 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: 10px 12px 9px; width: 100%; background-color: #ffffff;  font-family:'Roboto'; font-size:15px; 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; font-family:'Roboto'; font-weight:700; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"]{ height:45px; }
textarea.wpcf7-form-control{ height:150px; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#f36523; -webkit-transition:1s; -moz-transition:1s; transition:1s; font-size:60px; line-height:1; }
#back-top a:hover{ color:#242c3a; }
#back-top span { width:64px;height:62px; display: block; margin-bottom: 7px; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.8; }

/*===============================================
** Custom 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 #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:75px 30px; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:FontAwesome; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(...); }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; font-size:14px; font-family:'Assistant'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#f36523; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 18px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:15px; background-color:#dda668; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; 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-radius:30px; font-weight:bold; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; }
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; -webkit-box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); margin-bottom:20px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder > a:last-child { position: absolute; bottom:0; margin-bottom:0; left:0; right:0; width:100%; color:#fff; padding:14px 20px; z-index:2; opacity:0; visibility: hidden; transition: all 250ms ease-out; /*background-color: #262626;*/ transform: translate(0, 100%); -webkit-transform: translate(0, 100%); border-radius:0; }
.woocommerce .product-item-inner:hover .product-item-thumbnail-holder > a:last-child { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.woocommerce .product-item-thumbnail-holder .added{ display:none !important; }
.woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height: 52px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; opacity: 0.3;}
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#b1c903;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** Show another image on hover Css
*===============================================*/
img.onhover{ position:absolute; top:0; left:0; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce ul.products li.product .product-item-inner:hover img.attachment-woocommerce_thumbnail{ opacity:0; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:uppercase; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#b1c903; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#242423; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:16px; color:#b1c903;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:16px; padding:0; margin-right:10px; background-color:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 26px; border-radius:5px; color:#ffffff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#dda668; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ border-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:0 20px; }
.woocommerce div.product p.stock.avail-in-stock{ background-color:#77a464; }
.woocommerce div.product p.stock.few-in-stock{ background-color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ background-color:red; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 2.6rem 3.2rem; background-color:#f36523; margin-bottom:30px; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** 404 Not Found Css
*===============================================*/
h1.title-404{ font-size: 80px; text-transform: uppercase; font-family:'Oswald'; margin:80px 0 50px; }
.text-404{ font-family:'Oswald'; font-size:22px; line-height:36px; margin-bottom:80px; }
.error-404 form{ width:50%; margin:0 auto 50px; position:relative; }
.error-404 form input[type=submit]{ position:absolute; top:0; right:0; text-transform:uppercase; font-weight:700; font-family:'Assistant'; font-size:18px; height: 52px; padding: 0 40px; }