/*------------------------------------------------------------------

[Master Stylesheet]



Project:	Insurance Agency 2 - Onepage Html Responsive Template

Version:	1.1

Last change:	15/10/2017

Primary use:	Insurance Agency - Onepage Html Responsive Template 

-------------------------------------------------------------------*/



@import url("default-theme-style.css");

@@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@import url("flaticon.css");





/*------------------------------------------------------------------

[Table of contents]



1. Body  /  #page-top

2. Navigation / #mainNav

3. Slider

4. Section commen style

5. About section  /  #about

6. Our Services section  /  #services

7. Testimonials section  /  #testimonials

8. Why Us  /  #whyus

9. Our Attorneys  /  #attorneys

10. News (Blog) section  /  #news

11. Contact section  /  #contactus

12. Footer section  /  #footer

13. Responsive Media Screen style



-------------------------------------------------------------------*/



/*------------------------------------------------------------------

# [Color codes]



# Black (text): #333

# Gray  : #898989

# blue : #003058



------------------------------------------------------------------*/



/*------------------------------------------------------------------

[Typography]



Body :		'Open Sans', sans-serif;

Title and logo:		'Oswald', sans-serif;



-------------------------------------------------------------------*/







/*---Body---*/

 

html,

	body {

	  height: 100%;

	  width: 100%;

	}

	

body {

	color:#898989;

  	font-family: 'Montserrat', sans-serif;

}



a {

	color: #333;

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}



a:hover,

a:focus {

	color: #fff;

	outline: none;

	outline-offset: 0px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Montserrat', sans-serif;

	color:#333;

}



p {

	line-height: 1.5;

	margin-bottom: 20px;

}



.blue{

	color:#003058;

}

.white{

	color: #fff;

}



.text-faded {

	color: #fff;

}



section {

	padding:30px 0;

}



aside {

	padding: 50px 0;

}



.no-padding {

	padding: 0;

}







/*---Navigation / #mainNav---*/



.navbar-default {

	background-color: #000;

  		border-color: rgba(34, 34, 34, 0.05);

  	-webkit-transition: all 0.35s;

  	-moz-transition: all 0.35s;

  	transition: all 0.35s;

	font-family: 'Montserrat', sans-serif;

	font-weight:500;

	letter-spacing:1px;

}

.navbar-collapse{

	overflow:hidden !important;

	height: 70px !important;

}

.navbar-default .navbar-header .navbar-toggle {

  	font-size:21px;

  	color: #989898;

  	text-transform: uppercase;

}

.navbar-default .nav > li > a,

.navbar-default .nav > li > a:focus {

  	text-transform: uppercase;

  	color: #fff;

}

.navbar-default .nav > li > a:hover,

.navbar-default .nav > li > a:focus:hover {

  	color: #003058;

}

.navbar-default .nav > li.active > a,

.navbar-default .nav > li.active > a:focus {

  	background-color: transparent;	

  	color: #000000 !important;

  	outline: none;

}

.navbar-default .nav > li.active > a:hover,

.navbar-default .nav > li.active > a:focus:hover {

  	background-color:transparent;

	    color: #9b9b9b !important;

        font-weight: 700;

}

@media only screen and (min-width: 300px) and (max-width: 768px) {

    .aboutc p {

        padding: 0 0 !important; 

        line-height: 36px  !important; 

        font-size: 18px  !important; 

        color:#000; 

        text-align: left !important;

        clear: both !important;

    }

    .aboutc h1 {

    font-weight: bold;

    font-size: 32px;

    margin-bottom: 50px;

    float: left !important;

    }

}

@media (min-width: 768px) {



.navbar-default {

    background-color: rgba(255,255,255,0.0);

    border-color:transparent;

	    margin: 20px;

}

.navbar-default .nav > li > a,

.navbar-default .nav > li > a:focus {

	color: #9b9b9b;

	padding: 25px 20px;

}

.navbar-default .nav > li > a:hover,

.navbar-default .nav > li > a:focus:hover {

    color: #9b9b9b;

    font-weight: 700;

}

.navbar-default.affix {

    background-color: rgba(245, 246, 245, 0.8);

	    margin: 0;

}

.navbar-default.affix .navbar-header .navbar-brand {

    color: #003058;

}

.navbar-default.affix .navbar-header .navbar-brand:hover,

.navbar-default.affix .navbar-header .navbar-brand:focus {

    color: #000;

}

.navbar-default.affix .nav > li > a,

.navbar-default.affix .nav > li > a:focus {

    color: #222222;

}

.navbar-default.affix .nav > li > a:hover,

.navbar-default.affix .nav > li > a:focus:hover {

    color: #003058;

}



}



