@charset "utf-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Default
3.0 Theme default
4.0 Theme default for CMS (if any)
5.0 Outermost templates
6.0 Structure templates
7.0 Ads templates
8.0 Content templates
--------------------------------------------------------------*/

/*-------------------------------------------------------------------------------1.0 Reset-------------------------------------------------------------------------------------*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*-------------------------------------------------------------------------------end 1.0 Reset-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------2.0 Default-------------------------------------------------------------------------------------*/
/* v11 set default for CMS base and responsive website. */
/* Default 16px=1em=100%=12pt */

html, body{
  width:100%;
  height:100%;
}

html{
/*updated 28-10-2014*/
-webkit-text-size-adjust: 100%; 
/*https://blog.55minutes.com/2012/04/iphone-text-resizing/*/ 

/* do not use this
-webkit-text-size-adjust: none;
Prevent font scaling in landscape for iphone
https://cssmatter.com/blog/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landscape/
*/
}

body {font-size:1em; line-height: 1;}

img{
  max-width:100%;
  display: inline; /*allow center align default using text align(non standard) */
  vertical-align: middle;
  /*margin: 5px; hspace and vspace in cms is depreciated*/
  width:auto\9;
}

  .js img{/*use js to fade in by default only if Javascript is enabled
    opacity:0;*/
  }

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

h1,h2,h3,h4,h5,h6{
  font-weight:bold;
}

ol, ul{ padding-left:1.4em; margin-top: 10px; margin-bottom: 10px;} /*to show the bullet outside, if not use list-style-position=inside....*/

ol li{list-style-type: decimal; margin-bottom: 5px;}
ul li{list-style-type: disc; margin-bottom: 5px;}

em, i {font-style: italic;}
strong, b {font-weight: bold;}

p, address, pre {}

blockquote {margin: 0px 36px; /* background-color: #f5f5f5; */}

:focus {outline: 0;}

a,a:link{
-webkit-transition: color 0.7s ease;
-moz-transition: color 0.7s ease;
-o-transition: color 0.7s ease;
transition: color 0.7s ease;
text-decoration:none;/*fix underline link for safari using a:link, also remove underline style for all link by default*/
}

a:link    {color:black;}
a:visited {color:black;}
a:hover {color:#666;}
a:active  {color:black;}

input,textarea,button{
-webkit-transition: all 0.30s ease-in-out,color 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out,color 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out,color 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out,color 0.30s ease-in-out;   
}

input:not([type=checkbox]){
  /*chrome will remove default checkbox, so rule out checkbox, when apply fix for ios rounding corners and style, ie9 and above*/
    -webkit-appearance: none;
    border-radius:0;
}


hr{
padding: 0;
border: 0;
height: 1px;
background: #D6D3C4;
margin: 15px 0;
}


table {
  table-layout: fixed;
  width: 100%;
}


table td{
  vertical-align:middle;
}

/*custom table structure=======================================================*/
.table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: auto;
    margin-top:3px;
}

  .table .table-row{
    display: table-row;
    width: 100%;
  }

  .table .table-row.row-space{
    height: 10px;
  }

  .table .table-row.hide{
    display:none;
  }

  .table .table-row.hide .warning-message{
    color: #2ebcfe;
    font-size:.8em;
  }
  
    .table .table-row .table-cell{
      display: table-cell;
      padding: 5px 0;
      position: relative;
      vertical-align: middle;
    }

/*styling for nested table==================*/
.table .table-row .table-cell .table{
   margin-top:0px;
}

  .table .table-row .table-cell .table .table-row {
  }
  
    .table .table-row .table-cell .table .table-row .table-cell{
      padding:0;
    }
/*styling for nested table==================*/
/*end custom table structure=======================================================*/

/*placeholder style=======================*/
::-webkit-input-placeholder {
   color: #5E7D7F;
}

:-moz-placeholder { /* Firefox 18- */
   color: #5E7D7F;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #5E7D7F;  
}

:-ms-input-placeholder {  
   color: #5E7D7F;  
}
/*end placeholder style=======================*/

