@import url(https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic|Lato);
body {
    font-family:Arial;
   font-size: 100%;                                          /* default font size - 100% = 16px*/
   background:#c0c3c5;
}
form, body {
    margin: 0;
   padding: 0;
}
img {
    border: 0 none;
    max-width: 100%;                                          /*to optimize full width of its parent element*/
}
main {
   display:block;
}
address {
    font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p, ol {
   margin: 0;
}
.ctr{
   text-align:center;
}
.clear{
   clear:both;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #9e1616;
    text-decoration: underline;
}
a:hover {
    color: #9e1616;
    text-decoration: none;     
}
p {
    padding-bottom:1.5em;                                   /* Base Font = 16px >>> 24px /16px = 1.5em */
}

hr{
    background:none;
    border-bottom:none;
    border-left:none;
    border-right:none;
    border-top:1px solid #29482f;
    margin:0 0 1.666666666666667em 0;                                   /* Base Font = 16px >>> 0 0 30px 0 /18px = 0 0 1.666666666666667em 0 */
    padding:0;
}
ul {
   padding:0 0 1em 0;                                       /* Base Font = 16px >>> 16px /16px = 1em */
   list-style:none;
   }
ul li{
   background:url(/images/bullet-new.png) no-repeat left 7px; 
   padding:0 0 0 0.611111111111111em;                            /* BASE FONT = 16px  >>> 11px / 16px = 0.611111111111111em  */
}
ol {
    padding: 0 0 1.33333333333333em 1.22222222222222em;             /* BASE FONT = 16px  >>> 0px 0px 24px 22px / 16px = 0 0 1.33333333333333em 1.22222222222222em  */
}
.clearfix:before, .clearfix:after {
   content:"";
   display:table;
}
.clearfix:after{
   clear:both;
}
.inner_wrap {
   padding:0 1.125em 0 1.125em;                /* BASE FONT = 16px  >>> 0px 18px 0px 18px / 16px = 0em 1.125em 0em 1.125em  */
   max-width:60em;                           /* BASE FONT = 16px  >>> 960px / 16px = 60em  */
   margin:0 auto 0 auto;
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* =============Header Area Start============================ */
header{
   background: url(/images/header-bg.jpg) repeat;
   text-align:center;
}
header .inner_wrap {
   padding:0;
}
.header_logo {
    margin:1.125em 1.125em 0 1.125em;                         /* BASE FONT = 16px  >>> 18px 18px 0px 18px / 16px = 1.125em 1.125em 0em 1.125em  */            
   width: 88.78%;                                       /*88.78% width of it's container*/
   text-align:center;
   display: inline-block;
   max-width:29.8125em;                                 /* BASE FONT = 16px  >>> 477px / 16px = 29.8125em  */
   vertical-align:top;
}
.header_logo img {
    display: block;
}
/* =============Header (Utility) Start here=========== */
.utility_nav {
   color:#9e1616;
   font-size:1.125em;                                     /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
   line-height:1.44444444444444em;                           /* BASE FONT = 18px  >>> 26px / 18px = 1.44444444444444em  */
   text-align:center;
   padding: 1.05555555555556em 0 1.05555555555556em 0;            /* BASE FONT = 18px  >>> 19px 0px 19px 0px / 18px = 1.05555555555556em 0em 1.05555555555556em 0em  */
   -moz-transition:all 0.3s ease;
   -webkit-transition:all 0.3s ease;
   -o-transition:all 0.3s ease;
   transition:all 0.3s ease;      
}
.utility_nav span {
   font-size:1.33333333333333em;                           /* BASE FONT = 18px  >>> 24px / 18px = 1.33333333333333em  */
   line-height:1em;                                    /* BASE FONT = 24px  >>> 24px / 24px = 1em  */                                    
   color:#000000;
    display: inline-block;
    vertical-align: top;
}
.utility_nav a {
   color:#000000;
   text-decoration:underline;
   margin:0.166666666666667em 0.166666666666667em 0 1em;         /* BASE FONT = 18px  >>> 3px 3px 0px 18px / 18px = 0.166666666666667em 0.166666666666667em 0em 1em  */
   display:inline-block;
   vertical-align:top;                  
}
.utility_nav a img {
    display: block;
}
.utility_nav a:hover, .utility_nav span a {
   text-decoration:none;
}
/* =============Header (Search) Start here=========== */
.search {
    padding: 0.777777777777778em 0 0 0;                        /* BASE FONT = 18px  >>> 14px / 18px = 0.777777777777778em  */
}
.search form {
    background: #f7f7f7;
    border: 1px solid #dddddd;
    display: inline-block;
    max-width: 13em;                                    /* BASE FONT = 18px  >>> 234px / 18px = 13em  */
    padding: 0;
    vertical-align: top;
    width: 100%;
   max-height: 1.27777777777778em;                           /* BASE FONT = 18px  >>> 23px / 18px = 1.27777777777778em  */
   margin:0 0 0 0.111111111111111em;                        /* BASE FONT = 18px  >>> 2px / 18px = 0.111111111111111em  */
}
.search_box {
    background: #f7f7f7;
    border: none;
    color: #666666;
    display: inline-block;
    font-family: lato;
    font-size: 1em;                                       /* BASE FONT = 18px  >>> 18px / 18px = 1em  */   
    line-height: 21px;                                    /* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em  */
    vertical-align: top;
    width: 88%;                                          /*88.78% width of it's container*/
   height: 1.166666666666667em;                                          /* BASE FONT = 18px  >>> 21px / 18px = 1.166666666666667em  */   
   padding:0 0 0.111111111111111em 0.444444444444444em;         /* BASE FONT = 18px  >>> 0px 0px 2px 8px / 18px = 0em 0em 0.111111111111111em 0.444444444444444em  */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
.search_btn {
    padding: 0.166666666666667em 0.111111111111111em 0 0;         /* BASE FONT = 18px  >>> 3px 2px 0px 0px / 18px = 0.166666666666667em 0.111111111111111em 0em 0em  */
}
/* =============Top Navigation style start=================== */
.trigger {
    text-align: center;
   padding:0 0 0 0.625em;                                 /* BASE FONT = 16px  >>> 10px / 16px = 0.625em  */
}
a.menu_trigger, a:hover.menu_trigger {
   font-size:0.75em;                                        /* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */                  
   line-height:1em;                                       /* BASE FONT = 21px  >>> 21px / 20px = 1em */         
   text-decoration:none;
   color: #444444;
   margin:0 0 1.58333333333333em 0;                           /* BASE FONT = 12px  >>> 19px / 12px = 1.58333333333333em  */                     
   display:inline-block;
   vertical-align:top;
   text-transform:uppercase;
}
.menu_trigger span {
    display: inline-block;
    vertical-align: middle;
   padding:0 0.333333333333333em 0 0;                        /* BASE FONT = 12px  >>> 4px / 12px = 0.333333333333333em  */
}
.menu_trigger span img {
   display:block;
}
.menu_trigger.active span {
   background-color: transparent;
}
.top_nav{
   display:none;
   font-family:cabin;
}
.top_nav {
   text-align:left;
   padding:0.4375em 0 0.5625em 0;                           /* BASE FONT = 16px  >>> 7px 0px 9px 0px / 16px = 0.4375em 0em 0.5625em 0em  */
   background:#242a31;
}
.top_nav ul {
    padding: 0;
}
.top_nav ul > li {
    padding: 0;
   background:none;
   border-bottom: 1px solid #c0c3c5;
}
.top_nav ul > li:first-child{
   border-top: 1px solid #c0c3c5;
}
.top_nav ul > li a {
    color: #dcdcdc;
    display: inline-block;
    font-size: 1.25em;                                    /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
    line-height: 1em;                                    /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
    margin: 0.4em 0 0.4em 0.95em;                                 /* BASE FONT = 20px  >>> 8px 0px 8px 19px / 20px = 0.4em 0em 0.4em 0.95em  */
    text-decoration: none;
    vertical-align: top;
   -moz-transition:all 0.2s ease;
   -webkit-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
   -o-transition:all 0.2s ease;
   transition:all 0.2s ease;
}
.has_child > a {
    padding: 0 0.65em 0 0;                                 /* BASE FONT = 20px  >>> 13px / 20px = 0.65em  */
    position: relative;
}
.has_child > a:after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.has_child.active > a:after {
   content: "-";
}
.has_child.active > a {
    margin: 0.4em 0 0.25em 0.95em;                              /* BASE FONT = 20px  >>> 8px 0px 5px 19px / 20px = 0.4em 0em 0.25em 0.95em  */
}
.top_nav ul li.has_child ul {
   margin: 0.0625em 0 0 0;                                    /* BASE FONT = 16px  >>> 1px 0px 0px 0px / 16px = 0.0625em 0em 0em 0em  */
    padding:0;
   display:none;   
   border-top: 1px solid #c0c3c5;            
}
.has_child ul li{
   background:#9e1616 url(/images/bullet.png) no-repeat 19px 18px;
   border:none;
   padding:0 0 0.0625em 0.625em;                                    /* BASE FONT = 16px  >>> 0px 0px 1px 10px / 16px = 0em 0em 0.0625em 0.625em  */                              
}
.has_child ul li:first-child{
   margin:0.0625em 0 0 0;                                       /* BASE FONT = 16px  >>> 1px 0px 0px 0px / 16px = 0.0625em 0em 0em 0em  */
   border:none;
}
.has_child.active{
   border-bottom:none;
}
.has_child ul li a{
   margin:0.4em 0 0.35em 0.95em;                                 /* BASE FONT = 20px  >>> 8px 0px 7px 19px / 20px = 0.4em 0em 0.35em 0.95em  */
}

/* =============Banner style start=========================== */
/*Home banner style*/
#content_area_home .banner{
   background:url(/images/home-banner-mob.jpg) no-repeat;
   background-size:100%;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   min-height:12.3125em;                                    /* BASE FONT = 16px  >>> 197px / 16px = 12.3125em  */
   margin: 0 0 1.1875em 0;                                    /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
}   
#content_area_home .banner_txt > ul {
    padding: 0;
}
.banner_txt > a {
    color: #81aff7;
    margin: 0 0 0 1.07142857142857em;                                       /* BASE FONT = 14px  >>> 15px / 14px = 1.07142857142857em  */                        
    text-decoration: none;
}
.banner_txt > a:hover{
   text-decoration:underline;
}
#content_area_home .banner_txt ul li {
    background: url(/images/banner-list.jpg) no-repeat ;
   background-position:0 0.5714285714285714em;                              /* BASE FONT = 16px  >>> 8px / 14px = 0.5714285714285714em  */                        
   background-size:0.5714285714285714em;                                 /* BASE FONT = 16px  >>> 8px / 14px = 0.5714285714285714em  */                                       
    padding: 0.0714285714285714em 0 0 1.071428571428571em;                              /* BASE FONT = 16px  >>> 1px / 14px = 0.0625em  BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
}
/*inner banner style*/
.banner{
   background:url(/images/inner-banner-mob.jpg) no-repeat;
   background-size:100%;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   min-height:4.0625em;                                    /* BASE FONT = 16px  >>> 65px / 16px = 4.0625em  */
   margin:0 0 0.875em 0;
}
.banner_txt {
    color: #a3bad9;
    display: none;
    float: right;
    font-family: cabin;
    font-size: 0.875em;                                    /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
    font-weight: 600;
    line-height: 1.07142857142857em;                                    /* BASE FONT = 14px  >>> 15px / 14px = 1.07142857142857em  */
    padding: 0.642857142857143em 0 0;                                    /* BASE FONT = 14px  >>> 9px / 14px = 0.642857142857143em  */
    max-width: 14.2857142857143em;                                    /* BASE FONT = 14px  >>> 200px / 14px = 14.2857142857143em  */
   width:23%;                                             /*23% width of it's container*/
   -moz-transition:all 0.2s ease;
   -webkit-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
   -o-transition:all 0.2s ease;
   transition:all 0.2s ease;
}

/* =============Main + Content Area Style Start===================== */
#content_area {
   background:#ffffff;
   font-size:1em;                                     /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height:1.25em;                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   color:#333333;
   padding:0 0 1.75em 0;                      /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
}
#content_area_home {
   background:#ffffff;
   font-size:1em;                                     /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height:1.25em;                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   color:#333333;
   padding:0 0 0 0;                                      /* 7% width of its container */
}

