@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    body>section{
        
       margin-right: -20px;
       margin-left:-20px;
    }
}


@media screen and (max-width: 640px) {
   .page-head_agile_info_w3l{
        
       margin-right: -20px;
       margin-left:-20px;
        margin-top: -20px;
        padding: 0px;
        
    
    }
}


.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    
    font-size: 12px;
    color: #34495e;
    background: #fff;
    display: flex;
    flex-flow: column nowrap;  
    justify-content: space-between;
    font-family:'opansans',sans-serif;
  
 
}
/*
body h1,
body h2,
body h3,
body h4,
body .created {
    font-family: "verdana";
    font-weight: normal
}
*/
body h5,
body h6 {
    margin: 0
}

body h3,
body h4 {
    margin-top: 0
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff
}

.btn.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5)
}

.btn.btn-link {
    color: #2dcc70;
    padding: 0
}

.btn.btn-link:hover {
    text-decoration: none
}

.btn-primary {
    background-color: skyblue
}

.btn-primary:hover {
    background-color: blue
}

a {
    color:black;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

a:hover,
a:focus {
    color:#00bff3;
    text-decoration: none;
    outline: 0
}



body>section {
    padding: 15px 0 /*50*/
}

body>section#slide-show {
    padding: 0
}

#recent-works {
    background: #2dcc70;
    color: #fff
}

#recent-works .links>a {
    background: #fff;
    color: #2dcc70;
    text-shadow: none
}

#clients {
    background: #fff
}

#clients h4 {
    color: #999
}

#clients .carousel {
    margin-bottom: 0
}

#clients .clients ul.thumbnails {
    margin: 0
}

#clients .clients ul.thumbnails>li {
    text-align: center;
    margin-bottom: 0
}

#clients .prev,
#clients .next {
    color: #999
}

.title {
    background: #2dcc70;
    color: #fff;
    padding: 20px 0
}

.center {
    text-align: center
}

.box {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress {
    margin-bottom: 10px
}

.progress,
.progress .bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    height: 30px;
    line-height: 30px
}

.label,
.badge {
    font-weight: 300;
    font-size: 90%
}

ul.breadcrumb {
    margin: 12px 0 0;
    background: transparent
}

ul.breadcrumb>li {
    text-shadow: none
}

ul.breadcrumb>li>a,
ul.breadcrumb>li .divider {
    color: #fff
}

ul.breadcrumb>li.active {
    color: rgba(255, 255, 255, 0.7)
}

ul.tag-cloud li {
    display: inline-block;
    margin: 0 0 2px 0
}

.btn-social {
    border: 0;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5)
}

.btn-social.btn-facebook {
    background: #4f7dd4
}

.btn-social.btn-facebook:hover {
    background: #3b5998;
}

.btn-social.btn-twitter {
    background: #5bceff
}

.btn-social.btn-twitter:hover {
    background: #8eddff
}

.btn-social.btn-linkedin {
    background: #21a6d8
}

.btn-social.btn-linkedin:hover {
    background: #49b9e3
}

.btn-social.btn-google-plus  {
    background: #dc422b
}

.btn-social.btn-google-plus:hover {
    background: #e36957
}

.btn-social:hover {
    color: #fff
}
<!--- navbar ---

header.navbar .navbar-inner {
    background: #111!important;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

header #logo {

    width: 200px;/*220px*/
    height: 55px;
    background: url(../images/rsz_loggo.png) no-repeat 0 50%;

    }
    
    


header.navbar {
    margin-bottom:10;


 }


header.navbar .nav {
    margin-top: 10px;

   

}

header.navbar .nav>li {
    margin-left: px;


}

header.navbar .nav>li>a {
    padding-top: 8px;
    padding-bottom: 5px;
    color: #111;
   font-family:verdana;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: none;
    font-weight: 700;
    

   
  
}

header.navbar .nav>li>a:hover {
    background: transparent;
	background-color:;
    color: #0288d1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.active>a,
header.navbar .nav>li.active>a:hover {
    background: transparent;
    color:  #0288d1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

header.navbar .nav>li.dropdown.open>a.dropdown-toggle {
    background: transparent;
    color:#0288d1;
    display:block;
}

header.navbar .nav>li.login>a {
    border-left: 1px solid #e5e5e5
}

header .dropdown-menu  {
    margin-top: 10px;
    
}

header .dropdown-menu li  {
    margin-top: 10px;

}


header .dropdown-menu:before {
    display: none!important;
    
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent;
    color:  #0288d1;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {.
    color: #2dcc70
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 20px,0px;
    border: 0;
    text-align: left;
    font-family: verdana;
    font-size: 14px;
     
     
}
   
   
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    background:  #0288d1;
  
}


<!--close nav>

.main-info {
    background-color: #fff;
    color: #999
}

.main-info h4 {
    color: #999
}

.icon-medium {
    font-size: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    background: #2dcc70;
    padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff
}

.modal {
    border: 0
}

.modal#loginForm {
    width: 600px;
    margin-left: -300px
}

