/*************** CUSTOM CSS ************/

body {
    letter-spacing: 1px;
}
#vpf-header .inner-container {
    padding: 0;
}
.vpf-topbar {
    border-bottom: none;
}
.top-left {
    max-height: 1px;
}
.vpf-topbar .inline-mod {
    margin: 0 !important;
}
.vpf-topbar .inner-container {
    padding: 0;
}
.brand {
    margin: 0;
}
.vpf-logo {
    text-align: center;
}
img.site-logo.logo-general.img-responsive, .header-fixed img.site-logo.logo-general.img-responsive {
    max-width: 200px;
  	transition: all .2s ease-in-out;
}
.header-fixed img.site-logo.logo-general.img-responsive {
    max-width: 150px;
}
.navbar-mainmenu .navbar-nav > li > a, .navbar-mainmenu .navbar-nav > li > span {
    text-transform: inherit;
}
.header-add-margin {
    margin-top: 40px;
}
a.c-tel {
	color: #333;
    font-size: 18px;
    margin-right: 2px;
    padding: 7px 10px 7px 0;
    border-right: 1px solid #666;
    position: relative;
    top: -4px;
}
a.c-tel i.fa.fa-phone {
    color: #bb0e39;
    font-size: 18px;
}
a.c-tel:hover i.fa.fa-phone, a.c-tel i.fa.fa-phone:hover {
    color: #333;
}
.navbar-mainmenu .navbar-nav > li > a, .navbar-mainmenu .navbar-nav > li > span {
    font-size: 16px;
}
.vpfrs-caption {
    margin: 12% 2%;
}
.mod-slider-cont .custom {
/*    min-height: 100vh; */
  	position: relative;
}
.cus-scroll {
    text-align: center;
    position: absolute;
    bottom: 30px;
	left: 0;
    width: 100%;
  	animation: pos 1s;
  	animation-iteration-count: infinite;
}
@keyframes pos {
  0%   {bottom: 30px;}
  50%  {bottom: 25px;}
  100% {bottom: 30px;}
}
#about-us, #case-studies {
	padding-top: 100px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5%;
    text-align: justify;
}
#services {
    padding-top: 100px;
    text-align: justify;
    padding-bottom: 25px;
    margin-bottom: 150px;
}
#contact-us {
    padding-top: 100px;
    text-align: justify;
}
.mod-big-header h3.mod-header {
    text-align: center;
    font-weight: bold;
    text-transform: inherit;
    margin: 30px;
}
.mod-big-header .mod-header-title {
    padding-left: 10px;
    padding-right: 10px;
}
.mod-big-header .mod-header:before, .mod-big-header .mod-header:after {
	display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    content: " ";
    height: 5px;
    width: 5px;
    background: #ed2c3e;
    border-radius: 50%;
}
.c-block-servise-2 {
    display: inline-block;
    width: 100%;
    border-bottom: 2px dashed #ddd;
    padding: 0 0 2px;
  	margin-bottom: 20px;
}
.c-block-servise-3 {
    display: inline-block;
    width: 100%;
    position: relative;
    top: -8px;
    border-bottom: 2px dashed #ddd;
    padding: 0 0 2px;
}
.c-block-servise-3 {
    display: inline-block;
    width: 100%;
    position: relative;
    top: -10px;
}
.c-block-servise-1 {
    margin-bottom: 55px;
}
.c-block-servise-1 .srv-img, .c-block-servise-2 .srv-img, .c-block-servise-3 .srv-img {
    float: left;
  	width: 40%;
}
.c-block-servise-1 .srv-txt,  .c-block-servise-2 .srv-txt, .c-block-servise-3 .srv-txt {
    float: left;
  	width: 60%;
    text-align: justify;
    padding: 90px;
}
.srv-img img {
    width: 100%;
}
.mod-header-title {
    margin-bottom: 25px;
    font-size: 40px;
}
#case-studies h3.mod-header {
    margin-bottom: 100px;
}
.srv-txt h4 {
    font-size: 28px;
}
.vpf-scroll-top-button {
    width: 40px;
    height: 40px;
    font-size: 37px;
    border-radius: 50% 50% 0 0;
}
#fox-container-m128 label {
    display: none !important;
}
#fox-c187-textarea1-box .controls {
    width: 96% !important;
}
textarea#fox-c187-textarea1 {
    height: 100px !important;
    width: 100% !important;
}
#fox-container-m128 input, #fox-container-m128 textarea {
    padding: 20px 10px !important;
    background: #cccccc36 !important;
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #bb0e398c !important;
    box-shadow: none;
}
span.control-label.collapsed {
    display: none !important;
}
div#fox-container-m128 .btn, div#fox-container-m128 .btn span {
    background-image: none;
    background: #ed2c3e;
    color: #fff;
    text-shadow: none;
    font-size: 20px;
    border-radius: 0;
    padding: 6px 23px;
}
div#fox-container-m128 h2 {
    margin: 0 0 20px;
    font-size: 22px;
}
div#fox-container-m128 .fox-form-stacked .control-group,
div#fox-container-m128 .fox-form-stacked .control-label,
div#fox-container-m128 .controls {
    width: 100% !important;
}
div#fox-container-m128 .chzn-container,
textarea#fox-m128-textarea1,
div#fox-container-m128 .text-count-wrapper {
    width: 93% !important;
}
div#fox-container-m128 .chzn-container-single .chzn-single {
    background-image: none !important;
    border: none !important;
    box-shadow: none;
    border-bottom: 1px solid #bb0e398c !important;
    border-radius: 0 !important;
    background: #cccccc36 !important;
    height: 40px;

}
.chzn-container-single .chzn-single span {
    padding: 3px 5px;
    font-family: 'Ubuntu Condensed', Verdana, sans-serif !important;
    font-size: 14px !important;
    font: 17px/1.9 'Ubuntu Condensed', Verdana, sans-serif !important;
    color: #999 !important;
    letter-spacing: 0 !important;
}
div#fox-container-m128 .chzn-container-single .chzn-single abbr {
    top: 10px;
}
.custom.about_us.services.mod-big-header {
    min-height: 10px;
}
div#mainbody {
    display: none;
}
.googlemaps {
    position: relative;
    margin-top: 8%;
    padding-bottom: 45%;
    overflow: hidden;
    width: 90%;
}
.googlemaps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.bottom-horizontal .fa {
    color: #ed2c3e;
}
div#fox-m128-textarea1-box {
    margin-bottom: 5px !important;
}
.box-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 10px;
    min-height: 269px;
    text-align: center;
    border: 1px solid #ebebeb;
    transition: 0.3s ease-out all;
	padding: 50px 10px;
    text-align: left;
    text-align: center;
}
.box-info-content {
    margin-left: 10px;
    margin-right: 10px;
}
.box-info .icon {
    position: absolute;
    bottom: 100%;
    left: 0;
    transform: translate(25%, 50%);
    padding: 0 10px;
    background: #fff;
    border-top: 1px solid #ed2c3e;
    border-bottom: 1px solid #ed2c3e;
  	position: relative;
    padding: 60px 10px;
}
.box-info .icon img {
    max-width: 130px;
}
.box-info h4 {
    font-size: 22px;
}
.box-info-content .col-md-12 {
    margin-top: 15px;
}
.box-info p {
    font-size: 16px;
    line-height: 28px;
}
#case-studies .row {
    margin-bottom: 100px;
}
ul.list-inline.logos img {
    max-width: 100px;
}
ul.list-inline.logos {
    margin-top: 0px;
}
.c-log {
    margin-bottom: 40px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.avPlayerWrapper .avPlayerContainer {
    width: 100% !important;
}
video {
    width: 100% !important;
    height: auto !important;
    position: relative;
    margin-top: -7% !important;
    z-index: -2;
}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock video {
    background: #fff;
}

/** MOB **/
@media (max-width : 480px) {
	img.site-logo.logo-mobile.visible-xs.img-responsive {
    	max-width: 170px;
	}
	#about-us, #case-studies {
    	padding-top: 80px;
    	padding-bottom: 0;
	}
  	.offcanvas-toggle-container.hidden-lg.hidden-md, .cus-scroll {
    	display: none;
	}
	@keyframes pos {
  		0%   {bottom: -50px;}
  		50%  {bottom: -55px;}
  		100% {bottom: -50px;}
	}
  	.c-block-servise-1 .srv-img, .c-block-servise-2 .srv-img, .c-block-servise-3 .srv-img {
    	float: left;
    	width: 100%;
      	margin: 20px 0;
	}
  	.c-block-servise-1 .srv-txt, .c-block-servise-2 .srv-txt, .c-block-servise-3 .srv-txt {
    	float: left;
    	width: 100%;
    	padding: 5%;
	}
  	.c-log {
    	margin: 30px 0;
	}
  	#services {
    	margin-bottom: 0;
		padding-top: 50px;
	}
	#case-studies .row {
    	margin-bottom: 0px;
	}
	#case-studies .row div.col-md-6 {
    	margin-bottom: 70px;
	}
  	#contact-us {
    	padding-top: 50px;
  	}

}