/* =============Heading Styles=============================== */
h1 {
   color:#242a31;
   font-size:1.5em;                                    /* BASE FONT = 16px  >>> 24px / 16px = 1.5em  */
   font-weight:700;
   line-height:1em;                                     /* BASE FONT = 24px  >>> 24px / 24px = 1em */
   padding:0 0 1.20833333333333em 0;             /* BASE FONT = 24px  >>> 25px 0px 29px 0px / 24px = 1.04166666666667em 0em 1.20833333333333em 0em  */
   font-family:cabin;
}
h2 {
   color:#242a31;
   font-size:1.25em;                                    /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   line-height:1.2em;                         /* BASE FONT = 20px  >>> 24px / 20px = 1.2em */
   padding:0 0 1em 0;                         /* BASE FONT = 20px  >>> 20px / 20px = 1em */
   font-weight:600;
}
h3 {
   color:#242a31;
   font-size:1.125em;                                     /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   line-height:1.22222222222222em;                         /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em  */
   padding:0 0 0.555555555555556em 0;                         /* BASE FONT = 18px  >>> 10px / 18px = 0.555555555555556em  */
}

/* =============Footer Area Start Here======================= */
footer{
   background:#242a31;
   padding:1em 0 0 0;                                    /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   color:#dddddd;
   text-align:center;
}
.footer_left, .footer_right{
   display:inline-block;
   vertical-align:top;
}
.footer_left {
    padding: 0 0.125em 0 0;                                 /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
}
.footer_left > span, .footer_left > span a{
    color: #f33737;
}