.bgdesign{background-image: url("../upload/h_page_about_bg.jpg"); background-attachment: fixed;}



/*---slider---*/



.slider-banner {

	padding:0; 

}



.flex-caption {

    position: absolute;

    left: 0%;

    right: 0%;

	top:50%;

    bottom: 20px;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #003058;

	font-family: 'Montserrat', sans-serif;

    text-align: center;

	text-transform:uppercase;

}

.flex-caption h1{

	margin-bottom:30px;

	    color: #003058;

}

.flex-caption.slide-1 h1 {

    background-color: rgba(255, 255, 255, 0.5);

    width: auto;

    display: inline-block;

    padding: 15px 30px;

    border-radius: 10px;

}

.flex-caption.slide-2 h1 {

    background-color: rgba(0, 0, 0, 0.5);

    width: auto;

    display: inline-block;

    padding: 15px 30px;

    border-radius: 10px;

}

.flex-caption.slide-2,.flex-caption.slide-2 h1 {

    color: #fff;

}

.btn-box {

    padding: 10px 30px;

    margin-right: 15px;

    letter-spacing: 1px;

}

.btn-box.call-btn {

    background-color: #003058;

    border: none;

}

.btn-box.mail-btn {

    background-color: transparent;

    border: 1px solid #fff;;

}

.btn-box i {

    padding-right: 10px;

}





/*---Section commen style---*/

.section-title {

    margin-bottom: 15px;

}

.section-title h6 {

    color:#999;

}

.section-title.white-section h2 {

    color:#fff;

}

.section-title.white-section h6, .section-title.white-section p  {

    color:#ccc;

}

.section-title h2 {

    margin-bottom: 10px;

	font-weight:600;

	letter-spacing: 2px;

}

.section-title.center-text{

	text-align:center;

}

.section-title.center-text p{

	width:50%;

	margin:10px auto 20px;

}

.section-title p{

	margin:10px auto 20px;

}







/*---About section---*/



.about {

    margin-top: -10%;

    position: relative;

    z-index: 10;

}

.about .left-side{

	background-color: #f3f3f3;

	padding: 15px 30px;

	min-height:510px;

}

.about hr {

    border-color:#b5b5b5;

}

.newsletter{

	text-align:left;

	padding:5px 0px;

}

.newsletter h3{

	color: #666;

}

.newsletter .form-control {

    width: 320px;

    height: 50px;

    background-color: #f9f9f9;

    border-radius: 0;

    box-shadow: none;

}

.newsletter .btn{

    border-radius: 0;

    height: 50px;

    background-color: #003058;

		border:1px solid #003058;

	    padding: 0px 30px;

    font-weight: 400;

    color: #fff;

	    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

	text-transform: uppercase;

}

.newsletter .btn:hover{

    background-color: transparent;

	color:#003058;

	    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}

.newsletter p {

    margin-bottom: 30px;

	    margin-top: 0px;

}

.about .right-side{

	background-color: #003058;

	padding: 15px;

	    text-align: center;

	min-height:510px;

}

.quote-form .form-control {

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 1px solid #fff;	

    border-radius: 0px;

    background-color: #fff;

    color: #333;

	height: 50px;

}

.quote-form textarea.form-control {

    height: auto;

}

.quote-form .form-group {

    margin-bottom: 15px;

}

