@import url(https://fonts.googleapis.com/css?family=Ubuntu);a,body{color:#000}a,a:hover{text-decoration:none}.btn1,.read-more{transition:all .4s ease-in-out 0s;box-sizing:border-box;text-transform:uppercase;letter-spacing:1px}.btn1,.footer-heading,.footer-links ul li a,.read-more{text-transform:uppercase}#SMO p,#seo p,.address p,.bg-footer p,.btn1,.read-more,a,p{letter-spacing:1px}body{font-family:Ubuntu,sans-serif}h1,h2,h3,h4,h5,h6{color:#533834;font-weight:400;margin:15px 0;text-align:center;font-family:'Reem Kufi',sans-serif!important}p{text-align:justify;line-height:22px;font-family:Ubuntu,sans-serif}a{transition:all .4s ease-in-out 0s}a:hover{color:#666}.read-more{background-color:#1abc9c;border-color:#042C69;color:#fff;border-radius:0!important;font-size:12px;line-height:25px;text-align:center;padding:0 10px}.read-more:hover{background:#403B4A;border-color:transparent;color:#fff!important}.bread>h1,.welcome_box>h4{color:#fff}.welcome_box{padding:25px;margin:25px 0}.welcome_box>.icon{margin:30px auto 0;width:80px;height:80px}.color1{background-color:#26C281}.color2{background-color:#F64747}.color3{background-color:#BF55EC}.color4{background-color:#F9BF3B}#services{padding:30px 0}#services .service-box{background-color:#f5f5f5;padding:30px;position:relative;margin:8px -8px 0}#services .service-box>h1{color:#000}#services .service-box>h5{color:#666;text-align:left;line-height:25px;font-size:20px}#services .service-box>p{margin:25px 0 50px}#services .service-box>h3{color:#666;text-align:center;line-height:25px;font-size:15px}#services .service-box>h5:after{display:block;margin:15px 0 20px;content:'';height:3px;width:50px;background:#d9d9d9}#services .service-box>.img_box{margin:20px auto 0;width:100px;height:100px}#bread-section{background-image:url(../images/seo-banner.jpg);height:250px;margin-top:5px;background-size:cover}.bread{padding:103px 0 65px 35px;position:relative;height:100%}.bread:before{content:url(../images/boll.png);position:absolute;top:85px;left:-7px}.bread:after{content:"";height:141px;width:1px;position:absolute;left:0;bottom:0;background:#fff}#SMO,#link_building{background-color:#fff}#email_marketing,#seo{background-position:left bottom}#SMO,#website{background-position:right }#SMO,#email_marketing,#seo,#website{background-repeat:no-repeat;padding:50px 0}.bread>h1{text-align:left}.bread>img{position:absolute;bottom:-2px;right:0}#seo{background-image:url(../images/seo-vector.png);background-size:47%;background-color:#f5f5f5}#SMO h1,#email_marketing h1,#link_building h1,#seo h1{color:#26A65B;text-align:center;padding:0 0 20px}#SMO p,#seo p{font-size:16px}#SMO{background-image:url(../images/social_media.png);background-size:50%}#link_building{padding:50px 0}#email_marketing p,#link_building p,#website p{font-size:16px;letter-spacing:1px;color:#666}#email_marketing{padding:30px 0 0}#website{background-color:#fff}#website h1{color:#FF9800;text-align:left}#Quotation{background-image:url(../images/Quotation_bg.jpg);background-size:cover;padding:50px 0;margin:20px 0 0}.btn1,.btn1:hover{padding:6px 10px;text-decoration:none}#Quotation h1{color:#666;line-height:50px}.bg-footer p,.btn1,.btn1:hover{line-height:25px}.btn1{background-color:#9C27B0;border-color:#FF8A65;color:#fff;font-size:13px;border-radius:2px;text-align:center}.btn1:hover{background:#FF8A65;border-color:transparent;color:#fff}.bg-footer{background-color:#1e212a;padding:3em 0 2em}.footer-heading{text-align:left;display:block;font-size:17px;margin:10px 0;color:#fff;position:relative;padding:0 0 8px;font-family:'Reem Kufi',sans-serif!important}.footer-heading:before{position:absolute;content:'';top:100%;left:3px;width:30px;height:3px;background-color:#fff}.footer-links ul{list-style:none;padding:0 10px}.footer-links>ul>li{font-size:14px;font-style:normal;font-weight:500;padding:10px 0}.footer-links>ul>li>a i{color:#fff}.footer-links ul li a{color:#fff;text-decoration:none;transition:all .3s ease 0s}.footer-links ul li a:hover{color:#DD4B39}.footer_div>p{color:#999;margin-top:20px}.social{margin-top:40px}.social>ul{list-style:none;padding:0;margin:0}.social>ul>li{margin-bottom:10px;width:40px;height:40px;line-height:40px;border-radius:2px;background-color:#242731;color:#999;text-align:center;display:inline-block}.social>ul>li.fb:hover{border:thin solid #348AC7}.social>ul>li.fb:hover>a{color:#348AC7}.social>ul>li.twitter:hover{border:thin solid #1ce}.social>ul>li.twitter:hover>a{color:#1ce}.social>ul>li.insta:hover{border:thin solid #F64747}.social>ul>li.insta:hover>a{color:#F64747}.social>ul>li>a{color:#999}.address p{color:#fff;line-height:28px}.address i{color:#26A65B;margin-right:10px}.address a{color:#26A65B;text-decoration:none;transition:color .2s ease-in 0s}.address a:hover{color:#fff;text-decoration:none}#map-container{height:350px}


/* =============================================================
Contact uS STYLES
============================================================ */
.contact_detail {
    padding: 30px;
}
.contact_detail > h4 {
    color: #666;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.contact_detail > h4 >i{
    text-align: center;
    display: block;
    padding: 15px 0;
}
.contact_detail > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}
.contact_detail > ul > li {
    padding: 15px;
    letter-spacing: 1px;
    display: inline-block
}
.contact_detail > ul > li > i {
    background-color: #252c44;
    padding: 15px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin-right: 10x
}
.contact_detail > p {
    text-align: center;
    padding: 30px;
}

