/*



Theme Name: DIISPAK



Theme URI: 



Description: 



Version: 3.0



Author:Thameem



*/





img{ max-width:none; width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{

    outline: 0px;

}

a:focus{ outline:none;}

input:focus{ outline:none;}

textarea:focus{ outline:none;}

::-moz-selection

{

    background: #01a0e2;

	color:#fff

}

::selection{

    background: #01a0e2;

	color:#fff;

  

}



::-webkit-scrollbar{

		width:10px;

		background:#e7e7e7;

        

}



::-webkit-scrollbar-thumb{

		background: #01a0e2;

		border:1px solid rgba(0,0,0,.2);

		border-radius:5px;

		box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);

}

span.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}

ul , ol{

	margin:0px; padding:0px;

}



li{

	padding:0px;

	margin:0px;

	list-style:none;

}

a{

	text-decoration:none;

}

h1, h2, h3, h4, h5, h6 {

	
	font-family: 'Droid Arabic Kufi', sans-serif;
	padding:0px;
	margin:0px;

}

h2{



    font-size: 20px;

    color: #1d1d1d;

}

h3{

    font-weight: bolder;

    font-size: 14px;

    color: #1d1d1d;

}



p{

	margin:0px;

	padding:0px;
line-height:21px;

    font-size: 13px;



}



*{

    outline: 0px;

}



.full-width{

    width: 100%;

	height: 100%;

}



body {

       /* font-family: 'rajdhaniregular';
	font-size:14px; */

	font-family: 'Droid Arabic Kufi', sans-serif;
	font-size:13px;

	line-height:21px;

        background-color: #0893CC;

    background-attachment: fixed;

    color: #1d1d1d;

    text-align: right;

    

}


.inner-mid h4{
	color: #01a0e2;
}

.inner-mid .icon{
    color: #1d1d1d;
}
h4{

    font-family: 'Droid Arabic Kufi', sans-serif;	
    font-size: 25px;

}







#main-menu,

h1,

h2,

h3,

h4,

h5,

h6 {

    letter-spacing: 0.3px

}



em,

q,

var {

   color: #01a0e2;

    font-style: normal;

}



#mobile-menu-toggle,

dt,

strong,

table th {

    font-weight: 700

}



address,

pre {

    margin-bottom: 20px

}



#page-slider-caption-box>div,

.gallery-wrapper .gallery-item {

    -webkit-backface-visibility: hidden

}



:focus {

    outline: 0

}



html {

    -webkit-text-size-adjust: 100%

}





h1,

h2,

h3,

h4,

h5,

h6 {

    color: #1d1d1d;

    line-height: 1.4;

    margin-top: 0;

   margin-bottom: .2em;



}



h1 {

    font-size: 28px

}



h2 {

    font-size: 25px

}






h5 {

    font-size: 19px

}



h6 {

    font-size: 17px

}



sup{

    color: #01a0e2;

}



.lowercase {

    letter-spacing: 0;

    text-transform: none

}



#menu-container,

.uppercase,

abbr,

acronym {

    text-transform: uppercase

}



.light {

    color: #999

}



code,

kbd,

pre,

tt {

    background: #efefef;

    color: #000;

    font-family: Courier, serif

}



p {

    margin-bottom: 1em

}



label {

    font-size: .875em;

    color: inherit

}



sub,

sup {

    font-size: x-small

}



form,

li:last-child {

    margin-bottom: 0

}



code,

kbd,

tt {

    display: inline-block;

    padding: 0 6px

}



pre {

    overflow: auto;

    padding: 6px

}



sub {

    vertical-align: sub

}



sup {

    vertical-align: super

}



ol,

ul {

    list-style: square;

    margin-bottom: 1.470588235294118em;

    margin-left: 1.133333333333333em

}



ol {

    list-style: decimal

}



li {

    line-height: 1.7;

    margin-left: 1.058823529411765em;

    margin-bottom: .7058823529411765em;

    margin-top: .7058823529411765em

}



table {

    border: 1px solid #e7e7e7;

    border-spacing: 0;

    border-collapse: collapse;

    margin-bottom: 30px;

    width: 100%

}



table td,

table th {

    border: 1px solid #ccc;

    padding: 2px

}



table th {

    color: #3b3b3b;

    font-size: 14px;

    padding: 2px

}



dl {

    margin-bottom: 22px

}



dt {

    float: left;

    clear: left;

    width: 150px;

    text-align: right

}



dt:after {

    content: ':'

}



dt.wp-caption-dt:after {

    content: ''

}



dd {

    margin: 0 0 0 160px;

    padding: 0 0 15px

}



hr {

    border: 0;

    border-top: 1px solid #a4a4a4;

    margin: 0px 0 12px 0;  

    width: 17%;

    position: relative;

    display: inline-block;

}

hr:before{

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    position: absolute;

    right: 0px;

    top: -5px;

    background: #01a0e2;

}





#root-container .bar_green,

#root-container .solid-green {

    background: #71BB6D!important

}



#root-container .bar_red,

#root-container .solid-red {

    background: #E66F66!important

}



#root-container .solid-yellow {

    background: #F9C445!important;

    color: #000!important

}



#root-container .bar_blue,

#root-container .solid-blue {

    background: #4F84C7!important

}



#root-container .bar_grey,

#root-container .solid-gray {

    background: #A2A2A2!important

}



#root-container .solid-gold {

    background: #C5AE87!important

}



#root-container .solid-pink {

    background: #EB9FCF!important

}



#root-container .solid-purple {

    background: #9D75C2!important

}



.center {

    text-align: center

}



.hidden {

    display: none!important

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0

}



.filled-bg {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover

}



.col-center * {

    text-align: center!important

}



.no-margin-bottom,

.wpb_text_column.no-margin-bottom p {

    margin-bottom: 0!important

}



.no-margin-top {

    margin-top: 0!important

}



.extra-margin-bottom {

    margin-bottom: 70px!important

}



.extra-margin-top {

    margin-top: 50px!important

}



.margin-bottom-30 {

    margin-bottom: 30px!important

}



.normal-align-left {

    text-align: left

}



.normal-align-right {

    text-align: right

}



#logo-container,

.center,

.normal-align-center {

    text-align: center

}



.display-block {

    display: block!important

}



.icon-style5 {

    color: #8CC7BE;

    font-size: 80px

}



.icon-style6 {

    color: #8DB4DF;

    font-size: 80px

}



.icon-style7 {

    color: #D47593;

    font-size: 80px

}



.icon-style8 {

    color: #B3D379;

    font-size: 80px

}



.icon-style9 {

    color: #C7BFBF;

    font-size: 80px

}



#root-container {

    max-width: 1900px

}



#header-container {



    background-size: 25px 25px;

    height: 607px;

    position: relative

}

span.overlay{

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(../images/grain.png);

    z-index: 99;

}



#header-container .owl-theme .owl-controls {

    margin-top: 10px;

    text-align: center;

    position: absolute;

    right: -1px;

    bottom: 60px;

    z-index: 999;

}





#header-container .page-slider .item > img{

    height: 607px;

}

#header-container .owl-theme .owl-controls .owl-buttons div{

    width: 50px;

    height: 50px;

        background: #0893CC;

    border-radius: 0px;

    margin: 1px;

    transition: all 0.5s ease;

    padding: 17px 0 0 0;

}

#header-container .owl-theme .owl-controls .owl-buttons div:before{

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f105";

    color: #fff;

    font-size: 13px;

}



#header-container .owl-theme .owl-controls .owl-buttons .owl-prev:before{



    content: "\f104";

}





.header-small #page-slider-caption-box {

    top: 0

}



.header-small #page-slider-nav {

    top: 33.33%

}



#slider-base-height {

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0

}



.square-cell {

    min-height: 33.3333%;

    width: 20%

}



figure.small-logo {

    text-align: left;

    display: inline-block;

    float: right;

    margin: 0 12px 0 0;

}



#logo h2 {

    color: #2c237d;

    font-size: 42px;

    margin: 18px 0 0 0;

    text-align: right;

}



#logo span {

    margin: 38px 0px 0px 25px;

    display: inline-block;

    float: left

}



#logo span a {

    width: 33px;

    height: 21px;

    display: block;

    background: #01a0e2;

    border-radius: 3px;

    color: #fff;

    float: right;

    text-decoration: none;

    padding: 2px 0 0 0;

    margin: 0 0 0 7px;

    text-align: center;

}

#logo span a > img {

    margin: -5px 0 0 0;

}



.logo-wrapper{

    width: 80%;

    float: right;

}



