/* CSS Document */



@font-face 
{
	font-family: 'euphemia-regular';
	src: url('../fonts/euphemia-regular.ttf')  format('truetype');
}


@font-face
{
	font-family: 'myriad pro-regular';
	src: url('../fonts/myriad pro-regular.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'myriad-pro-condensed';
	src: url('../fonts/myriad-pro-condensed.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}

@font-face
{
	font-family: 'BERNHC';
	src: url('../fonts/BERNHC.ttf')  format('truetype');
}

body
{
	overflow-x:hidden;
}
container {
	margin:0px auto;
}


/************** index page css start **************/

/************** top header css start **************/
.affix {
    top: -11px;
    width: 100%;
    z-index: 9999 !important;
}
header .top_header {
    background-color:#212d30;
    /*! height: 49px; */
}

.float_left {
    font-family: 'euphemia-regular';
    font-size: 15px;
    color: #a8b8c3;
    line-height: 50px;
    float: left;
    font-weight: 700;
    margin: 0;
}

.float_right {
    float: right;
}

.float_right ul {
    padding-top: 15px;
}

.float_right ul li {
    display: inline-block;
    padding-left: 16px;
    line-height: 50px;
}

.float_right ul li i {
    color: #7f8097;
    display: block;
    font-size: 20px;
}
.float_right ul li i:hover {
    color: #ff3d21;
    text-decoration: none !important;;
}
.top-bar-gradient { 
	background: linear-gradient(to bottom, #ffffff 0%,#f9f9fa 25%,#e5e4e8 80%,#e1e0e4 100%);
}

.address {
    display: inline-block;
    font-family: 'euphemia-regular';
    font-size: 15px;
    color: #1f262e;
    margin-top: -46px !important;
    font-weight: 700;
}
.email {
    color: #797979;
}
.email:hover {
    color: #ff3d21;
}
.phone-img {
    margin-left: -56px;
    margin-top: 23px;
    border-left: 2px solid #ddd;
}
.content-box {
    float: right;
}
.google-btn {
    float: right;
}
/************** top header css over **************/


/************** menu css start *************/
/*.mainmenu-area .nav_main_list,
.mainmenu-area .find-advisor {
	display: inline-block;
}*/
.mainmenu-area.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	background: #13A0B2;
}
.mainmenu-area.stricky-fixed nav>div a.advisor {
	position: relative;	
}
.mainmenu-area.stricky-fixed nav>div a.advisor:after {
	content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 2000px;
    background: #F6BB19;
    height: 100%;
    z-index: -1;
    transition: background .3s ease;
}
.mainmenu-area.stricky-fixed nav .find-advisor:hover a.advisor:after {
	background: #171B20;
}

 .mainmenu-area {
 	 position: relative; 
 	 z-index: 999; 
 }
 .mainmenu-area .container {
 	background: #1366b2;
 	padding: 0 5px;
 	position: relative;
 }
 .mainmenu-area .container:before {
 	position: absolute;
 	top: 5px;
 	left: 5px;
 	right: 5px;
 	bottom: 5px;
 	content: '';
 	display: block;
 	border: 1px solid rgba(255, 255, 255, 0.25);
 	/*z-index: 9;*/
 }
 .mainmenu-area nav {
	position: relative;
 }
/*
.mainmenu-area nav > .nav_main_list ul li a {
	font-family: 'myriad pro-regular';
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	padding: 0 24px;
	letter-spacing: .03em;
	line-height: 29px;
    -webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.mainmenu-area nav> .nav_main_list ul li:hover > a {
	color: #ff3d21;
}
*/
.mainmenu-area .find-advisor {
	background: #1967f6;
	position: relative;
	margin-right: -5px;
	transition: all .3s ease;
	margin-top: -66px;
}
.mainmenu-area .find-advisor:hover,
.mainmenu-area .find-advisor:hover:before {
	background: #ff3d21;
}
.mainmenu-area .find-advisor:hover a.advisor {
	color: #fff;
	text-decoration: none;
}
.find-advisor .advisor {
   font-family: 'myriad pro-regular';
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-left: 0;
    text-transform: uppercase;
    display: block;
    padding: 0 30px 0 17px;
    line-height: 66px;
    position: relative;
    z-index: 10;
    transition: all .3s ease;
}
.mainmenu-area .find-advisor:before {
	content: '';
	width: 75px;
	height: 100%;
	position: absolute;
	top:0px;
	left: -32px;
	transform: skew(-45deg);
	background: #1967f6;
	transition: all .3s ease;
}

.mainmenu-area nav> .nav_main_list ul > li {
	position: relative;
	z-index: 99;
	padding: 18px 0;
}

.mainmenu-area nav ul li.arrow_down .fa-bars {
	display: none;
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu a:before {
	content: '\f105';
	font-family: 'FontAwesome';
	padding-right:10px;	
}
.mainmenu-area nav> .nav_main_list ul>li .sub-menu li {
	padding: 0 20px;
	background: #fff;
	list-style: none;
	margin-left: -160px;
}
.mainmenu-area nav> .nav_main_list ul > li .sub-menu ul li:first-child a {
	padding-top: 16px;
}
.mainmenu-area nav> .nav_main_list ul>li .sub-menu li:last-child a {
	padding-bottom: 16px;
}
.mainmenu-area nav> .nav_main_list ul>li .sub-menu a:hover {
	color: #FF3D21;
	/*! font-weight: 700; */
	text-decoration: none;
	/*! letter-spacing: 1px; */
}
.mainmenu-area nav> .nav_main_list ul>li .sub-menu a {
    font-weight: 400;
    border-bottom: 1px solid #EBEBEB;
    margin: 0;
    padding: 5px 0px;
    letter-spacing: .03em;
    font-size: 14px;
    text-transform: uppercase;
    color: #242424;
    font-family: 'myriad pro-regular';

    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu li:last-child a {
	border:none;
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu:before {
	content: '';
	background: url(../image/menu-arrow.png) no-repeat;
	width: 28px;
	height: 13px;
	position: absolute;
	top: 10px;
	left: 45px;	
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu {
	position: absolute;
	width:322px;
	padding-top: 23px;
	top:200%;
	opacity: 0;
	visibility: hidden;
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu ul {
	/*! -webkit-box-shadow: 0 0 16px rgba(0,0,0, .11); */
	/*! box-shadow: 0 0 16px rgba(0,0,0, .11); */
}
.mainmenu-area nav> .nav_main_list ul>li>.sub-menu-width-fix {
	width:212px;
}

.mainmenu-area nav> .nav_main_list ul>li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	top:100%;
	left:0px;
	-webkit-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74);
	-o-transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74);
	transition: all 0.4s cubic-bezier(0.84, 0.35, 0.39, 0.74);
}
.mainmenu-area nav> .nav_main_list ul>li .sub-menu a:hover {
	
}
.mainmenu-area nav> #cssmenu ul>li>a {
  border-right: 1px dashed rgba(255, 255, 255, 0.4);
}
.mainmenu-area nav > div > ul > li:last-child > a {
  border-right: 0px dashed rgba(255, 255, 255, 0.4);
}

.mainmenu-area nav> .nav_main_list ul a:hover,
.mainmenu-area nav> .nav_main_list ul a:focus {
	background: transparent;
}

#divMenu, ul, li, li li {
    margin: 0;
    padding: 0;
}
 
#divMenu {
    /! width: 150px; /
    /! height: 27px; /
}
 
#divMenu ul
{
     /! line-height: 25px; /
}
 
    #divMenu li {
        list-style: none;
        position: relative;
        /! background: #641b1b; /
    }
 
        #divMenu li li {
            list-style: none;
            position: relative;
            background: #fff;
            left: 80px;
            top: -22px;
            padding: 3px 30px;
            z-index: 1;
            border: 2px solid #003878;
        }
 
 
    #divMenu ul li a {
        display: block;
        text-decoration: none;
        font-family: 'Questrial-Regular';
        font-size: 15px;
        color: #d5d4d4;
    }
  #divMenu ul li li a {
  color:#000;
}
    #divMenu ul ul {
        position: absolute;
        visibility: hidden;
        /! top: 27px; /
    }
 
    #divMenu ul li:hover ul {
        visibility: visible;
    }
 
    #divMenu li:hover {
        /*background-color: #cdcdcd;*/
    }
