/*====Style By: Joseph====*/
@font-face {
    font-family:RobotoLight;
    src:url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
    font-family:RobotoReg;
    src:url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family:RobotoBold;
    src:url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
    font-family:RobotoBoldItalic;
    src:url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
@font-face {
    font-family:RobotoBlack;
    src:url("../fonts/Roboto-Black.ttf") format("truetype");
}

.full-width{
    width:100% !important;
}
.clear-both{
    clear:both;
}
/*top header*/
.header-top-info{
    background:#212121;
    color:#646464;
    height:auto;
    padding:4px 0;
    border-bottom:1px solid #1d1d1d;
}
.header-top-info .row .columns{
    padding:0;
    margin:0;
}
.header-top-info .header-contact-info .top-content{
    font-family:RobotoBlack;
    text-transform: uppercase;
}
.header-top-info .header-contact-info .top-telephone:before{
    content:url('../images/icons/icon-telephone.png');
    float: left;
    margin-top: 4px;
    margin-right:10px;
}
.header-top-info .header-contact-info .top-telephone{
    font-family:RobotoReg;
    margin-right:0;
}
.header-top-info .header-contact-info .top-mobile:before{
    content:url('../images/icons/icon-mobile.png');
    float: left;
    margin-top: 4px;
    margin-right:10px;
    padding-left:10px;
    border-left:1px solid #1d1d1d;
}
.header-top-info .header-contact-info .top-mobile{
    font-family:RobotoReg;
}
.header-top-info .header-contact-info ul{
    padding: 0;
    list-style: none;
    margin:0;
}
.header-top-info .header-contact-info ul li{
    display: inline-table;
    font-size:13px;
    line-height: 32px;
    margin:0 10px;
}
.header-top-info .header-social-info ul{
    padding: 6px 0;
    list-style: none;
    margin:0;
}
.header-top-info .header-social-info ul li{
    display: inline-table;
}
.header-social-info ul{
    float:right;
}
.header-social-info ul li a{
    margin-left:16px;
    opacity:0.3;
    transition: all 0.5s ease;
}
.header-social-info ul li a:hover{
    margin-left:16px;
    opacity:0.8;
    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}

/*main header*/
.main-header{
    background:#212121;
    color:#fff;
}
.main-header .row .logo-container{
    padding-bottom:13px;
}
.main-header .row .logo-container ul{
    list-style:none;
    padding:0;
    margin:0;
    padding:20px 0 14px 0;
}
.main-header .row .logo-container ul li{
    float:left;
}
.logo-container ul li.logo{
    padding-right:10px;
}
.logo-container ul li.company-title{
    /*border-left:1px solid #fff;*/
    height:53px;
}
.logo-container ul li.company-title p{
    float:left;
    font-size:17px;
    font-family:Georgia;
    text-transform:uppercase;
    line-height:1em;
    padding-top:10px;
    padding-left:14px;
    margin-bottom: 0;
    color:#fff;
    letter-spacing: 0.1em;
}
.logo-container ul li.company-title p span{
    font-size:13px;
    text-transform: uppercase;
    line-height:0;
    color:rgba(225,225,225,0.5);
    margin-bottom: 0;
    letter-spacing: 0.1em;
    font-weight: 100;
}
.logo a img{
    width:20%;
    float: left;
}
.main-header .row .pagelinks-container{
    padding-right:0;
}
.main-header .row .pagelinks-container ul{
    list-style:none;
    padding:0;
    margin:0;
    float:right;
    padding-top:43px;
}
.main-header .row .pagelinks-container ul li{
    display: inline-block !important;
    padding-left:28px;
}
.pagelinks-container ul li a{
    float:right;
    font-size:13px;
    color:#949494;
    text-transform:uppercase;
    font-family:RobotoBlack;
}
.pagelinks-container ul li a.active{
    color:#fff;
}
.pagelinks-container ul li a:hover{
    color:#fff;
}

.about-summary{
    background:url('../images/img/summary-bg.png') no-repeat center center transparent;
    text-align:center;
}
.about-summary div.large-8{
    padding:0;
}
.about-summary div.row{
    padding:120px 0 130px 0;
}
.about-summary h3{
    font-size:36px;
    font-family:RobotoLight;
    text-transform:uppercase;
    text-align:center;
    color:#3f3f3f;
    padding-bottom: 18px;
}
.about-summary p{
    font-size:16px;
    color:#3f3f3f;
    line-height:32px;
    font-family:RobotoReg;
    text-align:center;
    padding-bottom: 18px;
}

/*button
---------------*/
.learn-more{
    border:1px solid #3f3f3f !important;
    background:none !important;
    padding:16px 28px !important;
}
.learn-more span{
    font-size:14px !important;
    text-transform:uppercase;
    font-family:RobotoBlack !important;
    color:#3f3f3f !important;
}
.learn-more span:after{
    content:url('../images/icons/learn-more-arrow.png');
    margin-left:12px !important;
    font-size:14px !important;
}
/*-----------*/

.what-can-we-do{
    background:url('../images/img/what-we-do.png')no-repeat top right transparent;
    padding-top:310px;
    padding-bottom:76px;
}
.what-can-we-do h3{
    font-size: 36px;
    font-family: RobotoBlack;
    margin-bottom: 0;
    color:#3d3d3d;
}
.what-can-we-do span{
    font-size: 24px;
    font-family: RobotoReg;
    color:#3d3d3d;
}
.what-can-we-do ul.whatwedo-list{
    padding-top:40px;
    padding-bottom:30px;
    font-size:16px;
    font-family: RobotoBold;
    list-style-image: url('../images/icons/list-img-circle-filled.png');
    color:#3d3d3d;
}
.what-can-we-do ul.whatwedo-list li{
    margin-top:18px;
    color:#3d3d3d;
}
.what-can-we-do ul.whatwedo-sublist{
    list-style-image: url('../images/icons/list-img-circle-empty.png');
    color:#3d3d3d;
}
ul.whatwedo-sublist li{
    font-size:16px;
    margin-top:5px !important;
    font-family: RobotoReg;
    color:#3d3d3d;
}

.products-container{
    background: url('../images/img/square-bg.png');
    padding-top:190px;
    padding-bottom:160px;
}
.products-container h3{
    text-align: center;
    font-family: RobotoBlack;
    font-size:36px;
    color:#3f3f3f;
    margin-bottom:100px;
}
.product-content ul{
    margin-bottom:50px;
}
.product-content ul li{
    list-style: none;
    text-align:center;
    text-transform:uppercase;
    font-family: RobotoBold;
    font-size:13px;
    color:#3f3f3f;
}
.product-content ul li.prod-img{
    width:100%;
    height:100px;
    vertical-align: middle !important;
}
.product-content ul li.prod-img img{
    vertical-align: middle !important;
}
.product-content ul li.prod-list{
    margin-top:20px;
}
.product-content ul li.prod-align1 img{
    margin-top:15px;
}
.product-content ul li.prod-align2 img{
    margin-top:15px;
}
.product-content ul li.prod-align3 img{
    margin-top:15px;
}
.footer-social{
    background:#eee;
    border-top:1px solid #d8d8d8;
    padding:40px 0 20px 0;
}
.footer-social ul{
    list-style: none;
    display:inline-block;
}
.footer-social ul li{
    display:inline-block;
}
.footer-social .footer-social-left li{
    padding-left:15px;
}
.footer-social .footer-social-right li{
    padding-right:15px;
}
.footer-details{
    background:#3b3b3b;
    padding-top:70px;
    padding-bottom:130px;
}
.footer-details h4{
    font-size:30px;
    font-family:RobotoLight;
    color:#898989;
    text-transform:uppercase;
}
.footer-visit{
    border:1px solid #343434;
    padding:30px 30px 10px 30px !important;
}
.footer-visit ul{
    list-style: none;
    padding:0;
    margin:0;
}
.footer-visit ul li{
    padding:0;
    margin:0 0 20px 0;
    font-family: RobotoReg;
    font-size:16px;
    color:#767676;
}
.footer-visit ul li.footer-location:before{
    content:url('../images/icons/footer-details-icon-location.png');
    margin-right:15px;
}
.footer-visit ul li.footer-telephone:before{
    content:url('../images/icons/footer-details-icon-telephone.png');
    margin-right:15px;
}
.footer-visit ul li.footer-mobile:before{
    content:url('../images/icons/footer-details-icon-mobile.png');
    margin-right:15px;
}
.footer-contact-links{
    border:1px solid #343434;
    padding:20px 30px !important;
    margin-top:20px;
}
.footer-contact-links p{
    color:#767676;
    font-size:13px;
    margin-bottom:0;
    margin-top:8px;
}
.footer-contact-links span{
    color:#767676;
    font-size:13px;
    font-family:RobotoBold;
    text-decoration:underline;
}
.footer-details .form-label{
    padding-left:40px !important;
}
.form-label input{
    background:#535353;
    border:1px solid #343434;
    margin: 0 0 0.6rem !important;
}
.form-label textarea{
    padding:20px 20px;
    background:#535353;
    border:1px solid #343434;
}
.form-label .button{
    background:#252525;
    padding:20px 40px;
    font-family:RobotoLight;
    font-size:20px;
    letter-spacing:4px;
    color:#808080;
}
.footer-bottom{
    background:#333333;
}
.footer-bottom .row .large-6{
    padding:40px 0;
    margin:0;
}
.footer-bottom .footer-bottom-content{
    font-family:RobotoLight;
    font-size:13px;
    color:#767676;
}
.footer-bottom ul.footer-bottom-links {
    padding:0;
    margin:0;
    list-style: none;
    float:right;
}
.footer-bottom ul.footer-bottom-links li{
    display:inline-block;
    margin-right:10px;
}
.footer-bottom ul.footer-bottom-links li a{
    font-family:RobotoBold;
    font-size:11px;
    color:#767676;
}
.footer-bottom ul.footer-bottom-links li a:hover{
    font-family:RobotoBold;
    font-size:11px;
    color:#fff;
}

/*========================
THIS STYLE IS FOR ABOUT US
==========================*/
.about-intro-left p{
    text-align: right;
    margin-top:190px;
}
.about-intro-mid{
    background:url('../images/img/about-into-mid-img.png')no-repeat center center transparent;
    height:550px;
}
.about-intro-mid p{
    text-align:center;
    font-size:24px;
    font-family:RobotoBlack;
    margin-top: 254px;
    color:#fff;
}
.about-intro-right p{
    margin-top:190px;
    text-align: left;
    font-size:16px;
    line-height: 30px;
    font-family:RobotoReg;
    color:#3f3f3f;
}
.intro-large-content{
    background:#202020;
}
.intro-large-content {
    padding:0;
    margin:0;
}
.intro-large-content p{
    color:#cecece;
    text-align:center;
    font-size: 23.5px;
    line-height:44px;
    font-family:RobotoLight;
    padding:62px 0;
    margin:0;
}
.mv-content {
    padding:92px 0 75px 0;
}
.mv-content h3{
    color:#3f3f3f;
    font-size: 36px;
    font-family:RobotoBlack;
}
.mv-content .content-divider{
    background:#3f3f3f;
    height: 7px;
    width:47px;
    margin-top:23px;
    margin-bottom:30px;
}
.mv-content p{
    font-size:16px;
    line-height: 30px;
    font-family:RobotoReg;
    color:#3f3f3f;
}
.ceo-message{
    background:url('../images/img/CEO.jpg')no-repeat #f5f5f5;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    height:654px;
}
.ceo-message .ceo-header{
    padding-right:69px;
    margin-top:73px;
}
.ceo-message .ceo-header h2{
    font-size:50px;
    background:#1c1c1c;
    font-family:RobotoLight;
    color:#fff;
    padding:0;
    line-height:1;
    text-transform: uppercase;
}
.ceo-message-content{
    background:#fff;
    border:1px solid #dedede;
    padding-top:42px;
    padding-left:30px !important;
    margin-top: 30px;
}
.ceo-message-content p{
    color:#3f3f3f;
    font-size:16px;
    font-family:RobotoReg;
    line-height:34px;
    margin-bottom:40px;
}
.ceo-message-content p span{
    text-decoration:underline;
}

.eoc-header-content{
    margin-top:180px;
    margin-bottom:80px;
}
.eoc-header-content h3{
    font-size:36px;
    font-family:RobotoBlack;
    color:#3f3f3f;
    text-align:center;
    text-transform: uppercase;
}
.eoc-header-content p{
    font-size:16px;
    font-family:RobotoReg;
    color:#3f3f3f;
    text-align:center;
    line-height:30px;
}
.eoc-leaders{
    padding-right:40px !important;
    padding-left:40px !important;
    padding-bottom:100px;
}
.eoc-leaders h4{
    font-size:24px;
    font-family:RobotoBold;
    color:#3f3f3f;
    text-transform: uppercase;
    margin-bottom:5px;
}
.eoc-leaders p{
    font-size:16px;
    font-family:RobotoBold;
    color:#3f3f3f;
    margin-bottom:5px;
}
.eoc-leaders ul{
    padding:0;
    margin-left: 0.99rem;
}
.eoc-leaders ul li{
    font-size:13px;
    font-family:RobotoReg;
    color:#3f3f3f;
    margin-bottom:5px;
    list-style-image: url('../images/icons/list-bullet-stock-holder.png');
}

/*========================
THIS STYLE IS FOR NEWS
==========================*/
.news-container{
    margin-top:60px;
}
.news-left-panel .row{
    margin-bottom:70px;
}
.news-container .news-left-panel h2{
    font-size:50px;
    font-family:RobotoBold;
    color:#3f3f3f;
    margin-top:20px;
    margin-bottom:20px;
    letter-spacing:1px;

}
.news-container .news-left-panel p{
    font-size:16px;
    font-family:RobotoReg;
    color:#3f3f3f;
    line-height: 28px;
}
.news-container .news-left-panel p{
    font-size:16px;
    font-family:RobotoReg;
    color:#3f3f3f;
    line-height: 28px;
}
.news-container .news-left-panel p.post-by{
    font-size:13px;
    font-family:RobotoBlack;
    color:#9b9b9b;
}
.news-left-panel p.post-by span{
    font-size:13px;
    font-family:RobotoBlack;
    color:#202020;
}
.news-left-panel .left-panel-2section{
    border-bottom:1px solid #dcdcdc;
}
.left-panel-2section .button{
    margin-top:20px;
    margin-bottom:70px;
}
.news-left-last-section .large-12{
    padding:0;
    margin:0;
}
.news-left-last-section .large-12 .row{
    margin-bottom:30px;
}
.news-left-last-section h4.last-title{
    font-family: RobotoLight;
    color:#3f3f3f;
}
.news-left-last-section img{
    margin-top:10px
}
.news-left-last-section .large-8 h4{
    font-family:RobotoBold;
    color:#3f3f3f;
}
.news-left-last-section .large-8 p{
    margin-bottom:0;
}
.news-right-panel{
    padding-left:30px !important; 
    height:100%;
}
.news-right-panel h4{
    font-family: RobotoReg;   
    color:#3f3f3f;
    font-size:24px;
    text-transform:uppercase;
    padding-top:20px !important;
}
.news-archieves-container{
    padding-bottom:20px !important;
    padding-left:10px !important;
    border-left:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
}
.news-archieves-container select{
    background:url('../images/icons/drop-down.png')no-repeat 326px 17px #dcdcdc;
    cursor: pointer;
    color:#848484;
}
.news-archieves-container select option{
    background:#fafafa;
}
.news-right-list{
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-left:10px !important;
    border-left:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
}
.news-right-list ul{
    list-style: none;
    margin-left:4px;
}
.news-right-list ul li{
    padding:15px 0;
    border-bottom:1px solid #dcdcdc;
}
.news-right-list ul li:last-child{
    padding:15px 0;
    border-bottom:none;
}

.news-video-seminars{
    padding-top:20px !important;
    padding-bottom:20px !important;
    padding-left:10px !important;
    border-left:1px solid #dcdcdc;
}
.news-video-seminars ul{
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom:20px;
}
.news-video-seminars ul li{
    display:inline-block;
    margin-bottom:5px;
}

/*===================
THIS IS PRODUCT PAGE
=====================*/
.product-page-container{
    margin-top:70px;
    margin-bottom:70px;
}
.product-page-container .tabs-container{
    border-top:10px solid #212121 !important;
    border-bottom:none !important;
    border-left:none !important;
    border-right:none !important;
}
.product-page-container .tabs-container li{
    border-left:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-bottom:1px solid #ddd !important;
    background:none;
}
.tabs-container li a{
    font-size:13px;
    font-family:RobotoBold;
    color:#9a9a9a;
}
.tabs-container li a[aria-selected='true']{
    color:#3f3f3f;
}
.tabs-content{
    border:none !important;
}
.tabs-content .tabs-panel{
    margin-top:0;
    padding-top:0;
}
.tabs-panel .row{
    margin-left:0 !important;
}
.tabs-panel h3{
    font-size:36px;
    font-family:RobotoLight;
}
.tabs-panel p.bolded-text-paragraph{
    font-family:RobotoBold;
    font-size:13px;
    color:#3f3f3f;
}
.tabs-panel p.normal-text-paragraph{
    font-family:RobotoReg;
    font-size:13px;
    color:#3f3f3f;
}
#panel1v p.normal-text-paragraph{}
.tabs-panel .table-main-header{
    border:1px solid #ddd;
    background:#fafafa;
}
.tabs-panel .table-main-header p{
    font-size:16px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:RobotoBold;
    color:#3f3f3f;
}
.tabs-panel .tabs-table-content{
    border-top:0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#fff;
    padding-top:10px;
    padding-bottom: 10px;
}
.tabs-panel .tabs-table-content p{
    font-size:13px;
    margin-bottom: 0;
    font-family:RobotoBold;
    color:#3f3f3f;
}
.tabs-panel .tabs-table-content ul{
    margin-top: 5px;
    margin-bottom: 0;
}
.tabs-panel .tabs-table-content ul li{
    font-size:13px;
    margin-bottom: 0;
    font-family:RobotoReg;
    color:#404040;
}
.benefits-header h2{
    font-size:50px;
    font-family:RobotoLight;
    color:#3f3f3f;
    margin-top:60px;
    margin-bottom:60px;
}
.benefits-list{
    margin:0;
    font-family: RobotoBold;
    list-style:none;
    color:#3f3f3f;
    font-size:16px;
    margin-bottom:100px;
}
.benefits-list li:before{
    content:url('../images/img/list-img-check.png');
    margin-right:10px;
}
.benefits-list li{
    margin-bottom:15px;
}
.benefits-sublist{
    list-style:none;
    list-style-image:none;
    margin-left:27px;
    font-family: RobotoLight;
    color:#3f3f3f;
    font-size:16px;
    margin-top:5px;
}
.benefits-sublist li{
    margin-bottom:5px;
}
.benefits-sublist li:before{
    content:none;
}