footer address{
   line-height:1.375em;                                 /* BASE FONT = 16px  >>> 22px / 16px = 1.375em  */
   padding:0.4375em 0 1em 0;                                    /* BASE FONT = 16px  >>> 7px 0 16px 0/ 16px = 0.4375em 0 1em 0 */
}
.footer_left address a{
   color:#dddddd;
}
address > span:first-child {
    display: block;
    font-weight: bold;
}
.line_break {
    display: block;
}
.line_break .footer_phone {
    display: block;
}
.footer_right {
    padding: 0em 0.125em 0 0;                                 /* BASE FONT = 16px  >>> 20px 2px 0px 0px / 16px = 1.25em 0.125em 0em 0em  */
   max-width:0 em;                              /* BASE FONT = 16px  >>> 170px / 16px = 10.625em  */
}   

.footer_right > span{
    margin: 0 auto;
    max-width: 11.875em;                                 /* BASE FONT = 16px  >>> 190px / 16px = 11.875em  */
    width: 80%;
   line-height:1.125em;                              /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
 display: block;
    padding: 0.8125em 0 0.875em 0;                           /* BASE FONT = 16px  >>> 13px 0px 14px 0px / 16px = 0.8125em 0em 0.875em 0em  */
 }
.footer_right > img {
    display: block;
    margin: 0 auto 0 auto;
}
/*Thomas Info style*/
.thomas_info {
    color: #565656;
   padding:0.9375em 0 0 0;                                 /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
   text-align:center;
}
.thomas_info span{
   display:inline-block;
   vertical-align:top;
}
.thomas_info span:first-child {
   width: 86%;                                    /* 86% width of its container */
}
.thomas_info span.footer_links {
    display: block;
   width:auto;
}
.thomas_info a {
    color: #565656;
}
.footer_links > a {
    margin: 0 0.875em 0 0.875em;                  /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
}

/* =============Print Page Styles=========================== */
.send_email_table {
   width:80%;                                                       /*80% width of content area*/
   margin:0 auto;
   border-spacing:0.375em 0.5em;                           /* BASE FONT = 16px  >>> 6px 8px / 16px = 0.375em 0.5em */
   }
.print_page {
   display:none;
   clear: both;
   padding:1.5625em 0 0 0;                        /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em   */   
    text-align: right;
   background:url(/images/footer_bg.jpg);
}
.print_page a {
   font-size:0.5625em;                                     /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    line-height: 1em;                                     /* BASE FONT = 14px  >>> 9px / 9px = 1em */
    color: #1540bf;
   text-decoration:underline; 
}
.print_page a:hover {
   color:#1540bf;
   text-decoration:none;
}
.print_img {
    display: inline-block;
    margin: 0 0.555555555555556em 0 0;                         /* BASE FONT = 9px  >>> 5px / 9px = 0.555555555555556em  */
    vertical-align: middle;
}
.email_img {
    display: inline-block;
    margin:0 0.555555555555556em 0 2em;                         /* BASE FONT = 9px  >>> 0px 5px 0px 18px / 9px = 0em 0.555555555555556em 0em 2em  */
    vertical-align: middle;
}
/* ============= Return to Top Start =========================== */

#return-to-top {
   background: #9e1616;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius:15px;
   bottom:0.75em;                                         /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   color: #ffffff;
   display: none;
   font-size:1em;                                         /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   height:2.1875em;                                       /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   position: fixed;
   right:0.75em;                                          /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   text-decoration: none;
   width:2.1875em;                                        /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