#divMenu li li:hover {
        background-color: #cdcdcd;
    }
 
    #divMenu ul li:hover ul li a:hover {
        /! background-color: #945c7d; /
        color: #003878;
        font-weight: 700;
    }
 
    #divMenu a:hover {
        color: #05abfb;
    }

/************** menu css over *************/

/************** slider css start *************/
.slider {
	position: absolute;
	margin-top: -66px;
}

.carousel-control {
}
.slider-h4 {
    font-size: 100px !important;
    font-family: 'Questrial-Regular' !important;
}
.slider-h3 {
	font-size:45px !important;
	font-family: 'BERNHC' !important;
	/*! font-weight: 700; */
	padding-left: 3% !important;
}
.slider-h4::before {
    content: '';
    width: 102px;
    height: 3px;
    background: #f6ba18;
    position: absolute;
    top: 45%;
    margin-left: 9px;
    animation-delay: 2s;
}
.slider-h5 {
    font-size: 25px !important;
    font-family: 'myriad pro-regular' !important;
    font-style: italic;
    color: #000;
    padding-left: 3%;
    line-height: 30px;
    
    margin-bottom: 25px;
}
.slider-h6 {
    margin-left: 32px;
}
/************** slider css over *************/

/************** about css start *************/
.about {
	margin-top:27%;
	padding-top: 60px;
	background: #f7f8fa;
}
.about-img::before {
    content: '';
    width: 4px;
    height: 97%;
    /*! background: #12a0b1; */
    position: absolute;
    letter-spacing: 1px;
    right: 65px;
    top: 4px;
}
.about-text {
	color:#595959;
	font-size:25px;
	font-family: 'myriad-pro-condensed';
	padding-top: 30px !important;
	text-align: justify;
	letter-spacing: 0.8px;
	font-style: italic;
	font-weight: 100;
}
.under-line {
	border: 1px solid #b0b0b0;
}	

