@import "../css/reset.css";
@import "../css/swiper.css";
@import url("../css/rd-navbar3.css");


/*overall styles*/


input {
  font-size: 14px;
 }

body {
  color: #333333;
  background-color: #FFFFFF;
  font-family: 'Barlow', sans-serif;
  
}
#no_logo .logo_small_img {
	display:none;
}

h1, h2, h3, h4, h5, h6 {
 
	margin: 0 0 .75em 0;
 color: #333333;
}


h3, h2 {
	font-style: normal;
	text-transform:none;
	
}

/*active links */
a {
	text-decoration: none;
	color: #000000;
	font-weight: 500;
	outline: none;
}


a:hover{
	color: #E55B3F;
}

.a1{
	color: #868686;
		
}


.a5 {
	border:none;
}
header {

}
.shadow2 {
	-webkit-box-shadow: 11px 10px 12px 0px rgba(184,184,184,1);
-moz-box-shadow: 11px 10px 12px 0px rgba(184,184,184,1);
box-shadow: 11px 10px 12px 0px rgba(184,184,184,1);
		z-index: 10000;

}


.container {
	
	display: flex;
	display: -ms-flexbox;
	display: flex;
   	background-color: #343844;
	-webkit-flex-flow: column wrap; 
	-ms-flex-flow: column wrap; 
	flex-flow: column wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
 margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
	}



/* content: column wrapper styles */

.column_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width:100%;
}

@media only screen and (max-width: 991px) {
.column_wrapper {
  -webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
}
/* this is a bottom box shadow and needs to have the minus property the same as the property before it */
.shadow {
 -webkit-box-shadow: 0 8px 9px -9px #222;
  -moz-box-shadow: 0 8px 9px -9px #222;
  box-shadow: 0 8px 9px -9px #222;
	z-index: 10000;

}
/* breadcrumbs*/

ul.breadcrumb {
    padding: 40px 16px 40px 60px;
    list-style: none;
   

}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: #ffffff;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #ffffff;
    text-decoration: none;
	font-weight: 600;
}
.highlight {
    color: #E55B3F;
 font-weight: 600;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #E55B3F;
  
}
.bg-breadcrumbs, .bg-breadcrumbs2, .bg-breadcrumbs3, .bg-breadcrumbs4, .bg-breadcrumbs5 {
  	background-size: cover;
  background-position: center center;
	max-height: 100px;
  }
.bg-breadcrumbs {
  background-image: url("../images/breadcrumbs.jpg");
}
.bg-breadcrumbs2 {
  background-image: url("../images/breadcrumbs2.jpg");
}
.bg-breadcrumbs3 {
  background-image: url("../images/breadcrumbs3.jpg");
}
.bg-breadcrumbs4 {
  background-image: url("../images/breadcrumbs4.jpg");
}
.bg-breadcrumbs5 {
  background-image: url("../images/breadcrumbs5.jpg");
}
@media only screen and (max-width: 450px) {
ul.breadcrumb {
    padding: 20px 0 20px 3px;
}
ul.breadcrumb li {
    font-size: 14px;
}

}
@media only screen and (min-width: 768px) {
#no_breadcrumbs .bg-breadcrumbs3 {
	display:none;
}
}
/* content: (2 x columns) plus 1x full-width for headline (col-lg1)*/
.col-lg1 {
  padding: 0 20px 35px 20px;
}


.col-lg1 h1 {
	font-weight: 300;
	font-size: 2.5em;
	padding:20px 0 0 0; 
	text-align: center;
	}
.col-lg1 h2 {
	padding:20px 20px 0 0;
	font-weight: 300;
	font-size: 1.8em;
	}
.col-lg1 p {
	font-weight: 300;
	font-size: 1.4em;
	
	padding: 0 20px 20px 20px;
	
	}
/* .......................... */

