@charset "utf-8";
/* CSS Document */

/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
	
* {margin:0; padding:0; outline:none;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after,  {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}


a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; }

img {width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}

body {margin:0; padding:0px 0px 0px 0px; font-family:'ralewaymedium'; color:#6b6b6b;  background:url(../images/body-bg.html) top no-repeat #fff; font-size:14px;}

/* web font face */


/* - */
.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

a{ color:#9e4552; text-decoration:none; }

.clearfix {
  *zoom: 1;
}

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

.clearfix:after {
  clear: both;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap');
@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*========= Header top start===================*/
.header-top-area, .footer-middile-area {
    background: #fff;
    padding: 10px 0;
}

.header-top-area .container, .footer-middile-area .container{
    width: 1172px;
    max-width: 100%;
    margin: 0 auto;
}

.brand-logo a img, .footer-brand-logo a img {
    width: 72px;
}

.header-top-inner, .footer-middile-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.brand-logo a span, .footer-brand-logo a span {
    color: #fff;
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    line-height: 20px;
    margin-left: 20px;
}

.brand-logo a, .footer-brand-logo a {
    display: inline-flex;
    align-items: center;
}

.top-phone {
    display: inline-flex;
    align-items: center;
}

.top-phone p {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto Mono', monospace;
    letter-spacing: -0.8px;
    line-height: 28px;
}

.top-phone p > a {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.top-phone p > a:hover, .footer-link span> a:hover{color: #000;}

.top-phone > a {
    background: #000;
    color: #fff;
    display: inline-block;
    height: 54px;
    padding: 0 18px;
    line-height: 54px;
    font-family: 'Roboto Mono', monospace;
    margin-left: 20px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    font-weight: 500;
}

.top-phone > a:hover, .footer-link > a:hover {
    background: #fbdd12;
    color: #000;
    font-weight: 500;
}



/**/
.footer-address p {
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
}

.footer-address {
    display: inline-flex;
    align-items: center;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 40px;
}

.footer-link > a {
    display: block;
    width: 220px;
    height: 46px;
    background: #000;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}

.footer-link {
    text-align: center;
    margin-left: 40px;
}

.footer-link span {
    color: #fff;
    font-family: 'Roboto Mono', monospace;
    letter-spacing: -0.7px;
    line-height: 24px;
}

.footer-link span> a {
    color: #fff;
    transition: all 0.3s ease 0s;
}

/*=========topsection start===================*/
.topsection{ width:100%; background:#262626; min-height:49px; padding:0px; margin:0px; color:#FFF;}
.topsection-main{ max-width:1172px; min-height:49px; padding:0px; margin:0px auto;}

.topsection-main-left{ width:auto; float:left; height:auto; padding:0px; margin:0px; border-left:1px solid #3c3c3c;}
.topsection-main-left ul{ list-style:none; padding:0px; margin:0px;}
.topsection-main-left ul li{ float:left; padding:0px; margin:0px 0px; border-right:1px solid #3c3c3c;}
.topsection-main-left ul li a{font-family:'ralewaymedium'; color:#FFF; font-size:13px; line-height:49px; font-weight:normal; padding:0px 18px; display:block; text-align:center;}
.topsection-main-left ul li a img{ vertical-align:middle; margin-right:5px;}
.topsection-main-left ul li a:hover{ color:#fbdd12;}

.topsection-main-right{ width:556px; float:right; min-height:49px; padding:0px; margin:0px; border-left:1px solid #3c3c3c;}
.topsection-main-right01{ width:233px; min-height:49px;border-right:1px solid #3c3c3c; float:right; padding:0px; margin:0px; text-align:center; }
.topsection-main-right01 h5{ color:#ffffff; font-size:13px; line-height:normal; font-weight:normal; font-family:'ralewaymedium'; padding-top:17px;}
.topsection-main-right01 h5 span{ color:#767676; margin-left:14px;}
.topsection-main-right01 h5 a{ margin-left:15px;}

.topsection-main-right02{ width:151px; float:left; height:auto; padding:0px; margin:0px;}
.topsection-main-right02 h3{ color:#ffffff; font-size:15px; line-height:49px; font-weight:normal; font-family:'ralewaymedium'; text-align:center;}
.topsection-main-right02 h3 a{ color:#ffffff; font-size:15px; line-height:49px; font-weight:normal; font-family:'ralewaymedium'; text-align:center;}


.topsection-main-right03{ width:171px; float:right; min-height:49px; padding:10px 5px; margin:0px; background:#3c3c3c;}
.topsection-main-right03 input[type="text"]{ background:#3c3c3c; border:none; padding:5px; margin:0px; width:116px; height:27px; color:#6f6f6f; font-size:13px; line-height:normal; font-weight:normal;}
.topsection-main-right03 input[type="submit"]{ background:url(../images/search-icon.jpg) no-repeat; width:17px; height:16px; border:none;}

/*=========topsection end===================*/

/*==========logosection start===============*/
.logosection{ width:100%; background:#000; color:#FFF; padding:0px; margin:0px; min-height:100px;}
.logosection-main{ max-width:1172px; height:auto; padding:0px; margin:0px auto;}
.logosection-main-left{ width:auto; float:left; height:auto; padding:20px 0px; margin:0px;}


.logosection-main-right{ width:auto; float:right; height:auto; padding:32px 0px 0px 0px; margin:0px;}

.morbisection{ width:100%; height:auto; padding:0px; margin:0px auto;}
.morbisection01{ width:30%; float:left; height:; padding:0px; margin:0px 1%;}
.morbisection01 h3{ color:#ffffff; font-size:17px; line-height:normal; font-weight:normal; font-family: 'ralewaybold'; border-bottom:1px solid #ffffff; padding-bottom:5px; margin-bottom:14px;}
.morbisection01 ul{ list-style:none; padding:0px; margin:0px;}
.morbisection01 ul li{ padding:0px; margin:0px;}
.morbisection01 ul li a{ background:url(../images/navaero.png) no-repeat 0 5px; padding:0px 0px 0px 15px; color:#ffffff; font-size:14px; line-height:25px; font-weight:normal;}
.morbisection01 ul li a:hover{ color:#fbdd12;}

/*==========logosection end===============*/

/*===========banner start=================*/
.banner-section{ width:100%; height:auto; padding:0px; margin:0px auto;}
/*===========banner end=================*/

/*=========fourbox start===============*/
.fourbox{ width:100%; height:auto; padding:0px 0px 35px 0px; margin:0px; min-height:350px;}
.fourbox-main{ max-width:1198px; height:auto; padding:0px; margin:0px auto; min-height:350px; }
.fourbox-main01{ width:100%; min-height:350px; position:relative; padding:0px; margin-top:-81px; border:0px solid red; z-index:999; text-align:center;}
.box01{ width:48%; float:left; height:auto; padding:0px; margin:1%; display:inline-block; position:relative; overflow: hidden; border:0px solid red;}
.box01 img{width:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.box01:hover img{-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.box01-text{ width:534px; height:auto; position:absolute; left:2%; top:6%; border:0px solid #00F; text-align:left; color:#FFF;}
.box01-text h2{ font-size:62px; line-height:63px; font-weight:normal;font-family: 'ralewaybold'; margin-bottom:5px;}
 .box01-text h3{ color:#fbdd12; font-size:42px; line-height:43px; font-weight:normal; font-family: 'ralewayregular'; margin-bottom:6px;}  
 .box01-text p{ color:#9a9a9a; font-size:11px; line-height:20px; font-weight:normal; margin-bottom:12px;}
  .box01-text a{ background:#fbdd12; color:#000; width:265px; height:50px; display:block; text-align:center; font-size:22px; line-height:37px; font-weight:400;}
    .box01-text a:hover{ background:#000; color:#fbdd12;}

/*=========fourbox end===============*/

/*========welcome start==============*/
.welcome-section{ width:100%; background:url(../images/welcome-bg.jpg) no-repeat top center #000; min-height:379px; padding:0px; margin:0px;}
.welcome-section-main{ max-width:1197px; height:auto; padding:0px; margin:0px auto;}
.welcome-section-main-left{ width:75%; float:left; height:auto; padding:77px 0px 0px 0px; margin:0px;}
.welcome-section-main-left h2{ color:#fbdd12; font-size:62px; line-height:63px; font-weight:normal; font-family: 'ralewaybold'; margin-bottom:2px;}
.welcome-section-main-left h3{ color:#fbdd12; font-size:42px; line-height:43px; font-weight:normal;  font-family: 'ralewayregular'; margin-left:80px; margin-bottom:18px;}
.welcome-section-main-left p{ color:#ffffff; font-size:14px; line-height:24px; font-weight:normal;}

.welcome-section-main-right{ width:25%; float:right; height:auto; padding:27px 0px 0px 0px; margin:0px;}

/*========welcome end==============*/

/*=========product start===============*/
.product-section{ width:100%; background:#FFF; padding:0px; margin:0px; margin:0px auto;}
.product-section-main{ max-width:1172px; height:auto; padding:37px 0px; margin:0px auto;}
.product-section-main-top{ width:100%; background:#fbdd12; padding:0 2%; margin:0px auto 10px auto; min-height:80px;}
.product-section-main-top h3{ color:#000000; font-size:21px; line-height:80px; font-weight:normal;}
.product-section-main-bottom{ width:100%; min-height:457px; padding:0px; margin:0px; border:0px solid red;}

.product-box01{ width:100%; height:auto; padding:0px; margin:0px; text-align:left;}
.product-box01-imgsection{ width:auto; height:auto; padding:0px; margin:0px auto 10px auto; border:1px solid #eae9e9;}
.product-box01-text-section{ width:100%; height:auto; padding:5%; margin:0px;}
.product-box01-text-section p{ color:#3a3939; font-size:14px; line-height:23px; font-weight:400; margin-bottom:6px; font-family: 'ralewayregular'; margin-bottom:10px;}
.product-box01-text-section h5{ color:#131313; font-size:22px; line-height:normal; font-weight:normal; margin-bottom:10px;}
/*=========product end===============*/

/*===========services start======================*/
.services-section{ background:url(../images/services-bg-new.jpg) no-repeat center center fixed; min-height:756px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
 .services-section-main{ max-width:1172px; height:auto; padding:50px 0px 24px 0px; margin:0px auto;}
 
 .services-section h2{ color:#ffffff; font-size:67px; line-height:63px; font-weight:normal; font-family: 'ralewaybold'; margin-bottom:18px;}
 .services-section01{ width:48%; float:left; height:auto; padding:0px; margin:2% 1%; border:0px solid #FFF;}
.services-section01-top{ width:100%; height:auto; padding:0px; margin:0px auto 12px auto;} 
.services-section01-top-left{ width:25%; float:left; height:auto; padding:0px; margin:0px;}
.services-section01-top-left h3 a{ background:#fbdd12; padding:52px 0px; margin:0px; display:block; text-align:center; -webkit-border-radius:60%;-moz-border-radius:60%;border-radius:60%;}
.services-section01-top-left h3 a:hover{ background:#FFF;}
.product-box01-text-section input[type="button"]{ background:url(../images/yellow-leftbtn.jpg) no-repeat; width:49px; height:51px; border:none; padding:0px; margin:0px; display:block;}
.product-box01-text-section h4{float:left;}
.product-box01-text-section h6{ float:left; padding:0px; margin:0px 0px 0px 5px;}
.product-box01-text-section h6 a{ background:url(../images/det-bg.jpg) no-repeat; width:108px; height:50px; border:none; padding:0px 0px 0px 40px; margin:0px; display:block; color:#FFF; font-size:15px; line-height:50px; font-weight:normal;}


.services-section01-top-right{ width:73%; float:right; height:auto; padding:8px 0px 0px 0px; margin:0px;}
.services-section01-top-right h4{ color:#fbdd12; font-size:44px; line-height:46px; font-weight:normal; font-family: 'ralewayregular';}
.services-section01-top-right h4:hover{ color:#fff;}

 .services-section01 p{ color:#ffffff; font-size:15px; line-height:26px; font-weight:400px;}

/*===========services end======================*/

/*===========blogsection start===================*/
.blog-section{ width:100%; background:#ededed; padding:0px; margin:0px auto;}
.blog-section-main{ max-width:1172px; height:auto; padding:50px 0px; margin:0px auto;}
.blog-section-main h2{ color:#000000; font-size:63px; line-height:63px; font-weight:normal;font-family: 'ralewaybold'; margin-bottom:26px;}
.blog-section-main-left{ width:48%; float:left; height:auto; padding:0px; margin:0px;}
.blog-section-main-left01{ width:100%; height:auto; padding:0px; margin:0px auto 19px auto; border:0px solid red; position:relative;}
.blog-section-main-left01-text{ width:100%; height:auto; position:absolute; left:0px; top:30%; text-align:center; color:#FFF;}
.blog-section-main-left01-text h3{ color:#fbdd12; font-size:44px; line-height:46px; font-weight:normal; font-family: 'ralewayregular'; margin-bottom:14px;}
.blog-section-main-left01-text h6{ color:#FFF; font-size:20px; line-height:normal; font-weight:normal; font-family: 'ralewaybold';}
.blog-section-main-left p{ color:#878787; font-size:14px; line-height:24px; font-weight:normal; text-align:center;}


.blog-section-main-right{ width:48%; float:right; height:auto; padding:0px; margin:0px; }
.blog-section-main-right01{ width:100%; height:auto; padding:0px; margin:0px auto 19px auto; border:0px solid red; position:relative;}
.blog-section-main-right01-text{ width:100%; height:auto; position:absolute; left:0px; top:30%; text-align:center; color:#FFF;}
.blog-section-main-right01-text h3{ color:#fbdd12; font-size:44px; line-height:46px; font-weight:normal; font-family: 'ralewayregular'; margin-bottom:14px;}
.blog-section-main-right01-text h6{ color:#FFF; font-size:20px; line-height:normal; font-weight:normal; font-family: 'ralewaybold';}
.blog-section-main-right p{ color:#878787; font-size:14px; line-height:24px; font-weight:normal; text-align:center;}

.blog-section-main h6 a{ background:#fbdd12; color:#000; display:inline-block; font-size:16px; line-height:normal; font-weight:normal; padding:14px 20px;}
.blog-section-main h6 a:hover{ background:#000; color:#fbdd12;}

.blog-section-main h6{ margin-top:0px;}

/*===========blogsection end===================*/

/*===========addsection start================*/
.addsection{ width:100%; background:#FFF; padding:0px; margin:0px auto}
.addsection-main{ max-width:1198px; height:auto; padding:15px 0px; margin:0px auto; text-align:center;}
.addsection-main ul{ list-style:none; padding:0px; margin:0px; text-align:center;}
.addsection-main ul li{ display:inline-block; padding:0px; margin:10px; border:1px solid #eae9e9;}
/*===========addsection end================*/

/*============gray section start==============*/
.gray-section{ width:100%; background:#262626; padding:20px 0px; margin:0px auto;}

.gray-section-main{ max-width:1176px; height:auto; padding:25px 0px; margin:0px auto;}
.gray-section-main-left{ width:auto; float:left; height:auto; padding:20px 0px 0px 0px; margin:0px;}
.gray-section-main-left h3{ color:#ffffff; font-size:14px; line-height:normal; font-weight:normal; margin-bottom:15px;}
.gray-section-main-left h3 img{ vertical-align:middle; margin-right:10px;}
.gray-section-main-left h3 span{ color:#fbdd12; font-size:21px;  line-height:normal; font-weight:normal; font-family: 'ralewaybold';}
.gray-section-main-left h3 a{color:#ffffff; text-decoration:none;}


.gray-section-main-right{width:auto; float:right; height:auto; padding:0px; margin:0px;}

/*============gray section end==============*/

/*============footer start=================*/
.footer-section{ width:100%; background:#000; padding:0px; margin:0px; min-height:59px; color:#FFF;}
.footer-section-main{ max-width:1170px; height:auto; padding:0px; margin:0px auto;}
.footer-section-main p{ color:#888; font-size:13px; line-height:59px; font-weight:normal;}

/*============footer end=================*/


/*-----------------------hover sec--------------------*/


/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  position:absolute; bottom:0px;
}

/* Directions */



[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}


/* Bottom */

.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 21px;
  bottom: auto;
  right: 0%;
  background:#fff;
  color:#000; width:300px;
}

.tooltip-bottom:before {
  margin-top: 0px;
  margin-bottom: 0;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}


/*-----------------------hover sec--------------------*/

.account{width:140px; height:auto; padding:10px 8px; background:#fff; position:absolute; top:50px; right:30.5%; z-index:200; text-align:left; color:#000; border:#e9e9e9 solid 1px;}
.account ul{margin:0px; padding:0px; height:auto; width:auto; list-style:none;}
.account ul li{margin:0px; padding:0px; height:auto; width:auto;}
.account ul li a{margin:0px; padding:5px 5%; height:auto; width:100%; display:inline-block; color:#000; font-size:13px; line-height:normal; font-weight:normal; font-family:'ralewaymedium';}
.account ul li a:hover{ background:#fbdd12;}
.account ul li a.active{ background:#fbdd12;}
	
	
	

  /* JEFF */
  .topsection-main-right01 {
    border-left: 0px;
    border:0px;
    border-right: 0px;
    width: 100%;
    text-align: right;
  }
  .topsection-main-right01 p{
    padding-top: 7px;
  }
	.topsection-main-right {
  
  border-left: 0px none;
  }

  span.phone{
    font-size: 24px;
      color: #fbdd12;
      margin-right: 20px;
      font-family: arial;
      font-weight: bold;
       position: relative;
      top: 6px;

  }
	  span.phone i{
      position: relative;
      top: 3px;
    }
    p.largefont{
      text-transform: uppercase;
      font-style: italic;
      font-size: 16px !important;
      color: #000 !important
    }


    .text-center{
      text-align: center !important;
    }
    .product-box01-text-section p {
  
      font-size: 18px !important;
      font-weight: bold !important;
    }

    .jcarousel-skin-tango .jcarousel-item{
      min-height: 367px !important;
    }
.content{
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 16px;
}
.content h1{
  font-size: 36px;
  font-weight: bold;
}
.content h2{
  font-size: 24px;
   font-weight: bold;
}
.content h3{
  font-size: 20px;
   font-weight: bold;
}
.content h4{
  font-size: 18px;
   font-weight: bold;
}
.content h5{
  font-size: 16px;
   font-weight: bold;
}

.content h6{
  font-size:  14px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
  margin-bottom: 15px;
}

span.title{
  padding: 10px;
  background-color: #fbdd12;
  color: #000;

}

.row{
  clear: both;
  float: left;
  margin-top: 20px;
  width: 100%;
}

.content p{
  line-height: 24px;
  margin-bottom: 15px;
}


.col-half{
  width: 49.9%;
  height: auto;
  float: left;
  padding: 10px;
  max-width: 
}
.col-leftside{
  width: 33%;
  height: auto;
  float: left;
  padding: 10px;
}

.col-right{
  width: 66.8%;
  height: auto;
  float: right;
  padding: 10px;
}

 .col-rightside{
  width: 33%;
  height: auto;
  float: right;
  padding: 10px;
}

.col-left{
  width: 66.8%;
  height: auto;
  float: left;
  padding: 10px;
}
 
.addsection-main.content {
  max-width: 980px;
   
}



.margin-bottom{
  margin-bottom: 20px;
}

.form-dress{
  width: 100%;
  padding: 10px 5px;
  border-radius: 4px;
  border: 0px none;
  border: 1px solid #333;
}

textarea.form-dress{
height: 80px;
  }

  .submit{

    width: 50%;
    padding: 20px;
    color: #fff;
    background-color: #000;
      border: 0px none;
      border-radius: 4px;
      font-size: 18px;
  }


.service-title{
  padding-top: 29px;
}

.gray-section-main-right{
  width: 50%;
}

.iframe{
  width: 100%;
  min-height: 400px;
  float: left;
 }

.checkparts{
min-height: 750px;
}

.img-style{
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.41);
box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.41);
 }

 .s-contact-bottom input[type="submit"]{
  height: auto !important
 }
  p.text-white{
  color: #fff !important;
 }
 .services-section01{
  min-height:300px;
 }
@import url(http://fonts.googleapis.com/css?family=Raleway:400,900,800,700);

 span.logo{
  font-family: 'Raleway', sans-serif;
  font-size: 36px;
  font-weight: 900;
  display: block;
  padding-top: 10px;
 }
 span.logo span{
  color:#fbdd12;
 }