#logo-container {

   

    display: table;

    width: 100%;

    text-align: center;

    height: 96px;

    background: #fff;

    position: absolute;

    z-index: 100

}



#logo {

    display: table-cell;

    vertical-align: middle

}



#logo>a {

    display: inline-block

}



.right-inner-addon {

    position: relative;

}





.right-inner-addon input {

    width: 100%;

    height: 38px;

    border: #047FB1 solid 1px;

    color: #fff;

    background: #058CC3;

    text-align: right;

}

.right-inner-addon i {

    position: absolute;

    left: 0px;

    padding: 10px 12px;

    pointer-events: none;

    color: #fff;

}







.right-inner-addon input::-webkit-input-placeholder { font-style: italic; color: #fff;}

.right-inner-addon input::-webkit-input-placeholder { font-style: italic; color: #fff;}

.right-inner-addon input:-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#fff; }





.mobile-menu nav.navbar {

    margin: 0px;

        min-height: 48px;

}

ul.mobile-nav{

    

}ul.mobile-nav li{

    padding: 0px;

    margin: 0px;

    text-align: center;

}



.mobile-menu ul.mobile-nav li.active a, .mobile-menu ul.mobile-nav li.active a:hover{

    background-color: transparent;

    color: #0893CC;;

}

.mobile-menu ul.mobile-nav li a:hover{

    background-color: transparent;

    color: #0893CC;;

}



.mobile-menu .container-fluid{

    background-color: #0893CC;

    padding: 0px;

}

.mobile-menu .navbar-collapse{

    background: #F5F5F5;

}

.mobile-menu .navbar-default{

    border: none;

}



.mobile-menu ul.mobile-nav li a {

    padding: 0 0 15px 0;

    text-transform: uppercase;

    font-weight: bold;

}



.mobile-menu .navbar-toggle {

    display: block;

    float: left;

    margin-left: 47.6%;

}

.mobile-menu .navbar-toggle{

    border: none;

}

.mobile-menu .navbar-toggle:hover, .mobile-menu .navbar-toggle:focus{

    background: none;

        

}



/* --- TOGGLE ANIMATION --- */



.navbar-toggle .icon-bar:nth-of-type(2) {

	  top: 1px;

}



.navbar-toggle .icon-bar:nth-of-type(3) {

  	top: 2px;

}



.navbar-toggle .icon-bar {

	  position: relative;

	  transition: all 500ms ease-in-out;

}



.navbar-toggle.active .icon-bar:nth-of-type(1) {

	  top: 6px;

	  transform: rotate(45deg);

}



.navbar-toggle.active .icon-bar:nth-of-type(2) {

	  background-color: transparent;

}



.navbar-toggle.active .icon-bar:nth-of-type(3) {

	  top: -6px;

	  transform: rotate(-45deg);

}



/* --- TOGGLE ANIMATION --- */









.mobile-menu  .navbar-toggle .icon-bar {

    background-color: #fff;

}





#logo-container h1 span,

#page-slider .slide-caption,

#page-slider-nav {

    display: none

}



#tagline {

    color: #404040;

    font-size: 15px;

    margin-top: 6.67%;

    margin-bottom: 0

}



#page-slider-container {

    height: 100%;

    overflow: hidden;

    position: relative

}



#page-slider,

#page-slider-caption-box,

#page-slider-nav {

    opacity: 0;

    position: absolute

}



#page-slider {

    height: 100%;

    overflow: hidden;

    z-index: 0

}



#page-slider,

#page-slider .page-slider-item,

#page-slider-container {

    width: 100%

}



#page-slider-caption-box {

    background-color: #21261f;

    background-color: rgba(33, 38, 31, .9);

    color: #ccc;

    display: none;

    font-size: 15px;

    padding: 5% 4%;

    right: 20%;

    top: 33.3333%;

    z-index: 50

}



#page-slider-nav {

    height: 16.6666%;

    right: 0;

    top: 66.6666%;

    width: 20%;

    z-index: 50

}



#page-slider-nav>a {

    background: #21261f;

    color: #f2f2f2;

    display: table;

    font-size: 50px;

    height: 100%;

    opacity: .4;

    padding-top: 10px;

    position: absolute;

    text-align: center;

    width: 50%

}



.slider-grid-h,

.slider-grid-v {

    background: 0 0;

    position: absolute;

    pointer-events: none;

    z-index: 50

}



#page-slider-nav>a:hover {

    opacity: .5

}



#page-slider-nav-prev {

    border-right: 1px solid #ccc

}



#page-slider-nav-next {

    left: 50%

}



#page-slider-nav>a>i {

    display: table-cell;

    vertical-align: middle

}



.slider-grid-v {

    border-right: 1px solid #000;

    height: 100%;

    opacity: .17;

    width: 20%

}



.slider-grid-h {

    border-bottom: 1px solid #000;

    height: 33.3333%;

    opacity: .07;

    width: 100%

}



#menu-copyright-container {

    position: relative

}

a.contact-btn{

    width: 47px;

    height: 47px;

    position: fixed;

    bottom: 40px;

    display: block;

    border-radius: 30px;

    background: #fff;

    z-index: 999;

    text-align: center;

    text-decoration: none;

    margin: 0 0 0 -28px;

   -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.55);

-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.55);

box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.55);

        font-size: 19px;

    padding: 14px 0 0 0;

    transition: all 0.5s ease;

    

}



a.contact-btn:hover{

    background: #01a0e2;

    color: #fff;



    transition: all 0.5s ease;

}

#menu-copyright-container{

    width: 20%;

}



#menu-position {

    padding: 49% 0 0 0;

    margin: 0 6% 0 13%;

}

.main-menu{

    position: relative;

}

.menu-position-fixed{

    position: fixed;

    padding: 2.5% 0 0 0 !important;

    margin: 0 0% 0 2.6% !important;

    width: 16.2%;

}







#menu-container {

    font-size: 17px;

    margin-bottom: 0;

    position: relative;

    z-index: 50;

    padding: 36px 0;

}



#menu-container ul {

    list-style: none;

    margin: 0;

    padding: 0 0px 0 0;

}



#main-menu{

   position: relative;

}





span.left-border{

    width: 1px;

    height: 88%;

    display: block;

    position: absolute;

    right: 15px;

    top: 8px;

    z-index: 99;

    background: #fff;

    

}







span.left-icon{

    width: 28px;

    height: 28px;

    background: #0893CC;

    border: #fff solid 1px;

    position: absolute;

    right: 2px;

    top: 5px;

    z-index: 999;

    border-radius: 30px;

    text-align: center;

   

}





span.left-icon .icon {



        font-size: 15px;

    position: relative;

    top: -4px;

    color: #fff;

        text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.4);

}



#main-menu>li.active span.left-icon{

    background: #fff;

}



#main-menu>li:hover span.left-icon{

    background: #fff;

    transition: all 0.5s ease;

    color: #0893CC;

}

#main-menu>li:hover span.left-icon .icon, #main-menu>li.active span.left-icon .icon{

    color: #0893CC;

}





#main-menu>li {

    line-height: 40px;

    margin: 0 0 0 -25px;

    padding-right: 40px;

    position: relative;

    font-size: 14px;

    transition: all 0.5s ease;

    

}



#main-menu a {

    color: #fff;

    text-decoration: none;

        transition: all 0.5s ease;

            /*text-shadow: 1px 1px 0px rgba(86, 86, 86, 0.9);*/

}



#main-menu a:hover,

#main-menu li.active>a,

#main-menu>li:hover>a {

        color: #fff;

}







#main-menu .sub-menu {

    background: #E2E2E2;

    display: none;

    font-size: 13px;

    letter-spacing: 0;

    line-height: 1.4;

    padding: 35px 40px;

    position: absolute;

    right: 96.4%;

    top: -28px;

    text-align: right;

    text-transform: none;

    width: 250px;

    z-index: 99;

 

}



#mobile-menu,

.mm-panels,

.mm-panels>.mm-panel {

    background-color: #21261F

}



#mobile-menu-entity a,

#mobile-menu-toggle {

    font-family: Arial, sans-serif;

    text-transform: uppercase

}



#main-menu .sub-menu li {

    line-height: inherit;

    margin: 0 0 6px

}



#intro-body:last-child,

#intro-title:last-child,

#main-menu .sub-menu li:last-child {

    margin-bottom: 0

}



#main-menu .sub-menu a {

    color: #000;

    display: inline-block;

    padding: 0 5px

}



#main-menu .sub-menu a:hover {

    color: #fff;

    background-color: #21261F

}



