body{ margin:0; padding:0; text-align:center;  font-family: 'Roboto', sans-serif;}

@font-face {
    font-family:Calibri;
    src:url(../fonts/Calibri.ttf);
}

.clr{ clear:both;}
#prelaoder {
	position: fixed;
	min-height: 100%;
	min-width: 100%;
	background: #fff;
	z-index:99999999;
}

.testimonial .item{ height:180px;}
.owl-prev i{padding: 7px 8px;
    background: #9e9e9e;
    color: #fff; margin-right: 10px;}

.owl-next i{padding: 7px 8px;
    background: #9e9e9e;
    color: #fff;}


#prelaoder .prelaoder-inner h6 {
	font-size: 20px;
	line-height: 20px;
}
.spinner {
	margin: 300px auto 0;
	width: 70px;
	text-align: center;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #000068;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#f5f5f5 !important;
}
.share_btn{ float: left; background: #BC0D10; color: #fff; font-size: 14px; border-radius:3px; padding:5px 9px 2px 0px;}
.share_btn i{ margin: 0 10px;}
.share_btn:hover{ text-decoration:none; color: #fff;}
.top_left p {
    color: #fff;
    font-size: 16px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:30px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:16px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#fff;}
.services{ padding-top:80px; padding-bottom:80px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff;}
.title{ font-size:40px; margin-bottom:50px; margin-top:0; color:#9e9e9e; text-align:center; font-weight:900;}
.content{     text-align: justify;
    font-size: 19px;
    color: #666;
    font-weight: 300;}
.read_more{ float:left; color:#666; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 22px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 250px;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 17px;
    color: #878787;
    text-align: center;
    margin-top: 30px;
    text-align: justify;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 26px;
	
}	

.service_box a {
    float: right;
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 80px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 80px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom: -63px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 60px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 14px;
    font-size: 17px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
    color: #fff;
    margin-top: 0px;
    padding-top: 50px;
    font-size: 17px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{ display:none;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:17px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 50px !important; color: #8e8e8e !important;}
.right_2 {text-align: right; font-size: 50px !important; color: #fff !important; margin: 0 -195px 126px 41px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}

.display_mobile{ display: none;}
.display_desktop{ display: block;}

@media (min-width:320px) {
	 .testimonial .item {
    height: 392px;
} 
    .display_desktop{ display: none;}
    .display_mobile{ display: block;}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 14px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:10px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0 14px;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#fff;}
.services{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff; margin-bottom: 0px;}
.title{     font-size:22px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center;
    font-weight: 900;}
.content{     text-align: justify;
    font-size:12px;
    color: #666;
    font-weight: 300;}
.read_more{ float:left; color:#666; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 18px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 14px;
    color: #878787;
    text-align:justify;
    margin-top: 30px;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 21px;
	
}	

.service_box a {
    float: right;
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 40px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 40px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom:-73px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 30px 0px 0px !important;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 6px !important;
    font-size: 11px !important;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
        color: #fff;
    margin-top: 0px;
    padding-top: 17px;
    font-size: 11px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{     display: inline-block;
    margin-top: 20px; }

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:20px; color:#000; text-align:left;}
.services_div .content{ font-size:14px; text-align: left;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 22px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 22px !important;
    color: #fff !important;
    margin: 0 0px 29px 0px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left;
    width: 100%;
    min-height: 100%;
    background: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
    
}

@media (min-width:360px) {
    .display_desktop{ display: none;}
    .display_mobile{ display: block;}
    
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 14px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:10px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0 14px;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#fff;}
.services{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff; margin-bottom: 0px;}
.title{     font-size: 25px;
    margin-bottom: 29px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center;
    font-weight: 900;}
.content{     text-align:left;
    font-size: 14px;
    color: #666;
    font-weight: 300;}
.read_more{ float:none !important; color:#666; font-size:13px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 18px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 14px;
    color: #878787;
    text-align:justify;
    margin-top: 30px;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 21px;
	
}	

.service_box a {
    float: right;
    color:#9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 40px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 40px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom:-66px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 30px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 6px;
    font-size: 11px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
        color: #fff;
    margin-top: 0px;
    padding-top: 17px;
    font-size: 11px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{    display:none !important;
    margin-top: 20px;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:14px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 22px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 22px !important;
    color: #fff !important;
    margin: 0 0px 29px 0px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
  .testimonial .item {
    height: 433px;
}    
}

@media (min-width:480px) {
    
    .display_desktop{ display: none;}
    
    .display_mobile{ display: block;}
    
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 14px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:10px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0 14px;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#fff;}
.services{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff; margin-bottom: 20px;}
.title{     font-size:32px;
    margin-bottom: 29px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center;
    font-weight: 900;}
.content{     text-align: justify;
    font-size:15px;
    color: #666;
    font-weight: 300;}
.read_more{ float:none !important; color:#666; font-size:12px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 18px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 14px;
    color: #878787;
    text-align:justify;
    margin-top: 30px;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 21px;
	
}	

.service_box a {
    float: right;
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 40px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 40px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom: -73px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 30px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 6px;
    font-size: 11px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
        color: #fff;
    margin-top: 0px;
    padding-top: 17px;
    font-size: 11px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{     display: inline-block;
    margin-top: 20px;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:14px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 22px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 22px !important;
    color: #fff !important;
    margin: 0 0px 29px 0px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center; margin-bottom: 15px;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
 .testimonial .item {
    height: 390px;
}   
}

@media (min-width:600px) {
	.testimonial .item {
    height: 340px;
}
    .display_desktop{ display: none;}
    
    .display_mobile{ display: block;}
    
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 14px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:30px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0 14px;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#fff;}
.services{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff;}
.title{     font-size: 33px;
    margin-bottom: 29px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center;
    font-weight: 900;}
.content{     text-align: justify;
    font-size: 14px;
    color: #666;
    font-weight: 300;}
.read_more{ float:none !important; color:#666; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 18px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 14px;
    color: #878787;
    text-align:justify;
    margin-top: 30px;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 21px;
	
}	

.service_box a {
    float: right;
    color:#9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 40px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 40px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom:-70px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 30px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 6px;
    font-size: 14px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
        color: #fff;
    margin-top: 0px;
    padding-top: 17px;
    font-size: 14px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{     display: inline-block;
    margin-top: 20px;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:17px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 30px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 30px !important;
    color: #fff !important;
    margin: 0 0px 29px 0px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
    
}

@media (min-width:768px) {
    
    .display_desktop{ display: block;}
    .display_mobile{ display: none;}
    
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 14px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:30px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:14px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:40px; padding-bottom:40px; float:left; width:100%; background:#fff;}
.services{ padding-top:40px; padding-bottom:40px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff;}
.title{     font-size: 33px;
    margin-bottom: 29px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center;
    font-weight: 900;}
.content{     text-align: justify;
    font-size: 14px;
    color: #666;
    font-weight: 300;}
.read_more{ float:none !important; color:#9e9e9e; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 18px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 14px;
    color: #878787;
    text-align:justify;
    margin-top: 30px;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 21px;
	
}	

.service_box a {
    float: right;
    color:#9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 40px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 40px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom:-69px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 30px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
        color: #fff;
    margin-top: 0px;
    padding-top: 17px;
    font-size: 14px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{     display: inline-block;
    margin-top: 20px;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:17px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 50px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 35px !important;
    color: #fff !important;
    margin: 0 -195px 29px 41px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
  .testimonial .item{ height:158px;}  
}

@media (min-width:992px) {
	.testimonial .item{ height:190px;}
     .display_desktop{ display: block;}
    
    .display_mobile{ display: none;}
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#dadada;
}

.top_left p {
    color: #fff;
    font-size: 16px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:30px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0;}
.header .navbar-default .navbar-nav>li>a{ font-weight:500; font-size:16px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#fff;}
.services{ padding-top:80px; padding-bottom:80px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff;}
.title{ font-size:40px; margin-bottom:50px; margin-top:0; color:#9e9e9e; text-align:center; font-weight:900;}
.content{     text-align: justify;
    font-size: 18px;
    color: #666;
    font-weight: 300;}
.read_more{ float:left; color:#666; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 22px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 250px;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 17px;
    color: #878787;
    text-align: center;
    margin-top: 30px;
    text-align: justify;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 26px;
	
}	

.service_box a {
    float: right;
    color: #9e9e9e;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 80px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 80px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 15px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom: -63px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 60px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 14px;
    font-size: 17px;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
    color: #fff;
    margin-top: 0px;
    padding-top: 50px;
    font-size: 17px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{ display:block;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#000; text-align:left;}
.services_div .content{ font-size:17px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 50px !important; color: #8e8e8e !important;}
.right_2 {text-align: right;
    font-size: 35px !important;
    color: #fff !important;
    margin: 0 -195px 29px 41px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
    
}

@media (min-width:1200px) {
     .display_desktop{ display: block;}
    
    .display_mobile{ display: none;}
    
    .clr{ clear:both;}
.header_top { float:left; width:100%;
    top: 9px; padding:10px 0;
    right: 0;
    left: 0px; background:#f5f5f5 !important;
}

.top_left p {
    color: #fff;
    font-size: 16px;
    margin:5px 0 0 0; float:left;
}
.top_right {
    float: right;
}
.top_right ul {
    margin: 0px;
    padding: 0px;
}
.top_right li {
    display: inline-block;
    padding: 0px 2px;
}
.top_right a {
    text-decoration: none;
}
.top_right li .facebook i {
    background-color: #3b5998;
}
.top_right li .twitter i {
    background-color: #55acee;
}
.top_right li .google_plus i {
    background-color: #dc4e41;
}
.top_right li .linked_in i {
    background-color: #007ab9;
}
.top_right i {
    color: #fff;
    text-decoration: none;
    width: 34px;
    height: 34px;
    display: block;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
}
.header{ float:left; width:100%; padding:30px 0;}
.header .navbar-default{ background:#fff; border:none; border-radius:0px; margin:0;}
.header .navbar-brand{ height:100%; padding:0;}
.header .navbar-default .navbar-nav>li>a{ font-weight: 400;
    font-size: 18px;
    padding: 15px 15px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#000068;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#000068;}
.about{ padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#f5f5f5;}
.testimonial{padding-top:80px; padding-bottom:80px; float:left; width:100%; background:#fff;}
.services{ padding-top:80px; padding-bottom:80px; background:#f5f5f5; float:left; width:100%;}
.about img{ width:100%; box-shadow:0 0 20px rgba(0, 0, 0, 0.06); padding:20px; border-radius:5px; background:#fff;}
.title{     font-size: 55px;
    margin-bottom: 50px;
    margin-top: 0;
    color: #9e9e9e;
    text-align: center; font-family: 'Calibri', sans-serif;
    font-weight: bolder;}
.content{     text-align: justify;
    font-size: 19px;
    color: #9e9e9e;
    font-weight: 300;}
.read_more{ float:left !important; color:#adadad; font-size:16px; padding:10px 20px; border-radius:5px; margin-top:15px; font-weight: 600; text-decoration:none;}
.read_more:hover{ text-decoration: none;
    color: #000;}
	
.service_box {
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 24px; border-radius:5px;
}
.service_title h2 {
    font-size: 22px;
    background-color: #9e9e9e;
    padding: 12px 19px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.img_box{ position:relative; width:100%;}
.service_box img {
    width: 100%; position:relative;
}

.service_box img {
    width: 100%;
}

.service_title {
    position: absolute;
    
    bottom: -34px;
}

.service_box p {
    font-size: 16px;
    color: #878787;
    text-align: center;
    margin-top: 30px;
    text-align: justify;
    padding: 6px 0px;
    font-weight: 300;
    line-height: 26px;
	
}	

.service_box a {
    float: left;
    color: #9e9e9e; font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
    text-decoration: none;
}

.gallery {
    padding: 80px 0px; float:left; width:100%; clear:both; background:#f5f5f5;}

.clients{padding: 80px 0px; float:left; width:100%; clear:both; background:#fff;}

.gallery .read_more{ float:none; display:inline-block;}

.gal {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.gallery_box {
    position: relative;
    margin: 0px 0px 0px; border-radius:5px;
}

.gallery_box img {
    width: 100%; border-radius:5px;
}

.gal img {
    width: 100%;
    /* padding: 7px 0; */
    margin-bottom: 15px;
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.gallery_box:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.text a {
    text-decoration: none;
}

.gallery_box i {
    color: #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    line-height: 50px;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0; border-radius:5px;
    transition: .5s ease;
    background-color: rgba(151, 50, 131, 0.76);
}

.testimonial .carousel-indicators {
    bottom: -87px;
}
.carousel-caption .title{ font-size:30px; font-weight:400; color:#fff;}
.footer {
    background: #1b1b1b;
    position: relative;
    background-size: cover;
    float: left;
    width: 100%;
}

.footer-box {
    position: relative;
}

.footer_links {
    margin: 0px;
    padding: 20px 0px 0px;
}

.footer_links li {
    display: inline-block;
}

.footer_links li a {
    color: #fff;
    padding: 10px 14px;
    font-size: 17px !important;
    text-decoration: none;
}

.social_links {
    margin: 0px; margin-bottom:50px;
    padding: 20px;
}

.social_links li {
    display: inline-block;
    padding: 0px 6px;
}

.footer-box a {
    color: #fff;
    text-decoration: none;
}

.social_links li .facebook i {
    background-color: #3b5998;
}

.social_links li .twitter i {
    background-color: #55acee;
}
.social_links li .google_plus i {
    background-color: #dc4e41;
}
.social_links li .linked_in i {
    background-color: #007ab9;
}

.footer-box p {
    color: #fff;
    margin-top: 0px;
    padding-top:20px;
    font-size: 17px;
}
.social_links i {
    color: #fff;
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
}
.owl-nav{ display:none;}

.services_div{ float:left; width:100%; background:#fff; margin-bottom:40px;}
.services_div img{ width:100%; border:solid 1px #eee; float:left; box-shadow:none; padding:0; margin-top:15px; margin-bottom:15px;}
.services_div h2{ font-size:24px; color:#9e9e9e; text-align:left;}
.services_div .content{ font-size:17px;}
.clients_logo{ float:left; width:100%; margin-bottom:30px;}
.clients_logo img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); padding:0;}
.right{ text-align: right; font-size: 50px !important; color: #8e8e8e !important;}
.right_2 {text-align: right; font-size: 50px !important; color: #fff !important; margin: 0 -195px 126px 41px;}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #666;
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #666;
    background-color: rgba(0,0,0,0);
    border: 1px solid #666;
    border-radius: 10px;
}

.address{ float: left; width: 100%; min-height: 185px; background: #fff; padding: 15px; text-align: center;}
.address .content{ text-align: center; line-height: 29px;}
.address strong{ font-size: 25px; margin-bottom: 0px; display: block;}

.map{ float: left; width: 100%; height: 400px; background: #eee; margin: 40px 0 0 0;}
 .testimonial .item{ height:180px;}   
}