.quote-form .btn {

    border-radius: 0px;

    background-color: transparent;

    border: solid 2px #fff;

    width: 100%;

    height: 50px;

	color:#fff;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}

.quote-form .btn:hover {

    border: solid 2px #003058;

	background-color: #fff;

	color:#003058;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}







/*--- our services section---*/



.services{

}

.ser-block {

    text-align: center;

	background-color: #f3f3f3;

    padding: 30px 10px;

	 /*    margin: 15px 0px;	

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

	-ms-transform: scale(1, 1); IE 9 */

    /*-webkit-transform: scale(1, 1);  Safari 

    transform: scale(1, 1);*/

}

.ser-block p.content{

	padding:0px 10px 0px;

}

.ser-block hr {

    width: 30px;

    height: 3px;

    background-color: #003058;

    border: none;

}

.ser-block:hover hr {

    background-color: #fff;

    -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}

.ser-block:hover h4 {

    color: #fff;

}

.ser-block:hover {

    background-color: #003058;

	color:#ccc;

    /* -webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

	    -ms-transform: scale(1.1, 1.1); IE 9 */

    /* -webkit-transform: scale(1.1, 1.1); Safari 

    transform: scale(1.1, 1.1);*/

}

.ser-block:hover .ser-icon {

	color:#fff;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}

.ser-icon {

	font-size:3.4285714285714284em;

	color:#898989;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

	    margin-bottom: 10px;

}









/*---Testimonials section---*/



.testimonials{

	background-color: #000;

	    background-repeat: no-repeat;

    	background-position: center bottom;

		background-size:cover;

	color:#fff;

    padding: 150px 0;

}







/*-------------------------------*/

/*    Carousel Fade Transition   */

/*-------------------------------*/

blockquote{

	font-size:14px;

}

#fade-quote-carousel.carousel {

	margin-top: 20px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: 10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background-color: #e84a64;

  border: none;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

	    margin-bottom: 0;

}

blockquote p.quate-text{

	color: #ccc;

	font-style:italic;

	font-weight:300;

	    width: 80%;

    margin: 15px auto

}

#fade-quote-carousel .profile-circle {

    width: 80px;

    height: 80px;

    margin: 0 auto;

    border-radius: 100px;

	    background: #003058;

	    margin-bottom: 10px;

}

#fade-quote-carousel .profile-circle img {

    border-radius: 100px;

}

#fade-quote-carousel blockquote .person{

	color:#ccc;

	    margin-bottom: 0;

		    text-transform: uppercase;

    letter-spacing: 2px;

}

#fade-quote-carousel blockquote .per-den{

	color:#ccc;

	font-size:0.8571428571428571em;

	margin-top: 10px;

}

#fade-quote-carousel .carousel-control {

	width: auto;

    color: #fff;

    opacity: 1;

	text-shadow:none;

}

#fade-quote-carousel .carousel-control .fa-long-arrow-left, #fade-quote-carousel .carousel-control .icon-prev {

    margin-left: -10px;

}

#fade-quote-carousel .carousel-control .fa-long-arrow-left, #fade-quote-carousel .carousel-control .fa-long-arrow-right, #fade-quote-carousel .carousel-control .icon-prev, #fade-quote-carousel .carousel-control .icon-next {

    width: 30px;

    height: 30px;

    margin-top: -10px;

    font-size: 30px;

}

#fade-quote-carousel .carousel-control .icon-prev, #fade-quote-carousel .carousel-control .fa-long-arrow-left {

    left: 50%;

    margin-left: -10px;

}

#fade-quote-carousel .carousel-control .icon-prev, #fade-quote-carousel .carousel-control .icon-next, #fade-quote-carousel .carousel-control .fa-long-arrow-left, #fade-quote-carousel .carousel-control .fa-long-arrow-right {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -10px;

}



#fade-quote-carousel .carousel-control .fa-long-arrow-right, #fade-quote-carousel .carousel-control .icon-next {

    margin-right: -10px;

}

#fade-quote-carousel .carousel-control .icon-next, #fade-quote-carousel .carousel-control .fa-long-arrow-right {

    right: 50%;

    margin-right: -10px;

}

#fade-quote-carousel .carousel-control.left {

	left:5%;

}

#fade-quote-carousel .carousel-control.right {

	right:5%;

}





/*---Why us Section---*/





.whyus{

	background-color:#f3f3f3;

	    padding-bottom: 0;

}



.whyus .right-side{

	padding:0px 30px 30px;

	margin-top:20px;

}

.whyus .panel-default > .panel-heading {

    background-color: #fff;

    border-color: #e1e1e1;

}

.whyus .panel-heading {

	padding: 0px 0px;

    border-top-right-radius: 0px;

    border-top-left-radius: 0px;

}

.whyus .panel-group .panel {

    border-radius: 0px;

}

.whyus .panel-title {

    font-family: 'Montserrat', sans-serif;

}

.whyus .panel-title a {

    width: 100%;

    display: block;

    padding: 15px 15px;

	text-decoration:none;

	color:#333;

}

.whyus .panel-title a:hover {

    text-decoration:none;

	background-color:#003058;

	color:#fff;

}

.whyus .panel-title a[aria-expanded="true"] {

    background-color:#003058;

	color:#fff;

}



