@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700";

/* Margin top */
.m-t-0{
	margin-top: 0px;
}
.m-t-5{
	margin-top: 5px;
}
.m-t-10{
	margin-top: 10px;
}
.m-t-15{
	margin-top: 15px;
}
.m-t-20{
	margin-top: 20px;
}
.m-t-25{
	margin-top: 25px;
}
.m-t-30{
	margin-top: 30px;
}
/* End Margin top */

/* Margin Bottom */
.m-b-0{
	margin-bottom: 0px;
}
.m-b-5{
	margin-bottom: 5px;
}
.m-b-10{
	margin-bottom: 10px;
}
.m-b-15{
	margin-bottom: 15px;
}
.m-b-20{
	margin-bottom: 20px;
}
.m-b-25{
	margin-bottom: 25px;
}
.m-b-30{
	margin-bottom: 30px;
}
/* End Margin Bottom */

/* Margin Left */
.m-l-0{
	margin-left: 0px;
}
.m-l-5{
	margin-left: 5px;
}
.m-l-10{
	margin-left: 10px;
}
.m-l-15{
	margin-left: 15px;
}
.m-l-20{
	margin-left: 20px;
}
.m-l-25{
	margin-left: 25px;
}
.m-l-30{
	margin-left: 30px;
}
/* End Margin Left */

/* Margin Right */
.m-r-0{
	margin-right: 0px;
}
.m-r-5{
	margin-right: 5px;
}
.m-r-10{
	margin-right: 10px;
}
.m-r-15{
	margin-right: 15px;
}
.m-r-20{
	margin-right: 20px;
}
.m-r-25{
	margin-right: 25px;
}
.m-r-30{
	margin-right: 30px;
}
/* End Margin Right */

/* Padding top */
.p-t-0{
	padding-top: 0px;
}
.p-t-5{
	padding-top: 5px;
}
.p-t-10{
	padding-top: 10px;
}
.p-t-15{
	padding-top: 15px;
}
.p-t-20{
	padding-top: 20px;
}
.p-t-25{
	padding-top: 25px;
}
.p-t-30{
	padding-top: 30px;
}
/* End Padding top */

/* Padding Bottom */
.p-b-0{
	padding-bottom: 0px;
}
.p-b-5{
	padding-bottom: 5px;
}
.p-b-10{
	padding-bottom: 10px;
}
.p-b-15{
	padding-bottom: 15px;
}
.p-b-20{
	padding-bottom: 20px;
}
.p-b-25{
	padding-bottom: 25px;
}
.p-b-30{
	padding-bottom: 30px;
}
/* End Padding Bottom */

/* Padding Left */
.p-l-0{
	padding-left: 0px;
}
.p-l-5{
	padding-left: 5px;
}
.p-l-10{
	padding-left: 10px;
}
.p-l-15{
	padding-left: 15px;
}
.p-l-20{
	padding-left: 20px;
}
.p-l-25{
	padding-left: 25px;
}
.p-l-30{
	padding-left: 30px;
}
/* End padding Left */

/* padding Right */
.p-r-0{
	padding-right: 0px;
}
.p-r-5{
	padding-right: 5px;
}
.p-r-10{
	padding-right: 10px;
}
.p-r-15{
	padding-right: 15px;
}
.p-r-20{
	padding-right: 20px;
}
.p-r-25{
	padding-right: 25px;
}
.p-r-30{
	padding-right: 30px;
}
/* End padding Right */

/* Table No Border */
.table-no-border .table-bordered > thead > tr > th, 
.table-no-border .table-bordered > tbody > tr > th, 
.table-no-border .table-bordered > tfoot > tr > th, 
.table-no-border .table-bordered > thead > tr > td, 
.table-no-border .table-bordered > tbody > tr > td, 
.table-no-border .table-bordered > tfoot > tr > td{ 
    border: hidden; 
}
/* End Table No Border */