#mobile-menu {

    display: none;

    text-align: center;

    padding: 10px 0 8px

}



#mobile-menu-toggle {

    color: #fff;

    display: inline-block;

    font-size: 14px;

    letter-spacing: 2px;

    text-decoration: none

}



#mobile-menu-toggle i {

    font-size: 26px;

    margin-right: 8px;

    vertical-align: middle

}



.mm-navbar {

    padding: 0;

    text-align: center

}



#mobile-menu-entity .mm-navbar .mm-title {

    color: #777;

    font-size: 14px;

    font-weight: 700

}



#mobile-menu-entity a,

#sidebar-container a {

    color: #fff;

    text-decoration: none

}



.mm-listview {

    padding-left: 20px

}



#mobile-menu-entity .mm-listview .mm-next {

    background-color: #30332E;

    border-color: #666;

    height: 39px;

    width: 55%

}



#inner-footer-container,

main {

    position: relative;

    width: 80%;

    overflow: hidden

}



div#inner-footer-container {

    width: 90%;

    padding: 52px 0 50px 70px;

}



.mm-menu .mm-listview>li .mm-arrow:after,

.mm-menu .mm-listview>li .mm-next:after,

.mm-menu .mm-navbar .mm-btn:after,

.mm-menu .mm-navbar .mm-btn:before {

    border-color: rgba(255, 255, 255, .5)

}



#mobile-menu-entity .mm-navbar .mm-btn {

    border-bottom: 0

}



#mobile-menu-entity a {

    background: 0 0;

    border-bottom: 1px solid #666;

    display: block;

    font-size: 11px;

    font-style: normal;

    font-weight: 400;

    letter-spacing: 1px;

    padding: 10px 0

}



.blog-single #intro-title,

.widget-title {

    text-transform: none

}



#parent-content-container {

        background-color: #0893CC;

    position: relative;

    z-index: 50

}



#content-container {

    color: #777;

    font-size: 17px;

    margin: 0 -15px

}



main {

    background-color: #fff;

    color: #636363;

    float: right;

    

}

section{

  padding: 2.3% 5%;  

}

main a {

    color: #3f413e;

    font-weight: 700

}

.message{



    border-top: #e6e6e6 solid 1px;

    background: #f7f7f7;

    text-align: center;

}



.message h2{

    line-height: 10px;

}

.message figure{

    width: 134px;

    height: 134px;

    border-radius: 50%;

    background: #01a0e2;

    display: block;

    margin: 25px auto;

    overflow: hidden;

    

}



.message span{

    font-size: 12px;

}





.our-brand-slider

{

    border: #d6d6d6 solid 1px;

    padding: 0 0 0 4px;

}



.our-brand-slider .item

{

    border-right: #d6d6d6 solid 1px;

    padding: 15px;

   

}

#main-container,

#menu-copyright-container {

    float: left;

    vertical-align: top;

    z-index: 99

}



#main-container {

    position: relative;

    width: 79%;

    max-width: 1500px

}



#page-intro {

    margin-bottom: 3.9%;

 

}



#page-intro.page-404 {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 0

}



#intro-title {

    color: #3f413e;

    font-size: 34px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 1.5;

    margin-bottom: 15px

}



#intro-body {

    color: #333;

    font-size: 21px

}



#sidebar-container {

    color: #fff;

    font-size: 14px;

     padding: 6% 4% 0% 4%;

    width: 20%

}



.widget-title {

    color: #ededed;

    font-size: 17px;

    font-weight: 700

}



#copyright a,

#footer-container a {

    color: #fff;

    text-decoration: none;

    

}



.widget-item {

    margin-bottom: 50px

}



.icon-with-text {

    display: block;

    line-height: 1.3

}



.icon-with-text i {

    font-size: 20px;

    margin-right: 8px

}



#footer-container {

    color: #c7c7c7;

    font-size: 14px;

    overflow: hidden;

    position: relative;

    background: url(../images/bg-footer.jpg);

    background-attachment: fixed;

}



#inner-footer-container h4{

    color: #fff;

}



#footer-container .widget-title {

    font-size: 18px

}



#inner-footer-container {

    margin: auto;

    padding:50px 0;

    z-index: 2

}



#footer-bg-overlay,

#footer-parallax-image {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 0

}



#footer-bg-overlay {

    background-color: #21261f;

    background-color: rgba(33, 38, 31, .8);

    z-index: 1

}



.footer-widget-item {

    margin-bottom: 40px

}



.footer-widget-item:last-child {

    margin-bottom: 0

}



ul.footer-ul{

    list-style: none;

    margin: 0px;

    padding: 0px;

    

}



ul.footer-ul li {

    border-bottom: #323746 solid 1px;

    line-height: 0px;

    padding: 0 0 8px 0;

    margin: 6px 0 0 0;

    font-size: 13px;

}

ul.footer-ul li:last-child{

    border: none;

}

ul.footer-ul li i {

    font-size: 9px;

}



#copyright-social {

    border-top: 1px solid #fff;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

    padding-top: 18.75%

}



#copyright-social ul {

    list-style: none;

    margin: 0 0 0 19%;

}



#copyright {

    margin-bottom: 25px;

    text-align: center;

        /*text-shadow: 1px 1px 0px rgba(86, 86, 86, 0.9);*/

   

}

/*#copyrigh p{

     font-size: 12px !important;

}*/

#copyright a{

   color: #fff;

    text-decoration: none;

}

#copyright span{

    color: #FF6868;

}



ul.bar-social li {

    float: left;

    margin: 0 3px 10px 0

}



ul.bar-social li a{

       width: 31px;

    height: 31px;

    background: #0893CC;

    text-decoration: none;

    color: #FFFFFF;

    text-decoration: none;

    text-align: center;

    font-size: 15px;

    display: inline-block;

    border-radius: 30px;

    padding: 5px 0 0 0;

    transition: all 0.5s ease;

    border: #fff solid 1px;

}

ul.bar-social li a:hover{

    background: #fff;

    color: #0893CC;

}



ul.bar-social li:last-child {

    margin-right: 0

}



ul.bar-social li a img {

    opacity: .3

}



ul.bar-social li a:hover img {

    opacity: 1

}



.uxb-port-element-item,

.uxb-port-loaded-element-wrapper {

    opacity: 0;

    overflow: hidden;

    visibility: hidden

}



.uxb-port-root-element-wrapper,

.uxb-port-root-element-wrapper * {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.uxb-port-root-element-wrapper {

    margin: 0 -1.428571428571429%;

    overflow: hidden;

    position: relative

}



.uxb-port-loading-text {

    background: url(../images/loading-s.gif) 50% 35% no-repeat;

    border: 2px solid #eee;

    color: #3d3d3d;

    display: block;

    font-size: 10px;

    margin: 20px auto 20px -70px;

    text-align: center;

    width: 90px;

    height: 90px;

    position: absolute;

    left: 50%

}



.image-wrapper{

    position: relative;

    margin: 5px 0;

}



.row.imgage-box{

    margin-right: -15px;

    margin-left: -15px;

}

a.plus{

    width: 0;

	height: 0;

    display: block;

	border-bottom: 50px solid #01a0e2;

	border-left: 50px solid transparent;

    position: absolute;

    right: 0px;

    bottom: 0px;

    z-index: 999;

    transition: all 0.5s ease;

}

a.plus:hover{



	border-bottom: 50px solid #2C237D ;

	border-left: 50px solid transparent;



}



a.plus:hover ~ span.hover {

    width: 100%;

    

}



a.readmore:hover ~ span.hover{

    width: 100%;  

}





.col-md-4.grid-item:hover .image-wrapper a.plus{

   border-bottom: 50px solid #2C237D ;

	border-left: 50px solid transparent; 

      

}

.col-md-4.grid-item:hover span.hover{

    width: 100%;  

}

.col-md-4.grid-item:hover a.readmore {

    border: #2C237D solid 2px;

}

.col-md-4.grid-item:hover h3 a{

    color: #01a0e2;

}



span.hover{

    width: 0%;

    height: 100%;

    display: block;

    z-index: 99;

    position: absolute;

    left: 0px;

    top: 0px;

     transition: all 0.5s ease;

    background: rgba(0,0,0,0.6);

}





a.plus:before {

    content: "+";

    font-size: 26px;

    color: #fff;

    position: absolute;

    z-index: 99;

    left: -21px;

    top: 25px;

    font-weight: normal;

}





.books-slider .owl-theme .owl-controls .owl-buttons div {

    width: 25px;

    height: 40px;

        background: #0893CC;

    opacity: 1;

    border-radius: 0px;

    padding: 12px 0 0 0;

     position: absolute;

   

}



.books-slider .owl-theme .owl-controls .owl-buttons div:after{

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f105";

    color: #fff;

    text-align: center;

    font-size: 13px;

}



.books-slider .owl-theme .owl-controls .owl-buttons .owl-next{

    right: -40px;

    top: 30%;

}



.books-slider .owl-theme .owl-controls .owl-buttons .owl-prev{

     

    left: -40px;

    top: 30%;

}

.books-slider .owl-theme .owl-controls .owl-buttons .owl-prev:after{

     content: "\f104";

}



.books-slider .owl-carousel.owl-theme .item {

    margin: 3px;

}





.uxb-port-loading-text span {

    margin-top: 60px;

    float: left;

    width: 100%;

    display: block;

    letter-spacing: 1px;

    text-transform: lowercase

}



#root-container ul.uxb-port-element-filters {

    list-style: none;

    margin: 0 15px 40px;

    padding: 0

}