/*highlight colour=======================*/
/*::selection { WebKit/Blink Browsers 
  background: #e780a9; 
  color:white;
}*/
/* ::-moz-selection {Gecko Browsers 
  background: #e780a9; 
  color:white;
}*/
/*end highlight colour=======================*/


/*default form setting=======================*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1em;
  /*line-height: 1; mess up with placeholder alignment*/
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid black;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{
  border: 1px solid grey;
}

button,
input[type="submit"],
input[type="reset"] {
  background: black;
  margin: 0;
  padding: 5px 15px 6px 15px;
  border: 0;
  text-transform: uppercase;
  border-radius: 11px;
  cursor: pointer;
  color: white;
  font-size: 1em;
  line-height: 1;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background: grey;
}

button:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    background: #999;
  color:white;
}

button:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="reset"]:disabled:hover {
  cursor:default;
}

/*-------------------------------------------------------------------------------end 2.0 Default-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------3.0 Theme default-------------------------------------------------------------------------------------*/

/*
@font-face {
  font-family: 'Gotham-Medium';
  src: url('allsection/alllanguage/live-fonts/Gotham-Medium/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('allsection/alllanguage/live-fonts/Gotham-Medium/Gotham-Medium.otf')  format('opentype'),
       url('allsection/alllanguage/live-fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'), url('allsection/alllanguage/live-fonts/Gotham-Medium/Gotham-Medium.ttf')  format('truetype'), url('allsection/alllanguage/live-fonts/Gotham-Medium/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

body{
  font-family:Arial, Helvetica, sans-serif;
  width:100%;
  background-color: #007594;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

/*responsive youtube======================================*/
.videoWrapeer{
  position: relative;
  padding-bottom: 56.25%;/* 16:9 */
  padding-top: 40px;
  height: 0;

}

  .videoWrapeer>iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/*responsive youtube======================================*/

/*sticky footer===============================================================================================*/
.allWrapperExceptFooter{
  min-height: 100%;
  margin-bottom: -80px; edit height
  overflow: hidden;/*remove comment when responsive ready*/
}

.allWrapperExceptFooter:after {
  content: "";
  display: block;
  height: 80px; /*edit height*/
}

.mainFooter {  
   height: 80px; /*edit height*/
   background: #f5f5f5;
}
/*end sticky footer==============================================================================================*/

hr{
    background: #e6e6e6;
    margin: 17px 0;
}

::-webkit-input-placeholder {
   color: #c4c4c4;
}

:-moz-placeholder { /* Firefox 18- */
   color: #c4c4c4;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #c4c4c4;  
}

:-ms-input-placeholder {  
   color: #c4c4c4;  
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  padding: 7px 10px;
  border-radius: 4px;
  
  border: 1px solid #a5a9b0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{
  border: 1px solid #726666;
}

button,input[type="submit"],
input[type="reset"] {
    background: #eeeeee;
    color: #000000;
    border: 1px solid #cccccc;
    line-height: 1;
    font-size: 1em;
    font-family: 'GothamNarrow-Book';
    border-radius: 4px;
    padding: 7px 15px 5px 15px;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    background: #e42471;  
    color: white;
    border: 1px solid #e42471;
}

button:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    background: #999;
    border: 1px solid  #999;
  color:white;
}

button:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="reset"]:disabled:hover {
  cursor:default;
}


table{
    border-collapse: separate;    
    border-spacing: 2px;    
    background: white;

    color: white;
    margin: 10px 0 15px 0;
}

table td {
    /* text-align: center; */
    background: #f1f2f2;
    color: black;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3;
    padding: 10px;
}

table th {
    background: #309cc8;
    color: white;
    font-size: 1.5em;
    padding: 10px;
}

ul li {
    font-size: 1.218em;
    font-weight: bold;
    line-height: 1.4;
}

.contact-table {}

.contact-table .table {
    table-layout: auto;
}

.contact-table .table .table-row {}

.contact-table .table .table-row .table-cell {
    font-size: 1.218em;    font-weight: bold;    
    line-height: 2;
    vertical-align: top;
    padding: 0;
}

.contact-table .table .table-row .table-cell:first-child {
  width: 10%;
}

.contact-table .table .table-row .table-cell a {}

