/*
Theme Name: Flatter
Theme URI: http://oceanwebthemes.com/webthemes/flatter-free-wordpress-theme/
Author: oceanwebthemes
Author URI: http://oceanwebthemes.com
Description: Flatter is a multipurpose Free WordPress Theme. It consists of Featured Slider, Featured Posts, Services Posts, Testimonial Posts, Latest Posts, your Works Posts, Newsletter Subscription Widget, Social Icons and four widgetized Footer blocks in Homepage layout. You can choose multiple sidebar option on blog, single post, single page, search page, page not found page as Left Sidebar, Right Sidebar and Both Sidebar as per requirements. These all options can be optimized from the Theme Options of Customize.Fullwidth Page, Fullwidth Blog with Masonry layout and Woocommerce Ready within the theme. What are you waiting for? Lets start downloading this amazing and beautiful Free Multipurpose WordPress Theme right away. Read the theme documentation for detail usage of theme attached within this theme as readme.txt file. or view the demo of Flatter Plus http://www.oceanwebthemes.com/pro/flatterplus/
Version: 1.1.6
Tested up to: 4.5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flatter
Tags:translation-ready, custom-background,footer-widgets,theme-options, custom-menu, post-formats,blog,threaded-comments,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-header,featured-images,full-width-template,rtl-language-support,sticky-post

This theme, like WordPress, is licensed under the GPL.
*/
.navbar-collapse {
padding-left:0!important;
}
.margin-top-25{
	margin-top: 25px;
}
.margin-btm20 {
    margin-bottom: 20px;
}
.margin-top20 {
    margin-top: 20px;
}
.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
    font-weight: 500;
}
.dropzone {
    min-height: 140px;
    border: 1px dashed #6fbf44 !important;
    background: white;
    padding: 20px 20px;
}
.project_pmote_box {
    border: 2px solid #EAEAEA;
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #F2F2F2;
}
.project-addon {
    margin-top: 11px;
    display: table-cell;
}
.addon-featured {
    background-color: #8c3cd6;
}
.project-badges {
    padding: 4px 10px 4px 10px;
    color: white;
    border-radius: 12px;
}
.squaredFour {
    width: 18px;
    position: relative;
}
.squaredFour label::after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 9px;
    height: 5px;
    top: 4px;
    left: 3px;
    transform: rotate(-45deg);
    background: transparent;
    border-width: 0px 0px 2px 2px;
    border-style: solid solid;
    border-color: rgb(51, 51, 51) rgb(51, 51, 51);
    border-image: initial;
    border-top: 0px;
    border-right: 0px;
}


.squaredFour label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 4px;
    left: 0px;
    border-radius: 1px;
    background: rgb(250, 250, 250);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(102, 102, 102);
    border-image: initial;
}
.squaredFour label:after {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 3px;
    border: 2px solid #333;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredFour input[type=checkbox]:checked+label:after {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.squaredFour label:hover::after {
    -ms-filter: "alpha(opacity=30)";
    filter: alpha(opacity=30);
    opacity: .5;
}
.addon-recruiter {
    background-color: #ffb300;
}
.addon-nda {
    background-color: #05b5e4;
}
.addon-urgent {
    background-color: #43a047;
}
.addon-private {
    background-color: #cc0000;
}
.margin-top30 {
    margin-top: 30px;
}
.formcontainer label {
    color: rgb(51, 51, 51);
    font-weight: 500;
}
.project-addon-price {
    font-size: 16px;
    padding: 10px;
    color: #3B7E34;
    padding-top: 7px;
}
.display-ib {
    display: inline-block;
}
.formcontainer label {
    color: #333;
    font-weight: 500;
}
.radio-frame {
    margin-left: 20px;
}
.form-group {
    margin-bottom: 20px;
}
.btn-lead{
	background-color: #54b1c4;
    color: #fff;
    padding: 9px 17px !important;
    font-family:gotham-light-italic;
}
.pad-right {
    padding-right: 10px;
}
ul.flex-control-nav{
	list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
ul.flex-control-nav li {
    display: inline-block;
    width: 100px;
    margin: 0 10px;
   	margin-bottom: 10px;
}
.flex-control-nav img {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #cfcfcf;
    color: #5b5e60;
    font-size: 44px;
    line-height: 96px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-color: grey;
    padding: 15px;
}
.flex-control-nav img:hover{
	background-color: #27c2aa;
}
.margin0 {
    margin: 0px;
}
#myCarousel {
    margin-top: 80px;
}
.call-post {
    -webkit-box-shadow: 0 0 35px 6px rgba(0,0,0,.08);
    box-shadow: 0 0 35px 6px rgba(0,0,0,.08);
   /* border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    min-height: 350px;
    background: #6fbf44;
    color: #fff;*/
}
.call-center .col-md-4 {
    padding-left: 7px; 
     padding-right: 7px; 
   /* padding: 7px !important;*/
}
.call-post .post-thumbnail {
    overflow: hidden;
    width: 100%;
    height: 180px;
}
.call-post .post-thumbnail img {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-transition: all .8s;
    transition: all .8s;
    height: 100%;
    width: 100%;
}