@media only screen and (max-width: 991px) {
.col-lg1 {
  padding: 0 35px;
	
}
.col-lg1 h1 {
	font-size: 2rem;
	padding:10px 0 0 0;
	}

}
/* .......................... */
@media only screen and (max-width: 768px) {
.col-lg1 {
  padding: 35px 10px;
}
.col-lg1 h1 {
	font-size: 1.7rem;
	padding: 0 20px;
text-align: center;
	}
		.col-lg1 h2 {
			text-align: center;
			padding: 0 20px;
	}
.col-lg1 p {
	font-size: 1.4em;
	line-height: 1.3em;
	}
.gap {

	margin-top: 60px;
	}
}
/* .......................... */
@media only screen and (max-width: 480px) {
.col-lg1 h1 {
	font-size: 1.7rem;
	padding: 0;
	line-height: 1.2em;

	}
.col-lg1 p {
	font-size: 1.2em;
	line-height: 1.3em;
	}
}


/* .......................... */
/* content: columns: 2x columns which can go below full width col-lg1 */
.col-md1 {
	order:1;
 	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
	
}
.col-md1 img {
	float:left;
	margin: 0 30px 30px 0;
}
.col-md2{
	order:2;
	-webkit-order:2;
	-ms-order:2;
	-webkit-box-order:2;
}
.col-md2 img {
	display: block;
    margin: 20px auto;
	max-width: 100%;
	height: auto;
}
.col-md1 h2, .col-md2 h2 {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.6rem;
	
}
.col-md1 h3, .col-md2 h3 {
	font-weight: 500;
	font-size: 1.1rem;
	line-height: 1.5rem;
	padding: 2px 0;
		
}
.pdg7{
	padding: 10px 4%;
}
.pdg8{
	padding: 10px 12% 0 3%;
}
.pdg9{
	padding: 10px 3% 0 7%;
}
@media only screen and (max-width: 962px) {
.pdg8{
	padding: 10px 3%;
}
.pdg9{
	padding: 10px 3%;
}
}


.pdg12{
	padding: 40px;
}
.parallax1 {
    background-image: url("../images/page1-img1.jpg");
    height: 200px;
   }
.parallax1, .parallax2 {
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.p22 {
	font-weight:400;
	font-size: 1.2em; 
	line-height:1.3rem;
	letter-spacing: .8px;
}
.p23 {
	height: 200px;
}
/* .......................... */
@media only screen and (max-width: 991px) {
.col-md1 h2, .col-md2 h2 {
	padding: 10px 0 1px 0;
}
	.pdg7{
	padding: 10px 8%;
}

.col-md1 img {
		float:none;
		display:block;
		width: auto;
		margin-left: auto; 
margin-right: auto; 


	}
	
.col-md1 .contact_form {
align-self: center;
}
}

/* .......................... */
@media only screen and (max-width: 762px) {
.col-md1 h2, .col-md2 h2, .col-md1 h3, .col-md2 h3,.col-md1 p, .col-md2 p {
	text-align: center;
}
	.center_div {
	margin: auto;
	display: block;
	text-align:center;
	}
	
	
}

/* .......................... */
@media only screen and (max-width: 480px) {
.col-md1 h2, .col-md2 h2 {
	padding: 0 0 1px 0;
	font-size: 1.3em;
	text-align: center;
	letter-spacing: .7px;
	
}
	.col-md1 h3, .col-md2 h3 {
	padding: 0 0 1px 0;
	font-size: 1em;
	text-align: center;
	
}
	.pdg7{
	padding: 10px 10%;
}
	
}
/* .......................... */
.col-md1 p, .col-md2 p, .accordian-section p {
	padding: 0 0 15px 0;
	font-size: .85em; 
	line-height: 1.7em;
		}
/* .......................... */

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

.col-md1 p, .col-md2 p, .accordian-section p {
	font-size: .95em; 
	line-height: 1.7em;
	text-align: center;
	}
.center_div {
	margin: auto;
	display: block;
	text-align:center;
	}
		
		
	}
/* .......................... */


/* icons columns - multiple icons*/
.icon_wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:auto;
	-webkit-justify-content: space-around;
	-ms-webkit-justify-content: space-around;
	justify-content: space-around;
	overflow: hidden;
	margin: 5px 7%;
}
.icon_column {
	padding: 0 20px;
	width: 20%;
	
}
.icon_column h2 {
	text-align: center;
	font-size:1.2rem;
	font-weight: 300;
	margin:10px 0;
	color: #333333;
}
.icon_column p {
	text-align: center;
	font-size:.85em;
	line-height: 1.4rem;
	color: #333333;
	font-weight: 300;
}

.cs li:hover {
  background: #CCCCCC;

}
.cs3 li:hover {
  background: #E55B3F;

}