.whyus .about-img{

	display:inline-block;

	text-align:center;

}

.whyus .about-img figure {

	margin-bottom:0px;

	margin-top:15px;

}

.whyus .about-img.left-side {

    padding-right: 100px;

}



/* Shine */

.about-img figure {

	position: relative;

}

.about-img figure::before {

	position: absolute;

	top: 0;

	left: -87%;

	z-index: 2;

	display: block;

	content: '';

	width: 50%;

	height: 100%;

	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	-webkit-transform: skewX(-25deg);

	transform: skewX(-25deg);

}

.about-img figure:hover::before {

	-webkit-animation: shine .75s;

	animation: shine .75s;

}

figure {

	overflow: hidden;

}

@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}









/*---our attorneys Section---*/





.attorneys .section-title{

	

}

.team-block {

    text-align: center;

}

.details-text {

    background-color: rgba(0, 0, 0, 0.8);

	    position: absolute;

    display: block;

    width: 100%;

    color: #fff;

}

.hover {

    width: 100%;

    height: 100%;

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default;

}

.hover img {

    display: block;

    position: relative;

}

.ehover .overlay {

    /*background-color: rgba(75,75,75,0.7);*/

    transition: all 0.4s ease-in-out;

}

.hover .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

}

.ehover .name-block {

    transform: translateY(250px);

    transition: all 0.4s ease-in-out;

}

.hover .name-block {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    padding: 10px;

    background: rgba(0, 0, 0, 0.6);

}

.hover .name-block p {

    color: #ccc;

}

.hover .name-block h3 {

    color: #fff;

}

.ehover button.info {

    opacity: 0;

    transform: scale(0);

    transition: all 0.4s ease-in-out;

    font-weight: normal;

}

.hover button.info {

    display: inline-block;

    text-decoration: none;

	width: 50px;

    height: 50px;

    text-transform: uppercase;

    color: #fff;

    border:2px solid #fff;

    margin: 50px 0 0 0;

    border-radius: 100%;

    background-color: #003058;

}

.hover button.info:hover {

    border:2px solid #fff;

    background-color: transparent;

}

.ehover:hover .overlay {

    background-color: rgba(0, 48, 88, 0.8);

}

.ehover:hover .name-block {

    transform: translateY(300px);

}

.ehover:hover button.info {

    opacity: 1;

    transform: scale(1);

}





/*---logo slide section---*/

section.logo-slide {

    background-image: url("../images/sky.png");

    padding: 80px 0;

    background-attachment: fixed;

background-size: cover;

}



section.logo-slide h2{margin-bottom: 50px;}

/*---blog section---*/







.date p {

    font-size:1em;

    color: #c2c2c2;

	margin-bottom:0px;

}



.blog-title h4 {

	margin-bottom: 5px;

	margin-top:5px;

}

.blog-content {

    padding: 0px 0px 10px;

	text-align:center;

}

.blog-content a {

    border: none;

    box-shadow: none;

    text-transform: capitalize;

	color:#003058;

}

.blog-text{

	text-align:left;

}

.blog-text p{

	margin-bottom:0px;

	padding-top:10px;

}

.blog-content a:hover {

	text-decoration:underline;

	padding-left:30px;

}

article.blog-post {

    padding: 20px 0px;

    display: block;

}

.more-news{

	text-align:center;

}

.news .btn.btn-default {

    background-color: #003058;

	border: 1px solid #003058;

    color: #fff;

    border-radius: 0;

    padding: 10px 30px;

    margin: 0 auto;

    display: inline-block;

}

.news .btn.btn-default:hover {

    background-color: #fff;

    color: #003058;

}









/*---Contact section---*/



.contactus{

	background-image:url(../images/contact-bg.jpg);

	    padding: 0;

		    background-position: top right;

    background-size: cover;

}

.contactus .section-title{

	text-align:left;

}

.contact-bock {

    padding: 30px;

}

.contact-bock .section-title.white-section p {

    color:#ccc;

}

.map{

	-webkit-filter: grayscale(100%);

    filter: grayscale(100%);

	    margin: 0px -15px;

}

.map iframe{

    pointer-events: none;

	width:100%;

	border:none;

	    margin-bottom: -5px;

}

.contact-form .form-control {

    border-top: none;

    border-left: none;

    border-right: none;

    border-bottom: 1px solid #fff;	

    border-radius: 0px;

    background-color: #fff;

    color: #333;

	height: 50px;

}