#root-container .uxb-port-element-filters li {

    display: inline-block;

    margin: 0 -1px 0 0

}



.uxb-port-element-filters li:after {

    color: #ddd;

    content: '/';

    font-size: .8em;

    font-weight: 700

}



.uxb-port-element-filters li:last-child:after {

    content: ''

}



#content-container .uxb-port-element-filters li:first-child a {

    margin-left: 0

}



#content-container .uxb-port-element-filters a {

    color: #919191;

    display: inline-block;

    font-size: 16px;

    font-weight: 400;

    padding: 10px 0 0;

    margin: 0 10px;

    text-decoration: none;

    text-transform: none

}



#content-container .uxb-port-element-filters a:hover {

    color: #000

}



#content-container .uxb-port-element-filters a.active,

#content-container .uxb-port-element-filters a.active:hover {

    color: #333;

    cursor: default;

    font-weight: 700

}



.uxb-port-element-item {

    cursor: pointer;

    float: left;

    margin: 0 1.5% 30px;

    position: relative

}



.uxb-port-element-item.visible {

    opacity: 1

}



.uxb-port-element-item-hover {

    background: #fff;

    background: rgba(255, 255, 255, .8);

    line-height: 1;

    margin: 0;

    padding: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%

}



.uxb-port-element-item:hover .uxb-port-element-item-hover {

    opacity: 1

}



.uxb-port-element-item a {

    border-bottom: 0!important;

    font-weight: 400!important;

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: #ccc;

    opacity: 0

}



#blog-wrapper .blog-title a,

#main-container .uxb-team-name a {

    border: 0;

    text-decoration: none

}



.uxb-port-element-item-hover-info {

    display: table;

    height: 100%;

    width: 80%;

    margin: auto;

    text-align: center

}



#main-container .uxb-port-element-item-hover-info .portfolio-item-title {

    color: #333;

    display: table-cell;

    font-size: 2em;

    font-weight: 700;

    line-height: 1;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    vertical-align: middle

}



.uxb-port-root-element-wrapper.col2 .uxb-port-element-item {

    font-size: 16px;

    width: 47%

}



.uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 8px;

    margin-bottom: 3.75em;

    width: 21.88%

}



.uxb-port-root-element-wrapper.col4 .uxb-port-element-item.width-2x {

    font-size: 16px;

    width: 46.7%

}



.large-2.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span2.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 2px

}



.large-3.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span3.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 2px;

    width: 21.7%

}



.large-4.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span4.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 4px

}



.large-5.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span5.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 6px

}



.large-6.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span6.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 8px

}



.large-7.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span7.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 9px

}



.large-8.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span8.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 10px

}



.large-9.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span9.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 11px;

    width: 22%

}



.large-10.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item,

.vc_span10.wpb_column .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 12px;

    width: 22%

}



.with-sidebar .large-2.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 2px

}



.with-sidebar .large-3.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 2px;

    width: 21.7%

}



.with-sidebar .large-4.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 4px;

    width: 21.7%

}



.with-sidebar .large-5.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 4px

}



.with-sidebar .large-6.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 6px

}



.with-sidebar .large-7.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 8px

}



.with-sidebar .large-8.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 9px

}



.with-sidebar .large-9.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 10px;

    width: 22%

}



.with-sidebar .large-10.columns .uxb-port-root-element-wrapper.col4 .uxb-port-element-item {

    font-size: 11px;

    width: 22%

}



.uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 11px;

    width: 30.25%

}



.large-2.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span2.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 4px

}



.large-3.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span3.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 6px;

    width: 30%

}



.large-4.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span4.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 8px

}



.large-5.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span5.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 9px

}



.large-6.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span6.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 11px

}



.large-7.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span7.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 12px

}



.large-8.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span8.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 13px

}



.large-9.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span9.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 14px

}



.large-10.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item,

.vc_span10.wpb_column .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 15px;

    width: 30.3%

}



.with-sidebar .large-2.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 2px;

    width: 29.5%

}



.with-sidebar .large-3.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 4px;

    width: 30%

}



.with-sidebar .large-4.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 6px;

    width: 30.3%

}



.with-sidebar .large-5.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 7px;

    width: 30%

}



.with-sidebar .large-6.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 9px

}



.with-sidebar .large-7.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 11px;

    width: 30%

}



.with-sidebar .large-8.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 12px

}



.with-sidebar .large-9.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 13px;

    width: 30.3%

}



.with-sidebar .large-10.columns .uxb-port-root-element-wrapper.col3 .uxb-port-element-item {

    font-size: 14px;

    width: 30.3%

}



#uxb-port-item-meta {

    list-style: none;

    margin: 30px 0 0

}



#uxb-port-item-meta li {

    margin: 0 0 15px;

    line-height: 1.3

}



#uxb-port-item-meta li:last-child {

    margin-bottom: 0

}



#uxb-port-item-meta .title {

    color: #ddd;

    font-weight: 700;

    margin-right: 5px

}



#uxb-port-item-meta .title:after {

    content: ':'

}



#uxb-port-item-categories {

    display: inline;

    margin: 0!important;

    padding: 0

}



#uxb-port-item-categories li {

    display: inline-block;

    margin-right: 3px;

    margin-bottom: 0!important

}



#uxb-port-item-categories li:after {

    content: '/'

}



#uxb-port-item-categories li:last-child:after {

    content: ''

}



.uxb-team-thumbnail {

    margin-bottom: 18px

}



#main-container ul.uxb-team-social,

#uxb-team-single ul.uxb-team-social {

    list-style: none!important;

    margin-bottom: 0!important;

    margin-left: 0!important;

    padding-left: 0!important

}



#main-container .uxb-team-social li,

#uxb-team-single .uxb-team-social li {

    display: inline-block!important;

    line-height: 1!important;

    margin: 0;

    margin-left: 0!important;

    margin-right: 1px!important

}



#main-container .uxb-team-social li:last-child,

#uxb-team-single .uxb-team-social li:last-child {

    margin-right: 0!important

}



#main-container .uxb-team-name {

    color: #333;

    font-size: 24px;

    margin-bottom: .2em;

    padding: 0;

    text-transform: none

}



#main-container .uxb-team-name.smaller {

    font-size: 20px;

    font-weight: 700

}



#main-container .uxb-team-position {

    color: #888;

    display: block;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 2px;

    margin-bottom: 1.07em;

    padding: 0;

    text-transform: none

}



#uxb-team-single-photo img {

    display: block;

    max-width: 100%

}



#uxb-team-single {

    margin: 0 auto 68px

}



.uxb-team-email-single {

    margin-bottom: .9em

}



.uxb-team-email-single a {

    font-weight: 400

}



#uxb-team-info .uxb-team-position-single,

.uxb-team-position-single {

    margin-bottom: .5em

}



#error,

#success {

    display: none

}



#contact-form .row {

    margin-bottom: 0

}



#search-form-404 {

    margin-top: 50px

}



#content-container.no-sidebar #blog-wrapper {

    padding-right: 0

}



#blog-wrapper .blog-item {

    margin-bottom: 40px;

    position: relative

}



#blog-wrapper .blog-thumbnail {

    position: relative;

    z-index: 1

}



#author-info,

.blog-info {

    background-color: #fff;

    position: absolute

}



.blog-info {

    padding: 35px 0 35px 45px;

    top: 10.5%;

    left: 32%;

    z-index: 2

}



#blog-wrapper .blog-title {

    color: #3f413e;

    font-size: 22px;

    text-transform: none

}