/*-------------------------------------------------------------------------------end 3.0 Theme default-------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------4.0 Theme default for CMS (if any)---------------------------------------------------------------------------------------*/


.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center
 }
 
.alignleft {float: left;text-align:left}
 
.alignright, form .text-align-right {text-align: right}
 
.alignright {float: right}

/*wordpress image and text alignment*/
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;text-align:right:
}

.alignright {
  float: right;text-align:right;
}

.text-align-left {text-align: left}
.text-align-center {text-align: center}
.text-align-right {text-align: right}
/*end wordpress image and text alignment*/

/*tags consideration for sub template, h1,h2,h3,h4,h5,h6, ol, ul, li, p, address, pre, blockquote*/
h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 25px;
    color: #f27043;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #309cc8;
  text-transform: capitalize;
}

p, address, pre {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
}

/*-------------------------------------------------------------------------------end 4.0 Theme default for CMS (if any)-------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------5.0 Outermost templates---------------------------------------------------------------------------------------*/
/*======================================================header===================================================================*/
.main-header {
    width: 1150px;
    margin: 0 auto;
    background: white;
    padding-top: 51px;
}

.main-header>.wrapper {
    margin: 0 66.5px;
    position: relative;
    /* min-height: 200px; */
    /* width: 60%; */
}

.main-header>.wrapper .logo {
    max-width: 300px;
    position: absolute;
    top: 0;
    left: 0;
}
.main-header>.wrapper .logo img{}
.main-header>.wrapper .navigation {
    font-size: 1.2em;
    font-weight: bold;
    background: #309cc8;
    /* text-align: center; */
    /* padding: 17px 0; */
    /* display: inline-block; */
    position:relative;
    width: 67%;
    /* margin-right: 0; */
    /* margin-left: auto; */
    margin: 0 0 0 auto;
    top: 7px;
}

.main-header>.wrapper .navigation>img{
  position:absolute;
  top: 75%;
  left: -150px;
}

/*top level*/
.main-header>.wrapper .navigation>ul {
    padding: 0;
    margin: 0;
    text-align: center;
    /* padding: 17px 0; */ */;
}

.main-header>.wrapper .navigation>ul>li {
    list-style-type: none;
    /* display: inline; */
    display: inline-block;
    margin: 0;
    padding: 0px 3%;
    position: relative;
    /* padding: 17px 0; */*/;
    /* height: 100%; */
    font-size: 1.1em;
}

.main-header>.wrapper .navigation>ul>li.current{
  background: url(../images/nav-hover.png) no-repeat center bottom;
  background-position: 50% 90%;
}

.main-header>.wrapper .navigation>ul>li:hover{
    background: url(../images/nav-hover.png) no-repeat center bottom;
    background-position: 50% 90%;
}

.main-header>.wrapper .navigation>ul>li:hover {}

.main-header>.wrapper .navigation>ul>li>a {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
    padding: 17px 0;;
}

.main-header>.wrapper .navigation>ul>li>a[href] {
    cursor: pointer;/*only link user cursor pointer*/
}

.main-header>.wrapper .navigation>ul>li>a {
    cursor: default;/*without link use default*/
}
/*end top level*/

/*2nd level*/
.main-header>.wrapper .navigation>ul>li>ul {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50px;
    left: -1px;
    display: none;
    background: #309cc8;
    z-index: 5;
    text-align: left;
    font-size: .8em;
    font-weight: normal;
}

.main-header>.wrapper .navigation>ul>li:hover>ul {
  display: block;
}

.main-header>.wrapper .navigation>ul>li>ul>li {
    list-style-type: none;
    display: block;
    margin: 0;
    margin: 15px 40px;
    width: 200px;
}

.main-header>.wrapper .navigation>ul>li>ul>li>a {
    color: white;
}
/*2nd level*/

/*
.main-header>.wrapper .navigation ul li:hover {
  background:url(../images/nav-hover.png);
  width:138px;
  height:7px;
  background-repeat: no-repeat;
}
*/



/*======================================================end header============================================================*/

/*==============main-content=====================*/
.main-content {
   width: 1150px;
   margin: 0 auto;
   background: white;
}

