@charset "utf-8";

/* CSS Document */

/* Table of Contents

--------------------------------------------------

	1. Clean Base

	2. Base Typography

	3. Images

	4. Links

	5. Forms

	6. Tables

	7. Framework 

*/

/*Contact us*/

.contact-banner{text-align: center;}

.contact-banner .container{padding:230px 0px;}

.contact-banner h1{color: #FFF; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: capitalize; font-size: 51px; margin-bottom: 20px; line-height: 40px;}

.contact-banner #breadcrumbs{margin: 0px auto; display: table;}

.contact-banner #breadcrumbs a, .contact-banner #breadcrumbs span{color: #FFF; font-family: 'Montserrat', sans-serif; font-weight: 600; 

text-transform: uppercase; letter-spacing: 1px; font-size: 14px;}

.contact-banner #breadcrumbs a{opacity: 0.6;}



.contact-details .container{border-radius: 8px; margin-top:-100px !important; background-color: rgb(255, 255, 255); padding: 90px 55px 0; box-sizing: border-box; box-shadow: 0px 10px 50px rgba(0,0,0,0.07)}

.contact-details h4{font-family: 'Montserrat', sans-serif; font-weight: 500; margin-bottom: 5px;}

.contact-details .aio-icon-description{font-weight: 400;}

.contact-details .aio-icon-description a{color:#666666; transition: all ease 0.3s;    font-size: 15px;}
#Info-box-wrap-1100 .aio-icon-description {font-size: 15px; line-height: 26px;}
.contact-details .aio-icon-description a:hover{color:#a4895f; transition: all ease 0.3s;}

.contact-details .left-icon .aio-ibd-block{padding-left:7px;}

.contact-page-details.fix-content-div h2{font-size:26px !important;line-height:36px !important}



.contact-form{padding-bottom: 130px;}

.contact-form .container{float: none;}

.contact-form .container .vc_column-inner{padding:0px;}

.contact-form ul{width: 100%; display: block; margin: 0px;}

.contact-form ul li{width:50%; float: left; list-style: none; margin-bottom: 30px;position:relative;}

.contact-form ul li input, .contact-form ul li textarea{border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; padding: 14px 45px;}

.contact-form ul li textarea{padding: 14px 20px; min-height: 130px; height: 130px; resize: vertical;}

.contact-form ul li input:hover, .contact-form ul li input:focus, .contact-form ul li textarea:hover, .contact-form ul li textarea:focus{border: 1px solid rgba(0,0,0,0.1);}

.contact-form ul li.textarea, .contact-form ul li:nth-child(even).textarea{width: 100%; padding-left: 0; padding-right: 0;}

.contact-form ul li:nth-child(odd){padding-right: 17px;}

.contact-form ul li:nth-child(even){padding-left: 17px;}

.contact-form ul li .name{background: url(../../assets/images/name-icon.png) no-repeat top 16px left 18px;}

.contact-form ul li .email{background: url(../../assets/images/email-icon.png) no-repeat top 16px left 18px; background-size: 17px;}

.contact-form ul li .phone-no{background: url(../../assets/images/phone-icon.png) no-repeat top 16px left 18px; background-size: 17px;}

.contact-form .submit{font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; float: right; border-radius: 5px; background-color: #7accc8; text-transform: uppercase; border-color: #7accc8; color:#FFF; letter-spacing: 2px; min-width: 190px; text-align: center;}

.contact-form .submit:hover{background: transparent; color: #7accc8;}

.contact-form div.wpcf7-validation-errors, .contact-form div.wpcf7-acceptance-missing{width: 100%; float: left; margin: 10px 0px;}

.contact-form div.wpcf7-mail-sent-ok{float: left; margin-left: 0; margin-bottom: 0;}

.contact-form span.wpcf7-not-valid-tip {display: table !important;position: absolute;width: 100%;}

.team .ult-social-icon i {display: inline-block;
font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;}
.team .facebook-f::before{content: "\f09a";font-family: 'FontAwesome';}
.team .Defaults-instagram::before{content: "\f16d";}
.team .Defaults-twitter::before{content: "\f099";}
.team .Defaults-pinterest-p::before{content: "\f0d2";}