html,
body{
	width: 100%;
    font-family: 'Questrial', sans-serif !important;
    font-size: 16px !important;
	/* overflow: hidden; */
}

	/*---------------------------------------------------------------------
        Tab
      -----------------------------------------------------------------------*/
      .tab .nav-tabs{width:18%; float: left; display: inline-block; border: none; margin-right:4%;}
      .tab .nav-tabs li{display: inline-block; width: 100%; padding:0; margin: 0px; text-align: center;}
      .tab .nav-tabs li a{border:1px solid #dddddd; color:#353535; border-bottom:none; background: #fff; padding:30px 15px;  border-radius:0; margin:0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
      .tab .nav-tabs li:last-child a{border-bottom:1px solid #dddddd;}
      .tab .nav-tabs li a i{ font-size: 38px; display: inline-block; width: 100%; line-height: normal; }
      .tab .nav-tabs li a span{font-size:16px; line-height:24px;}

      .tab .nav-tabs li.active a:before{position: absolute; margin-top:-25px; content: "\f0da"; font-family: fontawesome; right:-10px; top: 50%; font-size:36px; color: #0062cc;}
      .tab .nav-tabs li.active a, .tab .nav-tabs li a:hover, .top_dark .nav-tabs li.active a:hover > a:focus{background:#0062cc; color: #fff;   border-bottom:none;border-right:none; position: relative;}

      /*----------------------
        TAB content
      -----------------------*/
      .tab .tab-content{width:78%; float:left;}
      .tab .tab-content .img-left{float:left; margin-right:15px; margin-bottom:15px;}
      .tab .tab-content .img-right{float:right; margin-left:15px; margin-bottom:15px;}
      .tab .tab-content .title{font-size:28px; font-weight:500; color:#ffd200; line-height:normal; margin-top:0px; margin-bottom:15px;}
      .tab .tab-content .list li{margin-bottom:5px;}
      .tab .tab-content .list li i{margin-right:5px;}
      .list li i{color:#ffd200;}
      .tab .tab-content img.img-left { margin-bottom: 0; }

      /* Dark BG */
      .text-white .tab.tab-default .nav-tabs li a{background:none; color:#f5f5f5;}
      .text-white .tab.tab-default .nav-tabs li.active a, 
      .text-white .tab.tab-default .nav-tabs li a:hover, 
      .text-white .tab.tab-default .nav-tabs li.active a:hover > a:focus{background:#ffd200;}


      /*------------------------------------
        TAB - Border
      -------------------------------------*/
      .tab.tab-bor{border:0px solid #dddddd;}
      .tab.tab-bor .nav-tabs{width:100%; margin:0px;}
      .tab.tab-bor .nav-tabs li{margin-right:0; width:20%; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#f9f9f9;}
      .tab.tab-bor .nav-tabs li:last-child{margin-right:0px; border-right:none;}
      .tab.tab-bor .nav-tabs li.active{border-bottom:none; background:none;}

      .tab.tab-bor .nav-tabs li a{border:none; display:table; background:none; padding:12px 10px; width:100%; position:relative;}
      .tab.tab-bor .nav-tabs li a i{text-align: right; vertical-align:middle; width:auto; margin-right:10px;}
      .tab.tab-bor .nav-tabs li a span{text-align:left; vertical-align:middle;}

      .tab.tab-bor .nav-tabs li a:before, .tab.tab-bor .nav-tabs li a:after{content:normal; margin:0;}
      .tab.tab-bor .nav-tabs li a:before{content:""; width:0; height:4px; background:#ffd200; position:absolute; top:-1px; left:50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
      .tab.tab-bor .nav-tabs li.active a:before{width:100%; left:0;}

      .tab.tab-bor .nav-tabs li.active a, .tab.tab-bor .nav-tabs li a:hover{color:#fff;}
      .tab.tab-bor .tab-content{width:100%; margin-top:0; padding:15px 0px;}

      /* Dark BG */
      .text-white .tab.tab-bor .nav-tabs li{background:none;}
      .text-white .tab.tab-bor .nav-tabs li a{color:#ffffff;}
      .text-white .tab.tab-bor .nav-tabs li.active a{color:#ffd200;}

      /*-------------------------------------
         TAB - Vertical
      -------------------------------------*/
      .tab.tab-vertical{border:1px solid #e7e7e7; width:100%; overflow:hidden;}
      .tab.tab-vertical .nav-tabs{margin-right:0; width:30%; border-bottom:1px solid #e7e7e7; position:relative; z-index:9;}
      .tab.tab-vertical .nav-tabs:before{background:#f9f9f9; border-right:1px solid #e7e7e7; display:block; content:""; height:99.8% ;position:absolute; left:0;  bottom:-100%; width:100%; z-index:0;}

      .tab.tab-vertical .nav-tabs li{text-align: left;}
      .tab.tab-vertical .nav-tabs li a{background:#f9f9f9; font-weight:400; display: inline-block; width: 100%; border: 1px solid #e7e7e7; border-left:none; border-bottom:none; padding:15px 20px 15px 40px;}
      .tab.tab-vertical .nav-tabs li:first-child a{border-top:none;}
      .tab.tab-vertical .nav-tabs li a i {float: left; width: auto; margin-right: 20px;}
      .tab.tab-vertical .nav-tabs li a span{ line-height: 46px;}
      .tab.tab-vertical .nav-tabs li a::before{background:#ffd200; content: ""; height: 100%; left: -6px; margin-top: 0; position: absolute;  right: inherit; top: 0; width: 5px; opacity: 0;}
      .tab.tab-vertical .nav-tabs li.active a::before, .tab.tab-vertical .nav-tabs li a:hover:before {left: -1px; opacity: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
      .tab.tab-vertical .nav-tabs li.active a, .tab.tab-vertical .nav-tabs li a:hover, .tab.tab-vertical .nav-tabs li.active a:hover > a:focus{background:#fff; color: #ffd200; border-right:none;   border-bottom:none; position: relative;}
      .tab.tab-vertical .nav-tabs li.active a{border-top-color:#e7e7e7 !important;}

      .tab.tab-vertical .tab-content{width:70%; padding:50px;}

      /*-------------------------------------
         TAB - Light
      --------------------------------------*/
      .tab.tab-light .nav-tabs{width:100%; margin:0px; margin-bottom:-1px; border-bottom:1px solid #e6e6e6; text-align:center;}
      .tab.tab-light .nav-tabs li{margin-right:0; width:auto; float:none; margin:0 1px; border-bottom:1px solid #DFDFDF; background-image: linear-gradient(to top, #0062cc, #4189ff); border-bottom:none;border-top-left-radius: 4px;border-top-right-radius: 4px;}
      .tab.tab-light .nav-tabs li:last-child{margin-right:0px;}
      .tab.tab-light .nav-tabs li.active{border-bottom:none; background:none;}
      .tab.tab-light .nav-tabs li a{border:none; display:block; background:none; padding:10px 15px; color:#fff; position:relative;}
      .tab.tab-light .nav-tabs li a i{display:none;}
      .tab.tab-light .nav-tabs li a span{text-align:left; vertical-align:middle;}
      .tab.tab-light .nav-tabs li.active a{color:#0062cc;}
      .tab.tab-light .nav-tabs li a:before{content:""; width:0; height:3px; margin:0; background:#0062cc; position:absolute; left:50%; top:-1px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
      .tab.tab-light .nav-tabs li.active a:before{width:100%; left:0;}
      .tab.tab-light .nav-tabs li.active a:after{content:""; width:100%; height:2px; margin:0; background:#ffffff; position:absolute; left:0; bottom:-2px;}

      .tab.tab-light .tab-content{width:100%;}

      /* Dark BG */
      .text-white .tab.tab-light .nav-tabs li{background:none;}
      .text-white .tab.tab-light .nav-tabs li a{color:#ffffff;}
      .text-white .tab.tab-light .nav-tabs li.active a{color:#fff;}

      .text-white .tab.tab-light .nav-tabs li.active a:after{background:#151515;}

    
    .bg-grey-abstract{
      background-image: url("/images/template/bg_grey2.jpg");
      background-position: center center;
      background-size: cover;
    }
    
    #myNav li { 
        border-left: 1px solid transparent; 
    }

    #myNav li:first-child { 
        border: none; 
    }

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
        background-color: transparent;
    }

    #myNav li a{
        font-size: 16px;
        color: #000;
        font-weight: 700;
        padding-left: 0px;
        padding-right: 0px;
	}
	
    #myNav li a:focus{
        background-color: transparent;
	}
	
    #myNav li a:hover{
        font-size: 16px;
        color: #ffb81a;
        font-weight: bold;
        background-color: transparent;
    }

    #myNav .dropdown-menu {
        border:1px solid #ffb81a; 
        border-width: 0 1px 4px 1px;
    }

    #myNav .dropdown .dropdown-menu > li > a{
        color: #000;
        padding-left: 15px;
        padding-right: 15px;

    }

    #myNav .dropdown .dropdown-menu > li > a:hover{
        color: #ffb81a;
        padding-left: 15px;
        padding-right: 15px;: 
    }

    #myNav .dropdown .dropdown-menu{
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 8px;
        background-color: #f5f5f5;
        border-top:hidden;
    }


    .navbar-brand{
        padding:0px 15px !important;
        height: 65px  !important;
    }