/*

	- - - - - Contents - - - - -
	
	01 - Basic Stylesheet
	02 - General Stylesheet
	03 - Layout Stylesheet

	- - - - - - - - - - - - - -
	
*/	

/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
html{
	width					: 100%;
	height					: 100%; 
}
body{
	width					: 100%;
	height					: 100%;
	margin					: 0;
	padding					: 0;
    font-family             : 'Roboto Condensed', sans-serif;
    font-size				: 14px;
	font-weight				: 400;
	color					: #706f6f;
    background-color        : #fff;
	-webkit-text-rendering  : optimizeLegibility;
       -moz-text-rendering  : optimizeLegibility;
        -ms-text-rendering  : optimizeLegibility;
         -o-text-rendering  : optimizeLegibility;
            text-rendering  : optimizeLegibility;
    -webkit-font-smoothing  : antialiased;
       -moz-font-smoothing  : antialiased;
        -ms-font-smoothing  : antialiased;
         -o-font-smoothing  : antialiased;
            font-smoothing  : antialiased;
}
a,
a:hover,
a:active,
a:focus{
	color					: #706f6f;
	outline					: 0;
	text-decoration			: none;
}
p{
	line-height				: 28px;
    margin-bottom           : 20px;
}
img{
	max-width				: 100%;
}
mark, .mark{
    padding                 : 0 5px;
    color                   : #fff;
    background-color        : #324992;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	padding					: 0;
    margin                  : 0 0 20px 0;
    font-weight             : 700;
}
h1, .h1{
    font-size               : 48px;
}
h2, .h2{
    font-size               : 36px;
}
ul{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
button{
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
	background				: none;
}
hr{
	margin					: 0;
	padding					: 0;
	border					: 0;
	border-bottom			: 1px solid #e1e1e1;
}
iframe{
	width					: 100%;
	border					: 0;
	outline					: none;
	overflow				: hidden;
}
input, select, textarea{
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
}

a,
.btn,
.home-services .hs-item:before{
	-webkit-transition		: all 0.2s ease-in-out;
	   -moz-transition		: all 0.2s ease-in-out;
	    -ms-transition		: all 0.2s ease-in-out;
	     -o-transition		: all 0.2s ease-in-out;
	        transition		: all 0.2s ease-in-out;
}

.clearfix:before,
.clearfix:after,
.data-pager ul:before,
.data-pager ul:after,
.home-services .wrapper:before,
.home-services .wrapper:after,
.site-header .header-top .wrapper:before,
.site-header .header-top .wrapper:after,
.site-header .header-bottom .wrapper:before,
.site-header .header-bottom .wrapper:after,
.site-header .header-bottom .hb-nav > ul:before,
.site-header .header-bottom .hb-nav > ul:after,
.site-header .header-bottom .hb-lang > ul:before,
.site-header .header-bottom .hb-lang > ul:after,
.site-footer .footer-top .wrapper:before,
.site-footer .footer-top .wrapper:after,
.site-footer .footer-middle ul:before,
.site-footer .footer-middle ul:after{
    content					: "";
    display					: table;
}
.clearfix:after,
.data-pager ul:after,
.home-services .wrapper:after,
.site-header .header-top .wrapper:after,
.site-header .header-bottom .wrapper:after,
.site-header .header-bottom .hb-nav > ul:after,
.site-header .header-bottom .hb-lang > ul:after,
.site-footer .footer-top .wrapper:after,
.site-footer .footer-middle ul:after{
    clear					: both;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
.img-full{
	width					: 100%;
}
.inline{
	display					: inline-block;
}
.block{
	display					: block;
}

.align-left{
	text-align				: left;
}
.align-center{
	text-align				: center;
}
.align-right{
	text-align				: right;
}
.align-justify{
	text-align				: justify;
}

.btn{
	height					: 34px;
	line-height				: 34px;
	padding					: 0 15px;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    font-size               : 12px;
	font-weight				: 700;
    font-style              : normal;
	border					: none;
	-webkit-border-radius	: 0px;
	   -moz-border-radius	: 0px;
	    -ms-border-radius	: 0px;
	     -o-border-radius	: 0px;
	        border-radius	: 0px;
}
.btn,
.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus{
	text-decoration			: none;
	outline					: 0;
	-webkit-box-shadow		: none;
	   -moz-box-shadow		: none;
	    -ms-box-shadow		: none;
	     -o-box-shadow		: none;
	        box-shadow		: none;
}
.btn .fa.left{
	margin-right			: 10px;
	margin-left				: -10px;
}
.btn .fa.right{
	margin-left				: 10px;
	margin-right			: -10px;
}
.btn.round{
    -webkit-border-radius	: 20px;
	   -moz-border-radius	: 20px;
	    -ms-border-radius	: 20px;
	     -o-border-radius	: 20px;
	        border-radius	: 20px;
}

.btn-default{
    color                   : #fff;
    background-color        : #324992;
}
.btn-default:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:focus{
    color                   : #fff;
    background-color        : #3a55ac;
}

.row-table{
    display                 : -webkit-box;
    display                 : -moz-box;
    display                 : -ms-flexbox;
    display                 : -webkit-flex;
    display                 : flex;
    -webkit-flex-wrap       : wrap;
       -moz-flex-wrap       : wrap;
        -ms-flex-wrap       : wrap;
            flex-wrap       : wrap;
}
.row-table > div[class*="col-"]{
    float                   : none;
    padding                 : 0;
}

.data-form label{
	display					: block;
    font-size               : 13px;
	margin-bottom			: 10px;
}
.data-form select,
.data-form textarea,
.data-form input[type="text"],
.data-form input[type="password"]{
	width					: 100%;
	outline					: none;
	padding					: 15px;
	margin					: 0;
    border                  : 1px solid #e1e1e1;
    font-size               : 12px;
	background-color		: #fff;
}
.data-form select{
	   -webkit-appearance	: none;
          -moz-appearance	: none;
           -ms-appearance	: none;
            -o-appearance	: none;
    		   appearance	: none;
	-webkit-border-radius	: 0;
	   -moz-border-radius	: 0;
	    -ms-border-radius	: 0;
	     -o-border-radius	: 0;
	        border-radius	: 0;
}
.data-form textarea{
	height					: 150px;
	resize					: vertical;
}
.data-form select:focus,
.data-form textarea:focus,
.data-form input[type="text"]:focus,
.data-form input[type="password"]:focus{
	border-color			: #666;
}
.data-form .row div[class*="col-"]{
	margin-bottom			: 20px;
}
.data-form .row div[class*="col-"]:last-child{
	margin-bottom			: 0;
}

.data-pager{
    margin-top              : 40px;
}
.data-pager ul li{
	margin-right			: 1px;
	margin-bottom			: 1px;
    float                   : left;
}
.data-pager ul li a{
    display                 : block;
	width					: 34px;
	height					: 34px;
	line-height				: 34px;
	font-weight				: 700;
	font-size				: 12px;
	text-align				: center;
	background-color		: #f1f1f1;
}
.data-pager ul li a:hover{
	background-color		: #e1e1e1;
}
.data-pager ul li.active a,
.data-pager ul li.active:hover a{
	color					: #fff;
	background-color		: #324992;
}

.page-top{
    position                : relative;
    padding-top             : 100px;
    padding-bottom          : 40px;
    background-repeat       : no-repeat;
    background-position     : center center;
    background-size         : cover;
}
.page-top:before{
    position                : absolute;
    top                     : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    content                 : "";
    background-color        : rgba(0,0,0,0.7);
}
.page-top h1{
    position                : relative;
    z-index                 : 1;
    color                   : #fff;
    margin-bottom           : 0;
}
.page-content{
    font-size               : 16px;
    padding                 : 50px;
    border-bottom           : 1px solid #e1e1e1;
}
.page-content h2{
    font-size               : 28px;
    color                   : #324992;
}
.page-content p:last-child{
    margin-bottom           : 0;
}
.page-photo{
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top left;
    background-size         : cover;
    -webkit-border-radius   : 5px;
       -moz-border-radius   : 5px;
        -ms-border-radius   : 5px;
         -o-border-radius   : 5px;
            border-radius   : 5px;
}

.widget-services .widget-item{
    padding-top             : 25px;
    padding-bottom          : 25px;
}
.widget-services .widget-item p:last-child{
    margin-bottom           : 0;
}
.widget-services .widget-item .item-photo{
    padding-top             : 100%;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
    -webkit-border-radius	: 5px;
	   -moz-border-radius	: 5px;
	    -ms-border-radius	: 5px;
	     -o-border-radius	: 5px;
	        border-radius	: 5px;
}
.widget-services .widget-item:last-child{
    padding-bottom          : 0;
}

.widget-legislation-list .widget-item{
    border                  : 4px solid #2a5696;
    margin-bottom           : 20px;
}
.widget-legislation-list .widget-item a{
    display                 : block;
    padding-left            : 70px;
    height                  : 50px;
    line-height             : 50px;
    font-weight             : 700;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    background-repeat       : no-repeat;
    background-position     : top left;
    background-size         : 50px auto;
    background-image        : url(../img/ico-word.png);
}
.widget-legislation-list .widget-item a:hover{
    color                   : #2a5696;
}

.widget-news .widget-item{
    margin-bottom           : 40px;
}
.widget-news .widget-item h2{
    margin-bottom           : 10px;
}
.widget-news .widget-item h2 a{
    color                   : #324992;
}
.widget-news .widget-item h5{
    color                   : #999;
}
.widget-news .widget-item:last-child{
    margin-bottom           : 0;
}

.widget-contact-info ul li{
    margin-bottom           : 10px;
}
.widget-contact-info ul li span{
    display                 : inline-block;
    width                   : 70px;
    font-weight             : 700;
}
.widget-contact-form{
    margin-top              : 50px;
}

.home-slider .wrapper{
    padding-top             : 120px;
}
.home-slider .hs-item{
    height                  : 390px;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.home-slider .hs-item h1{
    margin-bottom           : 0;
}
.home-slider .hs-item h1 span{
    display                 : inline-block;
    padding                 : 15px 20px;
    color                   : #fff;
    background-color        : rgba(0,0,0,0.7);
}
.home-slider .hs-item h1 span + br + span{
    padding-top             : 0;
}
.home-slider.owl-theme .owl-controls{
    margin-top              : 0;
}
.home-slider.owl-theme .owl-controls .owl-page span{
    background-color        : #fff;
}
.home-slider.owl-theme .owl-pagination{
    position                : absolute;
    left                    : 0;
    bottom                  : 20px;
    width                   : 100%;
}
.home-slider.owl-carousel{
    z-index                 : 1;
}

.home-news .hn-inner h2{
    padding                 : 20px 20px 0 20px;
    margin-bottom           : 10px;
    font-size               : 14px;
    color                   : #fff;
}
.home-news .hn-inner h2 a{
    color                   : #fff;
}
.home-news .hn-inner ul li a{
    display                 : block;
    color                   : #cecece;
    border-bottom           : 1px solid #393939;
}
.home-news .hn-inner ul li b{
    display                 : block;
    white-space             : nowrap;
    text-overflow           : ellipsis;
    overflow                : hidden;
    color                   : #fff;
}

.home-services{
    background-color        : #324992;
}
.home-services .hs-item{
    position                : relative;
    background-repeat       : no-repeat;
    background-position     : top center;
    background-size         : cover;
}
.home-services .hs-item:before{
    content                 : "";
    position                : absolute;
    top                     : 0;
    left                    : 0;
    z-index                 : 1;
    width                   : 100%;
    height                  : 100%;
    background-color        : rgba(50,73,146,0.9);
}
.home-services .hs-item:after{
    content                 : "";
    position                : absolute;
    top                     : 0;
    left                    : 0;
    z-index                 : 2;
    width                   : 1px;
    height                  : 100%;
    background-color        : #4863bc;
}
.home-services .hs-item h2{
    position                : absolute;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    padding                 : 20px;
    margin-bottom           : 0;
    font-weight             : 700;
    color                   : #fff;
    text-shadow             : 1px 1px #324992;
}
.home-services .hs-item a{
    position                : relative;
    z-index                 : 3;
    display                 : block;
    width                   : 100%;
    height                  : 100%;
}
.home-services .hs-item:hover:before{
    background-color        : rgba(50,73,146,0.6);
}

.page-topgrading .topgrading-book a{
    display                 : inline-block;
    padding-left            : 70px;
    height                  : 50px;
    font-weight             : 700;
    background-repeat       : no-repeat;
    background-position     : top left;
    background-size         : 50px auto;
    background-image        : url(../img/ico-word.png);
}
.page-job-application .data-form .col-select .fa{
    position                : absolute;
    bottom                  : 16px;
    right                   : 30px;
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.site-header{
    position                : relative;
    z-index                 : 99;
}
.site-header .header-top{
    background-color        : #fff;
}
.site-header .header-top .ht-topgrading{
    float                   : right;
    padding-top             : 13px;
}
.site-header .header-bottom{
    background-color        : #706f6f;
}
.site-header .header-bottom .hb-nav > ul > li > a{
    display                 : block;
    height                  : 50px;
    line-height             : 50px;
    padding                 : 0 10px;
    font-size               : 16px;
    font-weight             : 700;
    color                   : #fff;
}
.site-header .header-bottom .hb-nav > ul > li:hover > a{
    background-color        : #324992;
}
.site-header .header-bottom .hb-lang > ul > li{
    float                   : left;
}
.site-header .header-bottom .hb-lang > ul > li > a{
    display                 : block;
    width                   : 26px;
    height                  : 26px;
    background-repeat       : no-repeat;
    background-position     : center center;
}
.site-header .header-bottom .hb-lang > ul > li > a.tr{
    background-image        : url(../img/flag-tr.png);
}
.site-header .header-bottom .hb-lang > ul > li > a.en{
    background-image        : url(../img/flag-en.png);
}
.site-header .header-bottom .hb-lang > ul > li:last-child{
    margin-right            : 0;
}

.site-footer .footer-top{
    padding-top             : 50px;
    padding-bottom          : 50px;
}
.site-footer .footer-middle .wrapper{
    padding-top             : 20px;
    padding-bottom          : 20px;
    border-top              : 1px solid #e1e1e1;
    border-bottom           : 1px solid #e1e1e1;
}
.site-footer .footer-middle ul li a{
    display                 : block;
    height                  : 30px;
    line-height             : 30px;
    font-weight             : 700;
    color                   : #324992;
}
.site-footer .footer-bottom p{
    line-height             : normal;
    margin-bottom           : 5px;
}
.site-footer .footer-bottom p:last-child{
    margin-bottom           : 0;
}
.site-footer .footer-bottom .wrapper{
    padding-top             : 50px;
    padding-bottom          : 50px;
}