.cs li a:hover  {
	  color:#E55B3F;
	  margin:-10px 0 10px 0;
}

.icon-lg {
  font-size: 38px;
  line-height: 80px;
  width: 80px;
  height: 80px;
}
.button6 {
	font-size: 90%;
	padding:10px;
	text-transform:uppercase;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 20px 0;
	display: inline-block;
	  border:1px solid #E55B3F;
	background-color: #E55B3F;
	color: #ffffff;
}

.icon {
  display: inline-block;
  text-align: center;
}

.icon:before {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
 }


.icon-orange, .orange {
  color: #E55B3F;
}
.icon-white, .white {
  color: #ffffff;
}
.icon-black {
  color: #333333;
}
.icon-yellow {
  color: #E55B3F;
}

.icon-circle {
  border-radius: 50%;
 
	background: #E55B3F;
}

.icon-sm {
  font-size: 16px;
  width: 20px;
}
.icon-md {
  font-size: 22px;
  line-height: 10px;
  width: 35px;
  height: 40px;
}


.bg2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  transition: .25s;
    -webkit-transition:.25s;
	-ms-transition:.25s;
  pointer-events: none;
}

.cs li, .cs3 li{  
	list-style:none;
	  }

.cs li a {
	display:block;
	padding:25px 0;
	text-align:center;
	text-decoration:none;
	border: none;
    -webkit-transition:.25s;
	-ms-transition:.25s;
	transition:.25s;	
	
}
.cs3 li a {
	display:block;
	padding:25px 0;
	text-align:center;
	text-decoration:none;
	border: none;
    -webkit-transition:.25s;
	-ms-transition:.25s;
	transition:.25s;	
	
}
/* .......................... */
@media only screen and (max-width: 992px) {
.icon_wrapper {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
margin: 20px 0;
} 
	.icon_column {
	padding: 0;
	width: 100%;
	
}
	.icon_column p {
	padding: 0 100px;
}
.icon-lg {
  font-size: 32px;
  line-height: 70px;
  width: 70px;
  height: 70px;
}
.button6 {
	font-size: 80%;
	margin: 0;
}
}
/* .......................... */
@media only screen and (max-width: 768px) {



.icon_column p {
	font-size:.9em;
	line-height: 1.2rem;
	padding: 0 30px;
}
.icon-lg {
  font-size: 28px;
  line-height: 60px;
  width: 60px;
  height: 60px;
}
.button6 {
	font-size: 80%;
	margin: 0;
	display: inline-block;
}
		.logos {
		display:none;
	}
}
/* .......................... */
@media only screen and (max-width: 480px) {
.icon_wrapper {
	margin: 10px 0;
}

.icon_column {
	padding: 0;
	width: 100%;
	
}
.icon_column p {
	font-size:.95em;
	padding: 0 50px;
}
.icon-lg {
  font-size: 20px;
  line-height: 50px;
  width: 50px;
  height: 50px;
}

}
/* .......................... */

#rig {
    max-width:1200px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
  
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:33.33%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:5px;
}
    
/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
	
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #333333 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}
  


@media (max-width: 768px) {
    #rig li {
        width:50%;
    }
}

@media (max-width: 480px) {
    #rig li {
        width:100%;
    }

}
/* ...section individual services... */
.col-md5 figure {
	display:inline-block;
	width:96%;
	position: relative;
	margin:0 3% 3% 3%;
	overflow:hidden;
}

.col-md5 {
	margin-top:15px;
}
.col-md5 figcaption h2 {
	font-size: 1.4em;
	padding-top:10%;
	
}