.product-slider {
    background: #f7f8fa;
    padding-bottom: 50px;
    margin-top: -24px;
}
.product { background: #f7f8fa;
 padding-bottom: 28px; }
#f1_container 
{
  position: relative;
  margin: 10px auto;
  z-index: 1;

 }

#f1_container
{
 perspective:1000;
/*! background-color:#fafafa; */
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
 /* box-shadow: -5px 5px 5px #aaa;*/
}
.face {
  position:relative;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  	display: block;
  	transform: rotateY(180deg);
  	box-sizing: border-box;
  	padding: 0px;
  	text-align: center;
  	background-color: rgba(0,0,0,0.6);
	max-width: 352px;
	height: 219px;
	position: absolute;
	margin-top: -229px;
    color: #fff;
  	padding: 77px 0px;
  	margin-left: 14px;
}
.pro-font{ font-size:20px; color:#fff; font-family: 'Questrial', sans-serif; text-align: center;}
.product-font {
    text-align: center !important;
    font-family: 'Questrial', sans-serif;
    font-size: 40px;
    margin-bottom: 15px;
    margin-top: -44px;
    width: 250px;
    background-color: #f7f8fa;
    margin-left: 482px;
    color: #090909;
}
.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(36, 27, 28, 0.63);
    bottom: 2%;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: 0px;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 1;
    font-family: 'AgencyFB';
}
.thumb-info .thumb-info-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-family: 'AgencyFB';
}
/************** about css over *************/

/************** footer css **************/
.contact-line {
	background-color:#ff3d21;
	height: 85px;
}
.contact-text {
	font-size:25px;
	font-family: 'euphemia-regular';
	color:#fff;
padding: 20px 3%;
}

.view-btn {
    margin-top: -49px;
}
.view-btn a	{
    color: #fff !important;
    background: #134db2 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left:  30% !important;
    margin-top: -25px;
}
.view-btn a i {
    padding-left: 15px;
    font-size: 1.25em;
    padding-right: 7px;
    vertical-align: middle;
    border-left: 1px solid #ffcd47;
    position: relative;
    margin-left: 20px;
    font-size: 14px;
    line-height: 28px;
}
.view-btn a:hover  {
    color: #fff !important;
	 background: #212832 !important;
	 text-decoration:none;
}
.contact-btn a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #282f39;
    display: inline-block;
    background: #f6ba18;
    position: relative;
    line-height: 47px;
    padding-left: 22px;
    border-radius: 3px;
    padding-right: 9px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -3px;
    margin-top: 1px;
}
.contact-btn a i {
    padding-left: 15px;
    font-size: 1.25em;
    padding-right: 7px;
    vertical-align: middle;
    border-left: 1px solid #ffcd47;
    position: relative;
    margin-left: 20px;
    font-size: 14px;
    line-height: 28px;
}
.contact-btn a:hover  {
    color: #fff;
	 background: #212832;
	 text-decoration:none;
}

.contact-left {
    text-align: center;
    padding: 18px 0px;
}	