.contact-form textarea.form-control {

    height: auto;

}

.contact-form .form-group {

    margin-bottom: 15px;

}

.contact-form .btn {

    border-radius: 0px;

    background-color: transparent;

    border: solid 2px #fff;

    width: 180px;

    height: 50px;

    margin-left: 15px;

	color:#fff;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}

.contact-form .btn:hover {

    background-color:#fff;

    border: solid 2px #003058;

	color:#003058;

	-webkit-transition: all 0.35s;

    -moz-transition: all 0.35s;

    transition: all 0.35s;

}







/*---Footer section---*/



.footer{

	padding: 20px 0;

    color: #030404;

}



.social{

	margin-top: 10px;

}

.social li {

	text-align:center;

}

.social li a {

    width: 40px;

    height: 40px;

    background-color: transparent;

    border: solid 2px #898989;

	border-radius:100%;

    color: #898989;

    display: block;

	line-height:37px;

}

.social li a:hover {

    background-color:#fff;

    color: #003058;

	border: solid 2px #003058;

}

.contact-info {

    color: #ababab;

    text-align: right;

}

.contact-info h5, .contact-info p i, .contact-info span {

    color: #fff;

}

.contact-info p i{

    margin-right:10px;

}

.contact-info .address {

    margin-bottom:5px

}

.contact-info .email-add {

    margin-top: 35px;

}

.copyright{

	

}

.copy{

	font-size: 12px;

	    margin-bottom: 0;

    padding: 15px 0px;

}

.copy span{

	color:#fff;

}









@media only screen and (max-width: 3500px) {

/*body*/

body {

    overflow-x: hidden;

}

}

	

@media only screen and (max-width: 2500px) {}



@media only screen and (max-width: 2100px) {}



@media only screen and (max-width: 1600px) {}



@media only screen and (max-width: 1566px) {}



@media only screen and (max-width: 1366px) {}



@media only screen and (min-width: 1300px) {}



@media only screen and (max-width: 1280px) {

.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {

    padding: 25px 15px;

}

}



@media (min-width: 1280px) {}



@media only screen and (max-width: 1199px) {}



@media only screen and (max-width: 1024px) {

#mainNav.navbar-default .nav > li > a, #mainNav.navbar-default .nav > li > a:focus {

    padding: 5px 15px;

}

.navbar-brand > img{

	max-width:90px;

}

.flex-caption {

    top: 50%;

}

.about .left-side {

    padding: 15px;

}

.about-content {

    padding-bottom: 0px;

}

.whyus .about-img.left-side {

    padding-right: 15px;

}

.whyus .panel-title a {

    padding: 10px 10px;

}

.whyus .right-side {

    padding: 0px 15px;

}

.blog-title h3 {

    margin-bottom: 10px;

}

.read-btn a.btn {

    margin: 5px 0px;

}

.blog-content {

    padding: 5px 0px;

}

.news .author p{

	margin-bottom:5px;

}

article.blog-post {

    padding: 5px 0px;

}

.blog-title h3 {

    margin-bottom: 5px;

	margin-top:5px;

}

.blog-text p{

	margin-bottom:5px;

}

.contact-bock {

    padding: 20px;

}

}



@media only screen and (max-width: 991px) {

body{

	font-size:100%;

}

.navbar-brand > img{

	max-width:110px;

}

.navbar-brand{

	display: table;

	padding: 10px 15px;

}

.navbar-collapse{

	overflow:auto !important;

	height: auto !important;

}

.navbar-header {

    max-width: 100%;

    width: auto;

}

.navbar-toggle {

    margin-right: -15px;

}

.navbar-default {

    background-color: rgba(255,255,255,0.9);

    border-color:transparent;

}

.navbar-default.affix {

    background-color: #fff;

    border-color: rgba(34, 34, 34, 0.05);

}

/*#mainNav.navbar-default .navbar-header .navbar-brand p {

    font-size: 18px;

    margin: 5px;

}*/

#mainNav.navbar-default .navbar-header .navbar-brand p {

    line-height:1;

    margin: 0;

}

#mainNav.navbar-default .nav > li > a, #mainNav.navbar-default .nav > li > a:focus {

    text-align: center;

}

section {

    padding: 40px 0;

}

.ser-block {

    padding: 10px 10px;

}

.ser-block hr {

    margin: 5px auto;

}

.ser-block p.content {

    padding: 5px 10px 0px;

}

