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

 * Reset

font-family: 'Open Sans', sans-serif; 300,400,600,700,800

font-family: 'Oxygen', sans-serif; 300,400,700

font-family: 'Oswald', sans-serif; 300,400,700
{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray; 
-webkit-filter: grayscale(100%); 
-webkit-transition: all .6s ease; 
-webkit-backface-visibility: hidden;
}
li:hover {filter: none;  -webkit-filter: grayscale(0%); 
*
* ------------------------------------------------------------------------------------------------------------ */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
*:focus, *:active { outline: none; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; height: 100%; }
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #fff; background: #20211f; }
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; }
input, button { }
input:focus, input[type="search"]:focus { outline-offset: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; /* color: #565756; */ color:#fdda22; outline: none;/* -webkit-transition: all 0.3s ease; transition: all 0.3s ease; */ }
a:hover, a:focus { color: #fdda22; }
a:hover, a:focus { outline: none; outline-offset: 0; text-decoration: none; }
img { outline: none; display: block; max-width: 100%; }
h1, h2, h3 { font-family: 'Oswald', sans-serif; font-weight: normal; margin: 0; padding-bottom: 10px; letter-spacing: 1px; line-height: normal }
h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; margin: 0; padding-bottom: 10px; letter-spacing: 1px; line-height: normal; font-weight: bold }
p { margin: 0; padding: 0 0 10px; }
b, strong{font-weight:bold;}
em, i{font-style:italic;}



::-webkit-input-placeholder {
 opacity:1;
 -moz-opacity:1;
 -webkit-opacity:1;
}

:-moz-placeholder {
 opacity:1;
 -moz-opacity:1;
 -webkit-opacity:1;
}

::-moz-placeholder {
 opacity:1;
 -moz-opacity:1;
 -webkit-opacity:1;
}

:-ms-input-placeholder {
 opacity:1;
 -moz-opacity:1;
 -webkit-opacity:1;
}
button, input, textarea, select { -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0 }
.container:after, .clearfix:after, header:after, .footer-container:after, .main-navigation:after, section:after, .section-title:after, .main-area:after, .min-container:after { display: block; content: ""; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.container, .section-title { max-width: 1280px; width: 100%; margin: 0 auto }
.min-container { max-width: 1070px; width: 100%; margin: 0 auto }
.fa { font-size: 24px; }
.btn { border: 3px solid #ebebeb; color: #fff; display: inline-block; height: 45px; padding: 7px 22px; text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }
.btn:hover { text-decoration: none; border-color: #fdda22; background-color: #fdda22; color: #20201f; }
h1 { font-size: 44px; color: #fdda22; text-transform: uppercase; }
h3 { font-size: 30px; color: #fdda22; text-transform: uppercase; line-height: 36px; }
h4 { font-size: 20px; color: #fff; text-transform: uppercase; line-height: 20px; font-weight: bold; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

blockquote{ font-size:125%; font-style:italic; display:block; padding:25px 50px;  line-height:1.5; font-family:Georgia, "Times New Roman", Times, serif; position:relative;}
blockquote p{ padding-left:0}
blockquote p:after { color: #fff;    content: "“";    display: block;  font-family: Arial;   font-size:50px;    left:10px;    position: absolute;    top: 10px; font-family:Arial, Helvetica, sans-serif}

.main-area img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; }
.aligncenter {margin:0 auto;display:block;padding:20px 0;}
.alignright {margin:20px 0px 20px 20px; float:right;}
.alignleft {margin:20px 20px 20px 0; float:left;}
.post-details ul{margin:10px 0 10px 20px;padding:0}
.post-details ul li{margin:0;padding:0;list-style-type:disc;}
.post-details ol{margin:10px 0 10px 20px;padding:0;list-style-type:decimal;}

/*******main************/
.site-header { display: block; background: rgba(0, 0, 0, 0.8); padding: 31px 0 0; min-height: 168px; position: relative; z-index: 999 }
.site-header img { margin: 0 auto; }
.site-header .container { position: relative; }
.site-title { display: block; text-align: center; margin-bottom: 20px; }
.main-navigation { background: #d0d2d5; font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 3px; margin: 0 0 -25px; position: relative; z-index: 999; float: left; width: 100%; clear: both; }
.menu-main-menu-container { float: left; padding-left: 58px; }
.main-navigation li { float: left; padding: 0 57px 0 48px; background: url(../images/nav-sap.png) no-repeat right center; line-height: 50px; position: relative; text-transform: uppercase }
.main-navigation a { color: #232422; display: block; }
.main-navigation li .sub-menu { position: absolute; left: -5px; top: 50px; width: 445px; background: #20211f; padding: 12px 30px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold;/* visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s linear;*/ display: none }
.main-navigation li:hover .sub-menu {/* visibility: visible; opacity: 1; transition-delay: 0s; */ display: block }
.main-navigation li li { line-height: 30px; padding: 8px 0 7px; background: none; width: 100%; }
.main-navigation li li a { color: #fff }
.main-navigation li li a:hover, .main-navigation li li.current-menu-item > a, .sticky-header .main-navigation li li.current-menu-ancestor > a { color: #fdda22 }
.widget-social { float: left; font-size: 24px; padding: 10px 0px 10px 35px; }
.widget-social .fa { color: #262825; }
.widget-social a, .widget-social .search-link { display: inline-block; margin: 0 14px; cursor: pointer }
.widget-social .search-link > .fa-search { display: none }
.site-header .search-form-wrapper { position: absolute; top: -88px; right: 0 }
.search-form-wrapper .search-form { position: relative }
.search-form-wrapper .search-field { background: none; border: none; font-family: 'Oxygen', sans-serif; font-size: 12px; letter-spacing: 3px; height: 30px; line-height: 30px; padding: 0 80px 0 15px; width: 200px; display: block }
.search-form-wrapper .search-field:focus, .search-form-wrapper .search-field:active { background: rgba(255, 255, 255, 0.2); }
.search-form-wrapper .search-submit { background: none; border: none; color: #868789; font-size: 24px; position: absolute; right: 53px; top: 1px; }
.search-form-wrapper .search-submit .fa { color: #868789; }
.toggle-menu { display: none }
/*******sticky menu*********/

.sticky-header { padding: 0; min-height: 80px; position: fixed; top: 0; width: 100%; }
.sticky-header .site-branding { float: left; max-width: 240px; padding: 20px 0 0; }
.sticky-header .site-title { margin: 0 }
.sticky-header .site-branding img { max-width: 100%; height: auto; }
.sticky-header .main-navigation { margin: 0; float: left; background: none; font-size: 16px; color: #d0d2d5; width: auto; clear: none }
.sticky-header .menu-main-menu-container { padding-left: 23px; }
.sticky-header .main-navigation li { background-image: url(../images/nav-sap-w.png); padding: 0 40px 0 30px; line-height: 80px; }
.sticky-header .main-navigation a { color: #d0d2d5 }
.sticky-header .main-navigation a:hover, .sticky-header .main-navigation .current-menu-item > a, .sticky-header .main-navigation .current-menu-ancestor > a , .sticky-header .main-navigation .current_page_parent > a { color: #fdda22 }
.sticky-header .main-navigation li .sub-menu { top: 80px; }
.sticky-header .main-navigation li li { background: none; line-height: 30px; padding: 0; }
.sticky-header .widget-social .fa { display: block }
.sticky-header .widget-social { padding: 25px 0px 5px 32px; }
.sticky-header .widget-social .fa { color: #d0d2d5; font-size: 20px; }
.widget-social a, .widget-social .search-link { margin: 0 8px; }
.sticky-header .search-form-wrapper { display: none; top: 80px; background: rgba(0, 0, 0, 0.8); }
.sticky-header .search-form-wrapper .search-field { padding-right: 20px; }
.sticky-header .search-form-wrapper .search-submit { right: 10px; }
.stk-header #wrapper { margin-top: 168px; display: block; }
.sticky-header .site-title a { transition: all 0s ease 0s; }
/******footer*******/

.footer-container { clear: both; background: #262825 }
.footer { font-size: 14px; padding: 23px 0 30px; }
.footer-links { }
.footer-links span { color: #fdda22; text-transform: uppercase; font-weight: bold; }
.footer-links li { float: left; background: url(../images/ft-nav-sap.png) no-repeat right center; padding: 0 20px 0 10px }
.footer-links li.first { padding: 0 10px 0 0 }
.footer-links li.first, .footer-links li.last { background: none; }
.footer-links li a { color: #fdda22; }
.footer-links li a:hover, .footer-links li a:focus { color: #fdda22; text-decoration:underline; }
.footer .widget-social { margin: 0; padding: 0; float: right; }
.footer .widget-social a { margin: 0 12px }
.footer .widget-social .fa { color: #4b4525; font-size: 30px; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer .widget-social .fa:hover { color: #fdda22 }
.footer .search-form-wrapper { display: none; position: absolute; top: -54px; right: 0 }
.footer .search-form-wrapper .search-submit { right: 10px; top: 4px; }
.footer .widget-social .search-submit .fa { font-size: 20px; color: #d0d2d5 }
.footer .search-form-wrapper .search-field { background: #000 }
.footer .search-form-wrapper .search-field:focus, .footer .search-form-wrapper .search-field:active { background: rgba(255, 255, 255, 0.2); }
/******home slider*******/
body.home.stk-header #wrapper { margin-top: 0 }
.main-area { display: block; width: 100%; }
section { padding: 70px 0 }
.homeslider { display: block; margin-top: -168px; position: relative; padding: 0 }
.stk-header .homeslider { margin-top: 0 }
.homeslider .banner { width: 100%; height: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden }
.homeslider .banner .img-wrap {display: block;  background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden ;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden;  }
.homeslider .banner img { opacity: 0 }
.bx-wrapper { position: relative; }
.bx-controls-direction a { font-size: 0; line-height: 0; border: 3px solid #636363; border-radius: 50%; width: 45px; height: 45px; text-decoration: none; float: left; position: relative; text-align: center; outline: none; position: absolute; top: 60%; z-index: 99; display: block; }
.bx-controls-direction a.bx-prev { left: 20px }
.bx-controls-direction a.bx-next { right: 20px }
.bx-controls-direction a:before { font-family: FontAwesome; font-size: 30px; line-height: normal; color: #636363; margin: 1px 0 0; float: left; width: 100%; font-weight: bold; line-height: 36px; }
.bx-controls-direction a.bx-prev:before { content: "\f104"; }
.bx-controls-direction a.bx-next:before { content: "\f105"; }
.bx-controls-direction a:hover, .bx-controls-direction a:hover:before { color: #fdda22; border-color: #fdda22 }
.banner-caption { position: absolute; left: 0; width: 100%; top: 45%; z-index: 10 }
.banner-caption .inner-caption { max-width: 475px; display: block; width: 100%; float: right; }
.banner-caption .date { font-weight: bold; letter-spacing: 2px; text-transform: uppercase }
.banner-caption h3 { padding-bottom: 23px; text-shadow: 5px 5px 8px #000;}
.actions { display: block; margin: 14px 0 0 }
.actions .btn { margin-right: 12px; }

.homeslider .banner:before { content: ""; position: absolute; right: -25%; bottom: 0; width: 100%; height: 100%; z-index: 9; transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; background: rgba(253,218,34,0.5); transform: rotate(-80deg); -webkit-transform: rotate(-80deg); -moz-transform: rotate(-80deg); transform-origin: bottom 0; -webkit-transform-origin: bottom 0; -moz-transform-origin: bottom 0; }
.homeslider .banner:hover:before { right: 0; bottom: 0; width: 100%; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity: 0.8  }

.section-title { line-height: normal }
.section-title h2 { color: #fdda22; font-size: 30px; text-transform: uppercase; display: inline-block; background: rgba(19,19,18,0.5);/* padding: 20px 30px 20px 0;*/  padding: 20px 30px;position: relative; letter-spacing: 2px; }
.section-title h2:before { content: ""; position: absolute; left: -1000px; top: 0; width:1000px; background: rgba(19,19,18,0.5); height: 100%; display:none }
.post-listing .section-title h2, .post-listing .section-title h2:before { background: rgba(37,37,36,0.5); }
.section-title.white h2 { color: #fff; }
.key-section { background: url(../images/dark-pattern.gif) repeat 0 0; display: block; clear: both; }
.key-section .section-title { margin-bottom: -12px; }
.key-section img { filter: none; -webkit-filter: grayscale(0%); }
.key-section .bx-controls-direction a { top: 50%; margin-top: -22px; }
.key-section .container { max-width: 1000px; padding: 0 }
.key-section .container .content { padding: 0 0 50px 0; display: block }
.key-section .container h1 { padding: 0 }
.key-section .container h4 { padding-bottom: 22px; }
#key-pager { display: block; width: 100%; font-size: 20px; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 85px; }
#key-pager li { display: inline-block; padding: 0 30px; }
#key-pager li a { color: #565756 }
#key-pager li a:hover, #key-pager li a.active { color: #fdda22 }
.row-col .row { margin: 0 -15px; }
.row-col .row [class*="col-"] { padding: 0 15px; }
.row-col .one-half { padding: 0 15px; width: 50%; float: left; }
.post-section { width: 100%; height: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; position: relative; overflow: hidden; padding-bottom: 30px; }
.post-section .section-title { margin-bottom: 42px; }
.post-listing { margin: 0px 0 40px; }
.post-listing li .inner { position: relative; overflow: hidden }
.post-listing .inner > img{ width:100%; height:auto;}
.post-listing li .inner:before, .post-listing li .inner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 140%; z-index: 1; /*transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;*/ background: rgba(253,218,34,0.5); transform: rotate(32.8deg); -webkit-transform: rotate(32.8deg); -moz-transform: rotate(32.8deg); transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; opacity: 1; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.post-listing li .inner:after { background: rgba(0,0,0,0.3); }
.post-listing li:hover .inner:before, .post-listing li:hover .inner:after { right: 0%; top: 0%; width: 100%; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); opacity: 0.8 }
.sort-post { position: absolute; left: 0; top: 0; padding: 88px 30px 0; width: 100%; z-index: 10; transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.sort-post h3 { padding-bottom: 20px; }
.sort-post .icon-bar { display: block; padding-bottom: 10px; }
.sort-post .btn { margin-top: 15px; }
.post-listing .sort-post p, .post-listing .sort-post .btn { display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; visibility:hidden;opacity:0; }
.post-listing li:hover .sort-post p, .post-listing li:hover .sort-post .btn { display: inline-block; visibility:visible; opacity:1;}
.about-section { display: block; clear: both; padding: 65px 0 70px; position: relative; background: url(../images/dark-pattern.gif) repeat 0 0; }
.about-section:before { content: ""; position: absolute; right: 0; top: 0; width: 50%; background: url(../images/light-pattern.gif) repeat 0 0; height: 100%; }
.about-section .btn { margin-top: 12px; }
.home-bottom { clear: both; display: block; text-align: center; padding: 37px 0 43px; }
.home-bottom h4 { text-align: center; color: #fff; letter-spacing: 2px; padding-bottom: 26px; }
.home-bottom a { margin: 0 25px; display: inline-block }
/******about page*****/

.about-project { padding-bottom: 50px; }
.about-project .section-title { margin-bottom: 25px; }
.video-section { width: 100%; height: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; z-index: 99 }
.video-section:before { content: ""; position: absolute; right: -25%; bottom: 0; width: 100%; height: 100%; z-index: 9; background: rgba(253,218,34,0.5); transform: rotate(-80deg); -webkit-transform: rotate(-80deg); -moz-transform: rotate(-80deg); transform-origin: bottom 0; -webkit-transform-origin: bottom 0; -moz-transform-origin: bottom 0; opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
.video-section:hover:before { right: 0; bottom: 0; width: 100%; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 0.8; }
.video-section .video-js { box-shadow: 0 0 20px 0px #1e201d }
.video-section .container { position: relative; max-width: 960px; z-index: 999 }
.vjs-default-skin { color: #887a2d; }
.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background-color: #242627 }
.vjs-default-skin .vjs-control-bar, .vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.7) }
.vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.2333333333333333) }
.vjs-default-skin .vjs-control-bar { }
.vjs-default-skin .vjs-current-time, .vjs-default-skin .vjs-time-controls, .vjs-default-skin .vjs-time-divider, .vjs-default-skin .vjs-volume-control, .vjs-default-skin .vjs-mute-control { display: none; }
.vjs-default-skin .vjs-progress-control, .vjs-default-skin:hover .vjs-progress-control { font-size: inherit; }
.vjs-default-skin .vjs-seek-handle::before { padding: 0; }
.vjs-default-skin .vjs-slider-handle::before { background: #caaa5f; border-radius: 5px; content: ""; font-family: VideoJS; font-size: 1em; height: 10px; left: 0; line-height: 1; overflow: hidden; position: absolute; text-align: center; top: 0; transform: none; width: 10px; }
.vjs-default-skin .vjs-slider, .vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level { background: #333; }
.vjs-default-skin .vjs-slider-handle { font-size: 0; line-height: 0; }
.vjs-default-skin .vjs-progress-control { font-size: 0; height: 10px; left: 5%; position: absolute; right: 5%; top: 10px; transition: all 0.2s ease 0s; width: auto; }
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; height: 32px; opacity: 1; transition: none; visibility: visible; }
.vjs-default-skin .vjs-big-play-button { box-shadow: none!important; }
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { background: none; border-color: #fdda22; }
.vjs-default-skin .vjs-big-play-button { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; color: #fdda22; border-radius: 50%; border: 3px solid #fdda22; text-align: center; z-index: 999; padding-left: 5px; background: none; }
.vjs-default-skin .vjs-big-play-button:before { color: #fdda22; display: block; font-size: 36px; padding: 10px 0px; margin: 0 0 0 3px; line-height: normal }
.about-forum { display: block; }
.post-list { display: block; padding: 35px 0 0; display: block; }
.post-list li { padding: 45px 0 32px }
.post-list li img { float: left; margin: 5px 40px 10px 0 }
.forum-detail { display: block; margin-left: 240px; }
.post-list li h3 { padding-bottom: 7px; }
.post-list li h5 { padding-bottom: 19px; }
.post-list li .btn { margin-top: 15px; }
.post-list li.no-thumb { padding: 15px 0 20px }
.post-list li.no-thumb .forum-detail { margin: 0 }
.post-list li.last { padding-bottom: 0 }
/*****key-countries*******/

.img-wrap { position: relative; overflow: hidden; }
.featured-section .img-wrap { display: block; }
.img-wrap:before, .img-wrap:after { content: ""; position: absolute; right: -50%; top: 0; width: 100%; height: 100%; z-index: 1;  transition: all .5s linear; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; 
background: rgba(253,218,34,0.5); transform-origin: top right; -moz-transform-origin: top right; -webkit-transform-origin: top right; transform: rotate(-70.8deg); -moz-transform: rotate(-70.8deg); -webkit-transform: rotate(-70.8deg); opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
.img-wrap:after { background: rgba(0,0,0,0.3); }
.img-wrap:hover:before, .img-wrap:hover:after { right: 0%; top: 0%; width: 100%; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 0.8 }
.featured-section { background: url(../images/light-pattern.gif) repeat 0 0; }
.featured-section .section-title { margin-bottom: 70px }
.featured-section li { margin-bottom: 40px; }
.featured-section li.col-sm-12 .sort-post { padding: 75px 0 0 }
.featured-section .sort-post { position: static; padding: 25px 30px 30px; }
.featured-section .sort-post h3 { line-height: 42px; }
h3 a{ color:#fdda22}
.featured-section .sort-post h5 { padding-bottom: 5px; text-transform: uppercase }
.featured-section .inner { background: #1e201d; height: 100%; }
.view-more { display: block; width: 100%; text-align: center; padding: 0 }
/*****blog page******/

.slider { width: 100%; height: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative }
.slider .bx-wrapper { position: static }
.slider li { background: #1e201d }
.slider li .img-wrap { display: block }
.slider .bx-controls-direction a { top: 50%; margin-top: -25px }
.blog-section .blog-menu ul { text-align: center; }
.bx-wrapper .sort-post { position: static }
.blog-search { position: relative; display: block; }
.blog-searchinner { max-width: 180px; margin-bottom: 30px; position: relative; }
.blog-search input { color: #fff; padding: 10px 30px; border: 3px solid #fff; background: none; height: 45px; width: 175px; padding-right: 50px; font-weight: normal }
.blog-search .search-submit { font-size: 14px; color: #fff; top: 9px; right: 30px; z-index: 10; position: absolute; background: none; border: none; }
.blog-menu { display: block; clear: both; position: relative; z-index: 99; float: left; width: 100%; margin-bottom: 34px }
.blog-menu ul { display: block; float: left; width: 100%; text-align: right; font-size: 14px; font-weight: bold; }
.blog-menu ul li { position: relative; display: inline-block; margin-bottom: 0; margin-left: 25px; letter-spacing: 2px; display: inline-block ; vertical-align:top}
.blog-menu ul li.first { margin-left: 0 }
.blog-menu ul li .blog-search { float: left; width: 100%; }
.blog-menu ul li .jqTransformSelectWrapper { width: 100%; margin: 0; height: 40px; border: 3px solid #fff; min-width: 190px; }
.blog-menu .jqTransformSelectWrapper ul { width: 100%; text-align: left; top: 44px; padding: 10px 0; left: -3px; height:auto!important;}
.blog-menu .jqTransformSelectWrapper ul li { float: left; width: 100%; height: auto!important; margin: 0; text-align: left; }
.blog-menu .jqTransformSelectWrapper ul li a { color: #fff; }
.blog-menu .jqTransformSelectWrapper div span { height: 40px; line-height: 40px; float: none; display: block; text-align: left; padding-right: 0; margin-right: 30px; }
.blog-menu .jqTransformSelectWrapper a.jqTransformSelectOpen { height: 40px; right: 0px; width: 30px; background-position: 0 center }
.blog-menu .jqTransformSelectWrapper ul a.selected, .blog-menu .jqTransformSelectWrapper ul a:hover, .blog-menu .jqTransformSelectWrapper ul a.selected:hover { color: #fdda22 }
.loadmoreimg { width: 100%; text-align: center; padding: 10px 0; display: block; }
.loadmoreimg img { margin: 0 auto }
.blog-archive .section-title { margin-bottom:40px;}
.blog-menu .print { color: #fff; padding:0 10px; border: 3px solid #fff; background: none; height: 45px; font-weight: bold; background:#fdda22; text-transform:uppercase }
/*****single page***/

.entry-content { clear: both; width: 100%; }
.blog-title{ margin-bottom:40px;}
.entry-content .img-wrap { display: block }
.single-postcontent { background: url(../images/light-pattern.gif) repeat 0 0; display: block; clear: both; }
.single-postcontent .blog-menu ul { text-align: center; }
.single-postcontent .container { max-width: 1060px; }
.post-details { display: block; padding: 35px 90px 32px; background: #1e201d }
.post-date { padding: 10px 0 20px; display: block; }
.post-date a { color: #fff; }
.post-date a:hover { color: #fdda22; }
.post-date strong { font-weight: bold; }
.post-details h3 { line-height: 38px; }
.post-details h5 { padding-bottom: 5px; text-transform: uppercase; font-weight: bold }
.related-section { background: url(../images/dark-pattern.gif) repeat 0 0; display: block; clear: both; }
.related-section .inner { background: #262825 }
.light-bg{background: url(../images/light-pattern.gif) repeat 0 0!important	;}
.dark-bg{background: url(../images/dark-pattern.gif) repeat 0 0!important;}
/*****authoritaian-tactics*****/

.featured-banner { padding: 0 }
.featured-banner .banner { width: 100%; height: auto; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; padding: 0 }
.featured-banner img { opacity: 0 }
.featured-banner .img-wrap { display: block; max-height: 650px }
.featured-banner .section-title { margin-top: -140px }
.featured-banner .banner { display: block; position: relative }
.featured-banner .container { position: relative }
.featured-banner .featured-title { position: absolute; left: 0; bottom: 70px }
.featured-banner .featured-title h1 { padding-bottom: 0 }
.featured-title div { background: rgba(19,19,18,0.5); padding: 9px 30px 9px 0; position: relative; letter-spacing: 2px; display: inline-block; }
.featured-title div:before { content: ""; position: absolute; left: -500px; top: 0; width: 500px; background: rgba(19,19,18,0.5); height: 100%; }
.info-section { background: url(../images/dark-pattern.gif) repeat 0 0; display: block; clear: both; }
.info-section .sort-post { position: static; padding: 70px 30px }
.info-section .inner { background: #262825; height: 100%; }
.info-section h5 { font-size: 14px; text-transform: uppercase; padding-bottom: 5px; }
.info-section .icon-bar { padding-bottom: 25px; }
.info-section .blog-box .img-wrap { display: block; max-height: 255px; overflow: hidden }
.info-section .blog-box .sort-post { padding: 25px 30px 10px; }
.country-date .box { background: #262825; padding: 0 20px 20px; margin-bottom: 30px; }
.country-date .box2 { background: /*url(../images/category.gif) no-repeat 0 0 */#262825; display: block; width: 100%; text-align: center; padding: 32px 0 20px; margin-bottom: 0 }
.country-date .box img { max-height: 300px; margin: 0 auto; filter: none; -webkit-filter: grayscale(0%); }
.country-date .box .number { font-size: 100px; color: #fdda22; line-height: normal; font-family: 'Oswald', sans-serif; font-weight: bold; line-height: 1.4 }
.country-date .box .number sub { font-size: 30px; line-height: normal; }
.accordion-list { background: url(../images/dark-pattern.gif) repeat 0 0; display: block; clear: both; padding-bottom: 0 }
.accordion dt { margin-bottom: 70px; color: #555655; font-weight: bold; position: relative; padding: 4px 0; font-size: 20px; cursor: pointer; letter-spacing: 3px; text-transform:uppercase }
.accordion dt:after { background: url(../images/according-icon.png) no-repeat right 0; position: absolute; right: 0; top: 0; content: ''; height: 35px; width: 35px; opacity: 0.5 }
.accordion dt.active { margin: 0; color: #fdda22 }
.accordion dt.active:after { background-position: 0 100%; opacity: 1 }
.accordion dd { display: none; padding: 17px 0 53px 40px; }
.country-page .related-section { background: url(../images/light-pattern.gif) repeat 0 0; }
.country-page .related-section .inner { background: #1e201d }
.full-column { background: #262825; }
.full-column .section-title { margin-bottom: 25px; }
.single-authoritariantactics .accordion-list{background-image: url(../images/light-pattern.gif);}
/****result page****/

.search-result { background: url(../images/light-pattern.gif) repeat 0 0; }
.search-result .blog-search { display: inline-block; margin: 30px 0 20px }
.search-result .post { display: block; padding-bottom: 50px; display: block; float: left; clear: both; width: 100%; }
.search-result .post a { color: #fff; }
.search-result .post H5 { padding-bottom: 8px; text-transform: uppercase }
.search-result .post h6 { font-weight: normal }
.search-result .post H4 { padding-bottom: 6px; }
.search-result .post a:hover { color: #fdda22 }
.load-more-search-result { padding-bottom: 0; clear: both; }
/* ============================================ *

 * jqTransform Select

 * ============================================ */

.filter { clear: both; display: block; width: 100%; margin: 0; padding: 0px 0 40px 0; float: left; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }
.filter label { color: #fdda22; float: left; line-height: 30px; margin-right: 20px; }
.jqTransformSelectWrapper { position: relative; height: 30px; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-right: 25px; }
.jqTransformSelectWrapper div span { float: left; white-space: nowrap; padding: 0px 0px 0 10px; overflow: hidden; cursor: pointer; color: #fff; left: 0; text-align: center; height: 30px; line-height: 28px; padding-right: 30px; }
.jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 10px; height: 30px; top: 0px; background: url(../images/select-arrow.png) no-repeat center center; }
.jqTransformSelectWrapper ul { position: absolute; top: 30px; left: 0px; list-style: none; background-color: #20211f; display: none; margin: 0px; padding: 0px; min-height: 50px; overflow: auto; z-index: 10; width: 200px!important }
.jqTransformSelectWrapper ul a { display: block; padding: 3px 10px; text-decoration: none; color: #7f7f7e; }
.jqTransformSelectWrapper ul a.selected { color: #fdda22; }
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { color: #fdda22; }
.jqTransformHidden, .header .form-search label { display: none; }
/* ============================================ *

 * jqTransform Select

 * ============================================ */

.additional-section { background: url(../images/light-pattern.gif) repeat 0 0; }
.additional-section .img-wrap { display: block }
.additional-section .section-title { margin-bottom: -160px; }
.additional-section .sort-post { position: static; padding: 180px 0 0 }
.quote-secction { clear: both; display: block; text-align: center; padding: 60px 0; background: #262825; }
.quote-secction { }
.quote-secction li { color: #fdda22; font-size: 30px; line-height: 50px; font-family: 'Oswald', sans-serif; font-weight: bold; letter-spacing: 2px; text-transform: uppercase }
.quote-secction li a { color: #fff }
.quote-secction li a:hover { color: #fdda22; }
.quote-secction li .actions { margin-top: 4px; }
.quote-secction .bx-controls-direction a { top: 50%; margin-top: -20px }
.resources-section { background: url(../images/dark-pattern.gif) repeat 0 0; padding: 32px 0; }
.resources-section ul { display: block; padding: 3px 0 0; }
.resources-section li { width: 100%; clear: both; float: left; display: table; padding: 35px 0; color: #565756; font-weight: bold; font-size: 20px; display: table; line-height: 40px; text-transform: uppercase; letter-spacing: 2px; }
.resources-section li span { display: table-cell }
.resources-section li .btn { color: #565756; border-color: #565756; font-size: 14px; display: block; max-width: 150px; padding: 0; height: auto }
.resources-section li:hover { color: #fdda22; }
.resources-section li:hover a, .resources-section li a:hover, .resources-section li .btn:hover { color: #fff; border-color: #fff; background: none; }
.error-404 .page-title { display: block; text-align: center; }
.social-postlink{ display:block; width:100%; clear:both; line-height:25px;}
.social-postlink .stButton .stFb,.social-postlink .stButton .stTwbutton, .social-postlink .stButton .stMainServices{ height:35px!important;}
.social-postlink .stButton .stButton_gradient{ height:22px!important;}


 @media screen and (max-width:1280px) {
#wrapper { overflow: hidden }
 .container, .section-title { max-width:1200px; }

.video-section .container, .min-container { max-width: 850px }
.menu-main-menu-container { padding: 0 }
.main-navigation li { padding: 0 45px 0 30px }
.main-navigation a { transition: none }
.sticky-header .menu-main-menu-container { padding: 0 }
.sticky-header .main-navigation li { padding:0 20px 0 10px }
.sticky-header .widget-social { padding-left: 10px }
.bx-controls-direction a.bx-prev { left: 10px }
.bx-controls-direction a.bx-next { right: 10px; }
.sort-post { padding: 20px }
.featured-section li.col-sm-12 .sort-post { padding: 40px 0 0 }
.blog-archive .section-title { margin-bottom: 40px; }
.info-section .sort-post { padding: 25px 20px }
.footer .widget-social a { margin: 0 11px }
.post-listing .sort-post p { overflow: hidden; height: 150px; }
.search-form-wrapper .search-field { width: 150px; padding-right: 30px; }
.search-form-wrapper .search-submit { right: 10px; }
.widget-social a, .widget-social .search-link{ margin:0 4px}
}
 @media screen and (max-width:1024px){
 .container, .section-title { max-width: 980px; }
 .post-listing .inner > img{ width:100%; max-width:100%; height:inherit;}
 }
 @media screen and (min-width:767px) and (max-width:1280px) {

.slider .col-sm-6 img { height: 300px; width: auto }
}
 @media screen and (min-width:768px){
 .blog-menu ul li .jqTransformSelectWrapper{ max-width:194px}

  }

@media screen and (min-width:768px) and (max-width:1023px) {
.site-header .search-form-wrapper { top: -34px; }
.sticky-header .site-branding { text-align: center; max-width: 100%; width: 100%; }
.sticky-header .main-navigation { width: 100%; }
.site-header img { margin: 0 auto }
.post-listing .sort-post p { display: none }
.featured-section .sort-post h3 { font-size: 30px; }
.bx-controls-direction a { top: 44% }
.bx-controls-direction a { top: 44%; margin-top: -22px; }
.sticky-header .search-form-wrapper { top: 80px; }
}
 @media screen and (max-width:1023px) {
.container, .section-title { max-width: 748px; }
.video-section .container, .min-container { max-width: 720px }
.main-navigation { margin-bottom: 0; }
.main-navigation li { padding: 0 18px 0 10px }
.widget-social { padding:10px 0px 10px 10px }
.widget-social a { margin: 0 4px }
.footer .widget-social a { margin: 0 5px }
.footer-links { display: block; }
.footer-links li { width: 100%; background: none; padding: 0 }
.homeslider { margin: 0 }
.actions .btn { margin-bottom: 20px; }
.row-col .row { margin: 0 -5px }
.row-col .row [class*="col-"], .row-col .one-half { padding: 0 5px }
.img-wrap img { margin: 0 auto }
.featured-section li.col-sm-12 .sort-post, .featured-section .sort-post, .additional-section .sort-post { padding: 20px }
.additional-section .section-title { margin-bottom: 40px; }
.pull-right { float: none!important }
.about-section::before { display: none }
.about-section { padding: 0 }
.about-section .col-md-5.pull-right { background: url(../images/light-pattern.gif) repeat 0 0; }
.about-section .container { padding: 0; width: 100%; max-width: 100%; }
.about-section .col-md-5 { padding: 30px }
.quote-secction .container { padding: 0 50px }
.slider .sort-post { padding: 5px 10px }
.blog-menu ul li { margin-left: 15px; }
.blog-menu ul li .jqTransformSelectWrapper { min-width: 100px; width: 100%!important; }
.country-date .box { background-size: cover }
.video-section:before { width: 130% }
.vjs-default-skin { height: 400px!important; }
.blog-menu .jqTransformSelectWrapper a.jqTransformSelectOpen { width: 20px }
 .post-listing .sort-post h3{ height:70px; overflow:hidden}
}
.only-mob { display: none }
 @media screen and (max-width:767px) {
.only-destop { display: none }
.only-mob { display: inline-block; }
.stk-header #wrapper { margin-top: 0 }
img { display: block; height: auto; max-width: 100%; }
body { font-size: 18px; line-height: 1.5 }
.btn { font-size: 14px; }
.site-header .container { padding: 0 50px }
.toggle-menu { display: block; text-align: center; background: #d0d2d5; color: #232422; font-size: 18px; padding: 16px 0; letter-spacing: 2px; float: left; width: 100%; cursor: pointer }
.toggle-menu span { font-family: 'Oswald', sans-serif; font-weight: bold; padding: 0 20px; text-transform: uppercase; }
.site-header .widget-social { display: none }
.main-navigation { font-size: 30px; margin: 0; font-weight: bold; }
.menu-main-menu-container { width: 100%; padding: 0 50px; position: static; left: 0; background: #d0d2d5; display: none }
.main-navigation li { padding: 15px 0; width: 100%; background: none; }
.main-navigation li .sub-menu { background: none; position: static; font-size: 18px; width: 100%; visibility: visible; opacity: 1; transition-delay: 0s; }
.main-navigation li li a { color: #232422; }
.site-header { position: static; min-height: 80px; padding: 0 }
.site-title { margin: 0 }
.site-header .site-branding { max-width: 380px; padding: 20px 0; margin-left: 20px }
.site-header .container { padding: 0 }
.site-header .toggle-menu { position: absolute; width: auto; background: none; right: 40px; top: 25px; color: #fdda22; font-size: 35px; padding: 0; margin: 0 }
.site-header .toggle-menu span { display: none; }
.site-header .main-navigation { clear: both; width: 100%; }
.site-header .menu-main-menu-container { background: url(../images/dark-pattern.gif) repeat 0 0; top: 0; padding: 29px 50px; font-size: 30px; }
.site-header .main-navigation li { background: none; padding: 0; line-height: 80px; }
.site-header .main-navigation li li { padding-bottom: 15px; line-height: 30px; }
.site-header .main-navigation li .sub-menu { float: left; width: 100%; padding: 12px 0px 0 40px }
.site-header .main-navigation li a { color: #fff; }
.site-header .main-navigation a:hover, .site-header .main-navigation .current-menu-item > a, .site-header .main-navigation .current-menu-ancestor > a { color: #fdda22 }
.site-header .main-navigation.active .widget-social { display: block; background: url(../images/dark-pattern.gif) repeat 0 0; width: 100%; padding: 0 50px; position: relative; }
.site-header .widget-social .fa { font-size: 45px; color: #fdda22 }
.site-header .search-link { clear: both; width: 100%; margin: 0 }
.site-header .search-link .fa-search, .search-form-wrapper .search-submit { display: none }
.site-header .search-link .search-form-wrapper { display: block!important; position: static; float: left; width: 100%; padding: 20px 0; background: none; }
.site-header .search-form-wrapper .search-field { width: 100%!important; border: 3px solid #fff; background: none; height: 45px; }
.site-header .main-navigation li .sub-menu{ display:block}
.footer-container { padding: 20px 30px }
.footer-container .container { padding: 0 }
.footer .widget-social { float: left; margin: 25px 0 0; clear: both; position: relative; }
.footer .widget-social .fa { color: #fdda22 }
.widget-social .search-link > .fa { float: left; margin-right: 10px; }
.footer .search-form-wrapper { position: static; float: left; }
.bx-controls-direction a.bx-prev { left: 20px; }
.bx-controls-direction a.bx-next { right: 20px; }
.bx-controls-direction a { top: 25%; margin-top: -22px; }
.homeslider .banner:before, .homeslider .banner:after { display: none }
.homeslider .img-wrap:before, .homeslider .img-wrap:after {
    content: "";
    position: absolute;
    right: 30%;
    top: -50%;
    width: 100%;
    height: 60%;
    z-index: 9;
    -o-transition: all .5s linear;
    background: rgba(253,218,34,0.0);
    transform: rotate(-80deg);
    -webkit-transform: rotate(-80deg);
    -moz-transform: rotate(-80deg);
    transform-origin: bottom 0;
    -webkit-transform-origin: bottom 0;
    -moz-transform-origin: bottom 0;
    opacity: 1; transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.homeslider .img-wrap:hover:before, .homeslider .img-wrap:hover:after {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    opacity: 0.8;
    -webkit-transition: width 2s;
}
.homeslider .banner, .video-section, .slider, .featured-banner .banner { background: none!important }
.homeslider .banner img, .featured-banner .banner img { opacity: 1 }
.banner-caption .inner-caption { max-width: 100%; padding: 64px 0px 0; }
.banner-caption { position: static; width: 100%; }
.banner-caption h3 { padding-bottom: 17px; }
.banner-caption .btn { font-size: 14px; }
section { padding: 0 }
.container { padding: 0 90px }
.section-title h2:before, .video-section::before { display: none }
.section-title h2 { width: 100%; text-align: center; padding-right: 0 }
.featured-section li{ height:auto!important}
.post-listing li .inner > img, .featured-section li img, .additional-section img, .blog-box .img-wrap img { width: 100%; }
.row-col .col-sm-12 .inner { background: #262825 }
.row-col .row [class*="col-"], .row-col .one-half { padding: 0 }
.row-col .one-half { width: 100%; }
.key-section { padding: 0; padding-bottom: 25px }
.key-section img { max-width: 290px; }
.key-section .only-mob { float: right; position: absolute; bottom: 0; right: 0; max-width: 210px }
.key-section .container .content { padding: 45px 0 40px; }
.key-section .container { padding: 0 90px }
#key-pager { margin-top: 0 }
#key-pager li { padding-bottom: 40px; }
.post-section { padding: 0; background: url(../images/light-pattern.gif) repeat 0 0!important; }
.post-listing { margin: 30px 0 0; }
.post-listing li { margin-bottom: 30px; }
.post-listing .sort-post p, .post-listing .sort-post .btn { display: inline-block }
.post-listing .sort-post p { height: auto; }
.post-listing li .inner:before, .post-listing li .inner:after { right: 0%; top: 0%; width: 100%; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.post-listing li .sort-post { padding: 100px 30px; }
.about-section .col-md-5 { padding: 65px 80px }
.featured-section .section-title { margin: 0 }
.featured-section li { marg-in-bottom: 70px; }
.additional-section .section-title { margin: 0 }
.quote-secction .container { padding: 0 70px; }
.resources-section li span.only-destop { display: none }
.resources-section li { padding: 20px; color: #fff; }
.resources-section li .btn { color: #fff; border-color: #fff }
.about-forum .container { padding: 0 20px }
.video-section { padding: 0 }
.video-section .container, .slider .container { padding: 0 }
.vjs-default-skin { height: 350px!important; }
.slider .container img { width: 100%; }
.slider.row-col .row, .featured-section .row { margin: 0 }
.slider .bx-wrapper .sort-post { padding: 50px 90px }
.blog-menu { margin: 30px 0 }
.blog-menu ul li.first { width: 100%; margin: 0 0 10px; }
.blog-searchinner { max-width: 100%; }
.blog-search input { width: 100%!important; text-align: center; }
.blog-menu ul li { margin: 0; padding: 0 5px }
.blog-menu .jqTransformSelectWrapper ul { width: 100%!important; border: 3px solid #20211f; left: 0 }
.single-postcontent .container, .blog-menu .container, .search-section .container { padding: 0 }
.post-details { padding: 20px; }
.blog-menu { float: none; clear: left; clear: both; text-align: center }
.blog-menu ul { text-align: center }
.info-section li, .country-date .box:first-child { margin-bottom: 40px; }
.country-date .box2 { margin-bottom: 40px; }
.accordion-list { width: 100%; padding: 70px 20px 40px }
.accordion dt { color: #fff; }
.accordion dt:after { opacity: 1 }
.search-section { padding: 20px 0; font-size: 14px; }
.search-section .container { padding: 0 20px }
.search-section h2 { background: none; text-align: left; padding: 0 20px }
.search-result .blog-search { margin: 22px 0 }
.featured-banner img{filter: none; -webkit-filter: grayscale(0%); }
.featured-title div{ padding-right:0}
}
 @media screen and (max-width:639px) {
.site-header .container, .container, .key-section .container { padding: 0 30px }
.key-section .only-mob { right: 0 }
.about-section .col-md-5 { padding: 30px 30px }
.featured-section li, .info-section li, .country-date .box:first-child { margin-bottom: 30px; }
.vjs-default-skin { height: 250px!important; }
#key-pager { margin-top: 30px }
}
 @media screen and (max-width:539px) {
body { font-size: 12px; letter-spacing: 0 }
h1 { font-size: 30px; letter-spacing: 0 }
.section-title h2, h3, .quote-secction li { font-size: 22px; letter-spacing: 0; line-height: normal; }
h4 { font-size: 16px; }
.btn { font-size: 12px; letter-spacing: 0; padding: 8px 15px; height: 40px; }
.container, .key-section .container, .quote-secction .container, .min-container { padding: 0 15px }
/*.site-header { min-height: 150px; }*/

.site-header .container { padding: 0 }
.site-branding { padding: 0 20px }
.toggle-menu { font-size: 12px; padding: 10px 0 }
.main-navigation { font-size: 14px; }
.menu-main-menu-container { padding: 0 15px }
.main-navigation li { line-height: 20px; padding: 5px 0 }
.main-navigation li li { font-size: 12px; line-height: 18px; }
.site-header { min-height: 60px }
.site-header .toggle-menu { top: 5px; right: 20px; }
.site-header .site-branding { max-width: 210px; padding: 20px 0; margin-left: 20px; }
.site-header .menu-main-menu-container { font-size: 14px; padding: 15px }
.site-header .main-navigation li { line-height: 20px; padding: 5px 0 }
.site-header .main-navigation li li { font-size: 12px; line-height: 18px; }
.site-header .main-navigation.active .widget-social { padding: 0 20px }
.banner-caption .inner-caption { padding: 30px 0 0 }
.homeslider .bx-controls-direction a { top: 18% }
.key-section .container .content { padding: 30px 0 0 }
.key-section .only-mob { position: static; margin: 20px auto; float: none }
#key-pager { font-size: 16px; }
#key-pager li { padding: 5px 10px }
.post-listing li .sort-post, .about-section .col-md-5 { padding: 20px }
.post-listing li, .country-date .box2 { margin-bottom: 15px; }
.home-bottom a { margin: 0 }
.home-bottom img { max-width: 100%; width: 100%; }
.footer-container { padding: 20px 15px }
.footer-links li { font-size: 12px; }
.footer { padding: 0 }
.row-col .row { margin: 0 }
.featured-section .container, .additional-section .container { padding: 0 }
.featured-section.row-col .row [class*="col-"] { padding: 0 15px }
.featured-section.row-col .row .col-sm-12, .featured-section.row-col .row .col-sm-12 [class*="col-"] { padding: 0 }
.post-list { padding: 15px 0 }
.post-list li { padding: 15px 0 }
.post-list li img { display: block; float: none; margin: 0 auto 20px }
.forum-detail { margin: 0 }
.slider .bx-wrapper .sort-post { padding: 20px 15px }
.slider .bx-controls-direction a { top: 20% }
.blog-menu { margin: 20px 0 0; }
.blog-menu ul li { width: 100%; margin-bottom: 10px; float: left; }
.blog-menu ul li .jqTransformSelectWrapper { max-width: 99% }
.resources-section { padding: 0 }
.resources-section li { padding: 15px 0; font-size: 12px; line-height: 18px; }
.resources-section li .btn { font-size: 10px; }
.quote-secction { padding: 15px 0 }
.search-result .post H4 { font-size: 12px; }
.search-result .post { padding-bottom: 30px; }
.featured-banner img { opacity: 1 }
.featured-banner .featured-title { position: static; }
.featured-title div:before { display: none }
.featured-title div { width: 100%; text-align: center; }
.featured-banner .banner .container { padding: 0 }
.featured-section li, .info-section li, .country-date .box:first-child { margin-bottom: 15px; }
.info-section .blog-box .sort-post { padding: 15px }
.accordion-list { padding: 15px }
.accordion dt { font-size: 12px; margin-bottom: 15px; padding: 10px 40px 10px 0; }
.accordion dd { padding: 15px }
}
 @media screen and (min-width:480px) and (max-width:539px) {
.homeslider .bx-controls-direction a, .slider .bx-controls-direction a { top: 25% }
}
 @media screen and (max-width:479px) {
.blog-menu ul li .jqTransformSelectWrapper { max-width: 98% }
.search-form-wrapper .search-field { width: 120px!important; padding-right: 20px; }
}