.footer {
	background-color:#202731;
	padding: 35px 0 5px 0;
}

.footar-font01 {
	color:#c5c5c5;
	font-size:18px;
	font-family: 'myriad pro-regular';
	font-weight:700;
}

.footar-font02 {
	color:#c5c5c5;
	font-size:15px;
	font-family: 'myriad pro-regular';
}

.footar-font02 a {
	color:#c5c5c5;
} 
.footar-font02 a:hover {
	 color: #ff3d21;
	 text-decoration:none;
}

.footar-font03 a{
    font-family: 'myriad pro-regular';
    font-size: 14px;
    color: #cdcdcd;
    text-decoration: none;
    line-height: 25px;
	/*! font-weight:700; */
}
.footar-font03 a:hover {
	 color: #ff3d21;
	 text-decoration:none;
}
.footar-font03 {
    /*! margin-left: -36px; */
}
ul li {
    text-decoration: none;
    list-style-type: none;
}
.social {
    padding-top: 20px;
    display: inline-flex;
    margin-left: -3px;
}
.social-1 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 27px;
    height: 25px;
    font-size: 15px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    margin: 0px 0px;
}
[class^="hvr-"] {
    margin: 0px 0px;
    padding: 7px 6px;
    cursor: pointer;
    background: #898989;
    text-decoration: none;
    color: #ffffff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 2px #898989, 0 0 1px transparent;
}
.social-2 {
    color: #FFFFFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 27px;
    height: 25px;
    font-size: 15px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    margin: 0px 0px;
}
.social-3 {
    color: #FFFFFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 27px;
    height: 25px;
    font-size: 15px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    margin: 0px 0px;
}
.social-4 {
    color: #FFFFFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 27px;
    height: 25px;
    font-size: 15px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    margin: 0px 0px;
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none;
   color: #ff3d21;
}

.copy-link {
	background-color:#1366b2;
}
.copy-text {
    font-family: 'myriad pro-regular';
    font-size: 14px;
    color: #fff;
    text-decoration: none;
   padding-top:10px;
	font-weight:700;
	/*! padding: 11px 0px; */
}
/**************  footer css **************/
/************** index page css over **************/


/************** about page **************/
.about-inner {
	margin-top:14%;
	padding-top: 30px;
	background: #f7f8fa;
}
.company-font-01::after {
    height: 3px;
    display: block;
    width: 70px;
    background: #ff3d21;
    border-bottom: 1px white;
    content: '';
    margin-top: 9px;
    margin-left: 0;
    padding-bottom: 5px;
}
.company-font-01 {
    color: #1366b2;
    font-size: 45px;
    margin-top: 10px;
    /*! font-family: 'myriad-pro-condensed'; */
    letter-spacing: 1px;
    font-weight: 700;
    font-family: 'euphemia-regular';
}
.contact-font-02 {
    color: #58646e;
    font-size: 20px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    text-align: justify;
    letter-spacing: 1px;
    padding: 0px 10px;
}
/************** about page **************/

/************** contact page **************/
.text-01 {
    font-family: 'myriad-pro-condensed';
    font-size: 25px;
    color: #1f1f1f;
    font-weight: bold;
    margin-bottom: 20px;
}
.text-04 {
    font-size: 16px;
    color: #3e3e3e;
    text-align: justify;
    line-height: 25px;
    letter-spacing: 1px;
    font-family: 'myriad pro-regular';
}
.text-04 a {
    font-size: 16px;
    color: #3e3e3e;
    text-align: justify;
    line-height: 25px;
    letter-spacing: 1px;
    font-family: 'myriad pro-regular';
}
.text-04 a:hover {
    color: #13b28c;
    font-weight: 700;
}
.map {
    border: 5px solid #f6f5f0;
    border-radius: 10px;
    height: 350px;
    width: 450px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
   margin-bottom: 35px;
}
/************** contact page **************/


/************** table page **************/
.font-02 {
    font-family: 'Myriad Pro';
    color: #525252;
    line-height: 35px;
    font-size: 20px;
    text-align: left;
}
.table-text {
    font-family: 'euphemia-regular';
    font-size: 25px;
    color: #fff;
    background-color: #13b28c;
    line-height: 45px;
	font-weight: 700;
}
.table-h {  font-family: 'euphemia-regular';
    font-size: 16px;
    color: #525252;
    /*! background-color: #47bddd; */
    line-height: 30px;
	font-weight: 700;
/*! text-align: center; */
padding-left: 20px;
}
	