.modal .modal-header {
    border: 0;
    padding: 20px 20px 0
}

.modal .modal-header>h4 {
    font-weight: 300;
    font-size: 14px;
    color: #848484;
    text-transform: uppercase;
    margin: 0
}

.modal .modal-body {
    padding: 20px
}

.modal input[type="text"],
.modal input[type="password"] {
    padding: 5px 10px;
    min-height: 30px;
    width: 130px;
    margin-right: 10px
}

.modal .icon-remove {
    color: #848484;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    background: #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer
}

.modal button {
    margin-left: 10px;
    border: 0;
    
}

.gap {
    margin-bottom: 50px
}

.big-gap {
    margin-bottom: 100px
}

.no-margin {
    margin: 0;
    padding: 0
}

#services {
    background: #252525;
    color: #999
}

#services h1,
#services h2,
#services h3,
#services h4,
#services h5,
#services h6 {
    color: #fff
}

#main-contents {
    margin-top: 20px
}

#main-contents .blog-news .created {
    font-size: 18px;
    color: #2dcc70
}


#footer {

    background: #111;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fefefe;
    font: 13px "Open Sans", sans-serif;

}


#footer a {
    color: #fff

}


#footer a:hover {
    /*color: #2dcc70*/
    color: #00bff3;

}


.icon-facebook:hover{
   
     color: #3b5998;

}

.icon-twitter:hover{
     color:  #00acee;
    


}
.icon-linkedin:hover{
   
      color: #0e76a8;
     background-color:;
  
}
.icon-google-plus:hover{
    color:  #db4a39;
     background-color:;
    
}
.icon-instagram:hover{
    color:  #dd2a7b;
    background-color;
  


}
#footer #gototop {

    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    display: inline-block;
    background: #1d1d1d;
    font-size: 24px;
    color: #fff;
   
    
}

#footer #gototop:hover {
    background: #2b2b2b;
    text-decoration: none;
    cursor:pointer;
}

#footer .cp {
    margin-top: 11px
}

#bottom {
    background:  #111;
    color: #6f6f6f;
    


}

#bottom h4 {
    margin-top: 0;
    margin-bottom: 13px;  
}


#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6 {
    
}

.bottom-list-header{
     color: #fff;
    font: 15px Poppins;
    padding: 10px 0 5px 0;
    letter-spacing: 1px;

   
}



#bottom a {
    color: #6f6f6f
}

#bottom a:hover {
    color: #00bff3;
}

#bottom ul.address>li  {
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
    font:14px Poppins;
}

#bottom ul.address>li:first-child {
    margin-top: 0
}

#bottom ul.address>li>i  {
   /* position: absolute;
    top: 3px;
    left: 0px*/
}

#bottom ul.thumbnails {
    margin-bottom: 0
}

#bottom ul.thumbnails li {
    margin-bottom: 5px
}

ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
    list-style: none;
    padding: 0;
    margin: 0px
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
    font-family: FontAwesome;
    font-size: 1px;
   
}

ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
    margin-right: 5px
}

ul.arrow li::before {
    content: "\f105"
}

ul.arrow-double li::before {
    content: "\f101"
}

ul.tick li::before {
    content: "\f00c"
}

ul.cross li::before {
    content: "\f00d"
}

ul.star li::before {
    content: "\f006"
}

ul.rss li::before {
    content: "\f09e"
}



ul.social {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: inline-block
}

ul.social>li {
    display: inline-block;
    margin: 0 5px
}

ul.social>li>a {
    font-size: 24px;
    color: #666
}

ul.social>li>a:hover {
    color: #999
}

.box-border {
    padding: 15px
}

.accordion-group {
    background-color: #fff;
    border-top: 1px solid #f0f0f0
}

.accordion-heading .accordion-toggle {
    color: #666;
    font-weight: 700
}

.accordion-inner {
    border-top: 0
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 50px;
    padding: 0 15px;
    border: 3px solid #ededed
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #2dcc70;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.input-block-level {
    min-height: 50px
}

