/*
Theme Name: Startit
Theme URI: http://startit.select-themes.com/
Description: A Fresh Startup Business Theme
Author: Select Themes
Author URI:  http://themeforest.net/user/select-themes
Version: 2.7
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
footer {
    float: left;
    width: 100%;
}
.qodef-team-image .qodef-circle-animate {
	display: none;
}
.mobile_map{
	display: none;
    margin-top: 15px;
}
.hidediv {
	display: none;
}
.desktop_map {
	width: 100%;
	overflow: hidden;
}
.desktop_map img {
	float: none;
}
.desktop_map h3 {
	float: left;
	padding-top: 20px;
    width: 100%;
}
/*.mapsection {
	position: absolute;
    top: 30%;
    padding: 15px 30px 25px;
    color: #ffffff;
    border-radius: 11px;
}*/
.mapsection {
    position: relative;
    top: 0;
    padding: 15px 30px 25px;
    color: #ffffff;
    border-radius: 11px;
    width: 95%;
    float: right;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ccc;
}
.mapsection h3 {
	color: #ffffff;
	float: none;
	padding-top: 8px;
    padding-bottom: 4px;
}
.mapsection h4 {
	color: #ffffff;
}

.mapsection a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: underline;
}
.mapsection p {
	font-size: 15px;
}
.address-logo {
	overflow: hidden;
	padding: 0 0 10px;
}
.address-logo img {
    float: none;
    width: 140px;
    height: auto;
    background: #fff;
    padding: 5px;
    text-align: center;
}
.mapsection:after {
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-top: 20px solid transparent;
    border-right: 30px solid #ccc;
    border-bottom: 20px solid transparent;
    top: 50%;
    left: -30px;
    margin-top: -20px;
}
#Orange, #Orangemob {
	background: #e36224;
}
#Orange:after{
    border-right: 30px solid #e36224;
}
#Green, #Greenmob {
	background: #63b846;
}
#Green:after{
    border-right: 30px solid #63b846;
}
#Yellow, #Yellowmob {
	background: #e3e320;
}
#Yellow:after  {
    border-right: 30px solid #e3e320;
}
#Red, #Redmob {
	background: #e7292b;
}
#Red:after{
    border-right: 30px solid #e7292b;
}
#Blue, #Bluemob {
	background: #3668b1;
}
#Blue:after {
    border-right: 30px solid #3668b1;
}
#one{
    background: #3668b1;
}
#one:after {
    border-right-color: #3668b1;
}
#two{
    background: #c9d02a;
}
#two:after{
    border-right-color: #c9d02a;
}
#three{
    background: #63b846;
}
#three:after{
    border-right-color: #63b846;
}
#four{
    background: #3fc1e5;
}
#four:after{
    border-right-color: #3fc1e5;
}
#five{
    background: #a1d276;
}
#five:after{
    border-right-color: #a1d276;
}
#six{
    background: #ca332a;
}
#six:after{
    border-right-color: #ca332a;
}
#seven{
    background: #d173bd;
}
#seven:after{
    border-right-color: #d173bd;
}
#eight{
    background: #e36224;
}
#eight:after{
    border-right-color: #e36224;
}
#nine{
    background: #c3c9bf;
}
#nine:after{
    border-right-color: #c3c9bf;
}
#ten{
    background: #c93e9b;
}
#ten:after{
    border-right-color: #c93e9b;
}
#eleven{
    background: #853692;
}
#eleven:after{
    border-right-color: #853692;
}


.page-id-6647 .qodef-title, .page-id-6738 .qodef-title {
    height: auto !important;
}
body .qodef-title .qodef-title-holder h1 {
    font-size: 34px;
    text-align: center;
    width: 100%;
}
body .qodef-title-holder h1 span {
    margin: 10px 0px;
}
.desktop_map .vc_col-sm-6 img {
    max-width: 330px;
}

.desktop_map .qodef-container-inner {
    position: relative;
}
.qodef-title .qodef-title-holder {
    position: relative !important;
}
/******************************************************Media Query****************************************************/
@media (max-width: 991px)  {
	.page-id-6647 .qodef-title h1, .page-id-6738 .qodef-title h1{
		font-size: 25px !important;
	}
	.desktop_map {
		display: none;
	}
	.mobile_map {
		display: block;
	}
    .mapsection {
        position: relative;
        width: 100%;
    }
    .vc_col-sm-12.p0 {
        padding: 0;
    }
    .mapsection:after {
        border-top: none;
        border-left: 15px solid transparent;
        border-bottom: 20px solid #ccc;
        border-right: 15px solid transparent;
        top: -20px;
        left: 50%;
        margin-left: -15px;
        margin-top: 0;
    }
    #Yellowmob:after, #Bluemob:after, #Redmob:after, #Greenmob:after, #Orangemob:after, 
    #one:after, #two:after, #three:after, #four:after, #five:after, #six:after, #seven:after, #eight:after, #nine:after, #ten:after, #eleven:after {
        border-top: none;
        border-left: 15px solid transparent;
        border-bottom: 20px solid #e3e320;
        border-right: 15px solid transparent;
        top: -20px;
        left: 50%;
        margin-left: -15px;
    }
    #Bluemob:after{
        border-bottom-color: #3668b1;
    } 
    #Redmob:after{
        border-bottom-color: #e7292b;
    }  
    #Greenmob:after{
        border-bottom-color: #63b846;
    } 
    #Orangemob:after{
        border-bottom-color: #e36224;
    }
    .mobile_map h3 {
        font-size: 20px;
    }
    #one:after {
        border-bottom-color: #3668b1;
    }
    #two:after{
        border-bottom-color: #c9d02a;
    }
    #three:after{
        border-bottom-color: #63b846;
    }
    #four:after{
        border-bottom-color: #3fc1e5;
    }
    #five:after{
        border-bottom-color: #a1d276;
    }
    #six:after{
        border-bottom-color: #ca332a;
    }
    #seven:after{
        border-bottom-color: #d173bd;
    }
    #eight:after{
        border-bottom-color: #e36224;
    }
    #nine:after{
        border-bottom-color: #c3c9bf;
    }
    #ten:after{
        border-bottom-color: #c93e9b;
    }
    #eleven:after{
        border-bottom-color: #853692;
    }
}