.table-font { font-family: 'Myriad Pro';
    color: #525252;
    line-height: 35px;
    font-size: 16px;
    text-align: center;}
.table-font:hover {background-color:#ff3d21; color: #fff;}
.heading-table { font-weight: 700;
background-color: #000;
text-align: center;
padding: 10px;
color: #50a4d3;
border-top: 4px solid #009ade;}

.contact-font-03 {
    color: #fff;
    font-size: 25px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    /*! text-align: center; */
    letter-spacing: 1px;
    padding: 0px 10px;
	background-color: #186f9a;
}
.img-size {width:250px; height: 250px !important;}
.contact-font-04 {
    color: #fff;
    font-size: 20px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    text-align: center;
    padding: 0px 10px;
    background-color: #186f9a;
    height: 58px;
}

.info-1-font {
    color: #58646e;
    font-size: 20px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    text-align: justify;
    letter-spacing: 1px;
    padding: 0px 10px;
}
/*-----------------------application-----------------*/

div.tab {
    float: left;
   border-left: 4px solid #009add;
   /* background-color: #fff; */
    width: 22%;
    border-right: 1px dotted #000;
    /*! padding: 10px; */
    margin-left: 15px;
    /*! opacity: 0.5; */
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: #000;
    padding: 12px 14px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
    border-bottom: 1px dotted #2d2d2d;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #666;
    color:#fff;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #666;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 18px;
    width: 75%;
    border-left: none;
    margin-top: 0px;
}
.tabcontent img { max-width: 100%; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /*! border: 2px solid #000; */}
.tabcontent img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }

/*-----------------------application end-----------------*/


/************** product page **************/
.product-font-01 {
     color: #12a0b1;
    font-size: 30px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    text-align: justify;
    letter-spacing: 1px;
    padding: 0px 10px;
}
.product-font-02 {
    color: #58646e;
    font-size: 20px;
    font-family: 'myriad-pro-condensed';
    line-height: 26px;
    text-align: justify;
    letter-spacing: 1px;
    padding: 0px 30px;
}
/************** product page **************/

/************* sitemap page **************/
.sitemapbox {
    border: 1px solid #e0e1e2;
    border-radius: 4px;
    padding: 6% 25px;
    box-shadow: #888 0 7px 35px 0;
}
ul.sitemap.list li a {
    /*! font-weight: bold; */
    color: #1d1d1d !important;
    font-family: 'myriad-pro-condensed';
    font-size: 25px;
    letter-spacing: 0.8px;
    line-height: 35px;
    text-decoration: none;
}
ul.sitemap.list li a:hover {
    color: #ff3d21 !important;
    text-decoration: none;
}
/************* sitemap page **************/

.appoiment-box {
    /*! padding-top: 70px; */
    /*padding-left: 0px !important;*/
    /*padding-right: 45px !important;*/
}
.tabs ul.nav-tabs li.active a {
    border-top-color: #12a0b1 !important;
    color: #1177c0;
    font-family: 'Quicksand Light Regular';
    font-weight: 700;
    font-size: 30px;
    background-color: #f7f8fa;
    border-bottom-color: #f7f8fa;
}
.tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background-color: #F7F8FA;
    border: 1px solid #EEE;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(238, 238, 238);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(238, 238, 238);
    border-top: 0;
    padding: 15px;
    margin-top: -20px;
}
.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
    border-top-width: 3px;
}
.member-font {
    font-family: 'Questrial-Regular';
    font-size: 16px;
    color: #232323;
    text-decoration: none;
}
.input_bg2 {
    width: 300px;
    height: 40px;
    font-size: 15px;
    float: right;
    clear: right;
    color: #000 !important;
    font-variant: normal;
    overflow: auto;
    margin-bottom: 20px;
    background-color: #fff !important;
    border: 2px solid #12a0b1;
    box-shadow: 1px 1px 1px 1px rgb(92, 127, 165);
    font-family: 'Questrial-Regular';
    letter-spacing: 1px;
}

/* -- top scroll button --- */
#myBtn {
  display: none;
  position: fixed;
  bottom: 56px;
  right: 26px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  padding: 23px 15px;
  /*! border-radius: 10px; */
  border-top-left-radius: 26px;
  border-bottom-right-radius: 26px;
}

#myBtn:hover {
  background-color: #555;
}
/* -- top scroll button --- */


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