#blog-wrapper .blog-info.no-post-thumbnail .blog-title {

    padding-top: 0

}



.blog-meta-wrapper {

    border-top: 1px solid #aaa;

    color: #888;

    display: inline-block;

    font-size: 13px;

    letter-spacing: 1px;

    margin-top: 15px;

    padding-top: 12px

}



.blog-single .blog-meta-wrapper {

    border-top: 0;

    color: #707070;

    font-size: 20px

}



ul.blog-meta {

    list-style: none;

    margin: 0

}



ul.blog-meta li {

    display: inline-block;

    margin: 0

}



ul.blog-meta li:after {

    content: '/';

    padding: 0 5px

}



ul.blog-meta li:last-child:after {

    content: '';

    padding: 0

}



ul.blog-meta li a {

    border: 0;

    color: #888;

    font-weight: 400;

    text-decoration: none

}



ul.blog-meta li a:hover {

    color: #3f413e

}



#blog-pagination {

    font-size: 23px;

    margin-top: 70px;

    overflow: hidden;

    text-align: right

}



#blog-pagination ul {

    float: right;

    list-style: none;

    margin: 0

}



#blog-pagination ul li {

    float: left;

    margin: 0 5px 0 0

}



#blog-pagination span,

#blog-pagination ul li a {

    border: 0;

    color: #ccc;

    padding: 10px;

    text-decoration: none

}



#blog-pagination ul li a:hover {

    color: #888

}



#blog-pagination ul li.unavailable {

    display: none

}



#blog-pagination .current,

#blog-pagination ul li.current a {

    color: #3f413e

}



#blog-pagination ul li.current a:hover {

    color: initial;

    cursor: default

}



#blog-pagination .arrow i {

    vertical-align: middle

}



.blog-single .post-small-list {

    line-height: 2;

    list-style: none;

    margin: 0;

    padding: 0

}



.blog-single .post-small-list li {

    display: inline-block;

    margin: 0

}



.blog-single .post-small-list li:after {

    content: '/';

    padding-left: 7px

}



.blog-single .post-small-list li:first-child {

    margin-right: 3px

}



.blog-single .post-small-list li:first-child:after {

    content: ':';

    padding: 0

}



.blog-single .post-small-list li:last-child:after {

    content: ''

}



.blog-single .post-small-list li:first-child:before {

    font-family: Ionicons;

    font-size: 16px;

    padding-right: 10px

}



#post-categories li:first-child:before {

    content: '\f434'

}



#post-tags li:first-child:before {

    content: '\f48e'

}



.uxb-tmnl-testimonial-item .uxb-tmnl-cite:before,

blockquote cite:before {

    content: "\2014 \0020"

}



.blog-single #categories-tags-wrapper {

    color: #333;

    margin-top: 40px

}



.blog-single .post-paging ul {

    list-style: none;

    margin-left: 0

}



.blog-single .post-paging ul li {

    float: left;

    margin-right: 10px;

    margin-left: 0

}



.blog-single .post-paging {

    overflow: hidden;

    margin: 20px 0

}



.blog-single .post-paging a {

    border: 0;

    font-weight: 700

}



#blog-single-content,

.blog-section {

    margin-bottom: 60px

}



#author-box {

    overflow: hidden;

    position: relative

}



#author-photo-wrapper img {

    max-width: 250px

}



#author-info {

    padding: 20px 0 20px 30px;

    left: 22%;

    top: 12%

}



#author-name {

    font-size: 19px;

    font-weight: 700;

    text-transform: none

}



#author-name a {

    border: 0

}



ul#author-social {

    list-style: none;

    margin-bottom: 0;

    margin-left: 0;

    overflow: hidden

}



ul#author-social li {

    float: left;

    line-height: 1;

    margin: 0 6px 0 0

}



ul#author-social li:last-child {

    margin-right: 0

}



ul#author-social a {

    border: 0;

    color: #555;

    font-size: 20px;

    text-decoration: none

}



.blog-section-title {

    font-size: 20px!important

}



#main-container .blog-section-title {

    font-weight: 700;

    margin-bottom: 40px;

    overflow: hidden;

    text-transform: none

}



#comment-content {

    font-size: 15px;

    margin-bottom: 0

}



#comment-content .comment-date a,

#comment-content .commenter-name a,

#comment-content .reply a {

    border: 0;

    font-weight: 400;

    text-decoration: none

}



#comment-content>ul>li {

    margin-left: 0

}



#comment-content ul.commentlist {

    list-style: none;

    margin-left: 0;

    margin-top: 0;

    margin-bottom: 0

}



#comment-content ul.children {

    list-style: none;

    margin: 0 0 0 30px

}



.comment,

.comment-item {

    overflow: hidden

}



#respond label {

    font-size: initial

}



#respond .blog-section-title {

    padding: 0

}



#respond #reply-title {

    margin: 0;

    padding: 0

}



#main-container .custom-form .row,

#respond .row {

    margin-bottom: 12px

}



.parent #respond {

    margin: 30px 0 80px

}



.cancel-reply {

    float: right;

    font-size: 13px;

    font-weight: 400!important;

    margin-left: 15px!important;

    margin-top: 3px

}



.comment.depth-2,

.comment.depth-3,

.comment.depth-4,

.comment.depth-5,

.parent.depth-2 #respond,

.parent.depth-3 #respond,

.parent.depth-4 #respond,

.parent.depth-5 #respond {

    padding-left: 0

}



.reply {

    color: #eaeaea

}



.comment-body {

    border-bottom: 1px solid #ececec;

    padding-bottom: 10px;

    margin-bottom: 30px

}



.commenter-photo {

    float: left;

    margin-top: 5px;

    vertical-align: top

}



.comment-post-wrapper {

    display: block;

    margin: 0 0 0 70px

}



#root-container .comment-post-wrapper .comment-post p {

    margin-bottom: 15px

}



.comment-item-meta {

    display: inline-block;

    margin-bottom: 5px

}



.commenter-name {

    color: #222!important;

    display: inline-block;

    padding-right: 10px

}



.commenter-name a {

    color: #222!important;

    font-weight: 700!important

}



.comment-date {

    display: block

}



.comment-date,

.comment-date a {

    color: #888!important;

    font-size: 13px;

    font-weight: 400!important

}



.button.tiny,

.reply a {

    font-size: 12px

}



.comment-awaiting-moderation {

    display: block;

    margin-bottom: 0

}



.reply {

    float: right

}



.parent.comment-item {

    margin: 0

}



.pingback .comment-post p {

    font-style: italic

}



.pingback .comment-post-wrapper {

    margin-left: 0

}



#comment-content .comment-paging {

    margin-bottom: 48px;

    text-align: center;

    width: 100%

}



#comment-content .comment-paging a,

#comment-content .comment-paging a:visited,

#comment-content .comment-paging span {

    background: #EEE;

    border: 0;

    color: #888;

    display: inline-block;

    line-height: 1;

    padding: 12px 14px;

    text-decoration: none

}



#comment-content .comment-paging a:hover {

    background: #ddd;

    border-bottom: 0

}



#comment-content .comment-paging .dots {

    background: 0 0

}



#comment-content .comment-paging .current,

#comment-content .comment-paging .current:hover {

    background: #ccc;

    color: #333;

    cursor: default;

    font-weight: 700

}



.image-element,

.wpb_single_image {

    margin-bottom: 25px;

    overflow: hidden;

    position: relative

}



.columns .image-element:last-child,

.columns .wpb_single_image:last-child {

    margin-bottom: 0

}



#root-container .wpb_single_image a {

    border: 0

}



.circle-shape {

    border-radius: 50em

}



#root-container .button {

    border: 2px solid #fff;

    color: #fff;

    display: inline-block;

    font-weight: 700;

    letter-spacing: 1px;

    margin: .6em 0;

    font-size: 11px;

    padding: .4705882352941176em 1.2em;

    text-decoration: none

}



#root-container .button:hover {

    border-color: #3f413e;

    color: #3f413e

}



#sidebar-container .button:hover {

    border-color: #fff;

    color: #fff

}



#root-container .button.disabled {

    border-color: #929A98;

    color: #929A98

}



.button.small {

    font-size: 14px

}



.button.large {

    font-size: 22px

}



.icon-shortcode.large,

.icon-style1,

.icon-style2,

.icon-style3,

i.uxb-icon.large {

    font-size: 60px

}



.button.radius {

    border-radius: .5em

}



.button.expand {

    text-align: center;

    width: 100%

}



.button.round {

    border-radius: 1000px

}