textarea#message {
    padding: 10px 15px;
    height: 219px;


}

.widget {
    margin-bottom: 30px
}

.widget>h3 {
    font-size: 16px;
    margin-top: 0
}

.widget h5 {
    margin-top: 10px
}

.widget .date {
    margin-top: 5px;
    padding: 8px 10px;
    background: #2dcc70
}

.widget .date>span {
    display: block;
    text-align: center;
    font-family: "Fjalla One";
    color: #fff
}

.widget .date>span.month {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.widget .date>span.day {
    font-size: 18px;
    line-height: 18px
}

ul.gallery {
    display: block;
    margin: -15px;

}
ul.gallery:hover{

}

ul.gallery.col-1 li {
    width: 100%
}

ul.gallery.col-2 li {
    width: 50%
}

ul.gallery.col-3 li {
    width: 33.3333%
}

ul.gallery.col-4 li {
    width: 25%
}

ul.gallery li {
    display: block;
    padding: 0;
    margin: 0;
    float: left
}

ul.gallery li .desc {
    margin: 15px
}

ul.gallery li .preview {
    margin: 15px;
    display: block;
    position: relative
}

ul.gallery li .preview .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}

ul.gallery li .preview .links {
    width: 104px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -52px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}

ul.gallery li .preview .links>a {
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #2dcc70;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    margin: 0 1px
}

ul.gallery li .preview:hover .overlay,
ul.gallery li .preview:hover .links {
    opacity: 1;
    filter: alpha(opacity=100)
}

ul.gallery li .preview:hover .links {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

ul.faq {
    list-style: none;
    margin: 0
}

ul.faq li {
    margin-top: 30px
}

ul.faq li:first-child {
    margin-top: 0
}

ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #2dcc70;
    color: #fff;
    font-size: 24px
}

ul.faq li>div {
    margin-left: 70px
}

ul.faq li>div h3 {
    margin-top: 0
}

#error {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px
}

#HR {
    color: #FFF;
	transperant: none;
	font-size: 0px;


   
}
/* Media Queries */
@media screen and (max-width: 760px) {
    #bottom, #footer{
        text-align: left;


    }
}

/*page head*/
.page-head_agile_info_w3l {
      

    background: url(../images/1920.jpg) no-repeat center;
   /* background-color: #1b4f72;*/
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 150px;/*170*/
    padding-top:50px; /*50*/
    letter-spacing: 2px;
    
 

  
 
  /* margin-top: -20px;*/



}
.page-head_agile_info_w3l h3 {
     margin-bottom: -90px;
     font-size: 2em;
    line-height: 80px;
  color:#fefefe;
    font-weight: 700 !important;
    text-align: center;
    font-family:Lato;



}
   

       
}
.page-head_agile_info_w3l h3  span{
 font-weight:300;
 

}
ul.w3_short li {
    display: inline-block;
    text-transform: uppercase;
    color: #fefefe;
    font-family: verdana;
    font-size:0.9em;
    font-weight:600;
    letter-spacing:5px;
}
    ul.w3_short {
    text-align: left;
    padding-top: 130px;
}
ul.w3_short li a {
color: skyblue  ; 
 text-decoration: none;
}


.jumbo {
   position: relative;
   width: auto;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;



}

.jumbo-content {
    
   position: relative;
   font-family: 'opansans', sans-serif;
   color: black;
   text-align: center;
   margin:auto;
  padding:20px;
   margin-top: -35px;
      /*background-image: linear-gradient(to left top,#2196f3,#1a82df,#146eca,#105ab6,#0d47a1);*/
    background-color: #034C80;
   

   


}
.jumbo-title {
   font-size: 2.5em;
   letter-spacing: 1px;
   font-weight: 00;
   font-family:  lato;
    color: #fff;
    text-align: center;



  }

.jumbo-subtitle {
    color:#fff;
   font-size: 1.5em;
   font-weight: 100;
   margin-top: 1px;
 font-family: lato;



}



/*card*


.cards-list{
    z-index: 0;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap; 
 
 

}


.card{

    display: block;
    position: relative;
    margin: 30px auto;
    width: 198px;
    height: 230px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1), -1px -1px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: 0.4s;
   margin-left: 5px;
   margin-top: -20px;
  /* background: url(../image/1.jpg);*
float: left;
  
}
.cards-list::after {
    content: "";
    clear: "both";
    display: "table";

}

.card .card_image {
  width: inherit;
  height: inherit;
  border-radius: 5px;






}

.card .card_image img {

  width: inherit;
  height: inherit;
  border-radius: ;
  object-fit: ;
}

.card .card_title  {
  text-align: center;
  border-radius: 0px 0px 40px 40px;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin-top: -80px;
  height: 60px;
  color: white;
  padding:40px;
  background-color: ;


}

.card:hover {
  transform: scale(0.9, 0.9);
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.30), -1px -1px rgba(0,0,0,0.22);
}


/*---CARD---*/