/************** top header css over *************/
.float_left {
     font-size: 13px;
    font-weight: 700;
    text-align: center;
     line-height: 20px;
}
.float_right {
    float: left;
}
.float_right ul {
    padding-top: 5px;
}
/************** top header css over *************/
.mainmenu-area nav > .nav_main_list ul > li .sub-menu li {
    padding: 0 20px;
    background: #fff;
    list-style: none;
    margin-left: -40px;
}
.mainmenu-area .find-advisor {
    background: #1967f6;
    position: relative;
    margin-right: -5px;
    transition: all .3s ease;
    margin-top: -46px;
}
/************** Slider css **************/

.slider {
    position: absolute;
    margin-top: 0px;
}

.banner-img {
    max-width: 100%;
    height: 185px !important;
}
.contact-btn a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #282f39;
    display: inline-block;
    background: #f6ba18;
    position: relative;
    line-height: 30px;
    padding-left: 5px;
    border-radius: 3px;
    font-size: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: -43px;
}
.contact-btn a i {
    padding-left: 5px;
    font-size: 1.25em;
    padding-right: 0px;
    vertical-align: middle;
    border-left: 1px solid #ffcd47;
    position: relative;
    margin-left: 0px;
    font-size: 14px;
    line-height: 28px;
}
.slider-h5 {
    font-size: 8px !important;
    padding-left: 9%;
    line-height: 11px;
    margin-bottom: 10px;
}
.slider-h3 {
    font-size: 17px !important;
}
.slider-h4 {
    font-size: 28px !important;
    padding-left: 4px !important;
}
/*.ow-pull-right {
    float: right;
    margin-bottom: -25px;
}
.ow-pull-center {
    margin-bottom: -25px;
}*/
#first-slider .slide1 .text-left, #first-slider .slide3 .text-left, #first-slider .slide5 .text-left {
    margin-left: 50% !important;
    margin-top:  -41% !important;
}
.carousel-control {
    top: -67% !important;
}
.slider-h4::before {
    content: '';
    width: 37px;
    height: 3px;
    background: #f6ba18;
    position: absolute;
    top: 33%;
    margin-left: 4px;
}
.view-btn {
    margin-top: -31px;
}
/************** Slider css **************/
.product-font {
    text-align: center !important;
    font-family: 'Questrial', sans-serif;
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: -44px;
    width: 230px;
    background-color: #f7f8fa;
    margin-left: 37px;
    color: #090909;
}
/************** about css **************/

.about {
    margin-top: 45%;
}
.about-text { 
	font-size:15px;
}
.face.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    max-width: 352px;
    height: 166px;
    position: absolute;
    margin-top: -176px;
    color: #fff;
    padding: 67px 0px;
    margin-left: 0px;
}
/************** about css **************/

/************** contact css **************/
.contact-left {
    text-align: right;
    padding: 0px;
    margin-top: -35px;
}
.contact-text {
    font-size: 15px;
    font-family: 'euphemia-regular';
    color: #fff;
    padding: 10px 0%;
}
.footar-font03 {
    margin-left: 5px;
}
.social {
    padding-top: 20px;
    display: inline-flex;
    margin-left: 45px;
}
/************** contact css **************/

/************** index page css over **************/

/************** product page **************/
.product-font-01 {
	font-size: 22px;
}
.company-font-01 {
	font-size: 31px;
}
.table-h {
    font-size: 14px;
}
.table-font {
    font-size: 13px;
}
/************** MSDS page css **************/
.font-02 {
   font-size: 18px;
 }

/************** MSDS page css **************/

/************** contact page  **************/
.map {
	height: 300px;
	width: 290px;
}
/************** contact page  **************/

/************** feedback page  **************/
.member-font {
    font-size: 13px;
}
.input_bg2 {
    height: 20px;
    float: none;
    width: 39%;
    margin-right: 20%;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
   
    border-bottom: 0px !important;
}
/************** feedback page **************/
    
div.tab {
    float: left;
    border-left: 4px solid #009add;
    background-color: #fff;
    width: 80%;
    border-right: 1px dotted #000;
    padding: 10px;
    margin-left: 18px;
    opacity: 0.5;
} 
.tabcontent {
    float: left;
    padding: 20px 15px 4px 40px;
    width: 85%;
    border-left: none;
    margin-top: 0px;
}
.phone-img {
    margin-left: -5px;
    margin-top: 23px;
    border-left: 2px solid #ddd;
}
}