.button.custom {

    border-color: transparent!important;

    color: #fff!important

}



.button i {

    margin-right: 8px

}



.icon-shortcode,

i.uxb-icon {

    display: block;

    line-height: 1;

    margin: 15px auto

}



.uxb-tmnl-testimonial-item .uxb-tmnl-cite,

blockquote cite,

blockquote p {

    font-family: Raleway, sans-serif;

    line-height: 1.5

}



i.uxb-icon.icon {

    height: auto;

    margin: 0;

    width: auto

}



.icon-shortcode.float-left,

i.uxb-icon.float-left {

    float: left;

    margin: 0 12px 0 0

}



.icon-shortcode.float-right,

i.uxb-icon.float-right {

    float: right;

    margin: 0 0 0 12px

}



.icon-style1 {

    color: #D8D8D8

}



.icon-style2 {

    color: #4DB7E9

}



.icon-style3 {

    color: #A4E778

}



.icon-style4 {

    color: #C9C9C9;

    font-size: 50px

}



.embed,

.uxb-port-embed {

    margin-bottom: 18px;

    overflow: hidden;

    position: relative;

    padding: 0;

    padding-bottom: 56.25%!important

}



.embed:last-child {

    margin-bottom: 0

}



.embed embed,

.embed iframe,

.embed object,

.uxb-port-embed iframe {

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.gallery-wrapper {

    text-align: center

}



.gallery-wrapper * {

    box-sizing: border-box

}



.gallery-wrapper .gallery-item {

    background: #fff;

    display: inline-block;

    margin: 0 1.2% 30px;

    max-width: 21%;

    -webkit-transform: translateZ(0) scale(1, 1);

    vertical-align: top

}



.gallery-wrapper.circle .gallery-item,

.gallery-wrapper.circle .gallery-item a,

.gallery-wrapper.circle .gallery-item img {

    border-radius: 50em

}



#main-container .gallery-wrapper .gallery-item a {

    background: 0 0;

    border: 0;

    display: block

}



#main-container .gallery-wrapper .gallery-item img {

    border: 5px solid transparent;

    opacity: 1

}



#main-container .gallery-wrapper .gallery-item a:hover img {

    border: 5px solid #ddd

}



#main-container .gallery-wrapper .gallery-item .image-caption {

    font-size: 13px;

    margin-top: 10px

}



blockquote {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 20px 40px 30px

}



.progress-bar,

.uxb-tmnl-testimonial-wrapper * {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}



blockquote p {

    color: #525252;

    font-size: 22px;

    font-weight: 300;

    margin-bottom: 0

}



blockquote.left,

blockquote.right {

    padding: 20px;

    width: 30%

}



blockquote.left {

    float: left;

    padding-left: 0

}



blockquote.right {

    float: right;

    padding-right: 0

}



.uxb-tmnl-testimonial-item .uxb-tmnl-cite,

blockquote cite {

    color: #000;

    display: block;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 1px;

    margin: .9em 0 0

}



.uxb-tmnl-testimonial-wrapper * {

    box-sizing: border-box

}



.uxb-tmnl-testimonial-wrapper {

    height: 220px;

    overflow: hidden;

    opacity: 0;

    position: relative;

    width: 100%

}



.uxb-tmnl-testimonial-list {

    width: 100%

}



.uxb-tmnl-testimonial-item {

    float: left

}



.uxb-tmnl-testimonial-item .uxb-tmnl-testimonial-thumbnail {

    -webkit-border-radius: 50em;

    -moz-border-radius: 50em;

    border-radius: 50em;

    box-sizing: border-box;

    position: absolute;

    top: 55px;

    left: 0;

    z-index: 2;

    width: 200px;

    height: 200px

}



.uxb-tmnl-testimonial-item .uxb-tmnl-testimonial-thumbnail img {

    -webkit-border-radius: 50em;

    -moz-border-radius: 50em;

    border-radius: 50em;

    width: 100%

}



.uxb-tmnl-testimonial-item .uxb-tmnl-blockquote-wrapper {

    margin: 60px 0 0 245px;

    min-height: 220px;

    z-index: 1

}



#footer-container .uxb-tmnl-testimonial-item .uxb-tmnl-blockquote-wrapper,

#sidebar-container .uxb-tmnl-testimonial-item .uxb-tmnl-blockquote-wrapper {

    min-height: 100px

}



.uxb-tmnl-testimonial-item blockquote {

    border: 0;

    margin: 0 0 20px;

    padding: 0

}



.uxb-tmnl-testimonial-bullets {

    position: absolute;

    top: 16px;

    right: 11px;

    z-index: 1

}



.box,

.cta-box {

    position: relative

}



.uxb-tmnl-testimonial-bullets a {

    background: #e6e6e6;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 0;

    display: inline-block;

    font-weight: 400;

    margin: 0 3px;

    height: 15px;

    width: 15px;

    transition: border-color .18s ease-in-out;

    -moz-transition: border-color .18s ease-in-out;

    -webkit-transition: border-color .18s ease-in-out;

    -o-transition: border-color .18s ease-in-out

}



.uxb-tmnl-testimonial-bullets a:hover {

    background: #ccc

}



.uxb-tmnl-testimonial-bullets a.selected {

    background: #8e8e8e

}



#footer-container .uxb-tmnl-blockquote-wrapper,

#sidebar-container .uxb-tmnl-blockquote-wrapper {

    padding: 0

}



#footer-container .uxb-tmnl-testimonial-item .uxb-tmnl-cite,

#sidebar-container .widget .uxb-tmnl-testimonial-item .uxb-tmnl-cite {

    color: #000;

    font-size: 13px;

    margin-bottom: 0

}



#footer-container .uxb-tmnl-testimonial-bullets a,

#sidebar-container .uxb-tmnl-testimonial-bullets a {

    margin: 0 2px;

    height: 12px;

    width: 12px

}



#footer-container .widget.uxb-tmnl-testimonial-wrapper blockquote p,

#sidebar-container .widget.uxb-tmnl-testimonial-wrapper blockquote p {

    font-size: 15px!important;

    margin-bottom: 18px

}



#footer-container .widget.uxb-tmnl-testimonial-wrapper blockquote p {

    font-size: 16px!important

}



#footer-container .uxb-tmnl-testimonial-item .uxb-tmnl-cite {

    font-size: 14px;

    font-weight: 700

}



.uxb-tmnl-testimonial-wrapper.style2 .uxb-tmnl-blockquote-wrapper {

    background: 0 0;

    margin-left: 0;

    margin-bottom: 30px;

    margin-top: 45px

}



.uxb-tmnl-testimonial-wrapper.style2.left {

    float: left;

    margin-left: 0;

    margin-right: 25px

}



.uxb-tmnl-testimonial-wrapper.style2.right {

    float: right;

    margin-left: 25px;

    margin-right: 0

}



.uxb-tmnl-testimonial-wrapper.style2.left .uxb-tmnl-testimonial-bullets {

    left: 11px;

    right: auto

}



.tmnl-width {

    width: 50%!important

}



.box {

    background-color: #2ba6cb;

    border: 0;

    color: #fff;

    display: block;

    font-size: inherit;

    font-weight: inherit;

    margin-bottom: 1.25em;

    padding: 15px 20px

}



#main-container .box.success *,

#main-container .box.success p,

.box.success {

    color: #37834E

}



#main-container .box p,

.box strong.title {

    margin-bottom: 12px

}



.box.radius {

    -webkit-border-radius: 3px;

    border-radius: 3px

}



.box.round {

    -webkit-border-radius: 1000px;

    border-radius: 1000px

}



.box.success {

    background-color: #D4FAD9

}



#main-container .box.error *,

#main-container .box.error p,

.box.error {

    color: #D1525D

}



.box.error {

    background-color: #FDE7E7

}



#main-container .box.info *,

#main-container .box.info p,

.box.info {

    color: #3275BD

}



.box.info {

    background-color: #DEEDFF

}



#main-container .box.warning *,

#main-container .box.warning p,

.box.warning {

    color: #B8752D

}



.box.warning {

    background-color: #FCEAD3

}



.box strong.title {

    color: inherit;

    font-weight: 700;

    display: inline-block

}



.box p:last-child {

    margin-bottom: 0!important

}



.cta-box {

    border: 1px solid #dfdfdf;

    box-sizing: border-box;

    margin: 25px 0;

    overflow: hidden;

    padding: 40px 30px

}



.cta-box.bottom-line {

    border-bottom: 2px solid #000

}



.cta-box.top-line {

    border-top: 2px solid #000

}



