@font-face {
	font-family: 'Conv_Myriad Pro Regular';
	src: url('fonts/Myriad Pro Regular.eot');
	src: local('☺'), url('fonts/Myriad Pro Regular.woff') format('woff'), url('fonts/Myriad Pro Regular.ttf') format('truetype'), url('fonts/Myriad Pro Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {

    margin: 0 auto;
    color: #555555;
    text-decoration: none;font-family: 'Conv_Myriad Pro Regular';
    max-width: 500px;
    text-align: center;
    background-color: #F8FAFD;
    box-shadow: 1px 1px 15px rgba(107, 128, 168, 0.2); padding: 25px; margin: 0 auto !important;
}
ul{ margin: 0px; padding: 0px; }
li{list-style-type: none;}

.ProfSec{ background: url(images/profbg.jpg) 0 0 no-repeat; width: 100%; text-align: center;
display: inline-block; border-radius: 25px;background-size: cover; padding: 77px 0; margin-bottom: 20px;}

.profImg{ width: 95px; height: 95px; border: 6px solid #fff; border-radius: 100%; margin: 0 auto;}
.profImg img{width: 100%;height: auto;object-fit: fill;}

.ProfSec .title{ font-size: 24px; color: #fff; font-family: 'Conv_Myriad Pro Regular'; font-weight: 600;
margin-top: 20px;}
.ProfSec .Subtitle{ font-size: 18px; color: #fff; font-family: 'Conv_Myriad Pro Regular'; 
font-weight: normal; margin-top: 10px;}

.listBox{ width: 100%; overflow: hidden; }
.listBox ul{ width: 100%; overflow: hidden; margin: 0px; padding: 0px; text-align: left;}


.callbox{ background: url(images/1.png) 0 0 no-repeat; background-size: cover;}
.mailbox{ background: url(images/2.png) 0 0 no-repeat;  background-size: cover;}
.webbox{ background: url(images/3.png) 0 0 no-repeat;  background-size: cover;}
.whatsappbox{ background: url(images/4.png) 0 0 no-repeat;  background-size: cover;}


.listBox  ul li{ width: 100%; overflow: hidden;
 height: 94px;}
.listBox  ul li a:hover{text-decoration: none;}
.containBox{ padding-left: 110px;}
.containBox h2{ font-size: 20px; color:#000; margin: 15px 0 0 0;}
.containBox p{ color: #7b7e85; font-size: 16px; margin: 5px 0 0 0; }
.containBox p a{color: #7b7e85; text-decoration: none;}

.FllowBox{ width: 100%; overflow: hidden; margin: 30px 0; text-align: center; }
.FllowBox .Heading{ font-size: 21px; color: #696b81; }
ul.Boxes{ float: left;  text-align: center; width: 100%;
}
ul.Boxes li{padding: 17px;text-align: center;width: 20%;
display: inline-block;border-radius: 25px;border: 1px solid #d8e3e9;
margin-right: 20px;margin-top: 30px; }

ul.Boxes li p{ color: #888787; font-size: 18px; margin: 5px 0 0 0;}
ul.Boxes li img{width: auto; height: 36px; object-fit: cover;}

#phoneBook .LocationSec{width: 100%; padding-bottom: 30px;}
#phoneBook .LocationSec h2{ padding: 20px 0; font-weight: bold; text-align: center; }
#phoneBook .LocationSec p{ text-align: center; padding-bottom: 0px !important;}

.LocationSec { width: 100%; text-align: center; }
.modal-header {border-bottom: 1px solid transparent !important;}
.LocationSec h2{ padding: 20px 0 0 0; font-weight: bold; }
.LocationSec p{ padding-bottom: 50px; }

.btn-fb { color: #fff; background-color: #3b5998 !important;}
.btn-fb:hover{color: #fff; text-decoration: none; background-color:#0072b2 !important;}

.btn-tw { color: #fff;background-color: #55acee !important;}
.btn-tw:hover { color: #fff;background-color: #24b9fd !important; text-decoration: none;}

.btn-gplus { color: #fff; background-color: #dd4b39 !important;}
.btn-gplus:hover { color: #fff; background-color: #ff7083 !important; text-decoration: none;}

.btn-li {color: #fff;background-color: #0082ca !important;}
.btn-li:hover{color: #fff;background-color: #0082ca !important; text-decoration: none;}

.btn-ins { color: #fff; background-color: #2e5e86 !important;}
.btn-ins:hover { color: #fff; background-color: #12a4f4 !important; text-decoration: none;}
.SocialBox{
	margin: 20px 0 0 0; display: inline-block;
}
.btn-dribbble {color: #fff;  background-color: #ec4a89 !important;}
.btn-dribbble:hover { color: #fff; background-color: #fb7aac !important; text-decoration: none;}
  
.Sbtn {

    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding: 12px 29px;
    font-size: .81rem;
color: #fff; margin-right: 8px;display: inherit;
margin-bottom: 10px;
}
.Sbtn i{ margin-right: 8px; }
.SbtnSec{ width: 100%; margin-top: 20px; display: inline-block;}

/*social css*/

.btn-floating {

    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 8px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50% !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  width: 34px;
height: 47px;

line-height: 42px !important;

font-size: 34px !important;

}

.btn-floating i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center;
}
/*.btn-floating.btn-lg {
    width: 61.1px;
    height: 61.1px;
}*/

@media (max-width: 375px) {

	.containBox{padding-left: 83px;}
	.containBox h2{    margin: 8px 0 0 0; font-size: 17px;}
	.containBox p{ margin: 0px; }
	ul.Boxes li{width: 32%; margin-right: 17px;}
	.listBox  ul li{ height: auto; margin-bottom: 20px; }
	}

	@media (max-width: 360px) {
	.containBox{padding-left: 83px;}
	.containBox h2{    margin: 8px 0 0 0; font-size: 17px;}
	.containBox p{ margin: 0px; }
	ul.Boxes li{width: 54%; margin-right: 17px;}
	.listBox  ul li{ height: auto; margin-bottom: 20px; }
	}

@media (max-width: 320px) {
	.containBox{padding-left:67px;}
	.containBox h2{    margin: 6px 0 0 0; font-size: 15px;}
	.containBox p{ margin: 0px; }
	ul.Boxes li{width: 44%; margin-right: 17px;}
	.listBox  ul li{ height: auto; margin-bottom: 20px; }
	body{ padding: 11px; }
	}