.call-post .content-wrapper {
    padding: 0 15px 16px;
    background: #6fbf44;
}
.post-header h2 {
        /* margin-bottom: 1.2rem; */
    margin-top: 0px;
    padding-top: 20px;
    color: #fff;

}
 .inner-content {
    padding: 50px 0px;
}
.call-center .address-all .address-box {
    border-right: 1px solid #ddd;
}  

.call-center .address-all .address-box:last-child {
    border-right: none;
} 
.address-box p {
    margin-bottom: 18px;
}
.pad-top-bottom {
    padding: 8px 0px;
}
.top-header {
   background: #555;
}
.border-bottom1 {
    border-bottom: 1px solid #eee;
}

.top-header a {
    color: #fff !important;
}
.post-info {
    margin-top: 20px;
}
.call-post .content-wrapper .post-header {
    margin-bottom: 1rem;
}
.content-wrapper p {
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    max-height: 3.6em;
    color: #fff;
}
.call-post .content-wrapper a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: all .8s;
    transition: all .8s;
    text-decoration: none;
}
.call-post .content-wrapper a:hover {
    color: #fff;
    text-decoration: none;
}
.call-post .content-wrapper a span {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0;
    color: #fff;
    text-decoration: none;
}
.call-post:hover img {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.call-center {
    padding: 50px 0px;
    /* background: #f5f5f5; */
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 25px !important;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.wpcf7-submit {
    display: inline-block;
    padding: 7px 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #6fbf44;
    border-color: #6fbf44;
}
.address-section {
    text-align: center;
    padding: 50px 0px;
    background-image: url(images/contacts-bg.jpg);
}
.map-section {
    padding: 50px 0px;
}
.address-section .col-md-4 {
    border-right: 1px solid #ddd;
}
.address-section .col-md-4:last-child {
    border-right: 0px solid #ddd;
}
.address-box h3 {
    font-size: 34px;
    font-weight: 500;
    color: #6fbf44;
    font-family: lato-medium;
}
.address-box h4 {
    font-size: 20px;
    margin: 18px 0px;
    color: #fff;
}
.pad-right7 {
    font-size: 16px;
    padding-right: 10px;
    color: #6fbf44;
}
.address-box a {
    color: #666 !important;
    text-decoration: none !important;
}
.service-list a {
    text-decoration: none !important;
}
.display-ib{
    padding: 0px 6px;
    margin-left: -18px;
}
.contact-frame{
    background-color: #f5f5f5;
    padding: 20px;
}
.map-section .wpcf7-text {
    border: 2px solid #fff;
    border-radius: 0px;
     height: 40px; 
    box-shadow: none;
}
.wpcf7-textarea {
    border: 2px solid #fff;
    border-radius: 0px;
    box-shadow: none;
    color: #333;
}
.contact-phone a {
    color: #fff !important;
    text-decoration: none !important;
}
.absolute-title{
    position: absolute;
    left: 45%;
    top: 25%;
    
}
.content-top {
    margin-top: 212px !important;
}
@media (max-width: 992px){
    .service-icon {
    font-size: 101px !important;
    line-height: 120px !important;
    color: #fff;
     position: unset !important; 
    left: 42px;
    top: 0px;
    -webkit-transition: all 0.2s ease !important;
    transition: all 0.2s ease;
}
.service-list {
    text-align: center;
}
.service-frame {
    padding: 20px 7px !important;
}
}
@media (max-width: 768px){
 .logo-menu {
    margin-top: 0px;
}
.content-top {
    margin-top: 0px;
}
h1, .h1 {
    font-size: 28px !important;
}
.address-section .col-md-4 {
    border-right: 0px solid #ddd;
}
.address-box {
    margin-bottom: 30px;
}
.address-box h3 {
    font-size: 30px;
}
.address-box h4 {
    font-size: 20px;
}
.map-section {
    padding: 20px 0px !important;
}
.address-section {
    padding: 20px 0px;
}
.logo-menu .main-menu .navbar-nav > li > a {
    padding: 0px !important;
    font-size: 15px;
    /* font-weight: 600; */
    text-transform: uppercase;

}
.logo-menu .main-menu .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.contact-phone li {
    font-size: 23px !important;
    padding: 0px !important;
        display: block !important;
}
.social-contact li a {
   
    font-size: 19px !important;
    line-height: 28px !important;
    
    width: 50px !important;
    height: 50px !important;
}
.contact-phone {
    padding: 10px 0px;
     padding: 0px !important; 
    margin: 0px !important; 
}
.social-contact {
    margin: 15px auto !important;

}
.call-center .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px !important;
}
h2, .h2 {
    font-size: 28px !important;
}
.padding-left0 {
    padding-right: 0px !important;
}
.padding-right0 {
    padding-left: 0px !important;
}
.margin768-top10 {
    margin-top: 10px;
}
}
@media (max-width: 450px){
.contact-phone li span {
    font-size: 27px !important;
    line-height: 24px;
    color: #6fbf44;
    display: block !important;
    position: relative;
    left: -10px;
    top: 6px !important;
}
.address-box h3 {
    font-size: 26px;
}
.address-box h4 {
    font-size: 17px;
}
.contact-phone li {
    font-size: 19px !important;
}
.title h1 {
    margin-bottom: 0px !important; 
    font-size: 38px !important;
 
}
h1, .h1 {
    font-size: 25px !important;
    line-height: 37px !important;
}
.contact-section {
    padding: 30px 0px !important;
}
section.top-section {
    margin-top: 93px !important;
}
.address-title {
    font-size: 16px !important;
    padding: 15px 0px 20px !important;
}
.call-center {
    padding: 20px 0px !important;
}
p {
    font-size: 15px !important;
    margin-bottom: 0px !important;
}
.detail h5 {
    font-size: 19px !important;
    line-height: 27px !important;
}
.detail {
    padding: 20px 0px !important;
}
.btn-flat {
    font-size: 13px !important;
    padding: 10px 20px !important;
   
}
.client-says {
    padding: 20px 0px !important;
}
span.day {
    font-size: 31px !important;
}
.news .news-title {
    padding-top: 10px !important;
}
.connect-section {
    padding: 20px 0px !important;
}
.inner-content {
    padding: 20px 0px !important;
}
.title-grey h1 {
     margin-bottom: 15px !important; 
}
address.front {
    font-size: 15px !important;
    line-height: 25px !important;
}
h2, .h2 {
    font-size: 22px !important;
}
.project_pmote_box .col-md-8 {
    padding: 0px;
    margin-top: 10px;
}
.our_team {
    padding: 20px 0px !important;
}
.list > li i {
    margin-right: 9px !important;
   
}
.margin450-btm10{
    margin-bottom: 10px;
}
}