.card-image {
   width: 200px;
  height: 200px;
  border-radius: ;
  object-fit: ;
}

.card-image > img {
   width: inherit;
  height: inherit;
  border-radius: 5px;
}

.card-image.is-loaded {
    filter: none; /* remove the blur on fullres image */
    transition: filter 1s;
}




/* Layout Styles */

.card-list {
    display: block;
    margin: 0rem auto;
    padding: 0;
    font-size: 0;
    text-align: center;
    list-style: none;

}

.card {
    float: left;
    display: inline-block;
  width: 198px;
 max-width: 20rem;
    margin: 1rem;
    font-size: 1rem;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 0 0 4rem -1rem rgba(0,0,0,0.3);
    transition: transform 0.1s ease-in-out, box-shadow 0.1s;
}

.card:hover {
   transform: scale(1,1);
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.30), -1px -1px rgba(0,0,0,0.22);
}

.card-description {
    display: block;
    padding:0.5em 0.5em;
    color: #022A51 ;
    text-decoration: none;
	
}

.card-description > h2 {
    margin: 0 0 0.5em;
    font-size: 1.50em
}

.card-description > p {
    margin: 0;
}
/*card 2*/

.company-sections h2, .careers-sections h2, .perks-section h2 {
    font-weight: 700;
    font-size: 45px;
    margin-top:-40px;
    color: #212f3d;
}
.company-sections h2, .company-sections h3, .careers-sections h2, .perks-section h2 {
    font-family: 'proxima-nova', sans-serif;
    color: #273746;
}
.company-sections h3 {
    font-size: 25px;
    font-weight: 700;
    margin: 14px 0;
    font-family: 'proxima-nova', sans-serif;
    text-transform: capitalize;
}
.red-border {
    width: 50%;
    border-bottom: 1px solid #d2282e;
    margin: 0 auto;
    height: 1px;
}
.company-sections p {
    margin-top: 20px;
    font-family: poppins;
    font-size:1.3em;
    font-weight:;
    color: black;
    letter-spacing: 1px;
  

}
.ct-u-size22 {
    font-size: 22px;
}
.ct-u-fontWeight300 {
    font-weight: 300;
}
.marginTop40 {
    margin-top: 40px !important;
}
.ct-u-paddingBoth100 {
    padding: 100px 15px;
}



/*product*/

.dye-sections h2, .careers-sections h2, .perks-section h2 {
    font-weight: 650;
    font-size: 20px;
    margin-top:-2px;
   color: #212121;
    letter-spacing: 1px;


}
.dye-sections h2, .dye-sections h3, .careers-sections h2, .perks-section h2 {
 font-family: 'lato',sans-serif; color:#1B4F72 
}
.dye-sections h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 14px 0;
    font-family: lato;
    text-transform: capitalize;
    color: #212121;
    letter-spacing: 1px;
    padding: -40px;
    margin:  0 0 0 10px;
}
/*
.red-border {
    width: 50%;
    border-bottom: 1px solid #d2282e;
    margin: 0 auto;
    height: 1px;
}
*/
.dye-sections p{
    
    font-family: poppins;
    font-size:15px;
    margin: 0 0 0 24px;
  letter-spacing: 1px;
  color: black;

}

.ct-u-size22 {
    font-size: 22px;
}
.ct-u-fontWeight300 {
    font-weight: 300;
}
.marginTop40 {
    margin-top: 40px !important;
}
.ct-y-paddingBoth100 {
    padding: 10px 15px;
}


/*contact*/
.stylec h4 {

    font-size: 14px;
    margin-right: 10px 0;
     font-family: poppins;
    letter-spacing: 1px;
    color: #111;
    margin-bottom: 10px
   
}

.detail{
font-family: poppins; /*'opansans',sans-serif*/
font-size: 14px;
padding: 20px;
color:#000;
letter-spacing: 1px;
font-weight: 500




}


.column{
    float: left;
    width: 30%;
    padding-top: 40px;
    border:2px solid blue;
  
}

.row::after{
    content: "";
    clear: "both";
    display: "table";
}

.row{

    margin:auto
}