.cta-box.left-line {

    border-left: 2px solid #000

}



.cta-box.right-line {

    border-right: 2px solid #000

}



.cta-box-content {

    margin-right: 35%;

    overflow: hidden;

    margin-bottom: 0

}



.cta-box-content.cta-full-width {

    margin-right: 0

}



.cta-box-content p:last-of-type {

    margin-bottom: 0!important

}



#main-container .cta-box-button .button,

.cta-box-button .button {

    margin: 0

}



.cta-box-button.right {

    margin-top: -20px;

    position: absolute;

    right: 5%;

    top: 50%

}



.cta-box-button.bottom {

    margin-top: 25px;

    position: static;

    text-align: center

}



.cta-box-button.right.large {

    margin-top: -25px

}



.cta-box-button.right.small {

    margin-top: -12px

}



.cta-box-button.right.tiny {

    margin-top: -9px

}



.progress-bar {

    box-sizing: border-box;

    background: 0 0;

    height: 10px;

    margin: 40px 0;

    position: relative;

    -moz-box-shadow: 5px 5px 0 0 rgba(68, 68, 68, .1);

    -webkit-box-shadow: 5px 5px 0 0 rgba(68, 68, 68, .1);

    box-shadow: 5px 5px 0 0 rgba(68, 68, 68, .1)

}



.progress-bar .bar-label {

    color: #3b3b3b;

    font-family: Arial, sans-serif;

    font-size: 10px;

    letter-spacing: 1px;

    line-height: 1;

    position: absolute;

    left: 0;

    top: -15px;

    text-transform: uppercase

}



.progress-bar .bar-meter {

    display: block;

    height: 100%;

    width: 0

}



span.custom-icon-w-text {

    display: block;

    line-height: 1.8;

    margin-left: 12px

}



span.custom-icon-w-text i {

    margin-right: 12px

}



.columns span.custom-icon-w-text:last-of-type {

    margin-bottom: 26px

}



span.custom-icon-w-text i.checked {

    color: #9FD355;

    font-size: 1.4em

}



.accordion {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 400px;

    opacity: 0;

    visibility: hidden

}



.ui-accordion {

    width: 100%;

    font-size: 100%;

    line-height: 100%

}



#main-container .ui-accordion .ui-accordion-header {

    background: #fcfcfc;

    border: 1px solid #dfdfdf;

    border-radius: 0;

    cursor: pointer;

    font-size: 18px;

    letter-spacing: 0;

    text-transform: none;

    line-height: 1.5;

    margin-bottom: 0;

    margin-top: -1px;

    overflow: hidden;

    padding: 3px 5px

}



#main-container .ui-accordion-header.ui-state-active {

    background: 0 0;

    border-color: #000;

    border-width: 1px;

    border-style: solid

}



.ui-accordion .ui-accordion-li-fix {

    display: inline

}



.ui-accordion .ui-accordion-header:focus {

    outline: 0!important

}



#main-container .ui-accordion .ui-accordion-header a {

    border: 0;

    color: #999;

    float: left;

    font-weight: 400;

    padding: 10px 15px;

    text-decoration: none

}



#main-container .ui-accordion .ui-accordion-header:hover a {

    color: #222

}



#main-container .ui-accordion .ui-accordion-header.ui-state-active a {

    color: #3b3b3b;

    font-weight: 700

}



.ui-accordion .ui-accordion-content {

    border: none;

    color: inherit;

    display: none;

    line-height: 1.5;

    overflow: auto;

    padding: 25px;

    position: relative;

    zoom: 1

}



#root-container .ui-accordion .ui-accordion-content img {

    width: auto

}



.ui-accordion .ui-accordion-content-active {

    display: block

}



.toggle {

    opacity: 0;

    visibility: hidden

}



.ui-accordion,

.ui-accordion.toggle {

    margin-bottom: 15px

}



.ui-accordion-header-icon,

.ui-icon {

    width: 25px;

    height: 25px;

    margin: 4px 0 0 15px;

    float: left;

    opacity: .4

}



.ui-accordion-header-icon,

.ui-accordion-header-icon-active,

.ui-icon-triangle-1-e,

.ui-icon-triangle-1-s {

    display: none

}



#root-container .uxb-tabs * {

    box-sizing: border-box

}



#root-container .uxb-tabs {

    opacity: 0

}



#root-container .uxb-tabs ul.tab-items {

    margin: 0;

    padding: 0

}



#root-container .uxb-tabs ul.tab-items li {

    display: inline-block;

    line-height: 1;

    margin: 0 -1px 0 0

}



#root-container .uxb-tabs ul.tab-items li a {

    background: #fff;

    border: 1px solid #dedede;

    color: #888;

    font-weight: 400;

    line-height: 1.4;

    padding: 15px 20px

}



#root-container .uxb-tabs ul.tab-items li a:hover {

    color: #333

}



#root-container .uxb-tabs ul.tab-items li.ui-state-active a {

    border-top: 1px solid #000;

    border-bottom: 0;

    color: #333;

    font-weight: 700

}



#root-container .uxb-tabs .tab-content {

    background: #fff;

    border: 1px solid #dedede;

    display: none;

    margin-top: -2px;

    padding: 30px

}



#root-container .uxb-tabs .tab-content img {

    width: auto

}



#root-container .uxb-tabs.vertical-tabs {

    overflow: hidden;

    padding: 0

}



#root-container .uxb-tabs.vertical-tabs .tab-items {

    float: left;

    width: 25%

}



#root-container .uxb-tabs.vertical-tabs .tab-items li {

    width: 100%;

    white-space: normal

}



#root-container .uxb-tabs.vertical-tabs .tab-items li a {

    border-bottom-width: 0;

    width: 100%

}



#root-container .uxb-tabs.vertical-tabs .tab-items li.ui-state-active a {

    border-top: 1px solid #dedede;

    border-left: 1px solid #000;

    border-right: 0

}



#root-container .uxb-tabs.vertical-tabs .tab-items li:last-child a {

    border-bottom-width: 1px

}



#root-container .uxb-tabs.vertical-tabs .tab-items li:last-child.ui-state-active a {

    border-bottom: 1px solid #dedede

}



#root-container .uxb-tabs.vertical-tabs .tab-content {

    float: left;

    margin-left: -1px;

    margin-top: 0;

    width: 75%

}



.image-slider-root-container,

.image-slider-root-container * {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.image-slider-root-container {

    position: relative;

    max-width: 100%

}



.auto-height {

    min-height: inherit!important

}



.image-slider-root-container .flex-control-nav {

    bottom: -55px;

    margin-left: 0!important

}



.flex-control-nav li {

    margin: 0 4px!important

}



.flex-control-paging li a {

    background: #e6e6e6;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 13px;

    height: 13px

}



.flex-control-paging li a:hover {

    background: #ccc

}



.flex-control-paging li a.flex-active {

    background: #8e8e8e

}



.image-slider-wrapper {

    background: url(../images/loading-s.gif) center no-repeat;

    min-height: 360px;

    margin-bottom: 35px;

    overflow: hidden;

    text-align: center;

    transition: opacity .18s ease-in-out;

    -moz-transition: opacity .18s ease-in-out;

    -webkit-transition: opacity .18s ease-in-out;

    -o-transition: opacity .18s ease-in-out

}



@media (-webkit-min-device-pixel-ratio:2),

(min-resolution:192dpi) {

    .image-slider-wrapper {

        background-image: url(../images/loading-s@2x.gif);

        background-size: 24px 24px

    }

}



.image-slider-wrapper.hide-bullets {

    margin-bottom: 0

}



#uxb-port-inner-content-container .image-slider-wrapper {

    min-height: 480px

}



.image-slider-wrapper.hide-bullets .flex-control-nav {

    display: none

}



#main-container .image-slider-wrapper .image-slider {

    list-style: none;

    margin: 0;

    opacity: 0;

    overflow: hidden;

    visibility: hidden

}



#main-container .image-slider-wrapper li {

    margin: 0

}



.image-slider-item {

    display: none;

    position: relative;

    text-align: center

}



.image-slider-item img {

    height: auto!important;

    margin: auto;

    width: auto

}



#root-container .image-slider-item a {

    border: 0!important;

    display: block

}



.image-slider-item .image-caption-wrapper {

    position: absolute;

    left: 15px;

    bottom: 15px;

    max-width: 95%

}



.image-slider-item .image-caption {

    background: #fff;

    background: rgba(255, 255, 255, .8);

    box-sizing: border-box;

    color: #000;

    display: inline-block;

    font-size: 13px;

    padding: 10px 20px;

    text-align: left;

    width: auto

}