#return-to-top span {
   display: block;
   font-size:1.1875em;                                     /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
   line-height:2.15789473684211em;                         /* BASE FONT = 19px  >>> 41px / 19px = 2.15789473684211em  */
   text-align: center;
}
/* =============Home page classes Start Here================= */
#content_area_home .inner_wrap {
    padding: 0;
}
#content_area_home h1 {
    color: #242a31;
    font-size: 1.125em;                           /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
    font-weight: normal;
    line-height: 1.22222222222222em;                           /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em  */
    padding: 0 2.66666666666667em 0.888888888888889em 2.66666666666667em;/* BASE FONT = 18px  >>> 19px 48px 16px 48px / 18px = 1.05555555555556em 2.66666666666667em 0.888888888888889em 2.66666666666667em  */
    text-align: center;   
}
#content_area_home h1 span {
    color: #9e1616;
}
#home_bucket {
    text-align: center;
   padding:0 0.9375em 0.75em 0.9375em;                  /* BASE FONT = 16px  >>> 0px 15px 12px 15px / 16px = 0em 0.9375em 0.75em 0.9375em  */
}
#home_bucket > article {
    display: inline-block;
    max-width: 14.6875em;                           /* BASE FONT = 16px  >>> 235px / 16px = 14.6875em  */
    vertical-align: top;
    width: 48.22%;
   margin:0 0.5% 0.75em 0.5%;                        /* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */
}
#home_bucket article a {
    color: #333333;
    font-size: 0.875em;                              /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
    text-decoration: none;
   line-height:1em;                              /* BASE FONT = 16px  >>> 14px / 14px = 1em  */
}
#home_bucket article a:hover {
    color: #9e1616;
}
#home_bucket article a img {
    display: block;
}
#content_area_home h2 {
    background: url(/images/home-h2-bg.jpg) repeat-x center center;
    color: #eeeeee;
    font-family: cabin;
    font-size: 1.125em;                              /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
    font-weight: 400;
    line-height: 1.44444444444444em;                  /* BASE FONT = 18px  >>> 26px / 18px = 1.44444444444444em  */
    padding: 0;
    text-align: center;
}
#content_area_home h2 span {
    background: #242a31;
    color: #eeeeee;
    display: block;
    height: 1.94444444444444em;                                 /* BASE FONT = 18px  >>> 35px / 18px = 1.94444444444444em  */
    margin: 0 auto;
    max-width: 26.3888888888889em;                                 /* BASE FONT = 18px  >>> 475px / 18px = 26.3888888888889em  */
    padding: 0.555555555555556em 0 0;                                    /* BASE FONT = 18px  >>> 10px / 18px = 0.555555555555556em  */
}
/********Portfolio style**************/
#portfolio_bucket {
    padding: 1.4375em 1.125em 0.0625em 1.125em;                        /* BASE FONT = 16px  >>> 23px 18px 1px 18px / 16px = 1.4375em 1.125em 0.0625em 1.125em  */
   text-align:center;
}
#portfolio_bucket article {
    display: inline-block;
    font-size: 0.875em;                           /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
    line-height:1.21428571428571em;                        /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em  */
    margin: 0.214285714285714em 1.1% 1.57142857142857em 1.1%;                        /* BASE FONT = 14px  >>> 3px / 14px = 0.214285714285714em  *//* BASE FONT = 14px  >>> 22px / 14px = 1.57142857142857em  */
    max-width: 10.6428571428571em;                           /* BASE FONT = 14px  >>> 149px / 14px = 10.6428571428571em  */
    text-align: center;
    vertical-align: top;
    width: 31%;                                    /* 31% width of its container */
}
#portfolio_bucket a {
    color: #333333;
    text-decoration: none;
   display:block;
}
#portfolio_bucket img {
    border: 1px solid #cccccc;
    display: block;
   width:100%;
}
#portfolio_bucket a:hover{
   color: #9e1616;
}

/* =============Inner pages style============================ */
.feature_img {
   margin: 0 auto 2em auto;                                  /* BASE FONT = 16px  >>> 24px / 16px = 2em */
   max-width: 20.25em;                                     /* BASE FONT = 16px  >>> 324px / 16px = 20.25em */
}
.feature_img img {
   display:block;
}
.feature_img.right_img a {
   margin:0 0 1.5em 0;                                       /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
}