.col-md5 figcaption  p {
	font-size: .8em;
	line-height:1.65em;
}
/* The figure tags are all grouped inside a div named gallery. Making them inline-block enables them to sit side by side. We have a relative position so we can position each caption in relation to its figure.*/
.col-md5 figure {
	display:inline-block;
	position: relative;
	margin:3% 0 3% 20px;

}
/* The figcaption tags are absolutely positioned using all 4 positioning quadrants. Basically the captions will span the entire figure but be placed a bit below the top and above the bottom therefore don't need to set a width or height, leave it to the browser. The padding just gives the text a bit more space. Next we hide the captions by adding opacity. The transition property is great for making things ease in / out */
.col-md5 figcaption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
 	background-color: #68BFC8;
	max-width:960px;
	opacity: 0;
	transition: opacity .75s ease-out;
}
/* What the following means is that when you mouse over the figure element (figure hover) inside an element with the class gallery (.gallery) set the opacition of caption to 1 i.e. makes the descendant tag, figcaption, visible.*/
.col-md5 figure:hover figcaption {
	opacity: .9;
}
.col-md5 figure:hover {
	
	 -webkit-transition:.4s;
	-ms-transition:.4s;
	transition:.4s;	

}
.col-md5 a{
	border:none;
	
}
.col-md5 figcaption h2 {
	font-weight: 400;
	letter-spacing:1px;
	text-align:center;
	color: #333333;	
	margin:20px 0 0 0;
	text-transform:none;
	 -webkit-hyphens: auto;
  	-moz-hyphens: auto;
 	 -ms-hyphens: auto;
  	hyphens: auto;
}


.col-md5 figcaption  p {
	font-weight: 500;
	letter-spacing:0.9px;
	margin: 0;
	padding: 3%;
	text-align:center;
	color: #333333;	
	text-transform:uppercase;
	text-align:center;
}

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


 .col-md5 figcaption h2 {
	font-size: 1em;
	padding:5% 0 2% 0;
}

.col-md5 figcaption  p {
	display:none;
}
.col-md5 {
	margin-top:15px;
}
}

/* icons columns - 2 x columns*/
.icon_wrapper2 {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	padding: 20px;
	}



.icon_column2 {
 order:1;
	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
 
}
.cs2 {
	
	margin: 0 0 20px 0;
}
.cs2 li{  
	list-style:none;
	 position: relative;
   	  padding: 10px 20px 20px 110px;

	  }
.cs2 li a {
	display:block;
	text-align:left;
	text-decoration:none;
	border: none;
  color: #333333;
	line-height: 1.7em;
  
}
.cs2 li:hover {
  background: #D4D4D4;

}
.cs2 li a:hover {
color: #333333;

}

.icon_column2 li.icon1:before, .icon_wrapper2 li.icon2:before, .icon_wrapper2 li.icon3:before, .icon_wrapper2 li.icon4:before  {
  position: absolute;
  font-family: FontAwesome;
  color: #ffffff;
	background: #C1C1C1;
border-radius: 50%;
 font-size: 38px;
  line-height: 80px;
  width: 80px;
  height: 80px;
	text-align: center;
	top: 0;
  left: 0;
	margin: 10px 0 2px 10px;
}

.icon_column2 li.icon1:before  {  content: "";}
.icon_column2 li.icon2:before {  content: "";}
.icon_column2 li.icon3:before { content: "";}
.icon_column2 li.icon4:before { content: "";}
.icon_column2 p {
	font-size:.8em;
	line-height: 1.2rem;

}
/* .......................... */
@media only screen and (max-width: 992px) {
.icon_wrapper2 {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

 }
.cs2 {
	
	margin: 0 0 5px 0;
}
.cs2 li{  
	 padding: 10px 20px 30px 110px;
	margin:0;
	  }

}