.about-content {

    padding-bottom: 0;

}

.newsletter h3 {

    margin-bottom: 30px;

}

.ehover .name-block {

    transform: translateY(150px);

}

.ehover:hover .name-block {

    transform: translateY(180px);

}

.ehover:hover button.info, .ehover button.info{

    margin-top:0px;

}

.newsletter .form-control {

    width: auto;

}

.contact-bock {

    padding: 10px;

}

}





/*--------------iPhone 6 plus landscape----------------*/

@media only screen and (max-width: 767px) {

body{

	font-size:100%;

	    overflow-x: hidden;

}

.abtd{margin-top: 70px !important;}

.navbar-brand > img{

	max-width:110.abtd{margin-top: 70px !important;}px;

}

.navbar-brand{

	padding: 10px 10px;

}



.navbar-header {

    max-width: 100%;

    width: auto;

}

.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {

    color: #000;

}

.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus {

    color: #222222;

}

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {

    color: #000;



}

.navbar-default.affix-top .navbar-header .navbar-brand:hover, .navbar-default.affix-top .navbar-header .navbar-brand:focus {

    color: #fff;font-weight: 700;

}

	.flex-caption {

    top: 50%;

}

.flex-caption p {

   font-size: 14px;

	margin-bottom: 5px;

}

.flex-caption h1 {

   font-size: 18px;

	    margin-top: 5px;

}

.about  {

    margin-top: 0;

	padding-top:15px;

	padding-bottom:0px;

}

.about .left-side {

   margin-bottom:15px;

}

.about .right-side {

    min-height: auto;

}

.newsletter .form-control {

    width: 100%;

}

.about {

    padding-bottom: 30px;

	padding-top: 15px;

}

.section-title.center-text p {

    width: 100%;

}

.services {

    padding: 20px 0px;

}

.ser-block p.content {

    line-height: 1.5;

}

.hover {

	margin-bottom:15px;

}

.hover img {

    display: inline-block;

}

.ehover .name-block {

    transform: translateY(250px);

}

.ehover:hover .name-block {

    transform: translateY(300px);

}

.ehover:hover button.info, .ehover button.info {

    margin-top: 50px;

}

section.logo-slide {

    padding: 20px 0px;

}

section.logo-slide img {

    padding-top: 15px;

	padding-bottom: 15px;

}

.news{

	padding:20px 0px;

}

#fade-quote-carousel blockquote {

    padding: 10px 5px;

}

.contact-bock {

    padding: 15px 0px 15px;

}

.contact-info {

    text-align: center;

}

.map {

    padding-top: 15px;

}

.social {

    text-align:center

}

.contact-info{

	font-size:16px;

	padding-top:15px;

}

.social {

    margin-top: 10px;

}

.contact-info .email-add {

    margin-top: 0px;

}

.slider-banner {

    margin-top: 50px;

}

.navbar-default {

    background-color: rgba(255,255,255,0.9);

}

.blog-content {

    border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.blog-post img{

	display:inline-block;

	width:100%;

}





}



/*--------------iPhone 6 landscape----------------*/