/* ================Button Style============================== */
.input_btn {
   background:#242a31;
   border: none;
   color: #ffffff;
   cursor: pointer;
   font-size: 1.125em;                                        /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   padding:0.555555555555556em 0 0.611111111111111em 0.277777777777778em; /* BASE FONT = 18px  >>> 10px 0px 11px 5px / 18px = 0.555555555555556em 0em 0.611111111111111em 0.277777777777778em  */
   width: 7.22222222222222em;                                        /* BASE FONT = 18px  >>> 130px / 18px = 7.22222222222222em  */
   margin: 0 0.5555555555555556em 0.5555555555555556em 0.5555555555555556em;                            /* BASE FONT = 16px  >>> 10px / 18px = 0.5555555555555556em */
   border-radius:8px;
   -webkit-border-radius:8px;
   -moz-border-radius:8px;
}
.input_btn:hover {
   color:#ffffff;
   background:#9e1616;
}
/*------------------ Tabular Data Styles ------------------*/
h2.tabular_heading {
    background: url(/images/tab-heading-bg.jpg) repeat-x 0 center;
    font-family: cabin;
    font-weight: 600;
    line-height: 1em;
    padding: 0;
    text-align: center;
}
.tabular_heading > span {
    background: #ffffff;
    padding: 0 2% 0 2%;                        /* 2% width of its container */
}
.tabular_data {
   margin:1.6875em 0 2.25em 0;                                /* Base Font = 16px >>> 27px 0 36px 0 /16px = 1.6875em 0 2.25em 0 */
}
.tabular_data dl {
   margin:0 0 0.625em 0;                                  /* Base Font = 16px >>> 0 0 10px 0 /16px = 0 0 0.625em 0 */
   padding:0;
   width:100%;                                            /* 100% width of its container */
}
.tabular_data dl dt, .tabular_data dl dd {
   display:block;
   margin:0 0 0.375em 0;                               /* Base Font = 16px >>> 0 0 6px 0 /16px = 0 0 0.375em 0 */
   padding:0.75em 0.6875em 0.75em 0.6875em;          /* Base Font = 16px >>> 4px 11px 12px 11px /16px = 0.75em 0.6875em 0.75em 0.6875em */
   background:#eeeeee;
}
.tabular_data dd dl {
   margin:0;
}
.tabular_data dd ul {
   padding:0;
}
.tabular_data dd dl dt, .tabular_data dd dl dd {
   background:none;
   border:none;
   padding:0;
   margin:0;
}
/*------------------ Contact Page Styles ------------------*/
.contact-box {
   text-align:center;
}
.contact-box address {
   margin:0 0 0.9375em 0;                                             /* Base Font = 16px >>> 0 0 15px 0 /16px = 0 0 0.9375em 0 */
}
#gmap {
   margin:0 0 0.9375em 0;                                              /* Base Font = 16px >>> 0 0 15px 0 /16px = 0 0 0.9375em 0 */
   text-align:center;
}
#gmap iframe {
   border:1px solid #dddddd;
   height:21.875em;                                                   /* Base Font = 16px >>> 350px /16px = 21.875em */
   width:100%;                                                       /* 100% width of its container */
}
/***Sitemap page style***/
ul.sitemap li {
   background-image: none;
   padding: 0.277777777777778em 0 0.277777777777778em 0;            /* BASE FONT = 18px  >>> 5px 0 5px 0 / 18px = 0.277777777777778em 0 0.277777777777778em 0 */
}
ul.sitemap ul {
   padding: 0.277777777777778em 0 0 0.833333333333333em;             /* BASE FONT = 18px  >>> 5px 0 0 15px / 18px = 0.277777777777778em 0 0 0.833333333333333em */
}
ul.sitemap ul li {
   padding:0;
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
.inner_wrap {
   padding:0 1.0625em 0 1.125em;                               /* BASE FONT = 16px  >>> 0px 17px 0px 18px / 16px = 0em 1.0625em 0em 1.125em  */
}
#content_area{
   padding:0 0 2.1875em 0;                                       /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
}
/* =============Header Start here============ */
.header_logo{
   margin:1.125em 1.25em 0 1em;                              /* BASE FONT = 16px  >>> 18px 20px 0px 16px / 16px = 1.125em 1.25em 0em 1em  */
}
/* =============(Utility) Start here============ */
.utility_nav{
   padding:1.83333333333333em 0 1.11111111111111em 0;                                 /* BASE FONT = 18px  >>> 33px 0px 20px 0px / 18px = 1.83333333333333em 0em 1.11111111111111em 0em  */
}
.utility_nav a{
   margin:0.166666666666667em 0.222222222222222em 0 0.944444444444444em;/* BASE FONT = 18px  >>> 3px 4px 0px 17px / 18px = 0.166666666666667em 0.222222222222222em 0em 0.944444444444444em  */            
}
/* =============Header (Search) Start here=========== */
.search form {
    margin: 0;
}
a.menu_trigger, a:hover.menu_trigger{
   margin:0 0 1.5em 0;                                             /* BASE FONT = 12px  >>> 18px / 12px = 1.5em  */
}
/* =============Banner style start=========================== */
/******Home Banner********/
#content_area_home .banner{
   background: url(/images/home-banner-tablet.jpg) no-repeat;
   background-size:100%;
    min-height: 12.3125em;                                       /* BASE FONT = 16px  >>> 197px / 16px = 12.3125em  */
   margin: 0 0 1.3125em 0;                                          /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em  */
}
#content_area_home .banner .banner_txt {
    line-height: 1.35714285714286em;                                          /* BASE FONT = 14px  >>> 19px / 14px = 1.35714285714286em  */
    padding: 2.28571428571429em 0.714285714285714em 0 0;                                          /* BASE FONT = 14px  >>> 32px 10px 0px 0px / 14px = 2.28571428571429em 0.714285714285714em 0em 0em  */
   display:block;
}
/*inner banner*/
.banner {
    background: url(/images/inner-banner-tablet.jpg) no-repeat;
   background-size:100%;
    min-height: 7.5em;
   margin:0 0 1.04166666666667em 0;                                             /* BASE FONT = 16px  >>> 120px / 16px = 7.5em  */
}
.banner_txt {
   display: block;
}
.banner_txt > ul {
    padding: 0 0 0 0.142857142857143em;                                          /* BASE FONT = 14px  >>> 2px / 14px = 0.142857142857143em  */
}
.banner_txt ul li {
    background: url(/images/banner-list.jpg) no-repeat 0 0.5em;               /* BASE FONT = 14px  >>> 7px / 14px = 0.5em  */
   background-size:0.357142857142857em;                                             /* BASE FONT = 14px  >>> 5px / 14px = 0.357142857142857em  */
    padding: 0.0714285714285714em 0 0 0.928571428571429em;                                          /* BASE FONT = 14px  >>> 1px 0px 0px 13px / 14px = 0.0714285714285714em 0em 0em 0.928571428571429em  */
}
/* =============Footer Area Start Here======================= */
footer {
    text-align: left;
}
footer address{
   padding:0.4375em 0 0 0.125em;                                 /* BASE FONT = 16px  >>> 7px 0px 0px 2px / 16px = 0.4375em 0em 0em 0.125em  */
}
.line_break .footer_phone {
    display: inline-block;
    padding: 0 2.5em 0 0;                                       /* BASE FONT = 16px  >>> 40px / 16px = 2.5em  */
    position: relative;
    vertical-align: top;
}
.footer_phone:after {
    content: "|";
    display: inline-block;
    height: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
    padding: 0 11.5%;
    position: absolute;
}
.footer_right {
    float: right;
    padding: 0em 0.0625em 0 0;                                 /* BASE FONT = 16px  >>> 47px 1px 0px 0px / 16px = 2.9375em 0.0625em 0em 0em  */
    text-align: center;
}
.thomas_info {
    font-size: 0.9375em;                                          /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
    line-height: 1.2em;                                             /* BASE FONT = 15px  >>> 18px / 15px = 1.2em  */
    padding: 1.2em 0.933333333333333em 0 0;                              /* BASE FONT = 15px  >>> 18px 14px 0px 0px / 15px = 1.2em 0.933333333333333em 0em 0em  */
}
.thomas_info span:first-child{
   padding:0 0 0.666666666666667em 0;                                       /* BASE FONT = 15px  >>> 10px / 15px = 0.666666666666667em  */
}
.thomas_info span.footer_links {
    display: inline-block;
    vertical-align: top;
}
.footer_links:after {
    content: "|";
    padding: 0 1em 0 1.06666666666667em;                                       /* BASE FONT = 15px  >>> 0px 15px 0px 16px / 15px = 0em 1em 0em 1.06666666666667em  */
}
.footer_links > a:last-child {
    margin: 0 0 0 0.933333333333333em;                                          /* BASE FONT = 15px  >>> 14px / 15px = 0.933333333333333em  */
}
/* =============Print Page Styles=========================== */
.print_page {
   display:block;
}
/* =============Home page classes Start Here================= */
#content_area_home h1 {
    font-size: 1.75em;                                                      /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
    line-height: 1.07142857142857em;                                                      /* BASE FONT = 28px  >>> 30px / 28px = 1.07142857142857em  */
    padding: 0 0.892857142857143em 0.857142857142857em 0.892857142857143em;/* BASE FONT = 28px  >>> 21px 25px 24px 25px / 28px = 0.75em 0.892857142857143em 0.857142857142857em 0.892857142857143em  */
}
#home_bucket{
   padding:0 0 0.625em 0;                                             /* BASE FONT = 16px  >>> 10px / 16px = 0.625em  */
}
#home_bucket > article{
   margin:0 0.25% 1.5em 0.25%;                                          /* 0.25% width of its container *//* BASE FONT = 16px  >>> 24px / 16px = 1.5em  */
   max-width:none;
   width:37%;                                                      /* 37% width of its container */
}
#home_bucket article a{
   font-size: 1.25em;                                          /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   line-height:1em;                                          /* BASE FONT = 16px  >>> 20px / 20px = 1em  */
   display:block;
}
#home_bucket article a img{
   padding:0 0 0.5625em 0;                                          /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em  */
   width:100%;
}
#content_area_home h2 {
    font-size: 1.625em;                                          /* BASE FONT = 16px  >>> 26px / 16px = 1.625em  */
    line-height: 1em;                                          /* BASE FONT = 16px  >>> 26px / 26px = 1em  */
   padding:0 0.923076923076923em 0 0.807692307692308em;               /* BASE FONT = 26px  >>> 0px 24px 0px 21px / 26px = 0em 0.923076923076923em 0em 0.807692307692308em  */
}   
#content_area_home h2 span {
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    height: 1.42307692307692em;                                    /* BASE FONT = 26px  >>> 37px / 26px = 1.42307692307692em  */
    padding: 0.307692307692308em 0 0 0;                                          /* BASE FONT = 26px  >>> 8px / 26px = 0.307692307692308em  */                              
   width:79.83193277310924%; /*475*100/595 = 79.83193277310924%;*/
}
#portfolio_bucket{
   padding:1.6875em 0 0.125em 0;                        /* BASE FONT = 16px  >>> 27px 0 2px 0 / 16px = 1.6875em 0 0.125em 0  */
   width:76.09375%;/*487*100/640 = 76.09375%*/
   margin:0 auto;
}
#portfolio_bucket article {
    font-size: 1.125em;                                          /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
    line-height: 1.16666666666667em;                                          /* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em  */
    margin: 0.166666666666667em 1.026694045174538% 1.33333333333333em 1.232032854209446%;   /* BASE FONT = 18px  >>> 3px 6px 24px 5px / 18px = 0.166666666666667em 0.333333333333333em 1.33333333333333em 0.277777777777778em  */
   width:30.59548254620123%;/*149*100/487 = 30.59548254620123%*/
   max-width:none;
   
}
#portfolio_bucket img {
    margin-bottom: 0.277777777777778em;                                       /* BASE FONT = 18px  >>> 5px / 18px = 0.277777777777778em  */
}
/* =============Inner pages style============================ */
.feature_img {
   float: right;
   margin: 0 0 2em 2em;                            /* BASE FONT = 16px  >>> 0 0 32px 32px / 16px = 0 0 2em 2em */
   width:50%;                                       /*40% of it's container*/
}

