/*
Theme Name: Discover
Theme URI: https://www.webtintin.net/
Description: Discover Theme
Author: Webtintin.NET
Author URI: https://www.webtintin.net/
Version: 1.0
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: https://www.webtintin.net/license/
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*{margin:0;padding:0}
html,body,blockquote p,label,input,textarea,select {font-family:'Open Sans', sans-serif;color:#7D7D7D;font-weight:400}
span,p ,h1,h2,h3,h4,h5{font-family:'Open Sans', sans-serif;color:#151515;font-weight:400}

html {-webkit-font-smoothing:antialiased;}
html,body {background:#FCFCFC;}
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}/*Opera Fix*/
body {height:100%; font-size:0.75em!important;line-height:1.2!important;display:none;padding-top:105px;}/* must be the same as the header height */
section {width:100%;}
h2 {line-height: 28px;}
p, blockquote p {line-height:20px;}
p.follow_h5 {font-size:10px;}
blockquote p {font-size:14px; font: italic 300 15px 'Open Sans',Arial,sans-serif; margin:0;}
blockquote {background:#F6F6F6; border-left: 3px solid #727C89; margin:15px 0px; padding:30px;}
.blockquote-reverse {text-align:right; border-left:none; border-right: 3px solid #727C89;}
cite {display:block; font-size:12px; padding:10px 0px 0px 0px; font-style:inherit; font-weight:400;}
hr {display:block;width:100%;height:1px;border:0;border-top:1px solid #EDEDED ;margin:0; padding:0;}
hr.tall10 {margin:10px 0px;}
hr.tall30 {margin:30px 0px;}
.col-xs-12 {float:left;}
img {vertical-align:middle;}
a,a:hover,a:focus,a:active {color:inherit;text-decoration:none;outline:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {background:#ffffff; width:100%; resize:vertical; border:1px solid #E5E5E5; padding:12px 12px; min-height:140px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; overflow:auto; /*Remove default scrollbars in Internet Explorer */}
input[type=checkbox] {visibility:hidden;}
.checkbox-custom {width:100%;float:left;}
.checkbox-custom label.style {cursor:pointer;position:absolute;width:18px;height:18px;top:10px;left:0;background:#F8F8F8;border:1px solid #EAEAEA;}
.checkbox-custom label.style:after {opacity:0.2;-webkit-opacity:0.2;-moz-opacity:0.2;content:'';position:absolute;width:10px;height:6px;background:transparent;top:3px;left:4px;border:2px solid #686868;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}
.checkbox-custom input[type=checkbox]:checked + label.style:after {opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.checkbox-custom label.text {margin-left:5px;cursor:pointer}  
ul {list-style-type:none;padding:0px}
ul.unordered_list {list-style-type:disc;}
ul.unordered_list ul {list-style-type:circle; margin:0}
ul.unordered_list, ul.unordered_list ul{padding:0px 0px 0px 40px;}
ul li, ol li {line-height:22px;}
ul.icon_list li i {margin-right:6px;}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}
::selection {color:#FCFCFC; text-shadow:none}
::-webkit-selection {color:#FCFCFC; text-shadow:none}
*::-moz-selection {color:#FCFCFC; text-shadow:none}

/* form Style */
form .col-md-6:nth-of-type(1), #contact_form .col-md-6:nth-of-type(1) {padding-left:0px;}
form .col-md-6:nth-of-type(2), #contact_form .col-md-6:nth-of-type(2) {padding-right:0px;}
.form-control{color:#7D7D7D; font-size:12px; box-shadow:none; border-color:#E5E5E5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-bottom:15px;}
.form-control:focus {box-shadow:none;}
.has-error .form-control {background:#FFF0F0 ;border-color:#E5E5E5; box-shadow:none;}
.has-error .form-control:focus {box-shadow:none;}

/* Transparent search form sttyle */
form.form-search.transparent-form {width:100%;position:relative;margin:0 auto} 
form.form-search.transparent-form .form-control {width:100%;background:transparent !important;border:1px solid #A9A9AA;color:#969696;border-radius:0px;box-shadow:none;display:block;font-size:10px;height:30px;margin-top:20px;padding:6px 12px;vertical-align:middle;}
form.form-search.transparent-form input.search-submit {background:url(https://webtintin.net/demo/discover/images/theme/search-icon.png) center center no-repeat; border:none;width:20px; height:100%; position:absolute; right:5px; top:0; text-indent:-9999px}

/* ==========================================================================
   Theme styles: opinionated defaults
   ========================================================================== */
#wrapper {min-height:100%;}
#main{overflow:hidden; padding-bottom:385px;}  /* must be same height as the footer */

/*** Light grey background ***/
#header .login-container, #my_modal, #intro, #showcase, .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, #page-not-found, #our-clients, #boxed_features {background:#F6F6F6}

/*** Dark background ***/ 
#my_modal .nav-tabs li:nth-child(2) a, #my_modal .nav-tabs > li.active:nth-child(2) > a, #my_modal .nav-tabs > li.active:nth-child(2) > a:hover, #my_modal   .nav-tabs > li.active:nth-child(2) > a:focus, #footer, #testimonials_img_bg .bx-wrapper .bx-pager.bx-default-pager a:hover, #testimonials_img_bg .bx-wrapper .bx-pager.bx-default-pager a.active {background:#2D3033}

/*** Dark grey color ***/
.grey-heading {color:#4F4D4D}

/*** White color ***/
button, .white, .dl-menuwrapper li.dl-back > a, .dl-menuwrapper li.dl-back:after, .dl-menuwrapper .dl-submenu li.dl-back:hover a, .btn, 
#my_modal .nav-tabs > li.active > a, #my_modal .nav-tabs > li.active > a:focus, #my_modal .nav-tabs li:hover a, #my_modal .nav-tabs > li.active > a, #my_modal .nav-tabs > li.active > a:hover, #my_modal .nav-tabs > li.active > a:focus, .feature:hover i, .service-icon.current_scheme, #footer .footer-top a:hover i, #pricing-tables .style1 h2.plan-name, .carousel-control .icon-prev, .carousel-control .icon-next, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .hightlighted_txt, .drop_cap_background:first-letter, .small_testimonials.current_bg .client-thoughts, .scroll_top i {color:#FCFCFC;}

/*** Font Awesome ***/
.dl-menuwrapper .dl-menu li .dl-submenu:before, .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after, .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {font-family:'FontAwesome';}

/*** Entypo Font ***/
.dl-menuwrapper button:before {font-family:'entypo'}

/*** Main border-radius ***/
.btn, .md-content .form-control, .team, .sidenav, #faq .panel-group .panel-heading{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.sidenav{border-bottom:4px solid #E5E6E6;}

/*** Main transition lengths ***/
.dl-menuwrapper .dl-menu li:hover .desktop-submenu, .dl-menuwrapper .desktop-submenu li a,.dl-menuwrapper .dl-menu>li>a, .btn,.feature_item, .item_scale, .feature_item i, #portfolio .project, .image-overlay, .footer-top i, .team-top i, #page-not-found-navbar ul li a, ul.pager li > a, ul.pager span.arrow, .post-title, .post-meta a:before, .share-square:after, .share-square-facebook:before,.share-square-googleplus:before, .share-square-linkedin:before, .share-square-twitter:before, .share-square-pinterest:before, textarea, input, .recentposts img, .mask {transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}

.login-container, .navigation-container, .logo, .style-switcher, .old-logo, .new-logo {transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;-transition:all 0.3s linear;-moz-transition:all 0.3s linear;}

/*** Sections padding ***/
#features, #services, #animated-tab, #portfolio, #our-clients, #our-vision-testimonials, #about-us, #faq, #fun_facts, #page-not-found, #pricing-tables, #single-portfolio, #portfolio-filterable, #single-post, #blog-small-images, #blog-grid, #contact, #shortcodes, #typography, #animation, #icons, #business_info, #business_info_extended, #boxed_features, #testimonials_img_bg, #small_testimonials {padding:40px 0px}

#intro, #page-not-found-intro, #page-not-found-navbar, #pricing-tables-intro {padding:20px 0px}
#page-intro {padding:10px 0px}

/*** Helper classes ***/
.clear {clear:both;}
.display-inline-bl{display:inline-block}
.vsb_hidden {visibility:hidden;}
.visible {visibility:visible;}
.breadcrumb {float:right;margin:20px 0px; padding:8px 0px;}
.opacity1 {opacity:0.1;-webkit-opacity:0.1;-moz-opacity:0.1;}
.opacity2 {opacity:0.2;-webkit-opacity:0.2;-moz-opacity:0.2;}
.opacity3 {opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;}
.opacity4 {opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;}
.opacity5 {opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;}
.opacity6 {opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;}
.opacity7 {opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;}
.opacity8 {opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;}
.opacity9 {opacity:0.9;-webkit-opacity:0.9;-moz-opacity:0.9;}
.opacity10 {opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.marg-0 {margin:0}
.marg-top-bottom5 {margin:5px 0px;}
.marg-top-bottom10 {margin:10px 0px;}
.marg-top-bottom15 {margin:15px 0px;}
.marg-top-bottom20 {margin:20px 0px;}
.marg-top5 {margin-top:5px}
.marg-top10 {margin-top:10px}
.marg-top15 {margin-top:15px}
.marg-top20 {margin-top:20px}
.marg-top25 {margin-top:25px}
.marg-top30 {margin-top:30px}
.marg-top35 {margin-top:35px}
.marg-top40 {margin-top:40px}
.marg-top45 {margin-top:45px}
.marg-top50 {margin-top:50px}
.marg-top55 {margin-top:55px}
.marg-top60 {margin-top:60px}
.marg-top65 {margin-top:65px}
.marg-top70 {margin-top:70px}
.marg-top75 {margin-top:75px}
.marg-top80 {margin-top:80px}
.marg-top90 {margin-top:90px}
.marg-bottom5 {margin-bottom:5px;}
.marg-bottom10 {margin-bottom:10px;}
.marg-bottom15 {margin-bottom:15px;}
.marg-bottom20 {margin-bottom:20px;}
.marg-bottom25 {margin-bottom:25px;}
.marg-bottom30 {margin-bottom:30px;}
.marg-bottom35 {margin-bottom:35px;}
.marg-bottom40 {margin-bottom:40px;}
.marg-bottom45 {margin-bottom:45px;}
.marg-bottom50 {margin-bottom:50px;}
.marg-bottom55 {margin-bottom:55px;}
.marg-bottom60 {margin-bottom:60px;}
.marg-bottom65 {margin-bottom:65px;}
.marg-bottom65 {margin-bottom:65px;}
.marg-bottom70 {margin-bottom:70px;}
.marg-bottom75 {margin-bottom:75px;}
.marg-bottom80 {margin-bottom:80px;}
.marg-bottom90 {margin-bottom:90px;}
.main_heading{font-family: 'Oswald', sans-serif;font-weight:300}
.circle,.feature_item,.item_scale {border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.button-container {width:100%;text-align:center}
.hightlighted_txt {padding:2px 3px;}
.drop_cap:first-letter {float: left; font-size:52px; margin-right:5px ;margin-top:5px; padding:4px;}
.animation_infinite {animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}

/*** Buttons style ***/
.label {border-radius:0px;}
.label-default {background:transparent; border:1px solid; padding: 0.1em 0.5em 0.2em;}
.btn {line-height:24px;font-size:13px;padding:3px 11px;border:none;position:relative;overflow:hidden;}
.btn-default {padding:1px 9px;}
.btn-default, .btn-default:hover {background:transparent; border:2px solid;}
.btn-success, .label-success {background:#A0D468;}
.btn-success:hover {background:#9BC669;}
.btn-info, .label-info {background:#4FC1E9;}
.btn-info:hover {background:#4EB6D8;}
.btn-warning, .label-warning {background:#F8C74D;}
.btn-warning:hover {background:#EABC52;}
.btn-danger, .label-danger {background:#F25764}
.btn-danger:hover {background:#DB4E5A}
.btn-dark {background:#2D3033}
.btn-dark:hover {background:#3D4144}
.btn-transparent {background:transparent !Important;border:2px solid #fcfcfc}
.btn-lg {font-size:15px; padding:6px 20px;}
.btn-lg.btn-default {padding:4px 18px;}
.btn-sm {font-size:11px; padding:3px 12px;}
.btn-sm.btn-default {padding:1px 10px;}
.btn,.btn-sm, .btn-xs {border-radius:0px;}
.btn-sm, .btn-xs {font-size:12px;line-height:1.5;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.open .dropdown-toggle.btn{border-color:none;color:#fcfcfc}
.btn:focus {outline:none;outline-offset:-2px;}
.btn i{font-size:16px}

/*** Header Section ***/
#header {position:fixed;top:0;left:0;right:0;z-index:22}
.login-container {width:100%;height:35px;z-index:21;}
.login-container h5 {margin:0;line-height:35px;float:left}
.login-container h4 {margin:0;line-height:35px;float:left}
#header .login-container h5,#header .my_modal_open {line-height:35px;}
#header .login-container h4,#header .my_modal_open {line-height:35px;}

.my_modal_open{float:right;}
.my_modal_open:hover {cursor:pointer}
.logo, .footer-logo {width:190px;height:200px;display:block;overflow:hidden;text-indent:-9999px;float:left;}
.logo {margin-top:10px;-webkit-backface-visibility:hidden;-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;perspective:500px;}
.logo .img-responsive {width:100%;} /* IE fix */
.footer-logo {background:url(../img/logo-footer.png) no-repeat;}

/* header scroll animation */
#header.shrink .logo {width:190px;height:200px;}
#header.shrink .login-container{margin-top:-35px}
#header.shrink .navigation-container{height:60px;line-height:59px;}
@media (max-width: 1024px) {
/* mobile navigation button scroll animation */
/* mobile navigation scroll changes */
#header.shrink .dl-menuwrapper .dl-menu{top:48px}
#header.shrink .dl-menuwrapper button{line-height:20px}
/* navigation sub-menu scroll changes */
#header.shrink .dl-menuwrapper > .dl-submenu{top:60px}
}
@media (min-width: 1025px) {
/* desktop navigation links animation scroll changes */
#header.shrink .dl-menuwrapper .dl-menu>li>a{height:60px;line-height:60px;}
}

.popup_background {z-index: 2000;}
.popup_wrapper {z-index: 2001;}
.popup_align,.popup_content {*display:inline;*zoom:1;}
#my_modal{width:320px; outline:none; /* Fix Yellow border in Chrome */}
#my_modal .my_modal_close{position:absolute;bottom:93px;right:35px;font-size:16px;}
#my_modal .my_modal_close:hover{cursor:pointer}
#my_modal ul.nav-tabs li{width:50%;text-align:center}
#my_modal ul.nav-tabs li a{margin:0px;border:none;border-radius:0px}
#my_modal #login,#my_modal #sign_up{padding-top:20px}
#my_modal .form-group{padding:0px 20px}
#my_modal .form-control{height:40px;box-shadow:none;font-size:12px;border-radius:0px;border-color:#EAEAEA;padding-left:20px}
#login .form-control:focus {border-color:#3CCA7E;}
#sign_up .form-control:focus {border-color:#2D343E;}
#my_modal label{position:relative}
#my_modal input[type="checkbox"]{margin:1px 5px 0px 0px}
#my_modal #login a h5{float:left;margin:20px 0px 0px 20px}
#my_modal i{position:absolute;top:20px;left:5px;color:#BCBCBC}
#my_modal input.btn{width:100%;height:40px;margin-top:15px}
#my_modal a,#my_modal label,#my_modal h5,#my_modal button,#my_modal input.btn{font-weight:600}
.navigation-container{background:rgba(255,255,255,.99);width:100%;height:70px;line-height:70px;z-index:22;-webkit-backface-visibility:hidden;-webkit-perspective:1000;}

/* Style Swticher - Color picker */
.style-switcher {background:#F9F9F9; width:166px; z-index:1000; margin-top:30px; margin-left:-166px; position:fixed;}
.open {margin-left:0px;}
.style-switcher .trigger {width:32px; height:32px; position:absolute; right:-32px; top:0; color:#FFF; font-size:16px; text-align:center; line-height:32px; cursor: pointer;}
.switcher-title {font-size:14px; margin:0px; padding:9px 0px 8px 10px;}
.style-switcher ul {float:left; width:100%; height:200px; margin:0; padding:14px 10px 0px 10px; border-right:2px solid; border-bottom:2px solid;}
.style-switcher ul li {float:left;}
.style-switcher ul h3 {font-size:13px; margin:0px 0px 10px 0px;}
.style-switcher a {border:1px solid;}
.style-switcher ul, .style-switcher a {border-color:#D8D8D8;}
.style-switcher .switcher {width:20px; height:20px; margin:3px 2px; float:left;}
.main {background: #3CCA7E;}
.peach {background:#E36159;}
.light-blue {background:#6BC2ED}
.dark-blue {background:#08C;}
.pink {background:#FF6BDC;}
.dark-green {background:#619223;}
.red {background:#CC0010;}
.yellow {background:#FFC406;}
.orange {background:#FF5400;}
.light-pink {background:#EE82EE;}
.light-purple {background:#9882F6;}
.dark-purple {background:#493375;}
.style-switcher li.layout a {padding:3px 10px;}
.style-switcher li.layout a:hover, .style-switcher li.layout a:focus, .style-switcher li.layout a:active {background:#D8D8D8;}
.reset {margin-top:18px; float:left; clear:both}
.reset:hover {cursor:pointer;}

/* Slider Section */
#slider{min-height:20px;}

/* Intro Section */
#intro, #page-intro{min-height:60px;background:#F7F7F7}
#intro h1, #page-intro h2{line-height:44px}
#page-intro {border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;}

/* Features Section */
#features{min-height:200px;}
.feature{width:100%;min-height:20px;text-align:center;padding:20px 12px 0px 12px;margin-bottom:20px}
.boxed_feature {background:#F7F7F7;border-bottom: 3px solid #E2E2E2;}
.feature_item{width:70px;height:70px;position:relative;margin:0 auto;}
.feature:hover .feature_item{box-shadow:none}
.item_scale{position:absolute;top:0;left:0;width:72px;height:72px; margin-top:-1px;opacity:0;-webkit-opacity:0;-moz-opacity:0;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);}
.feature:hover .item_scale {background:rgba(0,0,0,.0);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.feature_item i{font-size:24px;line-height:70px}
.feature h4{line-height:22px}

/* Why us Section */
#showcase{min-height:20px;padding:40px 0px 0px 0px;box-shadow:inset 0 -2px 6px -4px #C1C1C1;-moz-box-shadow:inset 0 -2px 6px -4px #C1C1C1;-webkit-box-shadow:inset 0 -2px 6px -4px #C1C1C1;}

/* Services section */
#services{min-height:20px;}
.service-wrapper{margin:bottom:15px;padding:1px 1px 10px 55px;position:relative}
.service-icon{position:absolute;left:0;top:6px;font-size:18px;width:40px;height:40px;background:#F0F0F0;margin-bottom:20px;text-align:center;line-height:40px} 

/* Portfolio Section */
#portfolio{min-height:20px;background:url(https://webtintin.net/demo/discover/images/theme/portfolio-bg.jpg); background-position:center; background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;}
#portfolio .col-md-4, #portfolio-filterable .col-md-4, #portfolio-filterable .col-md-3{padding:2px}
.project{width:100%;min-height:20px;}
.project .project-image{position:relative;overflow:hidden;}
.image-overlay{visibility:hidden;height:10px;width:10px;position:absolute;top:50%;left:50%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

.fadein-link{background:url(img/plus.png);background-position:center center;background-repeat:no-repeat;position:absolute;top:26%;left:44%;visibility:hidden;width:38px;height:38px;display:block;border:solid .12em #eee;line-height:40px;text-align:center;}
.fadein-description {width:100%;position:absolute;bottom:14%;visibility:hidden;}
/*** *******************************
!!!NOTE!!! Hover states for .fadein-link and .fadein-description are placed in animate.css. Classes used: (.custom-animated , .fadeInUp , fadeInDown. Ofcourse .fadeInUp and .fadeInDown can be any other classes from animate.css). The states are also made ONLY for desktop via media queries , because there is no hover states on mobile and tablet devices. On mobile and tablets hover effect are changed with transparent bordered link button. 
***********************************/
.project .button-container {position:absolute;bottom:20px;display:block} 
#portfolio .button-container{margin-top:40px}
/****** Rest in media queries ******/


/* Animated-tab section */
#animated-tab{min-height:20px;background:url(https://webtintin.net/demo/discover/images/theme/animated-tab-bg.png);background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;}
#tabwrap{width:100%;min-height:300px;margin:0px auto;padding-top:20px}
#tabwrap h1.main_heading{font-size:28px;margin:30px 0px}
#tabs{overflow:hidden;}
#tabs li{padding:6px 0px}
#tabs li i {font-size:30px; margin-right:15px}
#tabs li a{display:inline-bloxk;padding-left:8px;font-size:17px;line-height:50px;}
#tabs li h2 {display:inline-block}
#content {overflow: hidden;}
#content > div {display:none;}
#content .current{display:block;}
#content .image-wrapper{width:72%;height:auto;margin-left:10%}

/* Testimonilas */
#testimonials .testimonials_ovelay{width:100%;height:100%;-moz-box-shadow:inset 0 8px 8px -8px #848484,inset 0 -8px 8px -8px #848484;-webkit-box-shadow:inset 0 8px 8px -8px #848484,inset 0 -8px 8px -8px #848484;box-shadow:inset 0 8px 8px -8px #848484,inset 0 -8px 8px -8px #848484;}
#testimonials .testimonials_heading{font-size:32px;}
#testimonials .client-comment{text-align:center;line-height:30px}
#testimonials .client-name{font-weight:600}
.rotated-icon.entypo-quote:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
#testimonials .bx-wrapper .client-img{width:65px;height:65px;float:none;margin:0 auto}
#testimonials .bx-controls-direction{visibility:hidden}
.bxslider {margin:0px;}
.bx-wrapper{margin:0 auto 20px;padding:0;*zoom:1;}
.bx-wrapper .bx-viewport{border:0px;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{width:100%;}
.bx-wrapper .bx-pager{text-align:right;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(0,0,0,.2);text-indent:9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{position:absolute;top:1px;padding:2px 7px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{background:rgba(0,0,0,.1)}
.bx-wrapper .bx-prev{right:37px;}
.bx-wrapper .bx-next{right:15px;}
.bx-wrapper .bx-prev:before,.bx-wrapper .bx-next:before{font-size:20px;line-height:22px}
.bx-wrapper .bx-prev:before{content:"\f104";}
.bx-wrapper .bx-next:before{content:"\f105";}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
/* About us bxslider */
.small_testimonials .client-thoughts{background:#F4F4F4; border:3px solid #EEEEEE;color:#ACACAC;padding:22px;line-height:18px;margin:0px 0px 0px -1px;}
.small_testimonials .down-triangle{width:0;height:0;position:relative;left:5%;top:-3px;border-top:14px solid #F4F4F4;border-left:14px solid transparent;border-right:14px solid transparent;}
.small_testimonials .bx-wrapper .bx-pager{display:none;}
.small_testimonials .img-container {margin:10px 10px 0px 0px;}
.small_testimonials .client_name {margin:30px 0px 0px 0px;}
.small_testimonials .client_info {margin:5px 0px 0px 0px;}

/* Testimonials_img_bg */
#testimonials_img_bg {background:url(../images/theme/testimonials-bg.jpg); background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; background-repeat:no-repeat;}
#testimonials_img_bg .bx-wrapper, #testimonials_img_bg .bxslider2 {margin:0;}
#testimonials_img_bg .testimonials_heading{font-size:28px;}
#testimonials_img_bg .bx-wrapper .bx-pager{text-align:center;}
#testimonials_img_bg .bx-controls-direction{visibility:hidden}

/* Our Clients Section */
#our-clients{min-height:150px}
#our-clients .main_heading{margin-bottom:35px}

/* Footer Section */
#footer{position:relative; height:385px; min-height:385px; clear:both; margin-top: -385px; /* negative value of footer height */ display:table;/* Height fix on smaller devices */}
.scroll_top {position:absolute; top:-55px; right:10px; width:40px; height:40px; background:#E2E2E2; line-height:36px; text-align:center;}
.scroll_top i {font-size:24px; color:#34373A;}
#footer ul li{padding:10px 0px}
#footer ul h3,#footer ul h2,#footer ul h4, #footer h5 {margin:0;}
#footer h2,#footer h3,#footer h4, #footer h5{line-height:18px}
#footer h3,#footer h4,#footer h5 {color:#87919F}
.footer-top{width:100%;min-height:40px;background:rgba(119, 119, 119, 0.1)}
.footer-top h3 {display:inline-block}
.footer-top i{font-size:16px;padding:13px 8px;float:right}
.footer-middle{width:100%;min-height:290px;padding:5px 0px;}
.footer-middle ul{float:left}
.footer-middle .logo{float:none;margin-top:25px}
.footer-middle ul.about{margin:0px}
.footer-middle {margin:0}
.footer-middle a.logo{float:none;margin:12px 0px 4px 0px}
.footer-middle ul.about-us{background-position:center bottom;-webkit-background-size:100% 50%;-moz-background-size:100% 50%;background-repeat:no-repeat;}
.footer-middle ul.about-us li .boxed-icon{min-height:25px;width:auto;float:left;}
.footer-middle ul.about-us i{font-size:14px;margin:3px 5px 0px 0px;float:left}
.footer-middle ul.about-us i.icon-phone{margin:13px 5px 0px 0px}
#footer .footer-middle ul.newsletter li .form-control{background:#E5E5E5;width:80%;}
.newsletter_signup {margin-top:22px;}
#mc_embed_signup {background:none; font-family:inherit; font-size:12px;}
#mc_embed_signup form {padding:8px 0px 0px 0px;}
#mc_embed_signup input.email {width:80%; height:30px; display:inline-block; font-size: 11px; color: #7D7D7D; margin:0; padding:7px 5px;}
#mc_embed_signup input {border:none;}
#mc_embed_signup input.button {background:rgba(0,0,0,.2);width:20%; min-width:1px; height:30px; color:#e3e3e3; float:right; font-size:12px; border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
#mc_embed_signup input.button:hover{background:rgba(0,0,0,.2); color:#ffffff;}
#footer .footer-middle ul.recent-posts li:first-child{border-none}
#footer .footer-bottom{width:100%;min-height:40px;background:rgba(0,0,0,.1)}
body:before{content:"";float:left;width:0;height:100%;margin-top:-32767px}

/* About us page */
#about-us{min-height:200px;}
.carousel-control.left,.carousel-control.right{background:transparent !important}
.carousel-control{width:8%;text-shadow:none}
.carousel-indicators{bottom:0px}
.carousel-indicators li{width:9px;height:9px}
.carousel-indicators li.active{width:10px;height:10px}
#our-team{min-height:200px;padding:50px 0px; background:url(https://webtintin.net/demo/discover/images/theme/animated-tab-bg.png); background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%;}
#our-team .col-md-3{margin-bottom:15px}
.team{width:100%;min-height:20px}
.team .img-container {width:100%; height:100%; float:none; border:4px solid #E0DEDE;}
.team img{opacity:.9}
.team-wrapper{width:100%;height:auto}
.team-wrapper-top{padding:10px}
.team-wrapper h4,#our-team .team h5{margin:0;line-height:16px}
.team-wrapper-bottom{width:79px;margin:0 auto}
.team-wrapper-bottom i{color:#C4C4C4;font-size:14px;padding:5px;}
.team-wrapper-bottom i.icon-facebook{margin-left:2px;padding:5px 11px}
#about-us .img-responsive{width:100%;height:280px}
#fun_facts{width:100%;min-height:100px}
#our-vision-clients{width:100%;min-height:50px; padding-bottom:30px;}
#our-vision-clients h2.grey-heading{margin-top:0}

/* FAQ page */
.question-face{height:100px;width:90px;float:left}
#faq{min-height:200px}
#faq .grey-heading{line-height:30px;margin:0;}
.sidenav{margin:0px 0px 18px 0px;padding:0}
.sidenav li{padding:0px 15px}
.sidenav li.active{border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8; background:#fcfcfc;}
.sidenav li:hover a h4{color:#3F3F3F}
.sidenav li a h4{margin:0;line-height:40px;text-align:right}
#faq .form-control{border:none;border-radius:0px;box-shadow:none;display:inline-block;font-size:12px;height:36px;padding:6px 12px;vertical-align:middle;width:93%;} 
#faq .btn{width:7%;height:36px; float:right;border-top-left-radius:0px;border-bottom-left-radius:0px}
#faq .btn i{font-size:13px}
#accordion{margin:10px 0px 0px 0px}
#accordion .panel{background:none;box-shadow:none;border:none;border-radius:0px;margin-bottom:10px}
#accordion .panel-heading{padding:0px}
.panel-default > .panel-heading {background:transparent;}
.panel-default .panel-heading{border-radius:0px;}
.panel-default .panel-heading + .panel-collapse .panel-body{border:none}
#accordion .accordion-toggle h4{border:1px solid #E0E0E0; margin:0;line-height:34px;font-weight:600;padding:0px 15px}
#accordion .accordion-toggle.collapsed h4{border:1px solid transparent; color:#777B7F;}
#accordion .accordion-toggle.collapsed h4, #faq .form-control, .sidenav {background:#f7f7f7;}
#accordion .accordion-toggle.collapsed h4:before{content: '\e8f6'; }
#accordion .accordion-toggle h4:before{content: '\e8fb';}
#accordion .accordion-toggle.collapsed h4:before,#accordion .accordion-toggle h4:before{display:block;font-size:14px;font-family:'entypo';position:absolute;right:26px}
#accordion .panel-body p{margin:0;line-height:20px}

/* Pricing tables page  */
#pricing-tables{min-height:80px}
#pricing-tables h3.centered{line-height:20px}
.plan-name, .price{font-size:17px;line-height:45px;margin:0;text-align:center}
#pricing-tables h2.price {background:#f2f2f2;}
.style1.table1{border:1px solid #A6A6A6}
#pricing-tables .btn {line-height:20px;border:none;font-size:12px;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
#pricing-tables .style1 .btn{width:100%;}
.style1.table1 .plan-name,#pricing-tables .style1.table1 .btn{background:#A6A6A6}
.style1.table1 .btn:hover{background:#969696}
.style1.table2{border:1px solid #30B3E2}
.style1.table2 .plan-name,#pricing-tables .style1.table2 .btn{background:#30B3E2}
.style1.table2 .btn:hover{background:#2DA6CE}
.style1.table3{border:1px solid;}
.style1.table4{border:1px solid #07BCB3}
.style1.table4 .plan-name,#pricing-tables .style1.table4 .btn{background:#07BCB3}
.style1.table4 .btn:hover{background:#06AAA2}
ul.pricing-table-content li h4{text-align:center}
.sign-up{width:100%;padding:7px}
.style2 {background:#f2f2f2;}
.style2.table3{background:transparent !important;padding-top:10px;border:2px solid;margin-top:-12px}
.style2 h5{margin:0;text-align:center}
.style2 .btn{width:80%;margin-bottom:10px}
.style2 .plan-name{font-weight:600}
.style1, .style2, .style3{margin-bottom:35px}
.style3{border:1px solid #C6C6C6;}
#third-style .style3 {margin-left:-1px;}
.style3 .price{font-size:26px;font-weight:600}
.style3 .price sup, .style3 .price sub{font-size:13px;font-weight:300;top:-12px}
.style3 .price sup.ninety-nine{font-weight:600;left:-3px}
.style3 .price sub.monthly{top:0;font-size:11px;}
.style3.table3{margin-top:-14px}
.style3.table3 .plan-name{padding:7px 0px;}
.style3.table3 .sign-up{padding:14px}
.style3 .btn{width:65%;margin-bottom:10px}
.style3 ul.pricing-table-content li{border-bottom:1px solid #C6C6C6}

/* 404 Page  */
#page-not-found{min-height:80px}
#page-not-found-navbar{width:100%;min-height:20px;}
#page-not-found-navbar ul{width:250px;height:auto;margin:0 auto} 
#page-not-found-navbar ul li{display:inline-block;margin-right:10px;}
#page-not-found-navbar ul li a{font-size:14px;color:#777B7F;}
#page-not-found-navbar ul li a i{margin-right:7px}
#page-not-found .form-search.transparent-form {width:80%;}

/* Portfolio pages */
.title-divider {display:table;margin-top:30px;}
.title-divider h3, .title-divider .full-width {width:0px;display:table-cell;vertical-align:middle;white-space:nowrap;width:0;word-wrap:break-word;}
.title-divider .full-width  {width:100%;padding-left:10px}
.title-divider .full-width hr {height:4px;border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED}
.project-description {line-height:24px}
.project-info {margin:24px 0px 6px 0px}
.our-tasks {margin-left:5px}
.our-tasks li {line-height:25px}
.our-tasks li i {margin-right:5px}
#single-portfolio .btn {margin-bottom:25px;}
ul.pager {margin:50px 0px 0px 0px;}
ul.pager li > a {background-color:transparent; padding:10px 14px; margin-bottom:-1px; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; border-left:none; border-right:none; border-radius:0px;}
ul.pager li > a:hover, ul.pager li > a:focus {background-color:transparent}
ul.pager span.arrow {font-size:17px; padding:4px;} 
.jcarousel-wrapper {margin:20px auto;position:relative;}
.jcarousel {position:relative;overflow:hidden;width:100%;}
.jcarousel ul {width:20000em;position:relative;list-style:none;margin:0;padding:0;}
.jcarousel li {width:200px;float:left;border:2px solid transparent;}
.jcarousel-control-prev, .jcarousel-control-next {position:absolute;top:-40px;width:24px;height:24px;text-align:center;color:#A7A9AB;font-size:12px;line-height:20px;border-bottom:1px solid #A7A9AB;}
.jcarousel-control-prev {right:35px;}
.jcarousel-control-next {right:0;}
.jcarousel-pagination {position:absolute;bottom:-40px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);margin: 0;}
.jcarousel-pagination a {text-decoration:none;display:inline-block;font-size:11px;height:8px;width:8px;line-height:8px;background:#fff;color:#4E443C;border-radius:10px;text-indent:-9999px;margin-right:7px;-webkit-box-shadow:0 0 0 1px #3CCA7E;-moz-box-shadow:0 0 0 1px #3CCA7E;box-shadow:0 0 0 1px #3CCA7E;}
.jcarousel-pagination a.active {background:#3CCA7E;color:#fff;opacity:1;-webkit-box-shadow:0 0 0 1px #3CCA7E;-moz-box-shadow:0 0 0 1px #3CCA7E;box-shadow:0 0 0 1px #3CCA7E;}
.jcarousel-wrapper .fadein-link, 
.mixitup-portfolio .col-md-3 .fadein-link {width:32px; height:32px;}

.jcarousel-wrapper .fadein-description h2, 
.jcarousel-wrapper .fadein-description h3, 
.mixitup-portfolio .col-md-3 .fadein-description h2, 
.mixitup-portfolio .col-md-3 .fadein-description h3{margin:5px 0px}

.jcarousel-wrapper .fadein-description h2, .mixitup-portfolio .col-md-3 .fadein-description h2 {font-size:15px}
.jcarousel-wrapper .fadein-description h3, .mixitup-portfolio .col-md-3 .fadein-description h3 {font-size:13px}

/* Mixitup filterable portfolio style */
.mixitup-portfolio {display:block;}
.mixitup-portfolio .mix{display:none;}
.filter-list {margin:40px 0px;}
.filter-list li {float:left;position:relative;margin-right:10px;padding:5px 10px;color:#A7A9AB}
.filter-list li:hover, .filter-list li:active {cursor:pointer}
.filter-list li.active {color:#FCFCFC}

/* Post style */
.post {float:left; width:100%;}
.post-body {min-height:100px; float:left;}
.post-info {float:left; display:block; margin:0px 15px 0px 0px;}
.post-date, .post-category {width:45px; height:45px; float:left; text-align:center;}
.day, .month {text-align:center; width:100%; float:left; font-weight:500;}
.day {font-size:17px;padding-top:2px}
.month {margin-top:-5px;}
.post-category {border:1px solid; margin:-5px 0px 0px -12px; line-height:45px;}
.post-category i {font-size:18px;}
.post-title {font-size:16px; line-height:24px; margin:0px; display:flex;}
.post-meta {display:table-cell;}
.post-meta span {float:left; display:inline-table; padding-right:14px; line-height:20px;}
.post-meta span a {position:relative; padding-bottom:2px;}
.post-meta span a:before {content:''; display:block; position:absolute; bottom:0; left:0; height:1px; width:0%; background:#7D7D7D;}
.post-meta span a:hover:before {width:100%;}
.post-meta i {font-size:14px; padding-right:5px;}
.post-meta [class^="entypo-"] {font-size:12px;}
/* Share plugin style */
.share-post {background:#F6F6F6; width:100%; min-height:10px; float:left; margin-top:30px; padding:8px 0px 8px 10px;}
.share-it-wrapper {float:left; margin-top:7px;}
.share-post .entypo-share {font-size:18px; color:#9B9B9B;}
.share-post .share-it {font-size:13px; margin:0px 14px 0px 8px;}
.share-square {background:#FCFCFC; display:inline-block; height:32px; line-height:32px; margin:2px; width:32px; position:relative; overflow:hidden}
.share-square:after {content:''; width:0; height:0; border-top:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #3CCA7E; border-left:4px solid #3CCA7E; position:absolute; bottom:0;; left:0; z-index:1;}
.share-square:hover:after {border-top:50px solid transparent; border-right:50px solid transparent; border-bottom:50px solid #3CCA7E; border-left:50px solid #3CCA7E;}
.share-square-facebook:before,.share-square-googleplus:before, .share-square-linkedin:before, .share-square-twitter:before, .share-square-pinterest:before {font-family: 'FontAwesome'; font-size:15px; color:#3CCA7E; position:absolute; margin-left:9px; z-index:2;}
.share-square-facebook:before {margin-left:12px;}
.share-square:hover.share-square-facebook:before, 
.share-square:hover.share-square-googleplus:before, 
.share-square:hover.share-square-linkedin:before, 
.share-square:hover.share-square-twitter:before, 
.share-square:hover.share-square-pinterest:before {color:#FCFCFC;}
.share-square-facebook:before {content:"\f09a";}
.share-square-googleplus:before {content:"\f0d5";}
.share-square-linkedin:before {content:"\f0e1";}
.share-square-twitter:before {content:"\f099";}
.share-square-pinterest:before  {content:"\f0d2"}
/* Post author style */
.post-author {margin-bottom:40px; float:left;}
.post-author .about-the-author {margin:50px 0px 30px 0px;}
.img-container {width:70px; height:70px; margin-right:25px; float:left; border:3px solid #eeeeee;}
.author-info {padding-left:90px;}
.author-name {margin-bottom:10px;}
/* Post comment style */
.post-comment {width:100%; float:left;}
.comment {background:#F6F6F6; min-height:20px; float:left; margin-top:20px; padding:25px 20px 0px 25px; position:relative;}
.comment.depth1 {margin-left:20px;}
.comment.depth2 {margin-left:40px;}
.replylink {position:absolute; top:30px; right:25px; font-weight:600}
.replylink i {font-size:14px; margin-right:4px;}
.comment-wrapper {margin:0px 0px 30px 0px;}
.comment-wrapper .author-name {margin-top:5px;}
.comment-wrapper p {float:left;}
.respond {width:100%; float:left;}

/* Blog */
form.form-search.transparent-form .form-control {margin:6px 0px 0px 0px;}
/* Widget */
.widget {margin-bottom:30px; width:100%; float:left;}
.sidebar-title {display:inline-block; padding:0px 4px 6px 0px; border-bottom:2px solid #EEEEEE; margin:5px 0px; text-transform:uppercase;}
/* Archives widget */
.archives li {border-bottom:1px solid #EEEEEE;}
.archives .archive-name {padding-left:10px; margin:13px 0px;}
.archives .archive-name i {margin:0px 8px 0px -10px; color:#7D7D7D;}
.archives .fa-border{padding:2px 6px;}
/* Recent posts widget */
.sidebar-img-container {width:90px; height:65px; margin-right:10px; border:none; float:left;}
/* Slider widget */
.slide-widget {margin-top:20px;}
/* Tags */
.tags .tag-link {margin:3px 0px 0px 0px;}
/* Video widget */
.video-title {margin:5px 0px 10px 0px;}

/* Blog Small Images */
#blog-small-images .post-body p {margin-top:0;}
#blog-small-images .img-container {width:270px; height:215px; position:relative; float:left; border:none; clear:left;}
#blog-small-images .img-container .img-responsive {height:100%}
.mask {background:rgba(255,255,255, .2); width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; border:5px solid rgba(255,255,255, .8);}
.img-container:hover .mask {opacity:1;}
#blog-small-images .post-body {margin-top:28px;}
#blog-small-images .post-title {margin-bottom:5px;}
.read-more {padding:8px 0px; margin-bottom:22px; float:left;}

/* Blog grid */
#blog-grid .img-container {width:100%; height:100%; position:relative; border:none; margin:0;}
#blog-grid .post-title, #blog-grid .post-meta {float:left;}
#blog-grid .post-title {font-size:15px; margin:15px 0px 0px 0px;}
#blog-grid .read-more {clear:left; margin:0;}
#blog-grid .post-meta span {font-size:11px; padding-right:9px;}

/* contact */
#map-canvas {width:100%; height:400px;}
#contact {background:url(https://webtintin.net/demo/discover/images/theme/contact-bg.svg) repeat; min-height:10px;}
#contacts-intro {min-height:60px; display:table;}
.subject {padding:0px;}
.office li, .business-hours li {margin-bottom:6px; display:block;}
.contacts-icon {width:22px; height:22px; line-height:22px; font-size:14px; text-align:center; display:inline-block; margin-right:5px;}
.mail-link:hover {text-decoration:underline;}
#contact_form .alert {margin-bottom:0; padding:7px 10px; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px;;}

/* Shortcodes */
/* Custom Tabs */
.custom_tabs {width:100%; min-height:10px; float:left;}
.popularposts, .recentposts {float:left; width:100%;}
.popularposts li, .recentposts li {float:left; width:100%; margin:10px 0px;}
.tab-content .popularposts li, .tab-content .recentposts li {padding-bottom:15px; border-bottom:1px solid #E5E5E5;}
.popularposts li:last-child, .recentposts li:last-child {margin-bottom:0; border:none;}
.popularposts img:hover, .recentposts img:hover {opacity:.8; -webkit-opacity:.8; -moz-opacity:.8;}
.popular-post-title, .recent-post-title {font-size:13px; line-height:17px; margin:0px;}
.popularposts p, .recentposts p {font-size:10px;}
.custom_tabs .tab-content {width:100%; float:left; padding:0px 15px; border-bottom: 3px solid #E2E2E2;}
.custom_tabs .tab-content .img-container {width:95px; margin-right:10px;}
.custom_tabs .tab-content .post-meta {font-size:10px;}
.nav-tabs {border:none;}
.custom_tabs .nav-tabs > li > a {margin:0px; color:inherit; border-top-width:2px; border-top-style:solid; border-top-color:#EFEFEF}
.custom_tabs .nav-tabs > li > a:hover {background:transparent;}
.custom_tabs .nav-tabs > li > a, .custom_tabs .nav-tabs > li.active > a, .custom_tabs .nav-tabs > li.active > a:hover, .custom_tabs .nav-tabs > li.active > a:focus {border-radius:0px; border-left:2px solid #EFEFEF; border-right:2px solid #EFEFEF; border-bottom:0px;}
.custom_tabs .tab-content, .custom_tabs .nav-tabs > li.active > a, .custom_tabs .nav-tabs > li.active > a:hover, .custom_tabs .nav-tabs > li.active > a:focus {background:#EFEFEF}

/* Modal */
.modal-footer {padding:12px 15px; margin:0;}
.modal-body {padding:15px;}
/* Bootstrap modal push content fix */
body.modal-open {margin-right:0px; overflow:visible;}

/* Shorcodes Buttons */
.buttons .btn {margin-bottom:3px;}
.button_sizes .btn {margin-bottom:12px;}

/* Pagination */
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {border-radius:0px;}
.pagination-lg > li > a, .pagination-lg > li > span {font-size:16px; padding:8px 14px;}
.pagination-lg > li > a, .pagination-lg > li > span, .pagination > li > a, .pagination > li > span {border:1px solid #F2F2F2;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > a:active, .pagination > li > span:active {background:#F2F2F2}

/* Alerts */
.alert {border-radius:0px;}
.alert-success {background:#D2EBB7}
.alert-info {background-color:#AAE1F4;}
.alert-warning {background-color:#FCE6AF;}
.alert-danger {background-color: #F8C0C5;}

/* Animated Progress Bars */
.progress-label {margin-bottom:4px;}
.progress, .progress-bar {border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px;}
.progress-bar {position:relative; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.progress-bar-tooltip {color:#FFFFFF; display:block; font-size:12px; line-height:14px; opacity:0; padding:4px 8px;position:absolute; right:5px; top:0px;}

/* Counters */
.counters {text-align:center;}
.counters strong {display:block;font-size:60px;font-weight:600;line-height:60px;}
.counters label {font-family:'Oswald', sans-serif; font-size:20px; font-weight:300;}

/* Animated Circles */
.circles-wrp {position:relative; text-align:center;}
.animated_circle {min-height:167px;}
.circles-text-wrp {position:absolute; top:0; left:0; text-align:center; width:100%; height:120px; line-height:120px;}
.circles-text-wrp, .custom_circle_txt {font-size:20px;}
.circle-title {text-align:center; position:relative; display:block;}

/* Tooltip */
.tooltip-inner {background-color:#494949; border-radius:0px; color:#FFFFFF; max-width:200px; padding:3px 8px; text-align:center; text-decoration:none;}
.tooltip.top .tooltip-arrow {border-top-color:#494949;}

/* Features */
.feature_description {line-height:22px;}
.bootstrap_grid .grid_block {background:#f4f4f4; display:block; line-height:40px; min-height:40px; text-align:center; margin:5px 0px;}

/* Animation */
h2 {line-height:28px;}
.img_wrapper {width:240px;}
.img_wrapper img {width:100%}
.animation_dropdown .dropdown-menu {max-height:180px; overflow-y:scroll; padding:4px 4px; border-radius:0px; min-width: 130px; margin:6px 0px;}
.animation_dropdown .dropdown-menu li span {font-size:12px; display:block}
.animation_dropdown .dropdown-menu li span:hover {cursor:pointer;}
.scroll_down_icon {font-size:32px; display:block;}

/* Icons */
#icons i{margin-right:10px; font-size:14px;}
#icons .col-md-3,col-sm-4{margin-bottom:15px;}
#icons .alert {margin-bottom:20px;}
#icons ul.unordered_list {margin:0px;}

/* Services */
#business_info {background:url(../img/fondo-nosotros.jpg); background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%;}
#business_info hr {border-color:#C5C5C5;}
#business_info p {font-size:18px; line-height:25px;}
.business_icon {position:relative; padding-left:50px;}
.business_icon img {position:absolute; left:0;}
#boxed_features .boxed_feature {background:#FCFCFC}

/* Preload Images */
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;	
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
}

/* ==========================================================================
   Responsive Utilities
   ========================================================================== */
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid} }

@media (max-width: 1024px) {
#my_modal{top:10%}

/* Mobile phones and tablets menu style */
.dl-menuwrapper {width:100%;max-width:300px;position:absolute;right:10px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:1000}
.dl-menuwrapper button {background:rgba(0,0,0,0);color:#666;float:right;line-height:22px;border:none;cursor:pointer;outline:none;font-size:26px;font-weight:600}
.dl-menuwrapper button:before {content: ''; font-size:34px;margin-right:5px}
.dl-menuwrapper ul {background:rgba(255,255,255,.99)}
.dl-menuwrapper ul {padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative;}
.dl-menuwrapper li a {display:block;position:relative;padding:15px;font-size:11px;line-height:10px;font-weight:600;outline:none;}
.dl-menuwrapper li a,.dl-menuwrapper li a:after,.dl-menuwrapper li > a:not(:only-child):after{color:#777B7F}
.dl-menuwrapper li.dl-back > a {padding-left:30px;}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after {position:absolute;top:0;font-size:14px;line-height:41px;content:"\f105";}
.dl-menuwrapper li.dl-back:after {left:10px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right:10px}
.dl-menuwrapper li a:hover, .dl-menuwrapper li a:focus, .dl-menuwrapper li a:active, .dl-menuwrapper li a:hover:after, .dl-menuwrapper li a:focus:after, .dl-menuwrapper li a:active:after {color:#3CCA7E;}
.dl-menuwrapper .dl-menu {position:absolute;top:58px;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);-moz-transform: translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-box-shadow:0px 1px 6px -1px #646464;-webkit-box-shadow:0px 1px 6px -1px #646464;box-shadow:0px 1px 6px -1px #646464;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform: translateY(0px);}
.dl-menuwrapper .dl-menu.dl-menuopen li:first-child {border-top:2px solid}
.dl-menuwrapper li .dl-submenu {display:none;margin:0}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
.dl-menuwrapper .desktop-submenu li i {display:none;}
.dl-menuwrapper > .dl-submenu {position:absolute;width:100%;top:70px;left:0;margin:0;}
.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s;-moz-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}

@-webkit-keyframes MenuAnimOut1 {
50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}
75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@-moz-keyframes MenuAnimOut1 {
50% {-moz-transform: translateZ(-250px) rotateY(30deg);}
75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@keyframes MenuAnimOut1 {
50% {transform: translateZ(-250px) rotateY(30deg);}
75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}

.dl-menu.dl-animate-in-1 {-webkit-animation:MenuAnimIn1 0.3s;-moz-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
@-webkit-keyframes MenuAnimIn1 {
0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes MenuAnimIn1 {
0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@keyframes MenuAnimIn1 {
0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
0% {-webkit-transform: translateX(50%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn1 {
0% {-moz-transform: translateX(50%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn1 {
0% {transform: translateX(50%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(50%);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut1 {
0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(50%);opacity: 0;}
}
@keyframes SubMenuAnimOut1 {
0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(50%);opacity: 0;}
}
.no-js .dl-menuwrapper .dl-menu {position:relative;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {display:block;}
.no-js .dl-menuwrapper li.dl-back {display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}

#portfolio, #animated-tab, #business_info, #our-team, #testimonials_img_bg {background-attachment:scroll; /* Prevent touch devices lacking scroll */ }
}

/* Extra small devices (phones, up to 480px) */
@media (max-width: 480px) {
ol.breadcrumb {float:left; margin:0px; padding:0px; clear:both;}
#page-intro h2 {line-height:10px}
.post-title {line-height:22px;}
#blog-grid .post-title {padding:0;}
ul.post-meta {float:left; padding:0px}
form .col-md-6:nth-of-type(1), form .col-md-6:nth-of-type(2) {padding:0px;} /* Form col-md-6 padding fix, so it takes 100% of it's parent on mobile devices. */
}

@media (min-width: 320px) and (max-width: 640px){
.login-container h5{font-size:9px}
.replylink {top:10px;}
}

@media (max-width: 600px) {

#faq .form-control{width:87%}
#faq .btn{width:13%}
}

@media (min-width: 320px) and (max-width:767px) {
.custom_tabs .nav-tabs > li {float:none;}
}

@media (min-width: 480px) and (max-width: 767px){
#portfolio .col-xs-12{float:none;width:80%;margin:0 auto} 
.col-sm-6{width:50%;float:left}
}

@media (max-width: 800px) {
#tabwrap h1.main_heading {font-size:24px;}
#tabs li a {display:inline-bloxk; padding-left:8px; font-size:13px; line-height:34px;}
#blog-small-images .img-container {width:100%; height:100%;}
#blog-small-images .img-container .img-responsive {height:100%;}	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#pricing-tables h3.centered{width:65%;margin:0 auto;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
#animated-tab {min-height:535px}

/* pricing tables */
#second-style .col-md-3:nth-child(1){margin-left:4%}
#second-style .col-md-3{width:23%;padding-left:0px;padding-right:4px}
#third-style .col-md-3:nth-child(1){margin-left:4%}
#third-style .col-md-3{width:23%;padding-left:0px;padding-right:0px}
}

@media (min-width: 1025px){
/*** Desktop menu style  ***/
.dl-menuwrapper {width:100%;height:auto}
.dl-menuwrapper .dl-menu {min-width:200px;height:auto;float:right;margin:0}
.dl-menuwrapper .dl-menu li{display:inline-block;position:relative;}
.dl-menuwrapper .dl-menu>li>a{font-size:13px;color:#A7A9AB;height:70px;line-height:70px;display:block;padding-right:48px;}
.dl-menuwrapper > .dl-menu > li:hover > a,.dl-menuwrapper .dl-submenu li:hover > a{color:#595959}
.dl-menuwrapper .dl-menu li .desktop-submenu{background:rgba(255, 255, 255,.99);visibility:hidden;position:absolute;top:115%;left:-25px;min-width:200px;margin:0;padding:5px 0px;opacity:0;-webkit-opacity:0;-moz-opacity:0;z-index:1000;border-top:2px solid;margin-top:-2px;}
.dl-menuwrapper .dl-menu li:hover .desktop-submenu{visibility:visible;opacity:1;-webkit-opacity:1;-moz-opacity:1;top:100%}
.dl-menuwrapper .desktop-submenu li.dl-back{display:none}
.dl-menuwrapper .desktop-submenu li{float:left;width:100%;padding-left:7px}
.dl-menuwrapper .desktop-submenu li a{display:block;clear:both;width:100%;font-size:11px;color:#A7A9AB;padding:8px 12px;line-height:18px;}
.dl-menuwrapper .desktop-submenu li > ul.desktop-submenu {display:none;}
.dl-menuwrapper .desktop-submenu li i {float:right; font-size:14px; line-height:20px;}
.dl-menuwrapper .desktop-submenu li:hover > ul.desktop-submenu {display:block; position:absolute; left:100%; top:0%;}
button.dl-trigger{visibility:hidden}

#my_modal{top:20%}

#portfolio, #animated-tab, #business_info, #our-team, #testimonials_img_bg {background-attachment:fixed;}
.project:hover .image-overlay{visibility:visible;transform:scale(50);-webkit-transform:scale(50);-moz-transform:scale(50);-ms-transform:scale(50);-o-transform:scale(50);}
.project .button-container {display:none}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/* ==========================================================================
   Retina HD Display
   ========================================================================== */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

}