.google-map,

.slider-controller {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box

}



.image-slider-item .image-caption-wrapper.center-aligned {

    width: 100%

}



.image-slider-item .image-caption-wrapper.center-aligned,

.image-slider-item .image-caption-wrapper.center-aligned .image-caption {

    text-align: center

}



.slider-controller {

    background: #333;

    border: 1px solid #ccc;

    box-sizing: border-box;

    color: #fff!important;

    display: block;

    font-family: Ionicons;

    font-size: 20px;

    line-height: 1;

    margin-top: -25px;

    opacity: 0;

    padding: 10px 17px;

    position: absolute;

    text-align: center;

    text-decoration: none;

    top: 50%;

    z-index: 2

}



.fancybox-title,

select {

    font-family: inherit

}



.slider-prev {

    left: 15px

}



.slider-next {

    right: 15px

}



.slider-controller:hover {

    background: #555

}



.google-map {

    box-sizing: border-box

}



.google-map img {

    max-width: none!important

}



.category-widget ul {

    list-style: none;

    margin: 0

}



.category-widget li {

    margin-left: 0

}



.posts-widget ul,

.widget_recent_entries ul {

    list-style: none;

    margin-left: 0;

    margin-bottom: 0

}



.posts-widget li,

.widget_recent_entries li {

    line-height: inherit;

    margin-bottom: 0;

    margin-left: 0;

    margin-top: 0;

    overflow: hidden

}



.widget_recent_entries li {

    margin-bottom: 15px

}



.posts-widget li:last-child,

.widget_recent_entries li:last-child {

    margin-bottom: 0

}



.posts-widget .post-thumbnail {

    float: left

}



.posts-widget .post-title {

    margin-bottom: 18px;

    margin-left: 72px

}



.posts-widget li:last-child .post-title {

    margin-bottom: 0

}



.posts-widget .post-title.no-thumbnail {

    margin-left: 0

}



.posts-widget .date,

.widget_recent_entries .post-date {

    display: block;

    font-size: 13px;

    font-style: italic;

    color: #999;

    margin-top: 5px

}



.tags-widget {

    list-style: none;

    margin: 0

}



.tags-widget li {

    display: inline-block;

    line-height: inherit;

    margin: 0 6px 12px 0

}



#footer-container .tags-widget a {

    border: 2px solid #929A98;

    color: #929A98;

    display: inline-block;

    font-weight: 700;

    letter-spacing: 1px;

    padding: .3571428571428571em 1.071428571428571em

}



#footer-container .tags-widget a:hover {

    border-color: #fff;

    color: #fff

}



.textarea-height {

    height: 150px

}



#fancybox-thumbs ul {

    margin-left: 0

}



#fancybox-thumbs ul li {

    margin: 0

}



.formError .formErrorArrow div {

    background: #e13a3a;

    border: 0

}



.formError .formErrorContent {

    background: #e13a3a;

    border: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    font-size: 12px

}



.row {

    margin: 0 auto 15px;

    max-width: none

}



.row .row {

    margin-bottom: 45px

}



#content-container>.row .row:last-child,

#content-container>.row:last-child {

    margin-bottom: 0

}



.uxb-col.columns {

    padding: 0 15px

}



#root-container .input-text,

input[type=text],

input[type=password],

input[type=date],

input[type=datetime],

input[type=datetime-local],

input[type=month],

input[type=week],

input[type=email],

input[type=number],

input[type=search],

input[type=tel],

input[type=time],

input[type=url],

input[type=submit],

textarea {

   

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    font-size: 1em;

    line-height: 1.7;

    

}



#root-container .input-text:focus,

input[type=text]:focus,

input[type=password]:focus,

input[type=date]:focus,

input[type=datetime]:focus,

input[type=datetime-local]:focus,

input[type=month]:focus,

input[type=week]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=time]:focus,

input[type=url]:focus,

textarea:focus {

    border-color: #000;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none

}



#sidebar-container input {

    background: 0 0;

    border-color: #fff;

    color: #ccc

}



select,

select:hover {

    background-color: #efefef;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);

    background-position: 100% center;

    background-repeat: no-repeat;

    border: 0

}



#root-container [type=text].search-field {

    font-size: 1em

}



select {

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: inherit;

    padding: .4em

}



.postfix,

.prefix {

    font-size: inherit

}





h3 a:hover{

    color:#01a0e2;

    text-decoration: none;

     transition: all 0.5s ease;

}h3 a{



     transition: all 0.5s ease;

}





/*-- INNNER PAGES --*/



section.inner-mid{

    padding: 5.3% 5%; 

}





#inner-container {

    height: 230px;

    background: url(../images/img-slider1.jpg)0% 49%;

    position: relative;

    overflow: hidden;

    background-size: cover;

    background-attachment: fixed;

    padding: 181px 45px 0 0px;

}



#inner-container h2 {

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

}

#inner-container > span.header-text {

    position: relative;

    z-index: 999;

    display: block;

}



#inner-container span.header-text i {

    border: #fff solid 2px;

    border-radius: 50%;

    padding: 4px 6px 8px 7px;

    font-size: 19px;

}





.row.left-align{

    margin: 0 -15px 0 -15px;

}





a.readmore {

    width: 86px;

    height: 36px;

    display: block;

    border: #0893CC solid 2px;

    text-align: center;

    text-decoration: none;

    font-weight: normal;

    padding: 7px 0 0 0;

    margin: 0 0 11px 0;

    font-size: 12px;

    float: right;

        transition: all 0.5s ease;

}



a.readmore:hover{

         border: #2C237D solid 2px;

}



.inner-mid ul {

    list-style: none;

    padding: 0px;

    margin: 0.8em 0;

}

.inner-mid ul li {

    position: relative;

    padding: 0 19px 0 0px;

    margin: 0;
   font-weight:normal;	

}

.inner-mid ul li:before{

        font-family: 'Stroke-Gap-Icons';

        content: "\e6a3";

    color: #01a0e2;

    font-size: 13px;

    position: absolute;

    right: 0px;

    top: 0px;

}

.formError .formErrorArrow div{

    box-shadow: none;

}



.form-wrapper.form-validation sup {

    color: red;

    font-size: 16px;

    margin: 0 0 0 0;

    padding: 0;

    vertical-align: text-bottom;

}

.con-submin-btn {

    font-size: 14px !important;

    text-transform: uppercase;

    transition: all 0.5s ease;

}



textarea.form-control.textarea-style {

    height: auto;

    height: 107px;

    resize: none;

}



.map-inner {

        height: 293px;

}



.map-wrapper{

    padding: 0 15px;

    margin: 0 0 18px 0;

}













/*-- INNNER PAGES --*/























































/*-- MEDIA QUERY --*/





@media(max-width:991px){

    #menu-copyright-container{

        display: none;

    }

    #main-container{

      width: 100%;

        overflow-y: hidden;

    }

    

    

    

    .mobile-menu .navbar-header {

        float: none;

    }

.mobile-menu .navbar-toggle {

        display: block;

    }



 .mobile-menu .navbar-collapse.collapse {

        display: none!important;

    }

.mobile-menu .navbar-nav {

        float: none!important;

    padding: 15px 0;

      

    }

.mobile-menu .navbar-nav>li {

        float: none;

    }



.mobile-menu .navbar-collapse.collapse.in { 

        display: block!important;

    }

.mobile-menu .collapsing {

        overflow: hidden!important;

    }

    

    

    

    #header-container .page-slider .item > img {

    height: 502px;

}

    

    #header-container{

        height: 502px;

    } 

    

        #inner-footer-container, main{

        width: 70%;

    }

    

    #sidebar-container {

    color: #fff;

    font-size: 14px;

    width: 33%;

}

    

}











@media(max-width:493px){

    #inner-footer-container, main {

    width: 100%;

}

    #sidebar-container{

        display: none;

    }

    

    #logo h2 {

        font-size: 30px;

    }

    

    #header-container {

    height: 441px;

}

    #header-container .page-slider .item > img {

    height: 441px;

}

}



@media(max-width:392px){

    #logo h2 {

    font-size: 24px;

    color: #2c237d;

    margin: 34px 0 0 0;



}

    

}





/*@media only screen and (min-width: 1029px) and (max-width: 1260px) and (orientation:landscape) {

          

 

}



@media only screen and (min-width: 991px) and (max-width: 1029) and (orientation:landscape) {

          

  

}*/





/*-- MEDIA QUERY --*/