/*------------------ Contact Page Styles ------------------*/
.contact-box {
   text-align:left;
}
.contact-box address {
   display:inline-block;
   vertical-align:top;
}
.contact-box p {
   float:right;
   text-align:right;
}
/*------------------ Tabular Data Styles ------------------*/
.tabular_data > dl {
   display: table;
   margin:0;
   border-bottom:3px solid #ffffff;
   border-top:2px solid #ffffff;     
}
.tabular_data dl dt, .tabular_data dl dd {
   display: table-cell;
   vertical-align:top;
}
.tabular_data > dl > dt {
   display: table-cell;
   width: 40%;                                               /* 40% width of its container */
   font-weight:600;
   border-right:5px solid #ffffff;   
}
.tabular_data dd dl dt, .tabular_data dd dl dd {
   display:block;
   width:100%;                                               /* 100% width of its container */
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
.inner_wrap, #content_area_home .inner_wrap {
   padding: 0 0.3125em 0 0.3125em;                        /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em  */
}

/* =============Header Area Start============================ */
header .inner_wrap {
    padding: 0 0.3125em 0 0.3125em;                        /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em  */
}
.header_logo {
    float: left;
    margin: 1.125em 0 0 0.3125em;                              /* BASE FONT = 16px  >>> 18px 0px 0px 5px / 16px = 1.125em 0em 0em 0.3125em  */
}
/* =============(Utility) Start here============ */
.utility_nav {
    padding: 0.833333333333333em 0 1.11111111111111em 0;            /* BASE FONT = 18px  >>> 15px 0px 20px 0px / 18px = 0.833333333333333em 0em 1.11111111111111em 0em  */
text-align: right;
}
.utility_nav a {
    margin: 0.166666666666667em 0.444444444444444em 0 0.666666666666667em;      /* BASE FONT = 18px  >>> 3px 8px 0px 12px / 18px = 0.166666666666667em 0.444444444444444em 0em 0.666666666666667em  */
}
.search {
    padding: 0.777777777777778em 0.333333333333333em 0 0;            /* BASE FONT = 18px  >>> 14px 6px 0px 0px / 18px = 0.777777777777778em 0.333333333333333em 0em 0em  */
}
.search_box{
   padding:0 0 0.111111111111111em 0.5em;                        /* BASE FONT = 18px  >>> 0px 0px 2px 9px / 18px = 0em 0em 0.111111111111111em 0.5em  */
}
.search_btn {
    padding: 0.166666666666667em 0.222222222222222em 0 0;         /* BASE FONT = 18px  >>> 3px 4px 0px 0px / 18px = 0.166666666666667em 0.222222222222222em 0em 0em  */
}
/* =============Top Navigation style start=================== */
.trigger {
    display: none;
}
.top_nav {
    display: block;
}
.top_nav {
    padding: 1.25em 8.6% 0 0;                           /*8.6% of it's container*//* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
    text-align: right;
   background:none;
}
.top_nav ul > li {
    display: inline-block;
    padding: 0 0 0.5em 0;                            /* BASE FONT = 16px  >>> 8px / 16px = 0.5em  */                        
   margin:0 0 0 8.8%;                                 /*8.8% of it's container*/
    vertical-align: top;
   position:relative;
   border:none;
}
.top_nav ul > li:first-child{
   border:none;
}
.top_nav ul li.has_child ul {
   background:#9e1616;
   display: none;
   position:absolute;
   left: 0;
    margin: 0;
    padding:0.8125em 0 0.8125em 0;                            /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em  */
   top:2.3125em;                                       /* BASE FONT = 16px  >>> 37px / 16px = 2.3125em  */
   width:14.5em;                                       /* BASE FONT = 16px  >>> 232px / 16px = 14.5em  */
   text-align:left;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;                            /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;                               /* Firefox, other Gecko */
   z-index:9999;
   border:none;
}
.top_nav ul li.has_child ul li{
   background-position:1.0625em  0.75em;                        /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em  *//* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */
   padding:0 0 0.1875em 1.125em;                                    /* BASE FONT = 16px  >>> 0px 0px 3px 18px / 16px = 0em 0em 0.1875em 1.125em  */
   margin:0;
}
.top_nav ul li:hover ul {
   display:block;
}
.top_nav ul > li a {
   margin:0;
   color:#444444;
   border-bottom:3px solid #dddddd;
   padding:0 0 0.3em 0;                           /* BASE FONT = 20px  >>> 6px / 20px = 0.3em  */
}
.has_child > a:after{
   display:none;
}
.has_child > a{
   padding:0;
}
.top_nav ul > li a:hover, .top_nav ul > li.has_child:hover > a {
   color:#444444;
   border-bottom:3px solid #9e1616;
}
.top_nav ul > li > ul li a, .top_nav ul > li > ul li:last-child a {
   display: block;
    margin: 0;
    padding:0.1176470588235294em 0 0.0588235294117647em 0.4705882352941176em; /* BASE FONT = 18px  >>> 2px 0 1px 8px / 17px = 0.1176470588235294em 0 0.0588235294117647em 0.4705882352941176em */
   border:none;
}
.has_child ul li a{
   color:#ffffff;
}
.top_nav ul > li > ul li a:hover, .top_nav ul li ul li:hover > a {
   color: #ffffff;
   border:none;
   text-decoration:underline;
}
/* ============= Main +Content Area Style Start===================== */
/************Home Banner*************/
#content_area_home .banner{
   background: url(/images/home-banner-dest.jpg) no-repeat center top;
    min-height: 12.8125em;                                          /* BASE FONT = 16px  >>> 205px / 16px = 12.8125em  */
   margin: 0 0 0.9375em 0;                                             /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */   
}
/************Inner Banner*************/
.banner {
    background: url(/images/inner-banner-dest.jpg) no-repeat scroll center top;
    min-height: 7em;                                             /* BASE FONT = 16px  >>> 112px / 16px = 7em  */
}
.banner_txt {
   width:18%;                                          /*18% of it's container*/
}
/* =============Home page classes Start Here================= */
#content_area_home .banner .banner_txt {
    font-size: 1.125em;                                    /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
    line-height: 1.22222222222222em;                        /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em  */
    padding: 0.833333333333333em 0.555555555555556em 0 0;         /* BASE FONT = 18px  >>> 15px 10px 0px 0px / 18px = 0.833333333333333em 0.555555555555556em 0em 0em  */
    width: auto;
}
#content_area_home h1 {
    font-size: 1.625em;                                    /* BASE FONT = 16px  >>> 26px / 16px = 1.625em  */
    line-height: 1.15384615384615em;                        /* BASE FONT = 26px  >>> 30px / 26px = 1.15384615384615em  */
}
#home_bucket {
    padding: 0 0 0.625em 0;                                 /* BASE FONT = 16px  >>> 10px / 16px = 0.625em  */
}
#home_bucket > article {
    margin: 0 2px 1.5em 2px;                              /* BASE FONT = 16px  >>> 0px 0px 24px 4px / 16px = 0em 0em 1.5em 0.25em  */
    width: 24.47916666666667%;/* 235*100/960 = 24.47916666666667%*/
}
#home_bucket article a {
    font-size: 1.125em;                                    /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
    line-height: 1.11111111111111em;                                    /* BASE FONT = 18px  >>> 20px / 18px = 1.11111111111111em  */
}
#content_area_home h2 span{
   width:48.85906040268456%;/*364*100/745 = 48.85906040268456% */
}
#portfolio_bucket {
    padding: 1.6875em 0 0.125em 0;                              /* BASE FONT = 16px  >>> 27px 0px 2px 0px / 16px = 1.6875em 0em 0.125em 0em  */
   width:100%;
}
#portfolio_bucket article {
    font-size: 0.875em;                                    /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
    line-height: 1.28571428571429em;                                    /* BASE FONT = 14px  >>> 18px / 14px = 1.28571428571429em  */
    margin: 0.214285714285714em 0 1.71428571428571em 1.145833333333333%;         /* BASE FONT = 14px  >>> 3px 0px 24px 11px / 14px = 0.214285714285714em 0em 1.71428571428571em 1.145833333333333%  */
    width:15.52083333333333%;/*149*100/960 = 15.52083333333333%*/
}
#portfolio_bucket article:first-child {
   margin: 0.214285714285714em 0 1.71428571428571em 0;         /* BASE FONT = 14px  >>> 3px 0px 24px 0 / 14px = 0.214285714285714em 0em 1.71428571428571em 0  */   
}