.main-content>.wrapper {
    padding: 0 66.5px;
}
/*======================end main-content===============*/


.main-footer {
  height: 80px;
  background-color: white;
  width: 1150px;
  margin: 0 auto;
}

/*-------------------------------------------------------------------------------end 5.0 Outermost templates-------------------------------------------------------------------------------------*/

/*==============full width=====================*/
.template-full{
    width: 100%;
    position: relative;
}

.template-full .editable-content {}

.template-full .editable-content>.wrapper {}

.template-full .editable-content>.wrapper h1 {}

.template-full .editable-content>.wrapper h2 {}

.template-full .editable-content>.wrapper h3 {
    margin: 1em;
}
/*==============end full width=====================*/

/*==============sidebar=====================*/


.template-split{
    width: 100%;
    /* overflow: hidden; */
    position: relative;
  
    min-height: 750px;
}

.template-split .sidebar {
    /* float: left; */
    position: absolute;
    top: 0;
    left: 0;
    width: 268px;
    /* background-color: red; */
}

.template-split .editable-content {
    /* float: left; */
    position: relative;
    margin-left: 268px;
    /* background-color: grey; */
}

.template-split .editable-content>.wrapper {
    /* margin-left: 58px; */
    
    margin-left: 5.83501%;
    margin-right: 20.12%;
    /* background-color: yellow; */
    width: auto;
    overflow: hidden;
}
/*======================end sidebar===============*/

/*-------------------------------------------------------------------------------6.0 Structure templates-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------end 6.0 Structure templates-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------7.0 Ads templates-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------end 7.0 Ads templates-------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------8.0 Content templates---------------------------------------------------------------------------------------*/
.bar-list {
-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
}

.bar-list .title {
    background-color: #F17043;
    padding: 26px 20px;
}

.bar-list .title h2 {
    font-size: 1.3em;
    color: white;
}


.bar-list .title h2:last-child {
  margin-bottom:0px;
}

.bar-list .title h2 a{

    color: white;
}


.bar-list .listing {
    padding: 0;
    margin: 0;
}

.bar-list .listing li {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
}

.bar-list .listing li:after {
    content: '';
    display: block;


    height: 0px;
    border-bottom-style: dotted;
    border-width: 2px;
    border-color: #A5A7AA;
}


.bar-list .listing li:last-child:after {
    display: none;
}


.bar-list .listing li h4 {
    font-size: 1.3rem;
    line-height: 1;
    padding: 22px 0;
    margin:0;
}
.bar-list .listing li h4 a{
    color: #A5A7AA;
    display: block;
}

.bar-list .listing li.current h4 a{
    color: #F17043;
}

/*slider*/
.owl-theme .owl-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.owl-theme .owl-controls .owl-page span {
    opacity: .8;
    background: white;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
}

.main-slider {
    padding-bottom: 90px;
    padding-top: 70px;
}

.main-slider>.wrapper {}
/*end slider*/


.product-info {
    margin: 20px 0;
}

.product-info>.wrapper {
    overflow: hidden;


}

.product-info>.wrapper .left {
    float: left;
    width: 39.726027%;
}

.product-info>.wrapper .right {
    float: left;
    width: 60.27398%;
    margin-top: 1.5%;
    padding: 0 25px;    
    box-sizing: border-box;
}

.product-info>.wrapper .left img {}

.product-info>.wrapper .right h2 {
    font-size: 1.5em;
    /* padding: 0 25px; */;
    margin-bottom: 10px;
}

.product-info>.wrapper .right table {
    /* border-collapse: collapse; */      
    /* border: 1px solid black; */
    border-collapse: separate;
    border-spacing: 1px;    
    background: black;
    /* border: 1px solid #D6D3C4; */
    /* margin: 0 25px; */;
    /* box-sizing: border-box; */
}

.product-info>.wrapper .right table tr {}

.product-info>.wrapper .right table tr td {
    /* border: 1px solid black; */
    background: white;
    padding: 8px 15px;
}

/*-------------------------------------------------------------------------------end 8.0 Content templates------------------------------------------------------------------------------------*/