#contact_us{
    background-image: url(../images/contact-bg.jpg);
    padding: 30px
}
#contact_us h2 {
    color: #fff;
    text-align: left
}

/* =============================================================
Form Style SECTION STYLES
============================================================ */
#contact_us .input-group-addon{
    background-color: transparent;
    color: #fff;
    border-color: #26C281
}
.input-brill {
    padding:15px 8px;
    position: relative;
    height:auto;
    border-bottom: thin solid;
    border-color: transparent;
    border-bottom-color: #26C281;
    border-radius: 0px;
    display: inline-block;
    line-height: normal ;    
    width:100%;
    color: #d9d9d9;
    background-color: transparent;
    text-transform: uppercase;
    transition: all 0.3s
}
.textarea-brill {
    color: #fff 
}

.input-brill:focus {
    color: #fff;    
    border-bottom-color: #fff;
}
.select-brill {
     background-color: #fff;
    background-image: none;
    border: 2px solid rgba(0, 111, 230, 0.4);
    border-radius: 0px;
    color: #006FE6;
    display: block;
    height: 34px;
    padding: 3px 12px;
    font-size: 1em;
    line-height: normal ;    
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
    width: 100%;
}

.select-brill:focus {
     border-color: rgba(9, 157, 179, 0.9);
     background-color:transparent;
     color: #006FE6
}


.headline {
  font-family: Calibri, "Helvetica", san-serif;
  line-height: 1.5em;
  color: black;
  font-size: 20px;
  position: relative;
  position: relative;
}

.headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:50%;
  width: 20px;
  border:2px solid #d0d0d0;
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
  transform:translateX(-50%);

}


.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 100%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}

.side-heading {
    text-align: left;
    display: block;
  
    margin: 10px 0;
    color: #000;
    position: relative;
    padding: 0 0 8px;
 
}
.side-heading:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 3px;
    width: 60px;
    height: 3px;
    background-color: black;
}