/* =============Inner pages style============================ */
.tabular_data dd dl dt, .tabular_data dd dl dd {
   display:inline-block;
   vertical-align:top;
   width:49%;                                               /* 49% width of its container */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
/* =============Top Nav Start here============ */
.top_nav ul > li {
   margin:0 0 0 9.8%;                                    /*9.8% of it's container*/
}

/* =============Home page classes Start Here================= */
#content_area_home .banner{
   min-height: 15.375em;                                 /* BASE FONT = 16px  >>> 246px / 16px = 15.375em  */
   margin: 0 0 2.3125em 0;                                 /* BASE FONT = 16px  >>> 37px / 16px = 2.3125em  */
}
#content_area_home .banner .banner_txt {
    font-size: 1.625em;                           /* BASE FONT = 16px  >>> 26px / 16px = 1.625em  */
    line-height: 1.11538461538462em;                           /* BASE FONT = 26px  >>> 29px / 26px = 1.11538461538462em  */
    max-width: 10em;                        /* BASE FONT = 26px  >>> 260px / 26px = 10em  */
    padding: 0.653846153846154em 0.153846153846154em 0 0;      /* BASE FONT = 26px  >>> 17px 4px 0px 0px / 26px = 0.653846153846154em 0.153846153846154em 0em 0em  */                     
    width: auto;
}
#content_area_home .banner_txt ul li{
   background-size:0.3461538461538462em;                        /* BASE FONT = 26px  >>> 9px / 26px = 0.3461538461538462em  */
   background-position:0.4615384615384615em;                     /* BASE FONT = 26px  >>> 12px / 26px = 0.4615384615384615em  */
   padding:0.0625em 0 0 1.375em;                           /* BASE FONT = 26px  >>> 1px 0px 0px 22px / 26px = 0.0625em 0em 0em 1.375em  */
}
.banner_txt > a{
   padding:0 0 0 0.269230769230769em;                           /* BASE FONT = 26px  >>> 7px / 26px = 0.269230769230769em  */
}
#content_area_home h1 {
    font-size: 1.75em;                        /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
    line-height: 1.07142857142857em;                        /* BASE FONT = 28px  >>> 30px / 28px = 1.07142857142857em  */
   padding:0 0 1.32142857142857em 0;      /* BASE FONT = 28px  >>> 0 0px 37px 0px / 28px = 0 0em 1.32142857142857em 0em  */
}