@media only screen and (max-width: 768px) {
.cs2 li a {
	text-align: center;
}
/*inline-block removes the oval shape and makes it a circle again */
	.icon_column2 li.icon1:before, .icon_wrapper2 li.icon2:before, .icon_wrapper2 li.icon3:before, .icon_wrapper2 li.icon4:before  {
display:inline-block;
	text-align: center;
	position:relative;
		border: 10px;
}
	.icon_column2 {
  text-align: center;
}
	.icon_column2 p {
			text-align: center;
	}
.cs2 li{  
	  padding: 10px;
	
	  }
.cs2 {  
		  padding: 10px;
		  }
}
@media only screen and (max-width: 480px) {

.icon_wrapper2 {
  text-align: center;
}
.
.icon_column2 p {
	font-size:.8em;
	line-height: 1.1rem;
	text-align: center;
}
	.cs2 {  
		  padding: 2px;

		  }
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
/** fadeInRight **/

  @-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(10px);
        -moz-transform: translatex(10px);
        -o-transform: translatex(10px);
        transform: translatex(10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(100px);
        -moz-transform: translatex(100px);
        -o-transform: translatex(100px);
        transform: translatex(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}


.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
/* .......................... */

/* testimonial / quote, full width column */

.col-lg2 {
  position:relative;
  margin: auto;
  padding: 40px 40px 0 40px;
	min-height: 400px;
 }
.col-lg4 {
  position:relative;
  margin: auto;
  padding: 40px 40px 0 40px;
 }

.col-lg2 p, .col-lg4 p {
	font-size: 1.1em;
	text-align: center;
	margin:10px 100px;
	line-height:1.6rem;
	
}
.col-lg2 h2, .col-lg4 h2 {
	
	font-weight: 500;
	font-size: 2rem;
	padding-top:20px;
	color: white;
	line-height: 1.3em;
	letter-spacing: 1px;
}
.parallax2 {
    background-image: url("../images/big_statement.jpg");
	 min-height: 350px;
}
  .col-lg3 {
  position:relative;
  margin: auto;
  padding: 0;
  
}
/* .......................... */
@media only screen and (max-width: 1200px) {
.col-lg2 {
  position:relative;
  margin: auto;
  padding: 20px 40px 0 40px;
min-height: 350px;
  
}
	.col-lg4 {
  position:relative;
  margin: auto;
  padding: 20px 40px 0 40px;
min-height: 200px;
  
}
	.col-lg2 p, .col-lg4 p {
	font-size: 1.1em;
	margin:10px 50px;
	line-height:1.4rem;
	
}
	.col-lg2 h2, .col-lg4 h2 {
	font-weight: 500;
	font-size: 1.9rem;
	padding:20px 20px 0 20px;
	margin-top:20px;
}
}
@media only screen and (max-width: 992px) {
.col-lg2 {
  min-height: 300px;
  
}
.col-lg4 {
  min-height: 200px;
  
}
.col-lg4 p {
	font-size: 1.1em;
	margin:20px 40px;
	line-height:1.6rem;
	
}
}
@media only screen and (max-width: 768px) {
.col-lg2 {
  min-height: 280px;
  
}
	.col-lg4 {
  min-height: 200px;
  
}
	.col-lg2 h2, .col-lg4 h2 {
	font-weight: 500;
	font-size: 1.3rem;
	padding:20px 20px 0 20px;
	margin-top:20px;
}
	.col-lg2 p {
	font-size: .9em;
	margin:10px 10px 5px 10px;
	line-height: 1.3em;
	
	
}
.col-lg4 p {
	font-size: .9em;
	margin:10px 10px 5px 10px;
	line-height:1.7rem;

	
	
}
	
	  .col-lg3 {
  padding: 40px 0 0 0;
  
}
}
@media only screen and (max-width: 480px) {

	.col-lg2 .icon-lg, .col-lg4 .icon-lg {
   font-size: 28px;
  line-height: 60px;
  width: 60px;
  height: 60px;
	margin-top: 0;
}
.col-lg2 {
  padding: 20px 5px 0 5px;
	min-height: 450px;
  
}
.col-lg2 p, .col-lg4 p {
	font-size: .9em;
	margin:20px;
	line-height: 1.3em;
	
	
}
	.col-lg2 p, .col-lg4 p {
	font-size: .9em;
	margin:20px;
	line-height: 1.4em;
	
	
}
.col-lg2 h2 {
	font-weight: 400;
	font-size: 1.2rem;
	padding:10px 5px 0 5px;
}
}

/* .......................... */

/* accordian faq*/

 /* Style the buttons that are used to open and close the accordion panel */
.accordian-section {
	padding: 20px 150px;
}
@media only screen and (max-width: 992px) {
	.accordian-section {
	padding: 20px 50px;
}
}
@media only screen and (max-width: 768px) {
	.accordian-section {
	padding: 20px;
}
}
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* .......................... */


/*========================================================
                  responsive slides
=========================================================*/
.client_logos {
	max-width: 1170px;
	margin: 0 auto;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}





/* column page footer */
.page-foot {
  color: #f8f8f6;
	bottom:0;
	left:0;
	right:0;
	position:relative;
	
}
/* column page footer, top section with links */

.col-md3 {
	order:1;
 	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
}
.col-md4{
	order:2;
	-webkit-order:2;
	-ms-order:2;
	-webkit-box-order:2;
}
.col-md3 p, .col-md4 p {
	font-weight: 200;
	font-size: .7rem;
	line-height: 1rem;
	padding: 0 250px 0 0;
	color: #999999;
}
.col-md3 p a {
	color: #999999;
	border:none;
}
.grid_1, .grid_2 {
  width: 50%;
}
.footer_list {
	padding: 20px;
	list-style: none;
}
.footer_list li a{
	font-size: .8em; 
	font-weight: 200;
	line-height: 1.2em;
	padding: 0 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
	color: #878787;
	
}
.footer_list li a:hover {
	color:#E55B3F;
}
.foot_phone {
	padding-top: 10px;
}

@media only screen and (max-width: 992px) {
	.grid_1 {
  width: 70%;
}
.grid_2 {
  width: 70%;
 margin: 20px 0 0 70px;
}
	.col-md3 p, .col-md4 p {
	
	padding: 0 50px 0 0;

}
	.footer_list {
	padding: 0 20px;
	list-style: none;
}
	.footer_list li {
		  padding: 3px 30px 3px 25px;
		 line-height: 1.3em;
			}
}
@media only screen and (max-width: 480px) {
		.grid_1 {
  width: 100%;
		margin: 20px 0 0 0;	
}
.grid_2 {
  width: 100%;
 margin: 20px 0 0 40px;
}
.footer_list {
	padding: 20px 0 0 0;

}
	.footer_list li {
		 font-size: .8em; 
		line-height: 1.3em;
			 padding: 3px 20px;
	}
}



/* .......................... */


.page-foot h6 {
  text-transform: uppercase;
}


.page-foot .copyright {
  text-align: center;
 
}
.page-foot .copyright p {
   text-transform: uppercase;
  font-weight: 500;
font-size: .7em;
	padding-bottom: 10px;
}

.page-foot a {
  color: #f8f8f6;
	border: none;
}

.page-foot a:hover {
  color: #FF9900;
  
}

#list_footer,
#list_footer ul,
#list_footer ul li,
#list_footer ul li a {
  margin: 0;
  border-bottom: none;
  list-style: none;
  display: block;
  position: relative;
	z-index:99;
}
#list_footer ul {
    list-style-type: none;
	margin: 0 0 0 18px;
}
#list_footer > ul > li {
  float: left;
	 margin: 0;
}
#list_footer > ul > li > a {
 color: #FF9900;
   transition: transform .7s, background-color 1s ease-in 1s; 
	-webkit-transition: transform .7s, background-color 1s ease-in 1s;
	-ms-transition: transform .7s, background-color 1s ease-in 1s;
	-moz-transition: transform .7s, background-color 1s ease-in 1s;
}
#list_footer > ul > li:hover > a {
	color: #FFFFFF;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
}



	
	