@media only screen and (max-width: 667px) {.abtd{margin-top: 70px !important;}.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



/*--------------iPhone 5 landscape----------------*/

@media only screen and (max-width: 568px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



@media only screen and (max-width: 480px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



/*--------------iPhone 6 plus portrait----------------*/

@media only screen and (max-width: 414px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



/*--------------iPhone 6 portrait----------------*/

@media only screen and (max-width: 375px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



/*--------------iPhone 5 portrait----------------*/

@media only screen and (max-width: 320px) {

    .logoset{ width: 90% !important } 

    .workst {

    margin-top: 0px !important;

    } 

    .abtd{margin-top: 70px !important;}

    .hpagebanner{padding:75px 0px 40px !important;}

    .sidetext{padding-top:50px !important;}

    .col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}

}



@media only screen and (max-width: 300px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



@media only screen and (max-width: 200px) {.col-sm-4{padding-left:0px !important; padding-right: 0px !important; width: 100%!important}}



.hovereffect {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}



.hovereffect:hover img {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



.hovereffect h2 {

  text-transform: uppercase;

  text-align: center;

  position: relative;

  font-size: 34px;

  padding: 10px;

}



.hovereffect a.info {

background-color:rgba(0,0,0,0.6);

  display: inline-block;

  text-decoration: none;

  padding: 0px;

  border: 0px solid #fff;

	width:100%;

	height:100%;

  font-size: 25px;

}



.hovereffect a.info:hover {

}



.hovereffect a.info, .hovereffect h2 {

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  opacity: 0;

  filter: alpha(opacity=0);

  color: #fff;

  text-transform: uppercase;

  padding-top:14%;

}



.hovereffect:hover a.info, .hovereffect:hover h2 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.all-prj{margin:30px 0; font-weight: bold; color:#000;}

.abt_page{padding:7%; min-height: 581px; background-size: cover; text-align: center;}

.abt_page h1{color:#3f3f3f; font-weight: bold; font-size: 66px;}

.container-area{width:70%; margin: 0 15%; text-align: center;

    float: left;

    font-size: 23px;

    list-style-image: url("../images/bullets.png");

    padding-right: 10px;

    line-height: 46px;

}

.container-area span{color:#909090; font-size: 23px;}





.flex-container {

  padding: 5px;

  list-style: none;

  

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  

  -webkit-flex-flow: row wrap;

  flex-flow: row wrap;

  justify-content: center;

  align-items: center;

}



.flex-item {

  flex: 1 1 auto;

  

    color: #a6a7a9;

    font-size:1.5em;

  

  margin: 50px;

  

  color: black;

  text-align: center;

}



.bullet {

    width: 6px;

    height: 7px;

    background-position: 50% 50%;

  background-repeat: no-repeat;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAOElEQVQI113M0Q3AIBRC0aM76P7jmHSmSj/6mibyc4EQkEEWuYtDmU1SXO1d6H7tjgupIl8+P+cD22cff9U1wbsAAAAASUVORK5CYII=);

}

.clickclass{color:#000 !important; font-weight: 500 !important; }

.de_span{ background-color: #e4e4e4; display: block; padding:50px; line-height: 30px; color: #363636; font-size: 13px;}

.offerings{font-size: 45px; color: #ffd200 !important; border-bottom: 0px !important; text-transform: uppercase; font-weight: bold !important; margin-bottom: 60px !important;}

.clientshead{font-size: 50px; color: #242424 !important; border-bottom: 0px !important; text-transform: uppercase; font-weight: bold !important; margin-bottom: 60px !important;}

.aboutc{ background-color: #f5f5f5; text-align: center; padding: 10% 0;}

.aboutc h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px;}

.aboutc p{padding: 0 25%; line-height: 41px; font-size: 21px; color:#000;}



.abtnxt{ background-color: #fff; color: black; padding: 10% 0; text-align: left;}

.abtnxt h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px;}

.abtnxt p{line-height: 32px; font-size: 19px; color:#000;}



.abtnxt2{ background-color: #dfdfdf; color: black; padding: 10% 0; text-align: left;}

.abtnxt2 h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px;}

.abtnxt2 p{line-height: 32px; font-size: 19px; color:#000;}



.aboutp{ background-color: #dfdfdf; text-align: center; padding: 10% 0;}

.aboutp h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px;}

.aboutp p{padding: 0 15%; line-height: 32px; font-size: 19px; color:#000;}

.workst{margin-top: 100px;}

.hd-prj{margin:20px 0; font-weight: bold; color:#000; font-size: 24px}



.aboutw{ background-color: #212121; text-align: center; padding: 10% 0;}

.aboutw2{ background-color: #fcd9af; text-align: center; padding: 10% 0;}

.logoset{ background-color: #fff; padding: 10% 0; margin:30px 15px; width: 97.5% }

.logoset img{width: 300px; margin: 0 auto;}

.logoimgleft{width: 300px; margin-left:0px !important;}

.aboutw h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px;}

.aboutw p{padding: 0 25%; line-height: 41px; font-size: 21px; color:#000;}



.abtwrk{ background-color: #000; color: #fff; padding: 10% 0; text-align: left;}

.abtwrk h1{ font-weight: bold; font-size: 32px; margin-bottom: 50px; color:#fff}

.abtwrk p{line-height: 32px; font-size: 19px; color:#fff;}



.mg-btm{margin-bottom: 30px;}

.contnew{max-width: 650px; margin: 0 auto}

.border_3{border:3px solid #fff;}

.mg-btm-ht{height: 70px;}

.btm-ht{margin: 50px 0; font-size: 19px; color: #000;}

.btn-bg-color{ background-color: #dedede !important; border: 0px !important}

.marginbtm{ margin-bottom: 100px;}

.marginbtm2{ margin-bottom: 60px;}

.pad-top{ margin-top: 50px; }

.joinsp{background-color: #ececec;

padding: 29px;

margin-top: 10px;

font-size: 13px;

line-height: 25px;}

.input, button, select, textarea{ border-bottom: 1px solid #7d7d7d; border-top: 0px; border-left: 0px; border-right: 0px; }

.btnde{ background-color: #9d7d5d !important; color: #fff !important; border-radius: 0px; border:0px;}

.joinsp2{background-color: #fff;

padding: 29px;

margin-top: 10px;

font-size: 13px;

line-height: 25px;}

.bgdesign{background: url("../upload/h_page_about_bg.jpg") fixed right 0;  background-color: #f4f4f4; background-repeat: no-repeat;}

.rotation{-ms-transform: rotate(90deg); /* IE 9 */

    -webkit-transform: rotate(90deg); /* Safari */

    transform: rotate(90deg); /* Standard syntax */}

.abtpagebanner{background-color:#eaeae9 !important; display: block; float: left; width: 100%;}

.hpagebanner{background-color:#f6f5f5; padding:135px 0 80px;}

.sidetext{padding-top:150px !important;}

.fa-long-arrow-right{font-size: 17px;

margin-top: 20%;}

.callaction{ text-decoration:none;background-color: transparent; border: 1px solid #transparent; text-align: center; padding: 10px 50px; color: #333; margin-top: 100px; font-weight: bold; }

.callaction2{ 

text-decoration: none;

background-color: transparent;

border: 1px solid transparent;

/*text-align: center;

padding: 1% 2%;width: 145px;*/

color: #000;

letter-spacing: 2px;

margin: 0 auto;

}

.callaction a, .callaction2 a, .callaction a:hover, .callaction2 a:hover{text-decoration: none !important;}

.arrow-rt2{font-size: 20px !important;

margin-top: 27% !important;}

.fontsize{font-size: 13px !important;

line-height: 25px !important;}

.arrset{width: 16px !important;

text-align: center !important;

margin: 15px auto 0 !important;}

.arrset2{width: 16px !important;

text-align: center !important;

margin: 20% auto 0 !important;}

.arrset3{width: 16px !important;

text-align: center !important;

}

.arrset4{margin:0 auto; padding-top: 27%}

.joinus .img-responsive {

    margin: 0 auto;

}

.newchange{margin-top:15px}

.spmargintop{margin-top: 0px !important}

.spmargintopnew{margin-top: 30px !important}

.test-col a{color: #000 !important; text-decoration: none;}

.test-col span{font-size: 14px !important;}

strong, span a:focus{color: #000 !important; text-decoration: none;}

strong, span a:hover{color: #000 ; text-decoration: none;}

.test-col span a:focus{color: #000 !important; text-decoration: none;}

.testclass{margin: 0px 0px 30px 0px !important;}

.quote {

    position: absolute;

    z-index: 99;

    float: right;

    width: 36%;

    top: 30%;

    left: 8%;

    font-size: 1.5rem;

    text-align: center;

    font-weight: 500;

    color: #202020;

    line-height: 32px;

    }

    .quote1 {

    display: none;

    }

    .sym-quote{font-size:28px; color: #6e6e6e; }

    }

    .abtd{position: relative;}

    .fntsz {

    font-size: 14px !important;

    margin-top: 4px;

    display: block;

    }

@media only screen and (min-width: 200px) and (max-width: 768px) {

    .quote {

    display: none;

    }

    .quote1 {

    width: 100%;

    font-size: 1.3rem;

    text-align: left;

    font-weight: 500;

    color: #ccc;

    line-height: 32px;

    display: block;

    padding: 15px;

    background-color: #000;

    }

    .sym-quote{color: #6e6e6e; }

    }

    .abtd{position: relative;}

    }



@media (min-width: 1024px) and (max-width: 1172px) {

    .quote {

    top: 20%;

    width: 47%;

    }

    .navbar-default {

    background-color: transparent;

    border-color: transparent;

}

}

@media (min-width: 768px) and (max-width: 1023px) {

    .quote {

    top: 21%;

    width: 53%;

    left: 5%;

    }

    .navbar-default {

    background-color: transparent;

    border-color: transparent;

}

}
.fa-square::before {
    content: "\f0c8";
    color: #ccc !important;
    font-size: 6px !important;
}
.abtwrk strong {Color: #fff !important;}