#home_bucket {
    padding: 0 0 1.125em 0;                           /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
}
#home_bucket article a {
    font-size: 1.25em;                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
    line-height: 1.1em;                        /* BASE FONT = 20px  >>> 22px / 20px = 1.1em  */
}
#portfolio_bucket {
    padding: 1.6875em 0 1.875em 0;                     /* BASE FONT = 16px  >>> 27px 0px 30px 0px / 16px = 1.6875em 0em 1.875em 0em  */
}
#portfolio_bucket article{
   width:15.7%;
   font-size: 1.125em ;                           /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
   line-height:1.25em;                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
}
/* ============= Main +Content Area Style Start===================== */
.banner {
    min-height: 8.375em;                        /* BASE FONT = 16px  >>> 134px / 16px = 8.375em  */
}
.banner_txt {
   width:18%;
   font-size:1.0625em;                                 /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em  */
   line-height:1.05882352941176em;                              /* BASE FONT = 17px  >>> 18px / 17px = 1.05882352941176em  */
}
.banner_txt ul li{
   background-size: 0.411764705882353em;                              /* BASE FONT = 17px  >>> 7px / 17px = 0.411764705882353em  */
}
/* =============Inner pages style============================ */
/* =============Footer Area Start Here======================= */
.thomas_info{
    padding: 1.2em 0 0 0;                              /* BASE FONT = 15px  >>> 18px / 15px = 1.2em  */
}
.thomas_info span{
   float:right;
}
.thomas_info span:first-child{
   float:left;
   width:auto;
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1280px/16px = 80em*/
@media only screen and (min-width: 80em) {
/* =============Home page classes Start Here================= */
#content_area_home .banner{
   min-height: 20.375em;                                    /* BASE FONT = 16px  >>> 326px / 16px = 20.375em  */
   position:relative;
   background-color:#c7d0e1;
}
#content_area_home .banner:before {
   content:'';
   width:100%;
   background:url(/images/home-banner-dest.jpg) no-repeat center top;
   position:absolute;
   top:0;
   left:0;
   height:100%;
   z-index:2;   
}
#content_area_home .banner:after {
   content:'';
   width:50%;
   background-color:#0c1329;
   position:absolute;
   top:0;
   right:0;
   height:100%;
   z-index:1;   
}

#content_area_home .banner .banner_txt {
    line-height: 1.26923076923077em;                              /* BASE FONT = 26px  >>> 33px / 26px = 1.26923076923077em  */
    padding: 1.96153846153846em 0.153846153846154em 0 0;               /* BASE FONT = 26px  >>> 51px 4px 0px 0px / 26px = 1.96153846153846em 0.153846153846154em 0em 0em  */
   position:relative;
   z-index:5;
}
#content_area_home .banner_txt > ul{
   padding:0 0 0 0.115384615384615em;                                          /* BASE FONT = 26px  >>> 3px / 26px = 0.115384615384615em  */
}
#content_area_home .banner_txt ul li{
   padding:0.0384615384615385em 0 0 0.961538461538462em;                                    /* BASE FONT = 26px  >>> 1px 0px 0px 25px / 26px = 3.84615384615385E-02em 0em 0em 0.961538461538462em  */
   background-size:0.384615384615385em;                                    /* BASE FONT = 26px  >>> 10px / 26px = 0.384615384615385em  */
   background-position:0 0.538461538461538em;                              /* BASE FONT = 26px  >>> 14px / 26px = 0.538461538461538em  */
}
.banner_txt > a{
   padding:0 0 0 0;                                       /* BASE FONT = 26px  >>> 12px / 26px = 0.461538461538462em  */
}
#content_area_home h1{
   padding:0 0 1.5em 0;                                          /* BASE FONT = 26px  >>> 0 0px 39px 0px / 26px = 0 0em 1.5em 0em  */
}
#home_bucket {
    padding: 0 0 1.75em 0;                                          /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
}
#content_area_home h2{
   padding:0 0.769230769230769em 0 0.884615384615385em;                                       /* BASE FONT = 26px  >>> 0px 20px 0px 23px / 26px = 0em 0.769230769230769em 0em 0.884615384615385em  */
}
#content_area_home h2 span {
    padding: 0.307692307692308em 0.346153846153846em 0 0.307692307692308em;         /* BASE FONT = 26px  >>> 8px 9px 0px 8px / 26px = 0.307692307692308em 0.346153846153846em 0em 0.307692307692308em  */
    width: 38%;
}
/* =============Inner pages style============================ */
/*banner style**/
.banner {
    min-height: 11.0625em;                                          /* BASE FONT = 16px  >>> 177px / 16px = 11.0625em  */
   background-color:#c7d0e1;
   position:relative;
}

.banner:before {
   content:'';
   width:100%;
   background:url(/images/inner-banner-dest.jpg) no-repeat center top;
   position:absolute;
   top:0;
   left:0;
   height:100%;
   z-index:2;   
}
.banner:after {
   content:'';
   width:50%;
   background-color:#0c1329;
   position:absolute;
   top:0;
   right:0;
   height:100%;
   z-index:1;   
}
.banner_txt {
    font-size: 1.25em;                                             /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
    line-height: 1.1em;                                             /* BASE FONT = 20px  >>> 22px / 20px = 1.1em  */
    padding:  0.65em 0.25em 0 0;                                          /* BASE FONT = 20px  >>> 13px 5px 0px 0px / 20px = 0.65em 0.25em 0em 0em  */
    width: 21%;                                                /*21% of it's container*/
   position:relative;
   z-index:5;
}
.banner_txt ul li {
    background-position: 0.1em 0.5em;                                 /* BASE FONT = 20px  >>> 2px 10px 0px 0px / 20px = 0.1em 0.5em 0em 0em  */
    background-size: 0.4em auto;                                 /* BASE FONT = 20px  >>> 8px / 20px = 0.4em  */
    padding: 0.1em 0 0 1em;                                          /* BASE FONT = 20px  >>> 2px 0px 0px 20px / 20px = 0.1em 0em 0em 1em  */
}
}