/*Colors*/
.color1 {
	color:#FFFFFF;
}
.color2 {
	color:#D9D9D9;
}
.color3 {
	color:#E55B3F;
}
.color4 {
	color:#252525;
}
.color5 {
	color:#3F3F3F;
}



/* backgrounds */

.bg_color1 {
	background-color: #FFFFFF;
}
.bg_color2 {
	background-color: #ECEEEE;
}
.bg_color3 {
	background-color:  #E55B3F;
}
.bg_color4 {
	background-color: #222222;
}
.bg_color5 {
	background-color:#333333;
}




/* flex rules */
.flex1 {
	flex: 1;
  	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1 auto;
}

.flex2 {
	flex: 2;
  	-webkit-box-flex:2;
	-webkit-flex:2;
	-ms-flex:1 auto;
}
.flex3 {
	flex: 1;
  	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1 auto;
}
.flex_order1 {
order:1;
 	-webkit-order:1;
	-ms-order:1;
	-webkit-box-order:1;
}
.flex_order2 {
order:2;
 	-webkit-order:2;
	-ms-order:2;
	-webkit-box-order:2;
}
.align_center {
    -webkit-align-self: center; /* Safari 7.0+ */
    align-self: center;
}
/* margins */
.mrg1 {
		margin: 50px 0 0 0;
}
.mrg2 {
		margin-top: 20px;
}

/* padding */

.pdg1{
	padding-top: 20px;
}
.pdg2{
	padding: 40px 0 0 0;
}
.pdg3{
	padding-bottom: 20px;
}
.pdg5{
	padding: 0 20px 2px 20px;
}
.pdg6{
	padding: 40px 0;
}
/*pdg7 & 8 moved above */


