/*defaults*/

/* these google font families are loaded in the head.inc file 
font-family: 'Merriweather', serif;  - HEADINGS
font-family: 'Open Sans', sans-serif; - BODY/NAV/ETC

If you update the google fonts be sure to do a search and replace in this css file as well.
*/

@import url('../fonts/fonts.css');
*{margin:0 auto;outline:none;list-style:none;text-decoration:none;}
body, p {font-family: 'montserratregular';color: #3f3f3f;font-size: 13px;}
h1,h2,h3,h4,h5,h6,.system-message h1,.system-error-message h1,strong,b{font-weight:normal;color:#1a1a1a;margin-bottom:1.25rem;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}

p.lead{font-size:17px;margin-bottom:22px;}
.system-message h1,.system-error-message h1{font-size:36px;}
h1,h2,h3,h4,h5,h6{font-family: 'montserratsemi_bold';}
h1{font-size:43.59px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{font-size:22.68px;}
h5{font-size:20px;}
h6{font-size:15px;}

.mb1 { margin-bottom: 1rem; }
.mb2 { margin-bottom: 2rem; }
.mb3 { margin-bottom: 3rem; }
.mb4 { margin-bottom: 4rem; }

.text-tr-up{text-transform:uppercase;}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child){float:left;}
a,a:visited,.breadcrumbs a{color:#707070;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#6e6460;}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#131313;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
a img:hover{opacity:1;}
em,input[type="text"],textarea,select{font-family: 'montserratregular';}
input[type="text"],input[type="email"],input[type="password"],input[type="submit"],texarea,select{border-radius:3px;height:auto;padding:10px 13px;border:1px solid #dfdfdf;box-shadow:none;}
input[type="text"],input[type="email"],input[type="password"],textarea{background:#fff;}
input[type="submit"] {font-family: 'montserratregular';background:#f8de04;color:#101010;border-radius:0px;margin-bottom:20px;}

select{background: url(../img/select-arrow.png) no-repeat right center}
[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus{box-shadow:none;border-color:#666;}

a#catshopbuy {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#f8de04;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {background:#101010;color:#fff;transition-duration:.5s;}

a#catshopclear {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#101010;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;}
a#catshopclear:hover {background:#646464;color:#fff;transition-duration:.5s;}
.click-to-reveal {cursor:pointer;font-size: .7rem; color: #52cab3;}
.opt-discount input[type="submit"] { margin-top: 10px; }

.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}
label{margin-bottom:4px;}
label,input[type="text"],input[type="email"],input[type="password"]{font-family: 'montserratregular';font-size:13px;}
textarea{border-radius:3px;padding:10px 13px;}
ul{list-style:none;}
ul li{font-size:14px;margin-bottom:0;}
figure{margin:0 auto;}
.row{max-width:1174px;}
.row-margin-12{margin-left:-12px;margin-right:-12px;}
.row-margin-12 .columns{padding:0 12px;}

/*buttons*/

.button { background-color: #ffe401; color: #262525;font-size:14px;font-family: 'montserratsemi_bold';line-height:22px;padding:7px 15px; }
.button.large {font-size: 17px;padding: 10px 30px;}.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#131313;color:#fff;}
.button.hollow {  border: 1px solid #6bb6c2; color: #6bb6c2;}
.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {background:#373737;color:#fff;transition-duration:.5s;}

input[type="submit"]{border:none;cursor:pointer;padding:15px 20px;}

.padd-l-none{padding-left:0px;}
.padd-r-none{padding-right:0px;}

/*header*/

/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status { width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999;}

button.menu-icon{background:none;}
.shopping-cart{color:#FFFFFF;font-size:13px;font-family:Merriweather, sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
a.cartSummaryLink{color:#1abc9c;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}

/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#43ac6a;color:#fff;border-color:#3a945b;}
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}

/*section main*/
section.main{padding:20px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}

/*events section*/
section.events{background:url(images/events-bg.jpg) repeat-x top;padding:50px 0;}
.event-item{background:rgba(255,255,255,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-top:5px solid #6bb6c2;margin-bottom:30px;padding:20px 30px;}
.event-date{background:#f8de04;width:75px;height:75px;border-radius:90em;font-size:24px;text-align:center;color:#000;font-family:Merriweather, sans-serif;text-transform:uppercase;padding-top:14px;margin:0 auto 20px;}
.event-date span{display:block;line-height:1.2;}
.event-date span.month{font-size:16px;}
.event-item h3{text-align:center;font-weight:100;}
.event-item-detail{background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:30px;padding-bottom:30px;}
.event-item-detail h3{margin-bottom:5px;}
.event-details{line-height:18px;color:#99918e;font-size:13px;font-family:Merriweather, sans-serif;margin-bottom:10px;}
.dash{width:30px;height:1px;background:#6bb6c2;margin:20px auto;}
.event-item p{font-size:13px;}
.event-item-detail .button{float:right;}

/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:Merriweather, sans-serif;margin-bottom:10px;}

/*faq*/
.faq-question a{color:#6e6460;font-family:Merriweather, sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:30px;background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:50px;padding-bottom:20px;}
.faq-details a{font-family:Merriweather, serif;font-size:14px;text-transform:none;font-weight:normal;color:#1abc9c;}
.faq-icon{background:none repeat scroll 0 0 #74b9c8;border-radius:90em;color:#fff;display:block;float:left;font-family:Merriweather, sans-serif;font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#1abc9c;}

.accordion-title { padding: 1.25rem 1rem; line-height: 1;  font-size:18px; color: #1a1a1a; }

/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}

/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }

/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family:Merriweather, sans-serif;margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(/_assets/img/dashed-bg.jpg) repeat-x top;margin:30px 0;}

/*section map*/
section.map, section.map .flex-video, section.map .flex-video iframe { height: 350px; overflow: hidden;}

/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}

/*misc*/
img.post-image {width: 100%; margin-bottom: 20px;}
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #1abc9c;}

#googleMap { height: 515px; width: 100%; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17); }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }

/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
    .top-bar-section ul{margin-top:48px;}
   
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 5px; padding: 5px; }
    .slide-description h1{font-size:20px;line-height:20px;margin-bottom: 0px; }
    .slide-description h2{display:none;}
    .slide-description span { display:none; }
    i.fa.prev-btn,i.fa.next-btn { opacity:0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .community-search-wrap{background:none;padding:20px 0 60px;}
    .search-ellipse{border-radius:0;display:block;float:none;width:100%;background:none;box-shadow:none;height:auto;text-align:left;padding:0;}
    .search-ellipse h2{text-align:left;}
    .search-ellipse h2,.search-ellipse h6{color:#6e6460;display:inline;margin:auto;}
    section.main{padding:20px 0;}
    footer{text-align:center;padding:20px 0 10px;}
    footer p,footer div.copy{margin-bottom:15px;}
    .social-icons{float:none;}
    .row.page-headline h1{font-size:1.75rem;margin-top:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:30px;line-height:30px;margin-bottom: 15px; }
    .slide-description h2{font-size:12px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
    .row.page-headline h1{margin-top:20px;}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .top-bar .name{margin-top:-5px;max-width:126px;}
    .top-bar-section ul li > a{font-size:13px;}
    .side-search h2{font-size:38px;}
    .side-search h6{font-size:9px;}
    .search-filters a{margin-left:10px;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 10px; padding: 10px; }
    .slide-description h1{font-size:30px;line-height:30px; margin-bottom: 15px; }
    .slide-description h2{font-size:12px;line-height:13px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:30px; font-size: 2rem;}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .top-bar .name{margin-top:-18px;max-width:199px;}
    .top-bar-section ul li > a{font-size:14px;}
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:70px;line-height:70px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
	.row.page-headline h1{margin-top:70px; font-size: 2.5rem;}
}

@media only screen and (min-width: 1400px) { 
    .slide-description{margin-top:50px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:130px;}
}


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}

@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Slick Slider Dots */
.slick-slider { margin:0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;margin:0 auto; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button{border:0; background:transparent; display: block; height:14px; width:14px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer; border:3px solid #fff; border-radius: 50%;}
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before {display:none;  position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button {background:#fff; }


/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/

.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#e1e1e1;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#1abc9c;color:#FFF;}
/*END KITCHEN SINK DOCS*/


.off-canvas-content{background:#fff;}
.off-canvas-wrapper{overflow:hidden}
/* ===================//   WC Style   \\=================== */
.search-container input[type="submit"], .search-container input[type="text"]{line-height:22px; padding:12px;border:0px;}

.btn-border {font-size: 19.38px;color: #252525 !important;font-family: 'montserratsemi_bold';line-height: 22px;padding:15px 2px 8px 2px;display: inline-block;position:relative;}
.btn-border:after, .btn-border:before{content:'';position: absolute;top: 100%;left: 0;width: 100%;height: 4px;background: #f8de04;
-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: scale(0.85);-moz-transform: scale(0.85);transform: scale(0.85);}
.btn-border:after{
    opacity: 0;
    -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.btn-border:hover:after {top: 0%;opacity: 1;}	
.btn-border:hover::before, .btn-border:hover::after{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
	
	
/* =====//   Header   \\===== */
header{width:100%;float:left; Position:relative;z-index:1000;background:#fdfdfd;}

.main-nav{width:100%;float:left;background:#fdfdfd;}
header .row{max-width:inherit;}
.logo{width:auto;float:left;}
.main-toggle, .nav-icon{width:82px;height:80px;float:left;background:#1a1a1a;padding:10px 22px;border:2px solid #1a1a1a;
-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;z-index: 2100;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;}
.main-toggle span, .nav-icon span{width:100%;height:4px;float:left; background:#fff;position:relative;}
.main-toggle span:after, .main-toggle span:before, .nav-icon span:after, .nav-icon span:before{content:''; width:100%;height:4px;background:#fff;position:absolute;left:0px;transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.main-toggle span:after,.nav-icon span:after{top:10px;}
.main-toggle span:before,.nav-icon span:before{top:-10px;}




.canvas-menu-open .nav-icon span:after, .menu-open .main-toggle span:after {top:0px; transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.canvas-menu-open .nav-icon span, .menu-open .main-toggle span {background:#1a1a1a;}
.canvas-menu-open .nav-icon span:before , .menu-open .main-toggle span:before {top:0px;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}





button.main-toggle:hover, button.main-toggle:focus {background: #1a1a1a;outline:none;transition-duration: .5s;}

.nav-icon{padding:35px 22px;float:left;display:none;}



.search-box{width:76px;height:80px;float:right;background:#3c3c3c;position:relative;padding:10px 15px;}
.search-box .icon{width:26px;height:26px;}
.search-box .icon img{width:auto;}
.search-box .icon,.cart-summary a img{position:absolute;top:50%;left:50%;opacity:1; -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.cart-summary{width:auto;float:right;border-left:1px solid #e4e4e4;font-size:0px;}
.cart-summary a{width:76px;height:80px;line-height:normal; display:inline-block;position:relative}
.search-box:hover{cursor:pointer;}
ul.user-login{width:auto;float:right;margin:0px;list-style:none;}
ul.user-login li {width: auto;float: left; border-left: 1px solid #e4e4e4; padding: 15px 13px;}
ul.user-login li:first-child{border-left:0px;}
ul.user-login li a{width:auto;float:left; font-size:26px;line-height:26px;color:#121212;padding:12px 15px;}
ul.user-login li a em{line-height:0px;}
ul.user-login li a:hover{color:#f8de04;}
.primary_nav{width:100%;float:left;background:#1a1a1a;display:none;}

.top-bar{width:100%;float:left;background:#1a1a1a;}
.top-bar ul{width:100%;float:left;background:#1a1a1a;}
.top-bar ul li{padding:10px 5px;}
.top-bar ul li a {font-size: 11px;color: #fff;font-family: 'montserratsemi_bold';text-transform: uppercase;padding: 10px 10px;}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{display:none;}
.top-bar ul li ul{padding:5px 0;}
.top-bar ul li ul li{padding:0px;}
.top-bar ul li ul li a {font-size: 11px;color: #fff;text-transform: inherit;padding: 10px 15px;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;
transition: all 0.6s ease;}
.top-bar ul li:hover a, .top-bar ul li.selected a{color:#f8de04;}
.top-bar ul li ul li:hover, .top-bar ul li ul li ul li:hover{background:#3c3c3c;}
.top-bar ul li ul li:hover ul li a{padding: 10px 15px}
.top-bar ul li ul li:hover a, .top-bar ul li ul li ul li:hover a{padding-left: 20px ;padding-right: 10px;}

/* =====//   Sidebar Nav   \\===== */
.off-canvas {background: #3c3c3c;z-index: 9;}
.sidebar{width:100%;float:left}
.sidebar ul.dropdown {width:100%;float:left;}
.sidebar ul.dropdown li{width:100%;float:left;border-top:1px solid rgba(113,113,113,0.64);}
.sidebar ul.dropdown li a {font-size: 15px;color: #fff;font-family: 'montserratsemi_bold';text-transform: capitalize;padding: 12px 15px;display: block;line-height: 22px;}
.sidebar ul.dropdown li ul{width:100%;float:left;margin:0px;border-top:1px solid rgba(113,113,113,0.64);}
.sidebar ul.dropdown li ul li{}
.sidebar ul.dropdown li ul li a{font-size:13px;padding:6px 15px 6px 25px}
.sidebar ul.dropdown li ul li ul li a{padding:6px 15px 6px 30px}
.is-accordion-submenu-parent>a:after{border-color:rgb(255, 254, 254) transparent transparent}

.sidebar ul.menu li:hover > a, .sidebar ul.menu li.selected > a {color: #fff;background: #151515;padding-left: 25px;padding-right: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.sidebar ul.menu li ul li:hover > a, .sidebar ul.menu li ul li.selected > a {padding-left:15px;}

.sidebar-footer {width: 100%;float: left;padding: 50px 20px 24px 20px;border-top:2px solid rgba(113,113,113,0.64)}
ul.social { width: 100%;float: left;text-align: center;margin:0px;}
ul.social li {display: inline-block;padding: 0 6px;}
ul.social li a {font-size: 28px;color: #fff;-webkit-font-smoothing: antialiased;}

.mobile-logo{width:auto;float:left;display:none;}

/* =====//   Slider   \\===== */
.home-slider{width:100%;float:left;position:relative;}
.home-slider ul.hero-slider{width:100%;float:left;margin:0px;overflow:hidden;max-height:875px;}

.slide_caption{width:100%;float:left;height:auto;position:absolute;left:0px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-0-transform:translateY(-50%);transform:translateY(-50%);}
.slide_caption .row{max-width:1100px;}
.slide-block {width: 100%;float: left;max-width: 700px;text-align: left;padding:0 15px;}
.slide-block h1 {font-size: 40.09px;color: #fdfdfd;line-height: 47.87px;text-align: left;font-family: 'montserratsemi_bold';position: relative;margin-bottom: 45px;padding-bottom: 14px;}
.slide-block h1 span{color:#f8de04;}
.slide-block h1:after {content: '';width: 92px;height: 4px;background: #f8de04;float: left;position: absolute;bottom:0px;left: 12px;}
.slide-block a{font-size:11px;color:#fdfdfd;text-align:left;font-family: 'montserratbold';text-transform:uppercase;line-height:18px;display:inline-block;margin-left:12px;}
.slide-block a:hover{color:#f8de04;}
.slide-block a img{width:auto;display:inline-block;margin-left:12px;}
ul.hero-slider ul.slick-dots{ width: auto; left: 40%; bottom:42px;}
.mouse_btn {width: auto;position: absolute;z-index: 999;bottom: 45px;left: 50%;margin-left: -11px;}

.down_button {width: 38px;height: 37px;background: #202020;position: absolute;z-index: 999;bottom: -12px;left: 50%;margin-left: -11px;text-align:center;padding:5px 5px;}
.down_button  .fa{font-size:24px;color:#fff;}
.bounce {-webkit-animation-name: bounce;-moz-animation-name: bounce;-o-animation-name: bounce;animation-name: bounce;}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
animation-fill-mode:both;-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-10px);}
	60% {-webkit-transform: translateY(-5px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-10px);}
	60% {-moz-transform: translateY(-5px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-10px);}
	60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-5px);}
}



/* =====//   Lifecycle   \\===== */


.life_cycle{width:100%;float:left;padding:121px 0 0 0;background:url(../img/lifecycle-bg.png) no-repeat top center;position:relative; -moz-box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);-webkit-box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);}
.life_cycle > .row{max-width:1100px;}
.life_cycle:before{content:'';width:107px;height:506px; background:url(../img/right-bgline.png) no-repeat top right;background-size:contain;  position:absolute;top:92px;right:0px;}
.life_cycle:after{content:'';width:156px;height:574px; background:url(../img/left-bgline.png) no-repeat top right;background-size:contain;position:absolute;top:559px;left:0px;}

.cycle-title {width: 100%;display: block;position: relative;max-width: 417px;margin: 0 auto;text-align: left;padding: 27px 0;}
.cycle-title:after {content: '';width: 260px;height: 162px;display: inline-block;border: 10px solid #eee;position: absolute;top: 0px;right: -60px;}
.cycle-title h1 {font-size: 51.57px;color: #f8de04;line-height: 54.09px;text-transform:uppercase;margin:0px;letter-spacing:1px;position:relative;z-index:1;}
.cycle-title h1 span{color:#101010;display:block;}

ul.web-content {width: 100%;float: left;list-style: none;margin: 0px;position: relative;padding-top: 194px;margin:42px 0;}
ul.web-content:before {content: '';width: 16px;height: 170px;display: inline-block;background: url(../img/vector-bullet-icon.png) top left repeat-y;position: absolute;left: 50%;top: 0px;margin-left: -8px;}
ul.web-content:after {content: '';width: 59px;height: 55px;display: inline-block;background: url(../img/arrow-bottom.png) top left no-repeat;position: absolute;left: 50%;bottom: -33px;margin-left: -29px;}

ul.web-content li{width:100%;float:left}

.web_list{width: 100%;float: left;position: relative;padding:30px 0 125px 0;}
.web_list:after {content: '';width: 18px;height: 100%;position: absolute;background: rgba(229,224,222,0.67);top: 0px;left: 50%;margin-left: -9px;}
ul.web-content li:first-child .web_list:after{border-radius:10px 10px 0px 0px;}

.web_icon{width: 50%;float:left;padding-right:92px;position:relative;text-align:right}
.web_desc{width: 50%;float:right;padding-left:92px;}
.web_icon:after {content: '';width: 46px;height: 46px;border: 5px solid #fff;background: #bebbba;display: inline-block;border-radius: 50%;position: absolute;top:49px; right: -23px;z-index: 1;}
.web_icon figure{width:142px;height:142px;display:inline-block;border-radius:50%;background:#fff;border:13px solid #e5e5e5;position:relative;padding:8px;}
.web_icon figure img{width: auto;display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 2;}

.web_desc h2{font-size:51.57px;color:#101010;line-height:54.09px;margin:3px 0 12px 0px;}
.web_desc h2 span{color:#f8de04;margin-right:16px;}
.web_desc p{line-height:24px;}

ul.web-content li:nth-child(even) .web_icon{float:right;padding-right:0px;padding-left:92px;text-align:left;}
ul.web-content li:nth-child(even) .web_desc{float:left;padding-left:0px;padding-right:92px;}
ul.web-content li:nth-child(even) .web_icon:after {left: -23px;}
ul.web-content li:nth-child(4n) .web_list{padding-bottom:65px;}
ul.web-content li .web_list:hover .web_icon figure{background:#f8de04;border-color:#303030;}
ul.web-content li .web_list:hover .web_icon:after{background:#f8de04;}

.webvector-layer{width:100%;float:left;text-align:center;max-height:401px;overflow:hidden;margin-top:57px;	}
.webvector-layer img{width:auto;max-width:100%;}

.our-projects{width:100%;float:left;position:relative;background:#353535;}
.our-projects:after{content:''; width:100%;float:left;position:absolute;height:17px;background:url(../img/box-shadow-top.png) no-repeat top center;left:0px;top:-17px;z-index:11;}
.our-projects{width:100%;float:left;}
.project-tabs{width:100%;float:left;position:relative;overflow:hidden;}

.rect_tabsnav{width:auto;display:inline-block;position:absolute;left:-262px;top:254px;z-index:99;
transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.rect_tabsnav ul.tabs{margin:0;margin:0px;border:none;background: transparent;}
.rect_tabsnav ul.tabs li.tabs-title{margin:0;background:#666666;margin:0 1px;float:right;
    transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg); -moz-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);}
.rect_tabsnav ul.tabs li.tabs-title a{font-size:14px;color:#f8de04;display:inline-block; font-family: 'montserratsemi_bold';padding:10px 32px; background:transparent !important;
     transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-moz-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg); -ms-transform: skew(-15deg, 0deg);}
.rect_tabsnav ul.tabs li.tabs-title.is-active, .rect_tabsnav ul.tabs li.tabs-title:hover{background:#f8de04;}
.rect_tabsnav ul.tabs li.tabs-title.is-active a, .rect_tabsnav ul.tabs li.tabs-title:hover a{color:#666666;}

.project-tabs .tabs-content{width:100%;float:left;border:none;}
.project-tabs .tabs-panel{width:100%;padding:0px;}
.project_portfolio{width:100%;float:left;}
.portfolio_list{width:100%;float:left}
.portfolio_list figure img {min-height: 295px;max-width: inherit;width:100%;max-width:100%;}

.overlay_view{position:relative;overflow:hidden;}
.box_overlay{width:100%;height:auto;float:left;position:absolute;top:50%;left:-50%;background:#f8de04;padding:30px 15px 30px 15px;max-width:215px;min-height:167px;
	-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
	-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;	transition: all 0.5s ease;
}

.overlay_view:hover .box_overlay { left: 50%; }
.box_desc{width:100%;float:left;text-align:center;}
.box_desc em.fa{font-size:22px; color:#262525;}
.box_desc h6{color:#262525;line-height:18px;margin:18px 0 2px 0;}
.box_desc h6 a{color:#262525;}
.box_desc span{font-size:11px;display:inline-block; color:#fff;font-family: 'montserratsemi_bold';margin-bottom:8px}

.project-content{width:100%;float:left;background:#353535 url(../img/works-bg.png) no-repeat top right;}
.project-box {width: 100%;float: right;max-width: 535px;padding: 52px 15px 25px 15px;}
.rect-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 35px 0;margin-bottom:38px;}
.rect-title:after {content: '';width: 213px;height: 147px;display: inline-block;border: 10px solid rgba(149,149,149,0.16);position: absolute;top: 0px;left: 60px;}
.rect-title  h2 {font-size: 43.03px;color: #fff;line-height: 38.84px;text-transform:uppercase;margin:0px;letter-spacing:1px;position:relative;z-index:1;}
.rect-title  h2 span{color:#f8de04;display:block;}

ul.projects-slider{margin:0px;width:100%;float:left;}
.project-box p{color:#fff;line-height:24.01px;}
.projects-desc{width:100%;float:left;max-width:400px;position:relative;padding-bottom:46px;margin-bottom:38px;}
.projects-desc:after {content: '';width: 92px;height: 4px;background: #f8de04;float: left;position: absolute;bottom:5px;left: 0px;}

ul.projects-slider .slick-dots{bottom:-100px;width:auto;left:50%}
ul.projects-slider .slick-dots li.slick-active button {background: #f8de04;border-color:#f8de04;}

.ourteam-section{width:100%;float:left;padding:74px 0 56px 0;background:url(../img/ourteam-bg.jpg) no-repeat top center;}
.team-content{width:100%;float:left;background:#ebd625;padding:23px 15px 23px 28px;}






.team-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 27px 0;margin-bottom:15px;}
.team-title:after {content: '';width: 172px;height: 112px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;left: 30px;}
.team-title  h2 {font-size: 34.92px;color: #fff;line-height: 31.52px;margin:0px;letter-spacing:1px;position:relative;z-index:1;}
.team-title  h2 span{font-size: 21.94px;line-height: 25.84px;color:#131313;display:block;}

.team-desc{width:100%;float:left;position:relative;padding-bottom:21px;}
.team-desc:after {content: '';width: 92px;height: 4px;background: #131313;float: left;position: absolute;bottom:5px;left: 0px;}
.team-content p{color:#131313;line-height:20.01px;}

ul.team-socialicon{width:100%;float:left;margin:0px;padding:12px 0 18px 0;}
ul.team-socialicon li{display:block;padding:4px 0;}
ul.team-socialicon li a{font-size:12px;color:#131313;line-height:18px; font-family: 'montserratregular';display:inline-block;}
ul.team-socialicon li a em{width:20px;text-align:center;font-size:18px;margin-right:10px;line-height:18px;vertical-align:-2px;}

.team-view{width:100%;float:left;}
.team_list{width:100%;float:left;margin-bottom:26px;}
.team_list figure{width:100%;float:left;position:relative;}
.team_list figure img{width:100%;max-width:100%}
.team_list figcaption{width:100%;float:left;position:absolute;bottom:0px;left:0px;}
.team_list figure h6{width:100%; font-size:14px;color:#1f1d1d; margin:0px;padding:10px 16px;line-height:21px;background:rgba(248,222,4,0.81);position:absolute;bottom:0px;left:0px;}
.team_list figure h6 a{color:#1f1d1d;}
.team-content .tabs-content{background:transparent;border:0px;}
.team-content .tabs-panel{padding:0px;}
ul.team_list{margin:0 auto;}
ul.team_list li{width:33.33333%;float:left;padding:0 15px;margin-bottom:26px;}

ul.team_list.tabs li.tabs-title a{padding:0px;display:block;}
.ourclient-section{width:100%;float:left;background:#131313;padding:106px 0 68px 0;}
.client-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 35px 0;margin-bottom:24px;}
.client-title:after {content: '';width: 213px;height: 147px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;left: 35px;}
.client-title  h2 {font-size: 43.03px;color: #fff;line-height: 38.84px;margin:0px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;}
.client-title  h2 span{color:#f8de04;display:block;}

.client-desc{width:100%;float:left;position:relative;padding-bottom:27px;}
.client-desc:after {content: '';width: 92px;height: 4px;background: #f8de04;float: left;position: absolute;bottom:5px;left: 0px;}
.ourclient-content p{color:#fff;line-height:20.01px;}

.client-logo{width:100%;float:left;}
.logo-box{width:100%;float:left;text-align:center;margin-bottom:55px;}
.logo-box img{width:auto;max-width:100%;}


img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray;-webkit-filter: grayscale(100%); -webkit-transition: all .6s ease;-webkit-backface-visibility: hidden;
}
.logo-box:hover img.grayscale {filter: none;-webkit-filter: grayscale(0%);}

footer{width:100%;float:left;background:url(../img/footer-bg.jpg) no-repeat bottom center;background-size:cover;}
.footer-info{width:100%;float:left;padding:61px 0 70px 0;}
.footer-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 35px 0;}
.footer-title:after {content: '';width: 213px;height: 147px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;right:60px;}
.footer-title  h2 {font-size: 43.03px;color: #fff;line-height: 38.84px;margin:0px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;}
.footer-title  h2 span{color:#f8de04;display:block;}


.footer-contact{width:100%;float:left;background:#f8de04;padding:35px 20px 41px 35px;}
.footer-contact h4{font-family: 'montserratextra_bold';margin:0px;color:#131313;}
.footer-contact h4 span{width:34px;height:34px;display:inline-block;border:3px solid #131313; border-radius:50%;text-align:center;padding:2px;margin-right:12px;}
.footer-contact h4 span em{font-size:22px;}
.footer-contact a{font-size:30px;font-family: 'montserratextra_bold';display:inline-block;color:#131313;margin-left:10px;}

.footer-message{width:100%;float:left;padding:35px 20px 41px 35px;}
.footer-message h4{font-family: 'montserratextra_bold';margin:0px;color:#fff;}
.footer-message h4 em{font-size:34px;display:inline-block;margin-right:12px;vertical-align:-3px}
.footer-message a{font-size:30px;font-family: 'montserratlight';display:inline-block;color:#fff;margin-left:10px;}

.copyright{width:100%;float:left;padding:20px 0;background:rgba(0,0,0,0.45);}
.copyrigh> .row{max-width:940px;}
.copyright p{width:auto;float:left;margin-right:10px;font-size:13.01px;font-family: 'montserratlight';color:#afabab;margin-bottom:0px;}

ul.footer-nav{width:auto;float:right;margin:0px;}
ul.footer-nav li{display:inline-block;line-height:14px;}
ul.footer-nav li:before {content: '';width: 1px;height: 13px;margin: 0 4px;position: relative;background: #afabab;display: inline-block;top: 2px;}
ul.footer-nav li:first-child:before {display:none;}
ul.footer-nav li a{font-size:13.01px;font-family: 'montserratlight';color:#afabab;line-height:14px;display:inline-block;}
ul.footer-nav li a:hover{color:#f8de04;}
/* =====//   INNER PAGE   \\===== */
.banner{width:100%;float:left;position:relative;background:#f8de04;overflow:hidden;}
.banner-layer{float:left;max-height:393px;overflow:hidden;}
.banner-layer img{width:100%;max-width:100%;}
.banner-rectangle{float:left;background:#373737  url(../img/banner-BG.png) no-repeat top right;min-height:393px;position:relative;}
.banner-rectangle:after{content:'';width:100px;height:393px;border-top: 393px solid #373737 ;border-right: 100px solid transparent;position:absolute;right:-100px;top:0px;}
.banner-caption{width:100%;float:left; padding:39px 15px ;position:absolute;left: 0px;top: 50%;z-index:3;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.banner-title {width: 100%;display:inline-block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 27px 0;}
.banner-title  h1, .banner-title  h2 {color: #fff;margin:0px;letter-spacing:0.5px;position:relative;z-index:1;}
.banner-title  h1 span, .banner-title  h2 span{color:#f8de04;display:block;}

.banner-title  h1 {font-size: 58.89px;line-height:56.37px;}
.banner-title  h1 span{color:#f8de04;}

.banner-title  h2 {font-size: 50px;line-height:47.87px}
.banner-title  h2 span{color:#f8de04;font-size:40.09px;}
.banner-title.small  h2 {padding:9px 0;}

.banner-title:after {content: '';width: 213px;height: 167px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;left:130px;}
.banner-title.small{padding: 18px 0;margin-bottom:26px;}
.banner-title.small:after{width:300px; height: 148px;}

.banner-title.large-box{padding: 22px 0;margin-bottom:26px;}
.banner-title.large-box:after{width:320px; height: 164px;left:220px}

.banner-text{width:100%;float:left;position:relative}
.banner-text:after{content: '';width: 92px;height: 4px;background: #f8de04;float: left;position: absolute;bottom:0px;left: 0px;}
.banner-text p{color:#fff;line-height:20.01px;max-width:435px;margin-bottom:20px;}

.inner_container{width:100%;float:left;background:#fff;padding:41px 0;}
.side_bar{width:100%;float:left;}
.content-area{width:100%;float:left;}

.quote-searchbox{width:100%;float:left;background:#ffe401;padding:38px 35px;}
.quote-searchbox h3{color:#262525;border-bottom:1px solid rgba(32,32,32,0.16);margin:0 0 25px 0;padding-bottom:22px;}
.quote-searchbox select{width:100%;border:none;border-radius:0px;background-color:#fff;	margin-bottom:0px;padding:9px 18px;font-size:13px;color:#262525;font-family: 'montserratregular';}
.quote-requestbox{width:100%;float:left;background:#131313;padding:31px 35px;margin-bottom:30px;}
.quote-requestbox h3{color:#fff;line-height:30px;max-width:264px;margin-bottom:20px;}
.quote-requestbox h6{font-size:13px;color:#aaa;line-height:31px;font-family: 'montserratregular';border-width:1px 0 1px 0;border-style:solid;border-color:rgba(255,255,255,0.10);padding:0 12px;margin-bottom:0px;}
.quote-requestbox ul{margin:0 0 30px 0} 
.quote-requestbox ul li{padding:20px 0 18px;border-bottom:1px solid rgba(255,255,255,0.10);}
.quote-requestbox ul li span{font-size:13px;color:#aaa;line-height:31px;font-family: 'montserratregular';display:inline-block;vertical-align:2px;margin:0 10px 0 16px;}
.quote-requestbox input[type=checkbox] {visibility: hidden;}
.checkbox-custom {width: 20px;height: 20px;background: #fff;float:left;position: relative;}
.checkbox-custom label {cursor: pointer;position: absolute;width: 16px;height: 16px;left: 2px;top: 2px;margin:0px;background:#fff;}
.checkbox-custom label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;width: 16px;height: 16px;background:#ffe401;top: 0px;left: 0px;}
.checkbox-custom input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.quote-requestbox h5{font-size:13px;color:#aaa;line-height:31px;font-family: 'montserratregular';margin:0px 5px 0 0;}
.quote-requestbox h5 span{float:right;line-height:31px;}

.summary-total{width:100%;float:left;text-align:center;}
.summary-total h4{font-size:20px;color:#fff;text-align:left;}
.summary-total h4 span{float:right;}
.dropdown_menu{width:100%;position:relative;float:left;margin-bottom:0px;}
.dropdown_menu h5{width:100%;border:none;border-radius:0px;background-color:#fff;margin-bottom:0px;padding:9px 18px;font-size:13px;color:#262525;font-family: 'montserratregular';background-image:url(../img/select-arrow.png);background-position:right center;background-repeat:no-repeat;}
.dropdown_menu ul {width: 100%;background: #fff;border: 1px solid rgba(32,32,32,0.16);display: none;z-index: 999;padding: 0px;margin: 0px;position: absolute;top: 36px;}
.dropdown_menu ul li{width:100%;display:block;}
.dropdown_menu ul li a {font-size: 13px;line-height: 21px;display: block;padding: 4px 18px;color: #262525;font-family: 'montserratregular';}
.dropdown_menu ul li:hover a {background-color: #2128fc;color: #fff;}
.quote-view{width:100%;float:left;}
.quote-list{width:100%;float:left;margin-bottom:24px;}
.quote-list figure{width:100%;float:left;position:relative;}
.quote-list figure h6{width:100%; font-size:14px;color:#262525;margin:0px;line-height:22px;padding:10px 15px;position:absolute;left:0px;bottom:-1px;background:rgba(255, 228, 1, 0.86);}
.quote-list figure h6 a{color:#262525;}
ul.quote-btm{width:100%;float:left;margin:13px 0 0 0 ;}

ul.quote-btm li{width:50%;float:left;padding:0 2px;}
ul.quote-btm li:first-child{padding-left:0px;}
ul.quote-btm li:nth-child(2){padding-right:0px;}
ul.quote-btm li a.button{width:100%;padding:7px 8px;margin:0px;}
ul.quote-btm li .productSubmitInput {width: 100%;padding: 7px 8px;margin: 0px;font-size: 14px;line-height: 24px;font-family: 'montserratsemi_bold';}

.inner-title {width: 100%;display:inline-block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 35px 0;margin-bottom:26px;}
.inner-title  h2 {font-size: 43.59px;color: #262525;line-height:39.35px;margin:0px;position:relative;z-index:1;}
.inner-title  h2 span{color:#f8de04;display:block;}
.inner-title .white-text{color:#fff;}

.inner-title:after {content: '';width: 220px;height: 148px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;left:120px;}
.inner-title.small{padding: 27px 0;}
.inner-title.small:after{width:288px; height: 132px;}

.inner-title.small-box{padding: 27px 0;}
.inner-title.small-box:after{width:220px; height: 132px;}

.invoice-banner{width:100%;float:left;background:#f8de04;}
.invoice-banner .banner-rectangle .banner-text {max-width: 685px;float: right;padding: 38px 15px 5px 15px;margin-bottom: 35px;}

.invoice-banner .banner-rectangle{float:left;background:#373737 url(../img/banner-BG.png) no-repeat top right;position:relative;}
.invoice-banner .banner-rectangle:after{content:'';width:100px;height:393px;border-top: 393px solid #373737;border-right: 100px solid transparent;position:absolute;right:-99px;top:0px;z-index:2;}
.invoice-banner .banner-text:after{left:15px;}

.banner-info{width:100%; max-width: 685px;float: left;padding: 95px 15px 40px 15px;text-align:center;}
.banner-info h1{font-size:49px;color:#3a3939;margin-bottom:4px;}
.banner-info span{font-size:30px;color:#3a3939;display:block;font-family: 'montserratlight';margin-bottom:16px;}
.banner-info a{font-size:37px;color:#3a3939; font-family: 'montserratsemi_bold';}

/* =====//   Pagination   \\===== */
.pagination-content{width:100%;float:left;padding:50px 0 30px 0;}
ul.pagination{}
ul.pagination li{border:2px solid #3f3f3f;display:inline-block;}
.pagination .current{border-color:#f8de04;background:#f8de04;font-size:20px; color: #3f3f3f;font-family: 'montserratlight';padding:0 12px}
.pagination li a {font-size:20px; color: #3f3f3f;font-family: 'montserratlight';padding:0 10px }
.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem;}
.pagination .ellipsis {height: 36px;position: relative;top: -7px;}
.pagination .ellipsis:after{padding:10px 11.5px;    vertical-align: -6px}
/* =====//    Tabs    \\===== */

.tabs {margin: 0;list-style-type: none;background:transparent;border:0px;}
.tabs .tabs-title {float: left;}
.tabs .tabs-title a{font-size:16px;color:#FFF;line-height:22px;background:#373737;padding:10px 20px;margin:0 1px;}
.tabs .tabs-title.is-active a{color:#262525;background:#f8de04; }
.tabs-content{width:100%;display:inline-block;}
.tabs-panel{width:100%;float:left;}

/* =====//    Training Videos    \\===== */

.videos_tutorial{width:100%;float:left;background:#fff;padding:40px 0 0 0;text-align:center;-webkit-box-shadow: inset 10px -30px 20px -41px rgba(0,0,0,0.75);-moz-box-shadow: inset 10px -30px 20px -41px rgba(0,0,0,0.75);box-shadow: inset 10px -30px 20px -41px rgba(0,0,0,0.75);}

.videos_tutorial .inner-title{width:auto;}
.videos_tutorial p.lead{color:rgba(55, 55, 55, 0.64);}
.videos_tutorial ul.tabs{max-width:700px;margin:0 auto;}
.videos_tutorial ul.tabs li{width:50%;}
.videos_tutorial ul.tabs li a{font-size:28px;line-height:32px;padding:15px 25px;}
.videos_container{width:100%;float:left;background:#f2f2f2;padding:90px 0 30px 0}
.videos_container .tabs-content {background: transparent;border: 0px;}
.videos_container .tabs-panel{padding:0px;}

.videos_view{width:100%;float:left;}
.videos_list{width:100%;float:left;margin-bottom:30px;}
.videos_list figure{width:100%;float:left;position:relative;}
.videos_list figure img{width:100%;max-width:100%;}
a.fa-play-circle {font-size: 85px;color:#a09f9f;line-height:85px;display:inline-block;}
.img-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}	

.videos_desc{width:100%;float:left;padding:18px 0 8px 0;}
.videos_desc h6{color:#262525;margin-bottom:10px;}
.videos_desc h6 a{color:#262525;}
.videos_desc h6 a:hover{color:#f8de04;}
.videos_desc p{color:rgba(55, 55, 55, 0.64);font-size:12px;line-height:21px;}

/* =====//    Process Page    \\===== */

.process_wrapper{width:100%;float:left;padding:134px 15px 0px 15px;
 -moz-box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);-webkit-box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);box-shadow:inset 0px -5PX 11px -5px rgba(181, 181, 181, 0.35);}
.process_wrapper .inner-title{width:auto;}

.process_control{width:100%;float:left;padding-bottom:35px;}

.process_control h2{font-size:42px;color:#101010;}
ul.process-view{width:100%;float:left;margin:0px;padding:25px 0 140px 0;}
ul.process-view li{width:auto;display:block;margin:0px;position:relative;}
ul.process-view li figure{position:absolute;height:100%}
ul.process-view li .border-line{border-style:solid;border-color:#a09f9f;}
ul.process-view li h5{font-size:22px;color:#101010;margin-bottom:6px;}
ul.process-view li p{font-size:13px;color:rgba(91,91,91,0.64);line-height:19.01px;margin-bottom:0px;}
.process-one{width:60%;float:left;position:relative;padding:65px 0 0 123px;}
.process-one figure{top:0px;left:0px;}
.process-one p{max-width:355px;}
.start-border, .finish-border{width:82px;height:82px;border-width:2px;border-style:solid; position:absolute;left:-17px;top:-17px;border-radius:50%;}
.start-border{border-color:#f8de04;}
.finish-border{border-color: #a09f9f;}
.pro_line{width:100%;float:left;position:relative;}
.pro_line:before {content: '';height: 3px;border-top: 3px dashed #f8de04;width: 100%;float: left;position: absolute;top: -39px;left: -20px;}
.ellipse_shape {width: 60px;height: 60px;border: 6px solid #a09f9f;background: #fff;border-radius: 50%;position: absolute;z-index: 2;}
.ellipse_shape span{width: 30px;height: 30px;background: #ccc;border-radius: 50%;position:absolute;top:9px;left:9px;}
.ellipse_shape:after {content: '';width: 6px;height: 74px;position: absolute;left: 21px;background: #a09f9f;bottom: 53px;}
.ellipse_shape:before {content: '';width: 20px;height: 20px;position: absolute;left: 14px;background: #ccc;top: -98px;border-radius: 50%;}

.process-one .ellipse_shape {bottom: -77px; left: 20px;border-color:#f8de04;}
.process-one .ellipse_shape span, .process-one .ellipse_shape:before,
.process-two .ellipse_shape span, .process-two .ellipse_shape:before{background:#f9ed8b;}
.process-one:after {content: '';width: 100%;height: 10px;position: absolute;bottom: -52px;left: 46px;background: #f8de04;z-index: 1;}
.process-one .ellipse_shape:after ,.process-two .ellipse_shape:after {background:#f8de04}

.process-two{width:40%;float:left;position:relative;padding:65px 0 0 115px;}
.process-two figure{top:0px;left:0px;}
.process-two p{max-width:275px;}
.process-two .ellipse_shape {bottom: -57px;left: 0px;border-color:#f8de04;}

.process-three {width: 50%;float: left;position: absolute;padding: 65px 60px 12px 0px;left: 25px;bottom: 33px;max-width: 275px;}
.process-three figure{top:0px;right:0px;}
.process-three .ellipse_shape {bottom: -57px;right: -2px;}

.process-four,.process-five{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.process-four {width: 50%;float: left;padding: 0px 0px 0px 95px;right: 25px;max-width: 450px; ;z-index:1;}
.process-four figure{top:0px;left:0px;}
.process-four p{max-width:225px;}
.process-four .ellipse_shape {top: 50%;right: -49px;margin-top: -30px;}
.process-four .ellipse_shape:after {width: 74px;height: 6px;left: inherit;right: 54px;top: 50%;margin-top: -3px;}
.process-four .ellipse_shape:before {left: -99px;top: 14px;}

.process-five {width: 50%;float: left;padding: 0px 0px 0px 125px;left:0px;max-width: 340px; z-index:1;}
.process-five figure{top:0px;left:0px;}
.process-five .ellipse_shape {top: 50%;left: -177px;margin-top: -30px;}
.process-five .ellipse_shape:after {width: 74px;height: 6px;left: 54px;top: 50%;margin-top: -3px;}
.process-five .ellipse_shape:before {top: 50%;left: 127px;margin-top: -10px;}

.process-six {width: 50%;float: left;position: absolute;padding: 0px 0px 85px 95px;left: 40%; max-width: 388px;bottom: -197px;z-index: 1;}
.process-six figure{bottom:0px;left:0px;padding-top:115px;}
.process-six .ellipse_shape {top: -45px;left: 0px;}
.process-six .ellipse_shape:after {bottom: inherit;top: 53px;left: 50%;margin-left: -3px;}
.process-six .ellipse_shape:before {top: 125px;left: 50%;margin-left: -10px;}

.process-seven {width: 50%;float: left;position: absolute;padding: 65px 60px 12px 0px;right: 0px;bottom: 33px;max-width: 375px;}
.process-seven figure{top:0px;right:0px;}
.process-seven p{max-width:262px;}
.process-seven .ellipse_shape {bottom: -67px;right:-2px;}

ul.process-view li.first_line .border-line{padding:0px;border-width:0px;min-height:210px;}
ul.process-view li.second_line{padding:0px 150px 0 150px;}
ul.process-view li.second_line .border-line{border-width:10px 0px 10px 0;min-height:335px;margin-top:-10px;}
ul.process-view li.third_line{padding:0 0 0 150px;top: -10px;}
ul.process-view li.third_line .border-line{padding:50px 0;border-width:0;min-height:335px;border-width:0px 0px 10px 0;position:relative;}
ul.process-view li.first_line:after {content: '';width: 125px;height: 10px;background: #a09f9f;position: absolute;left: 35px;bottom: 0px;}
ul.process-view li.second_line:after {content: '';position: absolute;top:0px;right:0px;width: 170px;height: 100%;border: 10px solid #a09f9f;border-left: 0px;border-radius: 0px 160px 160px 0px;}
ul.process-view li.third_line:after {content: '';position: absolute;top:0px;left:0px;width: 170px;height: 100%;border: 10px solid #a09f9f;border-right: 0px;border-radius: 160px 0px 0px 160px;}

.bc-layer {width: 100%;float: left;text-align: center;max-height: 408px;overflow: hidden;margin-top: 57px;}

.webdesign-process{width:100%;float:left;background:#fff;padding:64px 0 37px 0;}
.webdesign-process .inner-title{margin-top:60px}

.inner-text {width: 100%;float: left;max-width: 413px;position: relative;padding-bottom: 37px;margin-bottom: 38px;}
.inner-text p{font-size:14.6px;color:rgba(91, 91, 91, 0.64);line-height:25.04px;}
.inner-text:after {content: '';width: 92px;height: 4px;background: #f8de04;float: left;position: absolute;bottom: 5px;left: 0px;}

.responsive-design{width:100%;float:left;background:#3a3937;padding:85px 0 37px 0;}
ul.resp_desc{width:100%;float:left;margin:36px 0 0 0;}
ul.resp_desc li{width:100%;float:left;position:relative;padding:0 0 20px 75px}
ul.resp_desc li figure{position:absolute;width:55px;left:01px;top:0px;text-align:center;}
ul.resp_desc li h5{font-size:23.22px;color:#fff;margin-bottom:4px;text-transform:uppercase;}
ul.resp_desc li h5 span{color:#f8de04;}
ul.resp_desc li p{font-size:14.6px;color:rgba(91, 91, 91, 0.64);line-height:22.04px;}

.project-form{width:100%;float:left;padding:75px 0 67px 0;background:#fff;}
.project-form .inner-title{width:auto;}
.project-form .inner-title.small:after {width: 340px;left:130px;}
.project-form p {font-size: 14.6px;color: rgba(91, 91, 91, 0.64);line-height: 25.04px;max-width: 690px;margin: 0 auto;}

.project-form  form{width:100%;float:left;padding-top:75px;}
.project-form  form .row{margin:0 -32px;}
.project-form  form .row .columns{padding:0 32px;}
.project-form  form input[type="text"]{width:100%;float:left;border:0px; border-bottom:2px solid #b6b6b6;border-radius:0px;font-size:13px;color:#696464;line-height:22px;background:#fff;box-shadow:none;margin-bottom:70px;}
.project-form  form input[type="text"]:focus{border-color:#141414;}
.project-form form input[type="submit"] {font-size: 26px;color: #131313;font-family: 'montserratsemi_bold';text-transform: uppercase;background: transparent;margin: 0px;border-bottom:4px solid #f8de04;}

/* =====//    Priceing Page    \\===== */

.price_content{width:100%;float:left;padding:27px 0px 45px 0px;}
.price_content .inner-title{width:auto;margin-bottom:61px;}

.plans-box{width:100%;float:left;border:1px solid #dadada;}
.plans-title{width:100%;float:left;border-bottom:1px solid #dadada;padding:25px 25px 7px 25px;}
.plans-title h3{font-size:29.64px;color:#f8de04;font-family: 'montserratregular';margin-bottom:16px;}
.plans-title h3 span{color:#101010;}
.plans-title p{font-size:13.68px;color:#3f3f3f;line-height:21.7px;font-family: 'montserratlight';}

ul.keenpt-plans{width:100%;float:left;margin:0px;}
ul.keenpt-plans > li{width:50%;float:left;border-width:1px 0 0 1px;border-style:solid; border-color:#dadada;padding:0px}
ul.keenpt-plans > li:nth-child(2n+1){border-left-width:0px;}
ul.keenpt-plans > li:nth-child(-n + 2){border-top-width:0px;}

.plans-list{width:100%;float:left;padding:29px 148px 23px 20px;position:relative}
.plans-list.plans-detail{padding:29px 30px 50px 20px}
.plans-list h6{font-size:18.11px;line-height:21px;color:#101010;font-family: 'montserratbold';text-transform:uppercase;margin-bottom:13px;}
.plans-list ul{width:100%;float:left;margin:0px;padding-bottom:8px;}
.plans-list ul li{display:block;font-size:12.39px;color:#3f3f3f;line-height:34px;font-family: 'montserratlight';}
.popular-plan{width:175px;display:inline-block; position:absolute;right:0px;top:29px;display:none;}
.popular-plan h5 {font-size: 20px;color: #101010;font-family: 'montserratbold';background: #f8de04;position: relative;display: block;margin: 0px;line-height: 34px;padding: 5px 11px;text-align: center;text-transform:uppercase;}
.popular-plan h5:before{content:''; border-top: 22px solid transparent;border-left: 16px solid #fff;border-bottom: 22px solid transparent;position:absolute;left:0px;top:0px;}
.popular-plan.Popular{display:block;}

.keenpt_pricebox{width:148px;padding-right:18px;position:absolute;bottom:15px;right:0px;text-align:center;}
.keenpt_pric{font-size:30px;color:#f8de04;font-family: 'montserratbold';}
.keenpt_pric span {font-size: 16px;vertical-align: 11px;margin-right: 2px;}
.keenpt_pricebox a{font-size:12.54px;text-transform:uppercase;padding:10px 0px 4px 0px;display:inline-block;}

.packages-include{width:100%;float:left;background:#323232;}
.packages-content{width:100%;float:left;padding:24px 24px 24px 34px;}
.packages-content h3{font-size:29.64px;color:#f8de04;font-family: 'montserratregular';line-height:35px;}
.packages-content h3 span{color:#fff;}

ul.check-style{width:100%;float:left;margin:0px;}
ul.check-style li {font-size: 13px;color: #b1b1b1;display: block;line-height: 21px;font-family: 'montserratlight';position: relative;padding: 5px 0 5px 26px;}

ul.check-style li:before{content:'\f00c';font-family: 'FontAwesome';font-size:16px;color:#f8de04;position:absolute;left:0px;top:7px;}

.packages-footer{width:100%;float:left;background:#535353;padding:8px 35px;}
.packages-footer a {font-size: 21.66px;color: #101010;line-height: 24px;display: block;font-family: 'montserratbold';background: #f8de04;text-align: center;padding: 16px 15px 14px 15px;}
.packages-footer a:hover{color:#fff;background:#101010;}
/* =====//    Invoice Payment    \\===== */

.invoice-search{width:100%;float:left;background:#131313;padding:20px 0}
.invoice-search h3{color:#fff;font-family: 'montserratregular';border-bottom:1px solid rgba(255,255,255,0.10);padding:0 10px 18px 10px;margin-bottom:0px;}

.invoice-search form{width:100%;float:left;padding:27px 0;}
.fild-area{width:auto;float:left;padding:0 10px;}
.fild-area label{font-size:15px;color:rgba(170, 170, 170, 0.64);font-family: 'montserratregular';display:inline-block;margin-right:15px;}
.fild-area input[type="text"] {width: 185px;font-size: 15px;color: #fff;background: #262626;border: 1px solid #262626;border-radius: 0px;box-shadow: none;display: inline-block;margin: 5px 0;padding: 7px 10px;line-height: 20px;}
.fild-area input[type="text"]:focus{border-color:#fff;}
.fild-area input[type="submit"] {width:162px;font-size: 20px;margin: 5px 13px 5px 0;padding: 6px 15px;text-align:center;}
.fild-area input[type="reset"] {width:162px;font-size: 20px;color:#fff;background:#848482;border:0px;border-radius:0px; margin: 5px 15px 5px 0;padding: 6px 15px;text-align:center;}

.invoices-table{width:100%;float:left;padding-bottom:22px;}
.invoices-table ul{width:100%;float:left;margin:0px;}
.invoices-table ul li{width:100%;float:left;margin:0px;padding:0px;border-bottom:1px solid #c8c8c8;}


.invoices-table .invoices-title{background:#131313;}
.invoices-table .invoices-title .invo-amount{background:#f8de04;}
.invoices-table .invoices-title .invo-field h6{color:#fff;}
.invoices-table .invoices-title .invo-field h6 span{display:block;}
.invo-field{float:left;padding:16px 15px;text-align:center;}
.invo-field h6{font-size:14px;color:#434343;font-family: 'montserratregular';margin:0px;line-height:21px;}
.invo-field h6 a{color:#434343;}
.invo-field p{font-size:14px;color:#434343;font-family: 'montserratregular';margin:0px;line-height:21px;}
.invo-amount h6{ color:#262626;}
.invo-number{width:17%; text-align:left;}
.invo-date{width:17%;}
.invo-name{width:18%;}
.invo-status{width:17%;}
.invo-amount{width:18.5%;float:right; }


.invoices-table ul li.invoices-total{border-bottom:1px solid #9e9e9e;}
.invoices-table ul li.table-button{border-bottom:0px;border-top:2px solid #c8c8c8;text-align:right;padding:30px 0;}
.invoices-total .invo-totle{width:100%;float:right;padding:15px 0;text-align:right}
.invoices-total h3, .invoices-total p{font-size:24px;color:#434343;font-family: 'montserratbold';margin:0px;display:inline-block;padding:0 15px;}
.invoices-total p span {font-size: 12px;vertical-align: 12px;}
.table-button a.button{font-size:22px;font-family: 'montserratbold';margin-bottom:0px;width:194px;padding:12px 15px;}
.invoices-total p em{font-family: 'montserratbold';margin-left:4px;font-style: normal;}

.invoices-form{width:100%;float:left;padding-bottom:22px;}
.invoices-form h6{font-size:16.63px;line-height:21px;color:#fff;background:#131313;font-family: 'montserratregular';padding:20px 28px;margin-bottom:0px;}

.invoices-form form{width:100%;float:left;padding:29px 25px	;}
.invoices-form .form-field{width:100%;float:left;padding-right:30px;}
.invoices-form .cvv-field{width:100%;float:left;padding-top:18px;}
.invoices-form .form-field div{width:100%;float:left;position:relative;max-width:240px;}
.invoices-form label{font-size:16px;color:#484848;float:left;margin-right:6px;}
.invoices-form label.field-title {
    width: 100%;
    display: inline-block;
}
.invoices-form  input[type="text"] {width: 100%;font-size: 14px;color: #717171;background: #f7f7f7;border: 1px solid #ccc;border-radius: 4px;box-shadow: none;display: inline-block;margin-bottom:18px;padding: 7px 10px;line-height: 20px;}
.invoices-form .invalid-text{width:100%;float:left;font-size:12px;color:#f34755;font-family: 'montserratregular';position:absolute;bottom:0px;left:5px;display:none;}
.invoices-form .cvv-field input[type="text"]{width:90px;margin:0 5px 8px 5px;}
.invalid-textfield .invalid-text{display:block;}
.invalid-textfield:after {content: '\f057';font-family: 'FontAwesome';font-size: 19px;color: #f34755;position: absolute;right: -26px;top: 4px;}

.invoices-form .form-field .cardexpiry-date{width:100%;float:left;max-width:359px}

.invoices-form select {width: 170px;font-size: 14px;color: #717171;background-color: #f7f7f7;    background: url(../img/select-arrow-1.png) no-repeat right center;border: 1px solid #ccc;border-radius: 4px;box-shadow: none;display: inline-block;margin-bottom:30px;padding: 7px 10px;line-height: 20px;}

.invoices-form select#CardExpiryMonth{margin:0 15px 20px 0;}	
.invoices-form select.card-type{width:359px;max-width:100%;}	
.invoices-form input[type="submit"]{font-size:20.21px; font-family: 'montserratbold';margin:18px 0 0  0;padding:9px 38px;}

/* =====//    Web Development    \\===== */

.webdevelopment-process{width:100%;float:left;padding:128px 0px 45px 0px;}
.webdevelopment-process > .row{max-width:1300px;}
.webdevelopment-process .inner-title{width:auto;margin-bottom:30px;}
.webdevelopment-process .inner-title:after{left:200px}

.process-content{width:100%;float:left;position:relative;z-index:2}
ul.wd_process{width:100%;float:left;margin:0px;}
ul.wd_process li {width: 100%;float: left;padding-left: 72px;position: relative;max-width: 360px;margin: 45px 0;}

ul.wd_process figure{width:72px;height:auto;float:left;position:absolute;left:0px;top:0px;}
ul.wd_process figure img{max-width:100%;float:left;}
ul.wd_process h5{font-size:22px;color:#101010;margin-bottom:2px;}
ul.wd_process p{color:rgba(91, 91, 91, 0.64);line-height:19.01px;}

ul.wd_process.wd_left li:nth-child(2n + 1){margin-left:75px}
ul.wd_process.wd_right li:nth-child(2n + 1){margin-right:75px}
ul.wd_process.wd_right li{float:right;}

.webdev_layer{width:100%;position:absolute;text-align:center;left:0px;padding-top:25px;}

.black-wrapper{width:100%;float:left;background:url(../img/BG-layer-1.jpg) top center;}
.bw-caption{width:100%;float:left;background:rgba(11, 11, 11, 0.92);padding:50px 0;rgba(11, 11, 11, 0.92)}
.black-wrapper .inner-title{width:auto;margin-bottom:24px;}
.black-wrapper .inner-title h2{color:#fff;}

.bw-text{width:100%;display:inline-block;max-width:800px;position:relative;padding-bottom:14px;}
.bw-text:after {content: '';width: 97px;height: 4px;background: #f8de04;float: left;position: absolute;bottom: 0px;left: 0px;right:0px;margin:0 auto;}
.bw-caption p{font-size:14.6px;color:rgba(170, 166, 166, 0.64);line-height:25px;}

.webdesign-wrapper{width:100%;float:left;padding:128px 0px 0px 0px;position:relative;}
.webdesign-wrapper > .row{max-width:1300px;}
.webdesign-wrapper .inner-title{width:auto;margin-bottom:30px;}

.web_design-content{width:100%;float:left;z-index:1;}
ul.ws_design{width:100%;float:left;margin:0px;height:570px;position:relative;z-index:1}
ul.ws_design li {width: 100%;float: left;max-width: 285px;position:absolute;}
ul.ws_design.wd_left li:nth-child(1) {top: 45px;left: 120px;}
ul.ws_design.wd_left li:nth-child(2) {top: 215px;left: 40px;max-width: 210px;}
ul.ws_design.wd_left li:nth-child(3) {top: 380px;left: 90px;max-width: 176px;}

ul.ws_design.wd_right li:nth-child(1) {top: 30px; right: 150px;}
ul.ws_design.wd_right li:nth-child(2) {top: 183px;right: 0px;max-width: 277px;}
ul.ws_design.wd_right li:nth-child(3) {top: 363px;right: 35px;max-width: 262px;}

ul.ws_design h5{font-size:22px;color:#101010;margin-bottom:2px;}
ul.ws_design p{font-size:13.74px; color:rgba(91, 91, 91, 0.64);line-height:19.01px;}
.webdesign-layer{width:auto;position:absolute;left:0;right:0px;bottom:-183px;margin:0 auto;text-align:center;z-index:11;}

.things-section{width:100%;float:left;background:#f8de04;padding:47px 0;border-bottom:2px solid #fff;}
.things-section .inner-title{width:auto;margin-bottom:42px;}
.things-section .inner-title h2 span{color:#fff;}

.thin-content{width:100%;float:left;background:#131313;padding:43px 15px 30px 28px;}
.thin-content .tabs-content{border:none;background:transparent;}
.thin-content  .tabs-panel{padding:0px;}


.thin-title {width: 100%;display: block;position: relative;max-width: 100%;margin: 0 auto;text-align: left;padding: 27px 0;margin-bottom:35px;}
.thin-title:after {content: '';width: 172px;height: 112px;display: inline-block;border:10px solid rgba(149,149,149,0.25);position: absolute;top: 0px;left: 30px;}
.thin-title  h2 {font-size: 34.92px;color: #fff;line-height: 31.52px;margin:0px;letter-spacing:1px;position:relative;z-index:1;}
.thin-title  h2 span{font-size: 21.94px;line-height: 25.84px;color:#f8de04;display:block;}

.thin-desc{width:100%;float:left;position:relative;padding-bottom:27px;}
.thin-desc:after {content: '';width: 92px;height: 4px;background: #131313;float: left;position: absolute;bottom:5px;left: 0px;}
.thin-content p{color:rgba(164, 164, 164, 0.87);line-height:20.01px; }
.thin-content a{font-size:14px;color:#f8de04 !important;}

.thin-view{width:100%;float:left;}
.thin_list{width:100%;float:left;margin-bottom:28px;background:#bdbdbd;}
.thin_list figure{width:100%;float:left;position:relative;overflow:hidden;}
.thin_list figure img{width:100%;}
.thin_list figcaption{width:100%;height:100%;float:left;padding:11px;position:absolute;top:100%;left:0px;
-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.thin_list figure:hover figcaption, .is-active .thin_list figure figcaption{top:0px;}

.thin_list figcaption .thin_desc{width:100%;height:100%; float:left;background:rgba(19,19,19,0.81);position:relative;text-align:center;}
.thin_list figcaption h6{width:100%;	 font-size:20px;color:#fff;margin:0px;padding:10px 16px;line-height:25.84px;position:absolute;top:50%;left:0px;font-family: 'montserratextra_bold';
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.thin_list figcaption h6 a{color:#fff;}
.tabs.thin_tabs .tabs-title{overflow:hidden;padding:0 15px;}
.tabs.thin_tabs .tabs-title:nth-child(n + 4) .thin_list{margin-bottom:0px;}

.tabs.thin_tabs .tabs-title a{width:100%;float:left;background:transparent;padding:0px;margin:0px;border-width:0px;}


/* =====//    Help Desk    \\===== */

.desk-banner{width: 100%;float: left;overflow: hidden;position: relative;max-height: 487px;background:#333;}
.desk-banner img {width: 100%;opacity:0.57;min-height:250px;}
.desk-caption { width: 100%;float: left;position: absolute;top: 0px;left: 0px;padding-top:64px;text-align:center;}
.desk-title {width: 100%;display: block;position: relative;margin: 0 auto;text-align: left;padding: 29px 0;margin-bottom:20px;}
.desk-title h1{font-size: 65px;color: #fff;line-height: 55px;margin: 0px;z-index: 1;text-align:center;}
.desk-title h1 span {color: #f8de04;position: relative;}
.desk-title h1 span:after {content: '';width: 392px;height: 112px;display: inline-block;border: 10px solid rgba(255,255,255,0.16);position: absolute;top: -14px;left: -16px;}
.desk-caption h6{font-size:23px;color:rgba(255,255,255,0.64);line-height:23px;font-family: 'montserratregular';}

.desk-form{width:100%;float:left;margin-top:20px;}
.desk-form form{width:100%;display:inline-block;max-width:709px;position:relative;background:rgba(255,255,255,0.30);padding-right:60px;}
.desk-form form input[type="text"]{width:100%;height:58px;font-size:18px;color:#fdfdfd; padding:0 10px 0 20px;margin-bottom:0px;background:transparent;border:none;border-radius:0px;box-shadow:none;}
.desk-form form input[type="submit"]{width:70px;height:58px;background:url(../img/search-icon.png) no-repeat center;position:absolute;right:0px;top:0px;}

.services-caption {width: 100%;float: left;margin-top: -95px;z-index: 1;position: relative;}
.services-list{width:100%;float:left;background:#ffe401;border-bottom:13px solid #ffe401;padding:62px 20px 15px 20px;text-align:center;position:relative;}
.services-list:before {content: '';width: 130px;height: 21px;border-left: 65px solid transparent;border-right: 65px solid transparent;border-bottom: 21px solid #f3db17;position: absolute;top: -21px;left: 0px;right: 0px; margin: 0 auto;display:none;}

.services-list figure{width:100%;float:left;margin-bottom:26px;}
.services-desc {width: 100%;display: inline-block;max-width: 300px;min-height: 72px;}
.services-list h5{font-size:25px;color:#262525;position:relative;padding-bottom:14px;width:100%;display:inline-block;}
.services-list h5:after {content: '';width: 85px;height: 2px;background: #262525;float: left;position: absolute; bottom: 0px;left: 0px;right:0px;margin:0 auto;}
.services-list h5 a{color:#262525;}
.services-list p{font-size:13px;color:rgba(38, 37, 37, 0.64);line-height:21.01px;}

.services-caption .is-active .services-list{background:#f3db17;border-color:#353535;}
.services-caption .is-active .services-list:before {display:block;}
.wrapper_inner{width:100%;float:left;margin:0px;padding:75px 0 25px 0;}
.boxlist-content{width:100%;float:left;}
.boxlist-content h3{ color:#ebd206; font-size:28px; }
.boxlist-content h3 span{ color:#dbdada; }

.services_tabs.tabs .tabs-title a{padding:0px;margin:0px;display:inline-block;width: 100%;}
.wrapper_inner .tabs-content{border:0px;background:#fff;}
.wrapper_inner .tabs-panel{padding:0px;}
.wrapper_inner .contact-form{padding:0px;}
ul.list-file-type{ padding:0 0 85px 0; width:100%;display:inline-block;margin:0px;}
ul.list-file-type li{ font-size:14px; color: rgba(38,37,37,0.64); line-height: 22px; position: relative; padding: 10px 0; padding-left: 35px;  }
ul.list-file-type li a{ color: rgba(38,37,37,0.64); }
ul.list-file-type li:before{ content:url(../img/list.png);  position: absolute;  left: 0; }

/* =====//    Blog    \\===== */

.featured-blog-section{width:100%;float:left;background:#212121;padding:49px 0 72px 0;}
.featured-blog-section .inner-title{width:auto;margin-bottom:30px;}
.featured-blog-section .inner-title h2{color:#fff;}
.featured-blog-content{width:100%;float:left;padding-top:25px;}

.latest-blogpost{width:100%;float:left;margin-bottom:26px;}
.latest-blogpost figure{width:100%;float:left;background:#353232;position:relative;}
.latest-blogpost figure img{opacity:0.28;}
.latest-blogpost figcaption{width:100%;float:left; position:absolute;left:0px;top:0px;padding:20px 15px 15px 30px;}

.blogpost-title {width: 100%;display: block;position: relative;margin: 0 auto;text-align: left;padding: 14px 0;margin-bottom:20px;position: relative;}
.blogpost-title h5{font-size: 23px;color: #fff;line-height: 31.81px;margin: 0px;z-index: 1;text-align:left;position:relative;}
.blogpost-title h5 a{color: #fff;}
.blogpost-title h5 a:hover{color: #f8de04;}
.blogpost-title h5 span {color: #f8de04;display:block}
.blogpost-title:after {content: '';width: 246px;height: 91px;display: inline-block;border: 10px solid rgba(255,255,255,0.16);position: absolute;top: 0px;left: 45px;}

.blogpost-caption{width:100%;float:left;padding:8px 20px;background:#ebd206;}
.blogpost-caption h6{font-size:15.18px;line-height:21px;color:#4c4b4b;margin-bottom:0px;font-family: 'montserratregular';}
.blogpost-caption h6 a{color:#4c4b4b;}
.blogpost-desc{width:100%;float:left;padding:20px 30px 27px 30px;background:#fff;}
.blogpost-desc p{font-size:14.13px;color:rgba(19, 19, 19, 0.64);line-height:19px;}

.latest-bloglist{width:100%;float:left;}
.latest-bloglist figure {width: 100%;float: left;position: relative;max-height: 219px;overflow: hidden;margin-bottom: 26px;padding-bottom:55px;}
.latest-bloglist figcaption{width:100%;height:auto; float:left;bottom:0px;position:absolute;padding:5px 0px;background:#ebd206;}

.latest-bloglist h6{font-size:14px;line-height:21px;color:#0b0b0b;margin-bottom:0px;padding:10px 8px;font-family: 'montserratregular'; }
.latest-bloglist h6 a{color:#0b0b0b;display:block}

.content_title{width:100%;float:left;position:relative;margin-bottom:26px}
.content_title h3 {color: #252525;line-height: 30px;margin-bottom: 0px;display: inline-block;background: #fff;z-index: 1;position: relative;padding-right: 20px;}
.content_title span{width:100%;float:left;height:4px;background:#d9d9d9;position:absolute;top:12px;left:0px;}

.blog_view {width: 100%;float: left;padding: 25px 0px 0px 0px;border-bottom: 4px solid #f8de04;}
.blog-list{width:100%;float:left;margin-bottom:50px;}
.blog-list figure { width: 100%;display: inline-block;border-radius:4px;position:relative;}
.blog-list figure img{width:100%;border-radius:4px;}
.popular-post{position:absolute;background:#f8de04;top:19px;left:-26px;}
.popular-post h5{font-size:19px;line-height:28px;color:#252525;margin:0px;text-transform:uppercase; padding:11px 24px 11px 15px;position:relative;}
.popular-post h5:after{content:url(../img/Triangle-icon.png);width:26px;height:50px;position:absolute;top:0px;right:-25px;}
.popular-post h5:before{content:url(../img/Shape-icon.png);width:29px;height:15px;position:absolute;bottom:-7px;left:-2px;}
.blog-desc{width:100%;float:left;padding:15px 8px 15px 16px;}

.blog-desc h6{color:#6c6969;line-height:20px;font-family: 'montserratregular';margin-bottom:9px;}
.blog-desc h6 span, .blogpost-caption h6 span{display:inline-block;position:relative;}
.blog-desc h6 span a{color:#6c6969;}
.blog-desc h6 span:before, .blogpost-caption h6 span:before{content:',';}
.blog-desc h6 span:first-child:before, .blogpost-caption h6 span:first-child:before{display:none;}
.blog-desc h2{font-size:31px;color:#252525;line-height:32px;font-family: 'montserratregular';margin-bottom:16px;}
.blog-desc h2 a{color:#252525;}
.blog-desc h2 a:hover,.recentblog_desc h6 a:hover, .sidebar_menu ul li a:hover{color:#f8de04;}
.blog-desc p{font-size:12.66px;line-height:21px; color:#676565;}
.blog-desc a{margin-top:12px;}

.sidepanel-title{width:100%;float:left;position:relative;margin-bottom:16px}
.sidepanel-title h5 {font-size:21px;color: #252525;line-height: 30px;margin-bottom: 0px;display: inline-block;background: #fff;z-index: 1;position: relative;padding-right: 20px;}
.sidepanel-title span{width:100%;float:left;height:4px;background:#d9d9d9;position:absolute;top:12px;left:0px;}

.blog-search{width:100%;float:left;margin-bottom:30px;}
.blog-search form {width:100%;float:left; position: relative;}
.blog-search input[type="text"]{width:100%;float:left;background:transparent;border:none;box-shadow:none;margin:0px;padding:12px 12px;}
.blog-search input[type="submit"] {position: absolute;top: 0px;right: 0;padding: 0;width: 42px;height:42px;background:url(../img/search-icon1.png) no-repeat center;margin-bottom:0px;}
.blog-search button{margin-bottom:0px;}


.BlogRecentPost ul , ul#most-commented-posts{width: 100%;float: left;margin: 0px;padding: 3px 15px;}
.BlogRecentPost ul li, ul#most-commented-posts li{width: 100%;float: left;}
.BlogRecentPost ul li a, ul#most-commented-posts a{font-size: 14px;color: #252525;line-height: 25px;font-family: 'montserratlight';padding: 6px 0;display: block;}



.sidebar_menu{width:100%;float:left;margin-bottom:30px;}
.sidebar_menu ul{width:100%;float:left;margin:0px;}
.sidebar_menu ul li {width: 100%;float: left;border-top: 1px solid #e7e7e7;position: relative;padding: 5px 12px 5px 25px;}
.sidebar_menu ul li:first-child{border-top:none;}
.sidebar_menu ul li a {font-size: 14px;color: #252525;line-height: 23px;font-family: 'montserratlight';padding: 5px 0;display: block;}
.sidebar_menu ul li:after {font-family: 'FontAwesome';content: "\f105";position: absolute;top: 10px;left: 5px;font-size: 18px;line-height: 24px;}

.blogtab_post{width:100%;float:left;margin-bottom:30px;}
.blogtab_post ul.tabs{width:100%;float:left;margin:0px;}
.blogtab_post ul li.tabs-title{width: 33.33333%;float: left;border-left: 1px solid #e7e7e7;margin:0PX;}
.blogtab_post ul li.tabs-title a{font-size:12.66px;line-height:28px;padding:10px 10px ;display:block;font-family: 'montserratsemi_bold';margin:0PX;text-transform:uppercase;text-align:center;}

.blogtab_post .tabs-panel{padding:0px;}
ul.recent_post{width:100%;float:left;margin:0px;}
ul.recent_post li{width:100%;float:left;margin:0px;padding:13px 12px;border-top:1px solid #e6e6e6;}
.recentblog_img{width:24%;float:left;}
.recentblog_desc{width:76%;float:left;padding-left:12px;}
.recentblog_desc h6{font-size:14.46px;color:#676565;font-family: 'montserratlight';line-height:16px;margin-bottom:7px;}
.recentblog_desc h6 a{color:#676565;}
.recentblog_desc span{font-size:12px;color:#676565;font-family: 'montserratlight';line-height:16px;display:inline-block;}
.recentblog_desc span em{font-size:14px;margin-right:6px;vertical-align: -1px;}

.social-media{width:100%;float:left;margin-bottom:30px;}
.social-media ul{width:100%;float:left;margin:0px;}
.social-media ul li{width:auto;float:left;margin:0 2px;}
.social-media ul li:first-child{margin-left:0px;}

.social-media ul li a{font-size:24px;color:#fff;line-height:50px;width:50px;text-align:center;display:inline-block;position:relative;    transition: background 0.2s;}
.social-media ul li a:after {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 0;content: "";-webkit-transition: height 0.2s;transition: height 0.2s;}
.social-media ul li a:hover:after {height: 8px;}
.social-media ul li a:hover em{position:relative;top:-4px;}

a.facebook-icon{background:#3b5998;}
a.twitter-icon{background:#56a3d9;}
a.google-icon{background:#dd4b39;}
a.linkedin-icon{background:#007bb6;}
a.rss-icon{background:#f86811;}

a.facebook-icon::after {background-color: #1e2e4f;}
a.twitter-icon::after {background-color: #0065d9;}
a.google-icon::after {background-color: #86291d;}
a.linkedin-icon::after {background-color: #005a85;}
a.rss-icon::after {background-color: #a9500e;}

.blog_details{width:100%;float:left;}
.blog_details h2{font-size:41px;color:#252525;line-height:46px; font-family: 'montserratregular';}
.blog_details .blog-list figure{max-height:381px;overflow:hidden;}

ul.blog-cat{width:100%;float:left;margin:22px 0px ;}
ul.blog-cat li{width:auto;float:left;font-size:15px;line-height:41px; color:#444;font-family: 'montserratregular';margin-right:16px;}
ul.blog-cat li a{color:#444;}
ul.blog-cat li em{margin-right:8px;display:inline-block;}
,ul.blog-cat li img{margin-right:8px;display:inline-block;border-radius:50%;}
.blog_details .blog-list{font-size:12px;line-height:19.85px;color:#363636;font-family: 'montserratlight';}
ul.blog-cat li a:hover{color:#f8de04;}

ul.blog-cat li img{max-width: 35px;border-radius: 50%;margin-right: 5px;}
.comment_listview {width: 100%;float: left;margin-bottom:10px;}
.comment_listview ul {width: 100%;height: auto;float: left;padding-bottom: 25px;margin:0px;}
.comment_listview ul li {width: 100%;height: auto;float: left;margin-bottom: 25px;}
.comment_listview ul li:nth-child(2n+2){padding-left:90px}
.comment-item {width: 100%;height: auto;float: left;}
.comment-image {width: 75px;height: 75px;float: left;}
.comment-image figure {padding: 0px;width: auto;display: inline-block;}
.comment-image figure img {width: 100%;display: inline-block;}
.comment_listview .comment-list {width: auto;height: auto;padding: 0 0 0 90px;border:none;background:none;margin:0px;float: none;}
.comment-content{width:100%;float:left;border-left:2px solid #666;padding-left:15px;}
.comment_listview  .comment-title{width:100%;float:left;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:6px 0 4px 0;margin:0 0 12px 0;}
.comment_listview  .comment-title li{width:auto;float:left;padding:0px !important;margin:0px; margin-right:15px;font-size:14px;line-height:22px; color:#505558;font-family: 'montserratregular';}
.comment-title li em{margin-right:8px;color:#2e3234;vertical-align:0px;}
.comment-content p {font-size: 12px;margin-top: 8px;margin-bottom: 10px;line-height: 18px;}

.comment-post,.comment-post form{width: 100%;float: left;}
.comment-post .item {width: 100%;float: left;padding: 0px !important;margin-bottom: 18px;}
.comment-post .item input[type="text"] {margin-bottom: 0px;max-width: 375px;}
.comment-post .item textarea{min-height:125px}

.inner_comment.comment_listview{margin-top:18px;}
.inner_comment.comment_listview ul li:nth-child(2n+2){padding-left:0px}


/* =====//    contact    \\===== */

.contact_content{width:100%;float:left;}
.contact{background:#373737; width: 100%; float: left;}
.contact-img{background:url(../img/contact-bg.jpg) no-repeat center; background-size: cover;float: right; height: 320px;position: relative;}
.contact-img:before{content:"";width: 0;height: 0;border-top: 311px solid #373737; border-right: 31px solid transparent;position: absolute; left: 0;z-index: 9;}
.contact-img:after{content:"";width:100%;height:100%;background:#f8de04;position:absolute;left:0;right:0;opacity: 0.78;}
.contact-img img{opacity:0.22}
.contact-text{padding:30px 15px 43px 58px }
.contact-text h3{font-size:39px;color:#fff;font-family: 'montserratregular';margin:0 0 10px 0}
.contact-text h3 span{color:#f8de04;}
.contact-text p{color:#fff;font-size:17px;font-family: 'montserratlight';}

.contact-info {margin-top:20px}
.contact-info h5{font-size:20px;color:#fff;font-family: 'montserratregular';margin:0 0 9px 0}
.contact-info img{margin-right:13px;}
.contact-info p{font-size:14px;}
.contact-info span, .contact-info a{display: inline-block; margin-top: 10px;font-size:18px;color:#fff;}
.contact-info a:hover{color:#f8de04;}
#gmap_canvas { width: 100%;float:left;  height:515px;margin:115px 0 80px;}

.contact-form{float:left;width:100%; padding:90px 0 80px}
.contact-form h3{font-size:41.71px; font-family: 'montserratbold';color:#464646}
.contact-form h3 span{color:#f8de04}

.contact-form label{font-size:13.72px;color:#3e3939;font-family: 'montserratregular';    margin-bottom: 2px;}
.contact-form input[type="text"], .contact-form textarea{max-width: 431px; height: 40px; box-shadow: none; border-radius: 1px; border: 1px solid #dfdfdf;}
.contact-form textarea{height:109px;resize:none}
.contact-form input[type="submit"]{font-size:22.08px; font-family: 'montserratbold';width:180px;height:52px;line-height: 24px; margin-top: 14px;}

.contact-form *::-webkit-input-placeholder{ color:#8b8b8b; }
.contact-form *:-moz-placeholder{ color:#8b8b8b;  opacity:  1; } 
.contact-form *::-moz-placeholder{color:#8b8b8b;opacity:  1;}
.contact-form *:-ms-input-placeholder{ color:#8b8b8b; } 
.contact-form *:placeholder-shown {color:#8b8b8b;}



.form textarea.cat_listbox_small{height:115px;}

.pagination .disabled {padding: 5px 12px;vertical-align: 2px;}
/*=====//    Media Query    \\=====*/

@media screen and (max-width: 1365px) {
.top-bar ul li a{text-transform:capitalize;}
.life_cycle:before {max-width: 60px;max-height: 285px;top:15%;opacity: 0.35}
.life_cycle:after {max-width: 85px;max-height: 315px;top:45%;opacity: 0.35}

}
@media screen and (max-width: 1279px) {
.nav-icon{display:block;}
.main-toggle, .primary_nav{display:none !important;}
.life_cycle{padding-top:55px;}

ul.web-content{padding-top:115px;}
ul.web-content:before{height:115px}
.web_desc h2,.blog_details h2 {font-size: 36px;line-height: 36px;margin: 3px 0 10px 0px;}
.web_desc{padding-left:55px;}
.web_icon{padding-right:55px;}
.web_list{padding:25px 0px;}
.ourteam-section{background-size:cover;}

.footer-info{padding:45px 0;}
.footer-message{padding:35px 10px 41px 10px;}
.footer-contact{padding:35px 20px 41px 20px;}
.footer-title  h2{font-size:32px;}
.footer-contact h4, .footer-contact a
,.footer-message h4, .footer-message a{font-size:20px;}
.popular-post{left: -15px;}

.blog-desc h2{font-size:22px;line-height:28px;margin-bottom:12px;}
.blog-desc{padding-top:0px;}
}
@media screen and (max-width: 1168px) {
ul.keenpt-plans > li{width:100%; }	
.plans-list ul li{font-size:12px;line-height:24px;}
ul.keenpt-plans > li:nth-child(2n) {border-top-width: 1px;}
ul.keenpt-plans > li:nth-child(2n+2) {border-left-width: 0px;}

.fild-area{width:33.33333%;padding:0 15px;}
.fild-area input[type="text"]{width:100%;margin-bottom:0px;}
.fild-area input[type="submit"],.fild-area input[type="reset"]{width:100%; font-size:14px;line-height:19px; margin:0 0 10px 0}
.fild-area input[type="reset"]{margin-bottom:0px;}
.webdesign-wrapper{padding-top:35px;}
.webdevelopment-process{padding:35px 0;}
}

@media screen and (max-width: 1024px) {
.project-box{max-width:100%}
.team-view{padding-top:26px;}
ul.hero-slider ul.slick-dots{left:15px;}
.popular-post h5:before{left:-13px}
.contact-text {padding: 20px 15px 20px 15px;}
.invoices-title .invo-field h6 span{Display:block;}
.invo-field h6, .invo-field p{font-size:14px;text-align:center;}
.invo-field{padding:20px 15px;}
.invo-number h6{text-align:left;float:left}
.invo-number p{text-align:left;}
.invoices-total .invo-totle{width:100%;text-align:right;}
.invoices-total h3, .invoices-total p{font-size: 26px;padding:0 8px;}
.invoices-form h6{padding:14px 20px;}
.desk-title{padding:20px 0;}
.desk-title h1{font-size:46px;}
.desk-title h1 span:after {width: 260px;height: 94px;top: -17px;}
.desk-caption h6{font-size:18px;}
.wrapper_inner{padding:60px 0 25px 0;}
ul.list-file-type{padding-bottom:35px;}
.webdesign-layer {bottom: -60px;max-width: 446px;}
.thin-content{margin-bottom:15px;}
}
@media screen and (max-width: 991px) {
.ourteam-section, .ourclient-section{padding:35px 0 15px 0;}
.ourclient-section .columns, .contact_content .contact-img, .contact_content .contact-text{width:100%;}
.logo-box{margin-bottom:30px;}
.client-logo{padding-top:26px;}

.cycle-title h1{font-size:40px;line-height:44px;}
.cycle-title:after{height:143px;right:-20px;}
.videos_container{padding-top:45px;}
.videos_tutorial ul.tabs li a{font-size:18px;}

.banner-title.small {padding: 24px 0; margin-bottom: 26px;}
.banner-title.small h1, .banner-title.small h2 {font-size: 36px;line-height: 40px;padding:0px;}
.banner-title.small:after {width: 200px;height: 128px;left:65px;}
.banner-layer{max-height:315px;}
.banner-rectangle{min-height:315px}
.banner-layer img{width:initial;min-height:315px;}


.inner-title.small, .banner-title.large-box, .banner-title{padding:20px 0;}
.inner-title.small  h2, .banner-title.large-box  h2, .banner-title  h1{font-size:32px;line-height:36px;}
.inner-title.small:after , .banner-title.large-box:after,  .banner-title:after{width: 200px;height: 111px;left:65px;}
.contact_content .contact-text{text-align:center;}
.contact-img:before{display:none;}
.packages-footer a{font-size:18px;}

.banner-info h1{font-size:36px;}
.banner-info span{font-size:24px;margin-bottom:10px;}
.banner-info a{font-size:26px;}
.invoice-banner .banner-rectangle{min-height:inherit;}
.invoices-form select{max-width:108px;}
.services-list{padding:50px 15px 15px 15px;}
.services-desc{min-height:79px;}

ul.process-view{max-width:700px;float:none;display:block;margin:0 auto;}
.process-one, .process_wrapper{padding-top:46px;}
.process-two{padding:29px 0 0 85px;}

.process-four .ellipse_shape:after, .process-five .ellipse_shape:after{width:30px;}
.process-four .ellipse_shape:before {left: -55px;}

.process-five{left:-30px;}
.process-five .ellipse_shape{left:-145px;}
.process-five .ellipse_shape:before {left: 84px;}
.process-six{padding-bottom:65px;}
.webdevelopment-process{padding-bottom:0px;}
ul.ws_design{height:auto;margin-top:25px;}
.webdev_layer, ul.ws_design li, .webdesign-layer{position:static;}
ul.ws_design li{max-width:100% !important;}

}
@media screen and (max-width: 820px) {
.featured-blog-content > .row .columns, .inner_container .columns.left_panel, .inner_container .columns.right_panel{width:100%;}
.featured-blog-section{padding:40px 0 25px 0;}
.inner_container .side_panel/*, .inner_container .side_bar*/{width:100%;float:none;max-width:380px;margin:0 auto;display:block;}
.latest-blogpost figure{max-height:305px;overflow:hidden;}
.invoice-banner .banner-text p{max-width:393px;}
.invoices-form .cvv-field label{font-size:12px;}
ul.wd_process.wd_left li:nth-child(2n + 1){margin-left:0px;}
ul.wd_process.wd_right li:nth-child(2n + 1){margin-right:0px;}
ul.wd_process{padding-right:15px;}
}
@media screen and (max-width: 767px) {
ul.web-content:before, .web_list:after, .web_icon:after, ul.web-content:after, .invoice-banner .banner-rectangle:after{display:none;}
.web_icon{margin-bottom:26px;}
.web_icon, .web_desc{width:100%;padding:0 20px;text-align:center;}
ul.web-content li:nth-child(even) .web_icon, ul.web-content li:nth-child(even) .web_desc{padding:0 20px;text-align:center;}
ul.web-content{padding-top:0px;}	

.copyright p{width:100%;text-align:center;margin-bottom:18px;margin-right:0px;}
ul.footer-nav{width:100%;text-align:center;}
.slide-block h1{font-size:26px;line-height:30px;margin-bottom:22px;}
.slide_caption{top:40%;}
ul.hero-slider ul.slick-dots, .mouse_btn{bottom:15px;}
.footer-info .columns {width:50%;}
.footer-info .columns.info_columns{width:100%;margin-bottom:24px;}
.footer-title:after{right:inherit;left:70px;height:108px}
.footer-title h2 {font-size: 28px;line-height: 30px;}
.footer-title{padding:24px 0;}
.webvector-layer{max-height:inherit;margin-top:0px;}
ul.web-content li:nth-child(4n) .web_list{padding-bottom:35px;}
ul.web-content{margin-bottom:0px;}
.fild-area {width:50%;}
.fild-area input[type="submit"], .fild-area input[type="reset"]{width:50%;float:left;margin-top:15px}
.fild-area.fild-areabtn, .responsive-design .columns{width:100%;}

.invoice-banner .banner-rectangle, .invoice-banner .banner-layer{width:100%;max-width:100%;float:left;text-align:left;}
.invoice-banner .banner-text p{max-width:100%;}
.invoice-banner .banner-info{padding:35px 15px;text-align:left;}
.services-list h5{font-size:20px;}
.bc-layer{max-height:inherit}
ul.process-view, ul.process-view li, ul.process-view li.first_line .border-line{width:100%;float:left;max-width:100%;}
.process_wrapper{padding-left:15px;padding-right:15px;}
ul.process-view li{border-left:6px solid #a09f9f; padding-left:85px !important;padding-right:0px !important; }
ul.process-view li.second_line:after, ul.process-view li.third_line:after, ul.process-view li.first_line:after{display:none;}
ul.process-view li.third_line .border-line, ul.process-view li.second_line .border-line{border-width:0px;}
.pro_line:before{display:none;}
.process-one, .process_wrapper, .process-two, .process-three, .process-four, .process-five,.process-six{padding-top:0px;padding-bottom:30px;}
.process-one, .process-two, .process-three, .process-four, .process-five,.process-six, .process-seven{width:100%;}
.process-one p, ul.process-view li p{max-width:100%;}
.ellipse_shape, .process-one .ellipse_shape, .process-two .ellipse_shape, .process-four .ellipse_shape, .process-five .ellipse_shape, .process-six .ellipse_shape, .process-seven .ellipse_shape{width: 40px;height: 40px;border-width: 4px;left: -108px;bottom: 0px ;top: 9px;right:inherit;margin-top:0px;}
.start-border, .finish-border{width:60px;height:60px;left:-14px;top:-14px;}
.ellipse_shape span{width:16px;height:16px;left:8px;top:8px;}
.ellipse_shape:after,.process-four .ellipse_shape:after, .process-five .ellipse_shape:after,.process-six .ellipse_shape:after{width: 35px;height: 4px;bottom: 14px;left: 35px;top:initial;margin:0px;}
.ellipse_shape:before ,.process-four .ellipse_shape:before, .process-four .ellipse_shape:before,.process-five .ellipse_shape:before, .process-six .ellipse_shape:before{width: 16px;height: 16px;left: 70px;top: 8px;margin:0px;}
.process-three,.process-four, .process-five, .process-six, .process-one{padding-left:85px;}
.process-three, .process-four, .process-five,.process-six, .process-seven{position:relative;max-width:100%;padding-right:0px;left:0px;top:0px;bottom:0px;webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.process-three figure, .process-seven figure{top: 0px;left: 0px;right:inherit;}
ul.process-view li.second_line{width:100%;float:left;}
ul.process-view li.first_line .border-line{min-height:inherit}
ul.process-view li.third_line .border-line, ul.process-view li.second_line .border-line{width:100%;float:left;min-height:inherit;margin:0px;padding:0px;}
.process-five figure img{max-width:60px;}
.process-one figure img{max-width:75px;}
.process-seven{padding:0px 0 0 85px;;}
.process-six figure{padding-top:0px;}
ul.process-view li.first_line .process-one:after {width: 6px;height: 100%;left: -91px;top: 9px;}
ul.process-view{padding-bottom:0px;}

}

@media screen and (max-width: 639px) {
.rect_tabsnav {position: static;left:inherit;top: inherit;padding-left:15px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
.rect_tabsnav ul.tabs li.tabs-title{float:left;}
.portfolio_list figure img{min-height:inherit;}
.rect_tabsnav ul.tabs li.tabs-title a{padding:10px 25px;}

.cycle-title, .rect-title, .contact-form{    padding: 27px 0;}
.cycle-title h1, .rect-title  h2{font-size: 28px;line-height: 32px;}
.cycle-title:after, .rect-title:after{height: 119px;}
.web_desc h2 ,.blog_details h2, .project-form .inner-title.small  h2, .webdevelopment-process .inner-title.small h2{font-size: 24px;line-height: 28px;}
.mobile-logo{display:block;}
.logo{display:none;}
.nav-icon{width:46px;height:55px;padding:25px 10px;}
.search-box, .cart-summary a{width:46px;height:55px;}
ul.user-login li{padding:2px 1px;}
ul.user-login li a{font-size:18px;line-height:27px;}
.videos_container{padding-top:25px;}
.videos_list{margin-bottom:15px;}
.blog-list figure {max-height:272px;overflow:hidden;margin-bottom:15px;}
.popular-post {left: 0px;}
.popular-post h5:before{display:none;}
.blog-list{margin-bottom:30px;}
#gmap_canvas {height: 350px;margin: 20px 0;}
.contact-img{height:125px;}
.invo-field h6, .invo-field p{font-size:12px;}
.invoices-form .form-field{padding-right:0px;}

.invo-number{width:25%;}
.invo-date,.invo-status,.invo-amount{width:18%;}
.invo-name{width:21%;}
.invo-field{padding:10px 8px;}
.invoices-form .form-field div{max-width:100%;}
.invoices-form select.card-type{width:100%;}
.invoices-form form{padding:25px 18px 0px 18px}
.services-caption{margin-top:0px;}
ul.wd_process{padding-right:0px;}
ul.wd_process li{max-width:100%;margin:0 0 30px 0}
.webdesign-layer{max-width:480px;}
.tabs.thin_tabs .tabs-title{padding:0 10px}
.thin-desc{padding-bottom:0px}
.tabs.thin_tabs .tabs-title:nth-child(4) .thin_list, .thin_list{margin-bottom:20px;}
.project-form  form input[type="text"]{margin-bottom:30px;}
ul.team_list li{width:50%;}
.faq-question a{font-size:14px;}
.accordion-title {padding: 8px 30px 8px 15px;line-height: 21px;font-size: 14px;}
.accordion-title:before{margin-top:-10px;}

table.forum .icon{width:25px;margin-top:0px;}
	table.forum td{padding:9px 5px !important}
	table.forum .icon img{width:100%}
	table.forum .forum{margin:0 0 0 30px;}
	table.forum .forum h3 {font-size:13px;line-height:16px;font-family: 'montserratregular';}
	table.forum td.lastpost{width:20% !important ;}
	table.forum td.posts{width:20% !important;}
	table.forum td.topics{width:20% !important;}
	table.forum td.name{width:40% !important ;}
	
h1, .productLarge h1{font-size:28px;}
h2{font-size:24px;}
h3, .boxlist-content h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:14px;}	

.wrapper_inner{padding:15px 0 0 0;}
ul.list-file-type li{padding:5px 0 5px 30px;}

.invoice-banner .banner-layer{position: inherit;}
.banner-layer{position: absolute;width: 100%;}
.banner-rectangle { z-index: 1;}
.banner-layer img {min-height: inherit;height:265px;width: auto;max-width: inherit;float: right;}
 .banner-rectangle {min-height: 265px;}
.banner-title.small h1, .banner-title.small h2, .banner-title.large-box  h2 {font-size: 26px;line-height: 30px;}    
.banner-title  h2 span {font-size: 22px;}
.banner-title.large-box:after, .banner-title:after, .banner-title.small:after{height: 100%;} 
.banner-title.small{    margin-bottom: 8px;}  
}
@media screen and (max-width: 567px) {
.footer-info{padding:25px 0 15px 0}
.footer-info .columns {width: 100%;}
.footer-title{text-align:center;padding:24px 0;}
.footer-title:after{left:0px;right:0px;margin:0 auto;width:245px;}

.rect_tabsnav ul.tabs li.tabs-title, .rect_tabsnav ul.tabs li.tabs-title a {transform: skew(0deg, 0deg);-webkit-transform: skew(0deg, 0deg);-moz-transform: skew(0deg, 0deg);-o-transform: skew(0deg, 0deg);-ms-transform: skew(0deg, 0deg);}
.rect_tabsnav{padding:0 10px;}
.rect_tabsnav ul.tabs li.tabs-title{width:50%;margin:10px 0 0 0;}
.rect_tabsnav ul.tabs li.tabs-title a{font-size:12px;padding:10px 15px;display:block;text-align:center;}

.desk-title h1{font-size:30px;}
.desk-title h1 span:after {width: 185px;height: 94px;top: -27px;left: -7px;}
.desk-caption h6, .desk-form form input[type="text"]{font-size:14px;margin-bottom:0px;}
.desk-caption{padding:30px 0;}
.webdesign-layer{max-width:320px;}
}
@media screen and (max-width: 479px) {
.project_portfolio .medium-6.pull-left{width:100%;}
.projects-desc {padding-bottom: 12px;margin-bottom: 8px;}
.slide-block h1 {font-size: 16px;line-height: 18px;margin-bottom: 10px;}
.videos_tutorial ul.tabs li a {font-size: 14px;padding: 10px 12px;}

.latest-blogpost figcaption{padding-left:15px;}
.blogpost-title h5{font-size:20px;line-height:26px;}
.blogpost-title:after{width:210px;}
.comment_listview ul li:nth-child(2n+2){padding-left:0px;}
ul.blog-cat li,.keenpt_pric span{font-size:14px;}
ul.blog-cat li:first-child{width:100%;margin-right:0px;}
.popular-plan{width:124px;}

.popular-plan h5{font-size:16px;text-align:right;padding-right:16px}
.plans-list h6{font-size:16px;text-transform: capitalize;}
.keenpt_pric, .desk-title h1 {font-size: 24px;}
.plans-list{padding-right:135px;}
.fild-area {width:100%;margin-bottom:12px;}
.invoice-search form{padding-bottom:0px;}
.invo-field h6, .invo-field p,.invoices-total p span{font-size:10px;}
.invoices-total h3, .invoices-total p{font-size:20px;}
.table-button a.button {font-size: 14px;width: 142px;padding: 8px 15px;}
.desk-title {padding: 10px 0;}
.desk-caption {padding: 15px 0;}
.desk-title h1 span:after {width: 149px;height: 75px;top: -22px;left: -7px;}

.process-one, .process-two,.process-three, .process-four, .process-five, .process-six,.process-seven{padding-left:0px;} 
ul.process-view li figure {position: static;height: 100%;margin-bottom:12px;}
.process-one figure img{max-width:inherit;}
.webdesign-layer{max-width:230px;}
.packages-content{padding:24px 24px;}
.thin_list figcaption h6{font-size:14px;line-height:21px;padding:5px 10px;}
ul.pagination li{display:none;}
}
@media screen and (max-width: 413px) {
.thin-view .columns{width:100%;}
.plans-list{padding:29px 148px 23px 10px;}
.slick-dots li{margin:0 2px;}
}

ul.list-style{margin:0px;}
ul.list-style li {font-size: 14px;font-family: 'montserratlight';color: #3f3f3f;line-height: 25px;position: relative;padding-left: 18px;}
ul.list-style li:before { content: '';width: 7px; height: 7px; border-radius: 50%; background: #5e5e5e;  display: inline-block; position: absolute;left: 4px;top: 9px;}


.side_menu{width:100%;float:left;margin-bottom:30px;}
.side_menu ul{width:100%;float:left;margin:0px;}
.side_menu ul li {width: 100%;float: left;border-top: 1px solid #e7e7e7;padding: 5px 12px 5px 14px;}
.side_menu ul li:first-child{border-top:none;}
.side_menu ul li a {font-size: 14px;color: #252525;line-height: 23px;font-family: 'montserratlight';padding: 5px 0;display: block;}


.is-drilldown-submenu-parent>a:after {border-color: transparent transparent transparent #1a1a1a;right: 0;}
.side_menu .is-accordion-submenu-parent>a:after {border-color: #1a1a1a transparent transparent;right:0px;}