.pdg11 {
    padding: 50px 0;
  }
/*pdg12 moved above */

/* text styles */

.p1 {
	font-weight:500;
	font-size: 1.2em;

}
@media only screen and (max-width: 480px) {
.p1 {
	font-size: 1.1em; 

}
}
.p2 {
	font-weight:400;
	font-size: .9em; 
	line-height:1.5rem;
}

.p3 {
	font-weight:700;
}
.p4 {
	font-weight:300;
	font-size: .4em; 
	line-height:1rem;
}
.p5 {
	
	font-weight:400;
	font-size: 1.5em; 
	line-height:1.5rem;
}
@media only screen and (max-width: 480px) {
	.p5 {
	font-weight:400;
	font-size: 1.3em; 
	line-height:1.5rem;
}
}
.p21 {
	line-height:1.8rem;
}




/* misc */
.clear {clear:both;}
.center {
	text-align: center;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align:justify;
}
.text-small {
  font-size: .8em;
}
.telephone {
	display:none;
}

.slide_container {
	margin:0;
	display:inline-block;
	
}

.copyright {
	text-align: right;
}
/* list */
.bullets {
	padding: 0 0 30px 10px;
}
.bullets li:before {    
font-family: 'FontAwesome';
content: '\f101';
margin:0 10px 0 -15px;
color: #E55B3F;
}
.bullets li {
	font-size: .8em; 
	font-weight: 500;
	line-height: 1.2em;
	  padding: 3px 20px 3px 0;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
	color: #E55B3F;
}
@media only screen and (max-width: 768px) {
	.bullets {
	padding: 10px 0 30px 0;
	text-align: center;
} 
	.bullets li:before {    
font-family: 'FontAwesome'; 
content: '\f103';
margin:2px auto;
color: #E55B3F;
display:block;
		
}
	.bullets li {
		  padding: 3px 30px 3px 25px;
		 line-height: 1.3em;
			}
}


/* buttons */
.button_wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width:auto;
	-webkit-justify-content: space-around;
	-ms-webkit-justify-content: space-around;
	justify-content: space-around;
	padding:30px 0;
	 overflow: hidden;
	 margin: 0 20%;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
}

.button1, .button2 {
	font-size: 90%;
	padding:10px;
	text-transform:uppercase;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 20px 0;
	display: inline-block;

}
@media screen and (max-width:480px){
.button1, .button2 {
	font-size: 80%;
	padding:8px;
	margin: 10px 0;
	
 }
}
.button1 {
	border:1px solid #E55B3F;
	background-color: #E55B3F;
}
.button2 {
	border:1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.button1 a {
	color: #ffffff;
  }
.button2 a {
	color: #252525;
  }
.button1:hover, .button2:hover  {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transition: transform .5s; 
	-webkit-transition: transform .5s;
	-ms-transition: transform .5s;
	-moz-transition: transform .5s;
}


/* images */
img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
.img1 {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	padding: 10px; 
}
.img2 {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	padding: 10px 10px 0 10px ; 
}
.img3{
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%,-10%);
	background-image: url(../images/marker2.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.overflow_hidden {
	overflow: hidden;
}
@media screen and (max-width:992px){
.line {
	border-bottom: #DBDBDB 1px solid;
	font-family: Roboto, sans-serif;
	
}
.line3 {
	border-bottom: #DBDBDB 1px solid;
	
}
}
@media screen and (max-width:768px){
.line2 {
	border-bottom: #DBDBDB 1px solid;
	
}
}
.line4 {
	padding-bottom: 10px;
	border-bottom: #DBDBDB 1px solid;
	
}
.line5 {
	border-top: #DBDBDB 1px solid;
	
}	
	
/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
  width: 60px;
  height: 60px;
  font-size: 50px;
  line-height: 50px;
  color: #999999;
  position: fixed;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.2);
  z-index: 20;
  transition: .3s all ease;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.ui-to-top:before {
  color: #E55B3F;
}

.ui-to-top:hover, .ui-to-top:focus {
  color: #999999;
  text-decoration: none;
}

.ui-to-top:hover:before, .ui-to-top:focus:before {
  color: #999999;
}

.ui-to-top.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
	border:none;
}