/* ==== Google font ==== */


@import url('font-awesome.css');
@import url('jquery.mCustomScrollbar.min.css');

/* ==== overwrite bootstrap standard ==== */

@import url('animate.css');
body { font-family: 'Catamaran', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.6em; color: #fff; background-color: #fff; position: relative; }
hi, h2, h3, h4, h5, h6 { color: #ba8833; line-height: 1.1em; font-size: 26px; font-weight: 800; text-transform: uppercase; }
p { color: #333; font-size: 14px; }
a { text-decoration: none; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; outline: none; color: #333; }
a:hover { text-decoration: none; color: #eee; }
.submit-btn { position: relative; padding: 8px 20px; background: #ba8833; font-weight: 600; color: #fff; border-radius: 4px; border: none; text-transform: uppercase; margin-top: 10px; float: left !important; z-index: 0; }
.submit-btn:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.submit-btn:hover:before { transform: scaleY(1); }
.text-center h2 { margin-bottom: 30px; }
.text-center p { color: #333; }
.btn-default { color: #333; background-color: #fff; border-color: #fff; text-transform: uppercase; font-size: 18px; border-radius: 30px; margin-left: -10px; }
#breadcrumb { background-color: #ba8833; padding:50px 0; }
.breadcrumb { list-style: none; background-color: #ba8833; border-radius: 0px; margin-bottom: 0; }
.breadcrumb li { text-transform: uppercase; font-weight: 600; font-size: 20px; }
.copyright > span { color: #ffffff; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
/*===========================

  Menu and Navigation

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

.navigation {padding: 0; }
.navbar-brand h1 { margin-top: 9px; padding-top: 5px; float: left; font-size: 25px; color: #333; text-transform: uppercase; font-weight: 900; }
.navbar-brand h1 span { color: #1BBD36; }
.menu { font-size: 12px; float: right; text-transform: uppercase; font-weight: 700; }
.menu ul.nav-tabs li { color: #000; }
.nav-tabs { border-bottom: 0; }
.nav-tabs > li { float: left; margin-bottom: 0; }
.nav-tabs > li > a { border-radius: 0; color: #333; padding: 0px; margin: 30px; }
.nav-tabs > li > a:hover { color: #ba8833; border-color: #fff #fff #fff; border-radius: 0; background: none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.nav-tabs > li > a.active { color: #ba8833; border-radius: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.navbar-brand { padding: 15px 0; }
.nav-tabs li a:last-child { margin-right: 0; }
.nav-tabs li a { margin: 30px 0 30px 60px; }
.col-25 { width: 285px; }
/*===========================

 main-slider

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

.main-menu .navigation > li.active > a{color:#ba8833;}
.main-menu .navigation .dropdown ul > li.active > a{color:#ba8833;}

#main-slider { position: relative; }
.no-margin { margin: 0; padding: 0; }
#main-slider .carousel .carousel-content { 
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-top: 5%;
    background-color: #ffffffc2;
    padding: 20px 35px;
    border-radius: 20px;
  }
#main-slider .carousel .slide-margin { margin-top: 140px; }
#main-slider .carousel h2 { color: #000000; text-transform: uppercase; font-size: 51px; font-weight: 800;/*text-shadow: 3px 4px 1px rgba(0, 0, 0, 1);*/

}
#main-slider .carousel h2 span { color: #ba8833; }
#main-slider .carousel h2 span spani { color: #000; }
#main-slider .carousel p { color: #000000;
    line-height: 28px;
    font-size: 16px;
    font-weight: normal; }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #ba8833; color: #ffffff; font-weight: 500; border-radius: 3px; display: inline-block; transition-duration: .4s; }
#main-slider .carousel .btn-slide:hover:before { transform: scaleY(1); }
#main-slider .carousel .btn-slide:hover { color: #fff; }
#main-slider .carousel .btn-slide:before { background: #2b2a29  none repeat scroll 0 0; border-radius: 2px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
#main-slider .carousel .slider-img { text-align: right; position: absolute; }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; height: 730px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
/*.feature*/

#main-slider .carousel .item{
  position: relative;
}

#main-slider .carousel .item::after{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: -1;
    right: 0;
    bottom: 0;
}


/*menu*/







/*Header Fixed */
.header-main.fixed {z-index: 11;padding: 7px 0;animation: stuckMoveDown .6s;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15)}
.fixed {position: fixed;top: 0;left: 0;width: 100%;background: #fff;margin: 0 auto}
/*.fixed .logo { padding: 10px 0px;}*/
.fixed .nav-menu {padding: 10px 0}
.header-main.fixed .logo img {max-height: 50px !important}
.header-main:not(.fixed) .logo img {transition: max-height .5s; /*max-width: 170px;*/ }
@keyframes stuckMoveDown {
0% { transform: translateY(-100%);}
100% { transform: translateY(0);}
}

/*Nav*/
.nav-menu{float:right;}
.menulinks{display:none;text-align:center;width:41px;height:35px;line-height:35px;color:#fff;font-size:22px;position:absolute;top:0px;right:15px;cursor:pointer;}
ul.mainmenu{vertical-align:middle;display:inline-block;margin:0;padding:0;list-style:none;text-align:left;}
ul.mainmenu > li{display:inline-block;padding:0px 5px;position:relative;vertical-align:top;}
ul.mainmenu > li > a:not(.child-triggerm){font-weight: 500;text-transform: capitalize;padding:35px 5px;display:inline-block;text-align:center;font-size:16px;color:#000000;line-height:18px;position:relative;vertical-align:top;}
ul.mainmenu > li.parent > a:not(.child-triggerm){padding-right:20px;}
ul.mainmenu > li:hover a,ul.mainmenu > li > a.current{color:#ba8833;}
ul.mainmenu > li > a.current{border-bottom-color:#16c1f3;}
ul.mainmenu > li > a.current:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#16c1f3;border-width:8px;margin-left:-8px;}
ul.mainmenu ul{position:absolute;left:0;width:280px;padding:0;list-style:none;margin:0;background:#2b2a29;z-index:2;display:none;}
ul.mainmenu ul li{border-bottom:1px solid rgba(255,255,255,0.1);position:relative;}
ul.mainmenu ul li:last-child{border-bottom:none;}
ul.mainmenu li li a:not(.child-triggerm){color:#fff;display:block;padding:8px 15px;font-size:15px;}
ul.mainmenu li li a:hover{/*background:rgba(255,255,255,0.1);*/ background: #ba8833;}
ul.mainmenu ul ul{position:absolute;left:100%;top:0;display:none;}
ul.mainmenu > li.parent > a:before{content:"\f107";font-family:FontAwesome;position:absolute;right:0;top:50%;transform:translateY(-50%);}
ul.mainmenu > li.parent > a.child-triggerm:before{content:none;}
.header-main .row{display:flex;align-items:center;}

.header-main.fixed{
    background-color: #ffffff;
}

.header-main.fixed ul.mainmenu > li > a:not(.child-triggerm){
    color: #055094;
}

.header-main.fixed li.rounded-pill.bg-white{
    background-color: #055094 !important;
}
.header-main.fixed li.rounded-pill.bg-white a{
    color: #ffffff !important;
}

li.current-menu.active > a {
    color: #ba8833 !important;
}

/*Nav*/


/*New css */


====================================================================
  Main Header style
====================================================================

***/

.main-header { position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; background: #222222; }
.main-header .header-top { position: relative; background: #2b2a29; color: #ffffff; padding: 6px 0px; }
.main-header.header-style-one .main-box .auto-container { }
.main-header .header-top .top-left { position: relative; float: left; }
.main-header .header-top .top-left ul li { position: relative; display: inline-block; line-height: 24px; padding-left: 25px; margin-right: 40px; color: #ffffff; }
.main-header .header-top .top-left ul li .icon { position: absolute; left: 0px; top: 1px; font-size: 14px; line-height: 24px; }
.main-header .header-top .top-left ul li a:hover { color: #fff; }
.main-header .header-top .top-left ul li a { position: relative; color: #ffffff; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.main-header .header-top .top-left ul li a:hover { color: #fa6f1c; }
.main-header .header-top .top-right { position: relative; float: right; }
.main-header .header-top .top-right ul li:hover { color: #f88203; }
.main-header .header-top .top-right ul li { position: relative; display: inline-block;  }
.main-header .header-top .top-right ul li .icon { margin-right: 15px; position: relative; top: 2px; font-size: 16px; }
.header-top .social-icon { position: relative; }
.header-top .social-icon a { position: relative; display: inline-block; text-align: center; margin-right: 20px; line-height: 24px; font-size: 13px; color: #ffffff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.header-top .social-icon a:hover { color: #ff8201; }
.header-top .social-icon1 a { position: relative; display: inline-block; text-align: center; margin-right: 20px; line-height: 24px; font-size: 13px; color: #ffffff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.header-top .social-icon1 a:hover { color: #f88203; }
.social-icon1 a { color: white; }
.main-header .main-box { position: relative; padding: 0px 0px; z-index: 1; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.main-header.fixed-header .main-box { position: fixed; width: 100%; left: 0px; top: 0px; margin-top: 0px !important; background-color: #ffffff; border-bottom: 1px solid #e0e0e0; padding: 0px 0px; z-index: 999; opacity: 1; height: auto; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.main-header.fixed-header .main-box .outer-container { padding: 0px; }
.main-header .main-box .outer-container { position: relative; padding: 0px 0px; }
.main-header .main-box .logo-box { position: relative; float: left; left: 0px; padding: 10px 0px; z-index: 10; }
.fixed-header .main-box .logo-box { padding: 16px 0px; }
.main-header .main-box .logo-box .logo img { display: inline-block; max-width: 100%; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.main-header .nav-toggler { position: absolute; right: 0px; top: 50%; margin-top: -20px; display: none; }
.main-header .nav-toggler button { position: relative;
    display: block;
    height: 40px;
    width: 44px;
    background: #ba8833;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    border: 1px solid #ba8833;
    border-radius: 2px;
    font-weight: normal; }
.main-header .nav-outer { position: relative; float: right; }
.main-menu { position: relative; font-family: 'Catamaran', sans-serif; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.main-menu .navbar-collapse { padding: 0px; }
.main-menu .navigation { position: relative; margin: 0px; }
.main-menu .navigation > li { position: relative; display: inline-block; padding: 19px 0px; margin-left: 20px; text-decoration: none; }
.fixed-header .main-menu .navigation > li { padding: 14px 0px; }
.main-menu .navigation > li > a { position: relative; display: block; padding: 6px 0px; color: #777777; text-align: center; line-height: 30px; text-transform: uppercase; letter-spacing: 0px; font-weight: 700; opacity: 1; font-size: 14px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.header-style-three .main-box .main-menu .navigation > li > a, .header-style-three.fixed-header .main-box .main-menu .navigation > li > a { color: #ffffff; }
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a { color: #ba8833; opacity: 1; }
.main-menu .navigation > li > ul { position: absolute; left: 0px; top: 120%; width: 260px; padding: 0px; z-index: 100; display: none; background: #ffffff; border-top: 4px solid #ad720c; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); }
.main-menu .navigation > li > ul.from-right { left: auto; right: 0px; }
.main-menu .navigation > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10);list-style: none; }
.main-menu .navigation > li > ul > li:last-child { border-bottom: none; }
.main-menu .navigation > li > ul > li > a { position: relative; display: block; padding: 10px 14px; line-height: 24px; font-weight: 400; font-size: 14px; text-transform: capitalize; color: #272727; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul > li:hover > a { color: #ffffff; background: #2c2b2a; }
.main-menu .navigation > li > ul > li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; right: 10px; top: 10px; width: 10px; height: 20px; display: block; color: #253d4a; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; }
.main-menu .navigation > li > ul > li.dropdown:hover > a:after { color: #ffffff; }
.main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 20px; width: 220px; padding: 0px; z-index: 100; display: none; background: #ffffff; border-top: 3px solid #ff8201; -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05); }
.main-menu .navigation > li > ul > li > ul.from-right { left: auto; right: 0px; }
.main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); }
.main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; }
.main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; padding: 10px 15px; line-height: 24px; font-weight: 400; font-size: 14px; text-transform: capitalize; color: #272727; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation > li > ul > li > ul > li:hover > a { color: #ffffff; background: #fa6f1c; }
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; right: 10px; top: 11px; width: 10px; height: 20px; display: block; color: #272727; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; }
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after { color: #ffffff; }
.main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 100%; }
.main-menu .navigation li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 0; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; background: url(../images/icons/submenu-icon.png) center center no-repeat; background-size: 20px; cursor: pointer; z-index: 5; display: none; }
a.view-more { position: relative; font-size: 13px; color: #ff8201; font-weight: 800; float: right; margin-top: 10px; text-transform: uppercase; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
a.view-more:hover { color: #232323; }
span.calltxt { font-size: 16px; font-weight: bold; color: #222; display: block; margin-top: 15px; border: 1px dashed #222; padding: 2px 18px; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
fixed-header span.calltxt { background-color: #f88203; color: #fff; /* display: block; */ /* margin-top: 15px; */
border: 1px dashed #fff; }
.box { padding: 7px 14px 3px 14px; border: 1px solid #0a0a0a; }
.box1 { padding: 7px 11px 3px 11px; border: 1px solid #0a0a0a; }
.header-style-two .main-box { top: auto; margin-top: 0px; background-color: #ffffff; border-bottom: 1px solid #e0e0e0; }
.header-style-two .main-box .outer-container { padding: 0px; }
.form-group { margin-bottom: 25px; }
/*Header Style Three*/

.header-style-three { position: absolute; background: none; }
.header-style-three .main-box { position: relative; top: auto; margin-top: 0px; background-color: rgba(0,0,0,0.20); }
.header-style-three.fixed-header .main-box { background-color: rgba(0,0,0,0.80); border: 0px; }
.header-style-three .main-box .outer-container { padding: 0px; width: 100%; background: none; }
/***

====================================================================
  Hidden Sidebar style
====================================================================

***/

.hidden-bar { position: fixed; top: 0; width: 305px; height: 100%; z-index: 999; background: #272727; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; }
.hidden-bar .mCSB_inside > .mCSB_container { margin-right: 0px; }
.hidden-bar.right-align { right: -400px; }
.hidden-bar.right-align.visible-sidebar { right: -40px; }
.hidden-bar.right-align .hidden-bar-closer { left: 0px; }
.hidden-bar.left-align { left: -400px; }
.hidden-bar.left-align.visible-sidebar { left: 0px; }
.hidden-bar.left-align .hidden-bar-closer { right: -20px; }
.hidden-bar .hidden-bar-closer { width: 40px; height: 40px; position: absolute; top: 0; background: rgba(255,255,255,0.80); color: #272727; border-radius: 2px; text-align: center; line-height: 38px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 999999; }
.hidden-bar .hidden-bar-closer:hover { background: #fa6f1c; }
.hidden-bar .hidden-bar-closer:hover .btn { color: #ffffff; }
.hidden-bar .hidden-bar-closer .btn { background-color: transparent; border: none; outline: none; font-size: 14px; }
.hidden-bar .social-icons { text-align: center; margin: 50px 0px 30px; }
.hidden-bar .social-icons ul { font-size: 0; margin-left: -5px; margin-right: -5px; }
.hidden-bar .social-icons ul li { display: inline-block; padding: 0 5px; }
.hidden-bar .social-icons ul li a { display: block; width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background: #fa6f1c; color: #ffffff; border-radius: 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.hidden-bar .social-icons ul li a:hover { background: #ffffff; color: #fa6f1c; }
.hidden-bar-wrapper { height: 100%; }
.hidden-bar .logo {padding: 30px 0px;background: #272727;width: 80%;margin-top: 30px;margin-left: 11px;}

.hidden-bar .side-menu { background-color: transparent; padding: 0; font-size: 13px; letter-spacing: 1px; }
.hidden-bar .side-menu ul li ul a { background: transparent; }
.hidden-bar .side-menu ul li ul li ul li a { background: transparent; }
.hidden-bar .side-menu a.current { color: #ba8833; }
.hidden-bar .side-menu li.current > a { color: #fff; }
.hidden-bar .side-menu ul li a { background: transparent; color: #ffffff; display: block; font-weight: 500; text-transform: uppercase; border-top: 0px solid rgba(255,255,255,0.30); border-bottom: 1px solid rgba(255,255,255,0.30); padding: 6px 15px 3px 20px; position: relative; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-size: 12px; }
.hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a { background: rgba(255,255,255,0.10); color: #ffffff; }
.hidden-bar .side-menu ul li a .btn.expander { background: none; color: #ffffff; border: 1px solid rgba(255,255,255,0.80); padding: 0px 9px; font-size: 12px; border-radius: 0px; position: absolute; top: 3px; right: 46px; outline: none; }
span.calltxt1 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-top: 15px;
    border: 1px dashed #fff;
    padding: 5px 18px;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    margin-right: 40px;
}
h3.mobile_content {
    color: white;
    font-size: 35px;
    border: 1px dashed rgb(255, 255, 255);
}


li.dropdown ul{
  padding-left: 0;
}

li.dropdown ul > li{
  list-style: none;
}




/*** 

====================================================================
  Main Slider style
====================================================================

***/

.main-slider { position: relative; z-index: 0; }
/*.main-slider .tp-dottedoverlay{
    background-color:rgba(0,0,0,0.70);
}*/

.main-slider .tp-caption { z-index: 5 !important; }
.main-slider .text { 
    position: relative;
    font-weight: 400;
    line-height: 32px !important;
    color: #ffffff;
    font-size: 20px !important;
    z-index: 9;
   
    
}

.main-slider .text h2 {
     margin: 20px 0 !important;
}
    
    span.theme_color {
         font-size: 14px !important;
         margin: 20px 0 !important;
    }
    .slick-next:before {
    content: '→';
    right: 27px;
    position: absolute;
}



.main-slider h2 { position: relative; font-size: 44px; color: #ffffff; font-weight: 900; line-height: 1.3em; letter-spacing: 1px; z-index: 9; text-transform: uppercase; margin: 0px 0 !important; }
.main-slider .btn-style-one, .main-slider .btn-style-two { border-width: 2px !important; }
.main-slider .tp-bullets.preview3 .bullet { background: none !important; width: 10px !important; height: 10px !important; border: 2px solid #ffffff!important; border-radius: 50%!important; margin: 0px 7px; }
.main-slider .tp-bullets.preview3 .bullet:hover, .main-slider .tp-bullets.preview3 .bullet.selected { background: #ba8833 !important; }
.main-slider .tparrows.preview3, .main-slider .tparrows.preview3 { background: none !important; width: 54px !important; overflow: hidden; margin-top: 0px !important; height: 54px !important; }
.main-slider .tparrows.preview3::after { top: 0px; background: rgba(0,0,0,0); color: #ffffff; font-size: 22px; height: 54px !important; line-height: 48px; width: 50px !important; border: 2px solid #ffffff; padding: 0px; border-radius: 2px; }
.main-slider .tparrows.tp-leftarrow.preview3::after { content: '\f104'; font-family: 'FontAwesome'; }
.main-slider .tparrows.tp-rightarrow.preview3::after { content: '\f105'; font-family: 'FontAwesome'; }
.main-slider .tparrows.preview3.tp-leftarrow { left: 30px !important; }
.main-slider .tparrows.preview3.tp-rightarrow { right: 30px !important; }
.main-slider .tparrows.preview3:hover::after { background: #ba8833; border-color: #ba8833; }
.main-slider .tparrows.preview3 .tp-arr-iwrapper { visibility: hidden; opacity: 0; display: none; }
.main-slider .tp-bannertimer { display: none !important; }
/*.main-slider .overlay-color{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:block;
  z-index:99;
  background-color:rgba(0,0,0,0.70);
}*/

.main-slider .overlay-none .tp-dottedoverlay { background-color: inherit !important; }
.main-slider .overlay-color .tp-dottedoverlay { background-color: rgba(0,0,0,0.70) !important; }
h3.mobile_content{color:white;font-size:44px;}
.mobile_content {

    font-size: 44px;

}
/*** 



/*End New css */

/*menu*/






.feature-in { color: #333; font-size: 14px; font-weight: bold; }
.feature-in:hover { color: #ba8833; }
.text-center h3 { text-transform: uppercase; font-size: 25px; color: #333; font-weight: 600; }
.feature { padding: 0 0 40px; }
.text-center i { font-size: 40px; margin-top: 0px; margin-bottom: 0px; color: #fff; padding: 50px; background: #ba8833; border-radius: 6px; width: 140px; height: 140px; transition-duration: .3s; }
.text-center h2 { margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ba8833; }
.hi-icon-effect i.fa:hover { transition-duration: .3s; background: #2b2a29; color: #ba8833; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }
#partner { background: url(../images/partners/partner_bg6.jpg) 50% 50% no-repeat; background-size: cover; overflow-x: hidden; }
#partner { color: #fff; text-align: center; padding: 100px; }
#partner h2 { color: #fff; font-size: 30px; font-weight: 600; }
#partner p { color: #fff; font-size: 20px; }
.partners ul { list-style: none; margin: 0; padding: 0; }
.partners ul li { display: inline-block; vertical-align: middle; padding: 0 18px; }
.partners ul li a img { margin-top: 50px; border-radius: 0px; }
#conatcat-info { background: #fff url(../images/contact1.png) no-repeat 85% 0; padding: 50px 0 20px; }
.contact-info i { width: 50px; height: 50px; font-size: 40px; line-height: 50px; color: #fff; background: #ba8833; text-align: center; border-radius: 6px; }
.contact-info h2 { margin-top: 0; color: #000; }
.contact-info { color: #000; }
/* --- about us --- */

.about p { padding: 10px 0 0; text-align: justify; }
.about1 { padding: 40px 0 50px; }
.aboutp { margin-top: 20px; text-align: justify; }
.about1 h2 { margin-bottom: 30px; margin-top: 0; }
.aboutbtt { background: #ba8833 none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-weight: 600; margin-top: 18px; padding: 10px 22px; float: right; position: relative; z-index: 0; font-size: 17px; display: inline-block; }
.aboutbtt:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.aboutbtt:hover::before { transform: scaleY(1); }
.aboutus { padding: 25px 25px 25px; }
.aboutus img { border-radius: 6px; }
.aboutus h3 { margin-bottom: 10px; font-weight: 800; }
.aboutus h4 { margin-top: 0; margin-bottom: 15px; font-weight: 700; font-size: 22px; }
.skill h2 { margin-top: -10px; margin-bottom: 25px; }
.progress-wrap { position: relative; }
.progress .color1,  .progress .color1 .bar-width { background: #2d7da4; }
.progress .color2,  .progress .color2 .bar-width { background: #6aa42f; }
.progress .color3,  .progress .color3 .bar-width { background: #ffcc33; }
.progress .color4,  .progress .color4 .bar-width { background: #db3615; }
.progress,  .progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; }
.progress { position: relative; margin-bottom: 35px; }
.progress .bar-width { position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; }
.progress span { position: relative; }
.progress span:before { content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; }
.progress .color1 span:before { border-color: #2d7da4 transparent transparent transparent; }
.progress .color2 span:before { border-color: #6aa42f transparent transparent transparent; }
.progress .color3 span:before { border-color: #ffcc33 transparent transparent transparent; }
.progress .color4 span:before { border-color: #db3615 transparent transparent transparent; }
.about { background: #eee; padding: 40px; }
.about h2 { margin-bottom: 30px; margin-top: 0; }
.about img { margin-bottom: 30px; border-radius: 6px; }
.our-team { padding: 40px; background: #ddd; }
.our-team h3 { margin-bottom: 10px; font-weight: 800; }
.our-team h4 { margin-top: 20px; margin-bottom: 8px; font-weight: 600; font-size: 19px; }
.our-team p { text-align: center; }
.our-team img { border-radius: 6px; margin-top: 30px; }
.lates { padding: 40px; }
.lates h2 { font-size: 25px; font-weight: 800; color: #333; }
.wow.fadeInDown.animated { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .6s; }
.lates a { overflow: hidden; float: left; border-radius: 5px; border: 1px solid #d0d0d0 }
.lates img { border-radius: 5px; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .6s; }
.lates img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: rotate(1.1); transition-duration: .6s; }
.img-responsive { border-radius: 6px; }
/* --- footer --- */

.footer { background: #ba8833; padding: 15px 22px; }
ul.social-network { list-style: none; margin-top: 20px; padding: 10px 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
ul.social-network li { display: inline; margin: 0 18px; font-size: 25px; }
ul.social-network li:first-child { margin-left: inherit; }
ul.social-network li a { color: #fff; }
.social-network li:hover .fa-twitter { color: #727376; }
.social-network li:hover .fa-facebook { color: #727376; }
.social-network li:hover .fa-google-plus { color: #727376; }
.social-network li:hover .fa-pinterest { color: #727376; }
.social-network li:hover .fa-linkedin { color: #727376; }
.social-network li:hover .fa-youtube-play { color: #727376; }
.social-network li:hover .fa-dribbble { color: #727376; }
.social-network li:hover .fa-pinterest-square { color: #727376; }
/*.copyright { margin-top: 30px; float: right; }*/
.copyright a { color: #000; text-transform: uppercase; font-weight: 600; font-size: 12px; text-shadow: none; }
/* --- services --- */




.service-in { width: 100%; }
.service-in ul { padding: 0; }
.service-in ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.service-in ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ba8833; content: ""; float: left; border-radius: 50%; }
.service-logo { width: 100%; padding: 0 0 0 30px; }
.services .service-logo p { text-align: justify; margin-top: 0px; }
.service-logo ul { padding: 0; }
.service-logo ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.service-logo ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ba8833; content: ""; float: left; border-radius: 50%; }
.media > ul { padding: 0 0px 0 0; }
.border { border-bottom: solid 1px #cbcbcb; }
.services { padding: 25px 40px; }
.img-responsive.identity { float: right; margin-top: 20px; }
.services h3 { margin-bottom: 10px; font-weight: 800; }
.services img { border-radius: 6px; margin: 7px 0 10px 0; }
.sub-services img { border-radius: 6px; margin-top: 52px; }
.img-responsive.print_service { margin-top: 64px; }
.services p { margin-top: 8px; font-size: 14px; }
.sub-services { padding: 25px 40px 25px; background: #eeeeee; }
.sub-services p { margin-top: 8px; text-align: justify; padding: 0 30px 0 0; font-size: 14px; }
.media-body p { margin-bottom: 25px; text-align: justify; }
.media ul li { list-style: none; }
.media i { color: #fff; font-size: 35px; }
.media h4 { font-size: 20px; font-weight: 600; color: #ba8833; }
/* --- portfolio --- */

.text-center-port p { font-size: 18px; text-align: center; padding: 50px 0 30px; }
.portfolio { color: #ba8833; font-size: 22px; margin: 30px 0 12px 0; display: inline-block; }
.portfolio-in { width: 100%; }
.portfolio-in ul { padding: 0; }
.portfolio-in ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.portfolio-in ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ba8833; content: ""; float: left; border-radius: 50%; }
#portfolio .center p { margin-top: 50px; margin-bottom: 50px; font-size: 18px; }
.portfolio-items,  .portfolio-filter { list-style: none outside none; margin: 0 0 40px 0; padding: 0; }
.span9.wow.fadeInDown.animated { float: left; }
.quality { display: none; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; border: 1px solid #F2F2F2; outline: none; border-radius: 3px; }
.portfolio-filter > li a:hover,  .portfolio-filter > li a.active { color: #fff; background: #ba8833; border: 1px solid #ba8833; box-shadow: none; -webkit-box-shadow: none; outline: none; }
.btn.btn-default.active { outline: none; text-decoration: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; text-decoration: none; outline-offset: inherit; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:hover, a:focus { color: inherit; outline: none; }
.portfolio-item { margin: 0; padding: 0; }
.overlay { margin-bottom: 20px; text-decoration: none }
.overlay h3 a { text-decoration: none; }
.overlay a:hover { color: #ba8833; }
/*.portfoliodiv{width:100%;}

.portfoliodiv ul{}

.portfoliodiv ul li{ display:inline; float:left; width:20%;}*/





.filter ul li.sad { display: none; }
/*------------------------------------------*/

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

   Section Page

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



.page { padding: 50px 0; position: relative; z-index: 99; }
.page-alternate { background: #26292E; padding: 100px 0; position: relative; z-index: 99; }
.title-page { text-align: center; margin-bottom: 15px; }
.title-page .title { font-size: 48px; margin: 0 0 10px 0 }
.title-page .title-description { font-size: 18px; text-transform: inherit; color: #333; margin: 0; }
/* ==================================================

   Section Portfolio

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



.type-work { color: #FFFFFF; font-size: 24px; font-weight: 300; margin-bottom: 30px; line-height: 1em; text-transform: uppercase; }
.work-nav #filters { margin: 0; padding: 0; list-style: none; }
.selec { background: #f1f0f0; }
.work-nav #filters li { margin: 0 0 15px 0; padding: 4px; display: inline-block; }
.work-nav #filters li a { color: #7F8289; font-size: 14px; border: 1px solid #d2d2d2; color: #333; padding: 6px 12px; font-weight: 400; border-radius: 3px; outline: none; text-decoration: none; text-transform: uppercase; }
.work-nav #filters li a:hover { }
.work-nav #filters li a.selected { color: #fff; background: #ba8833 none repeat scroll 0 0; }
#thumbs { margin: 0; padding: 0; width: 100%; }
#thumbs li { width: 25%; float: left; display: inline-block; }
.item-thumbs { position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; }
.item-thumbs a + img { width: 100%; }
.item-thumbs .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; display: none; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; }
.item-thumbs:hover .hover-wrap,  .item-thumbs.active .hover-wrap { opacity: 1; display: block; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
.item-thumbs .hover-wrap .overlay-img { position: absolute; opacity: .7; width: 100%; height: 100%; background: #2c2c2c; }
.item-thumbs .hover-wrap .overlay-img-thumb { position: absolute; top: 50%; left: 0; margin-top: -11px; z-index: 20; right: 0; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-weight: 600; line-height: 1em; text-align: center; opacity: 1; filter: alpha(opacity=100); }
/* ==================================================

   About Section

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



.profile-name { margin-bottom: 15px; }
.profile-description { margin-bottom: 25px; }
.image-wrap { position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer; }
.image-wrap img { width: 100%; }
.image-wrap .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); }
.image-wrap:hover .hover-wrap,  .image-wrap.active .hover-wrap { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
.image-wrap .hover-wrap .overlay-img { position: absolute; width: 100%; height: 100%; background: #DE5E60; opacity: 0.80; filter: alpha(opacity=80); }
.image-wrap .hover-wrap .overlay-text-thumb { position: absolute; width: 100%; height: 32px; top: 50%; margin: -16px 0 0 0; color: #FFFFFF; font-size: 20px; font-weight: 300; line-height: 32px; text-transform: uppercase; text-align: center; opacity: 1; filter: alpha(opacity=100); }
.social-icons { margin: 0; padding: 0; }
.social-icons li { display: inline-block; margin-left: 15px; }
.social-icons li:first-child { margin-left: 0; }
.social-icons li a { color: #FFFFFF; font-size: 16px; line-height: 1em; width: 16px; height: 16px; opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; }
.social-icons li a:hover { opacity: 1; filter: alpha(opacity=100); }
.span3 { width: 100%; display: table; margin: 0 auto; }
.work-nav { margin: 0 auto; text-align: center; width: 100%; }
.span9 { width: 100%; margin: 0 auto; }
#projects { width: 100%; margin: 0 auto; }
/*-----------end-------------------------------*/





/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/

.isotope,  .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { }
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,  .isotope.no-transition .isotope-item,  .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* --- Map --- */

.map { position: relative; margin-bottom: 40px; }
.map iframe { width: 100%; height: 200px; border: none; }
.map-grid iframe { width: 100%; height: 350px; border: none; margin: 0 0 -5px 0; padding: 0; }
/* --- contact --- */

.contact-address { width: 100%; text-align: center; }
.contact-address h3 { font-size: 25px; font-weight: bold; }
.contact-address p { font-size: 15px; color: #000; }
.contact-address a { text-decoration: none; }
.contact-address span { font-weight: bold; font-size: 15px; color: #4f4f4f; }
.contact-address { background: #eee; padding: 15px 0 20px; }
.btn-primary { background: #ba8833 none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; float: left !important; font-weight: 600; margin-top: 10px; padding: 8px 20px; position: relative; text-transform: uppercase; z-index: 0; }
.btn-primary:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.btn-primary:hover:before { transform: scaleY(1); }
#plan { width: 100%; color: #000; padding: 7px 12px; border-radius: 4px; background-image: none; border: 1px solid #ccc; color: #555; display: block; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
#plan option { color: #000; padding: 0px 12px; text-decoration: none; outline: none; }
.form-group.form-group1 { width: 48%; float: left; }
.form-group.form-group2 { width: 48%; float: left; margin: 0 0px 0 22px; }
.form-group.form-group3 { width: 48%; }
.form-group.form-group4 { width: 48%; margin: -75px 0 0 22px; float: right; }
#contact-page { padding-top: 0; background: #fff; margin-bottom: 35px; }
#contact-page .contact-form  .form-group label { color: #4E4E4E; font-size: 14px; font-weight: 300; width: 100%; }
.form-group .form-control { padding: 7px 12px; border-color: #dadada; box-shadow: none; }
textarea#message { resize: none; padding: 10px; }
#contact-page .contact-wrap { margin-top: 20px; }
.center h2 { font-size: 36px; margin-top: 0; margin-bottom: 20px; text-align: center; }
.center p { text-align: center; }
a.scrollup { color: #fff; background: #615A61; height: 40px; width: 40px; font-size: 12px; line-height: 30px; text-align: center; text-decoration: none; position: fixed; bottom: 30px; right: 40px; opacity: 0, 5; border-radius: 50%; z-index: 999; }
a.scrollup:hover { opacity: 1; color: #c79104; }
/*owl slider*/

#owl-carousel { width: 100%; }
#owl-carousel .owl-buttons .owl-next { display: block !important; right: -44px; position: absolute; top: 170px; width: 36px; height: 38px; background: #626262 url(../images/sprite2.png) no-repeat -25px -356px; font-size: 0; transition-duration: .3s; border-radius: 50%; }
#owl-carousel .owl-buttons .owl-next:hover { background: #ba8833 url(../images/sprite2.png) no-repeat -25px -356px; transition-duration: .3s; }
#owl-carousel .owl-buttons .owl-prev { display: block !important; left: 0px; position: absolute; top: 170px; background: #626262 url(../images/sprite2.png) no-repeat 7px -356px; width: 36px; height: 38px; font-size: 0; left: -32px; transition-duration: .3s; border-radius: 50%; }
#owl-carousel .owl-buttons .owl-prev:hover { background: #ba8833 url(../images/sprite2.png) no-repeat 7px -356px; transition-duration: .3s; }
/*.team { width: 100%; float: left; }*/
.team a { display: block; }
.team a img { max-width: 100%; padding: 15px; }



/*dipakcustomcss*/

.suyogsectionspace{
  padding: 40px 0;
  text-align: justify;
}

.visionmission ul li{
  color: #000000;
  list-style: none;
  text-align: justify;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border-top: 0px solid #eee !important;
    opacity: 1 !important;
}

.media-body ul li{
    list-style: none;
    position: relative;
    color: #333;
}
.media-body ul li:before{
   width: 7px;
    height: 7px;
    background: #ba8833;
    content: "";
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 7px;
}


#gallery .slick-slide {
        margin-left: 40px;
        margin-right: 40px;
          margin-top: 40px;
        height: 100%;
        min-height: 1px;
        float: left;
}




.footer-style-two {
    position: relative;
    background-color: #232323;
}

.footer-style-two .footer-upper {
    position: relative;
    padding: 80px 0px 50px;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.footer-style-two .footer-widget {
    margin-bottom: 30px;
}

.footer-style-two .footer-widget .logo-box {
    margin-top: 20px;
}


.footer-style-two .footer-widget .text {
    position: relative;
    color: #aaaaaa;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.list-style {
    position: relative;
}

.list-style li {
    position: relative;
    padding-left: 55px;
    min-height: 35px;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 20px;
    padding-top: 8px;
    /* line-height: 35px; */
}

.list-style li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    color: #e8e8e8;
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    border: 1px solid #777777;
    list-style: none;
}

.main-footer .footer-bottom {
    position: relative;
    padding: 35px 0px;
    background-color: #ba8833;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    font-size: 15px;
    color: #ffffff;
    margin-top: 5px;
    line-height: 3;
}

.main-footer .footer-bottom .copyright p{
    color: #ffffff;
    margin-bottom: 0;
}

a.team {
    color: #ffffff;
    font-weight: 600;
}

ul.list-style1 li{
    list-style: none;
}

.footer-widget.logo-widget .list-style li{
   list-style: none;
}

ul.list-style1 li a{
    color: #ffffff;
}

.social ul.list-style1 li{
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin: 0 10px;
}

.footer-style-two .footer-widget h2{
    color: #ba8833;
    margin-bottom: 40px;
}


.social ul.list-style1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}

.widget-content .posts .list-style1{
    padding-left: 0;
}

.services h1{
    color: #000000;
    text-transform: uppercase;
}


 .certificatres .block{
          display: flex;
          flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0;
      }
      
      
     .certificatres .block .aboutbtt {
         margin-top: 0;
     }
     
     header.main-header.header-style-one {
    background-color: #eee;
}


.order-1.order-md-2 img{
    margin-bottom: 15px;
    
} 

ul.list-style1 li a:hover {
    color: #ba8833;
}

.widget-content .posts .list-style1 li {
    padding: 5px 0;
}

/*.current {*/
/*    color:#ba8833;*/
/*    text-decoration: none !important;*/
/*}*/

.main-slider span.text{
    color: #ffb12c !important;
    font-size: 44px;
    color: #ffffff;
    font-weight: 900;
    line-height: 1.3em;
    letter-spacing: 1px;
    z-index: 9;
    text-transform: uppercase;
    margin: 0px 0 !important;
}

h3.mobile_content i{
    margin-right: 5px !important;
}






@media(max-width:1326px){

#owl-carousel .owl-buttons .owl-next{right:0px;}	
#owl-carousel .owl-buttons .owl-prev{left:0px;}	
}
@media(max-width:1180px){
/*#owl-carousel .owl-buttons .owl-next{right:-15px;}	*/
/*#owl-carousel .owl-buttons .owl-prev{left:-15px;}	*/
}
@media(max-width:768px){
.container{ width:inherit;}
ul.social-network{ text-align:center; margin:0; padding:0 0 8px;}
.copyright{ text-align:center; margin:0; float:none;}
.footer{padding: 25px 22px;}
#partner{padding: 40px 0;}
.portfoliodiv{ margin:40px 0 40px 80px;}
#thumbs li{ width:24%;}
.title-page .title-description{ font-size:15px;}
.menu {font-size: 11px; }
}
@media(max-width:767px){
.navbar-header{padding: 0 0 10px;}
.navbar-toggle{margin-top: 22px;}

.main-slider .text {
    line-height: 20px !important;
    color: #ffffff;
    font-size: 16px !important;
    z-index: 9;
    
}


}
@media(max-width:640px){
.media{ margin-top:25px !important;}
.navbar-brand{ padding:15px;}
.portfoliodiv{ margin:40px 0 40px 20px;}
#thumbs li{ width:50%;}
}
@media(max-width:480px){
#main-slider .carousel h2{ font-size:30px;}
/*#main-slider .carousel .item{ height:500px;}*/
#main-slider .carousel .slide-margin{ margin-top:40px;}
.about{padding: 40px 0; text-align:justify;}
.lates{padding: 40px 0;}
.wow.fadeInDown.animated > p{ text-align:justify;}
.nav-tabs > li > a{margin: 30px 15px;}
.breadcrumb li{ margin-top:118px;}
.aboutus h3{ font-size:20px;}
.aboutus{padding: 25px 0 30px;}
.aboutus h4{ font-size:20px;}
.our-team{padding: 25px 0;}
.our-team img{ width:100%}
.services{padding: 20px 0 0;}
.media-left, .media-right, .media-body{ display:inherit;}
.media-body p{ text-align:justify;}
.services p{ margin:10px 0 0;}
.media > ul{ margin-bottom:30px;}
.media-left{ display:none;}
.border{margin: 25px 0 0;}
.media ul li .media-body .media-heading{margin-top: 25px;}
.sub-services{padding: 40px 0 25px;}
.sub-services{padding: 15px 0 40px;}
.media-body p{ margin:0;}
.filter ul li{ margin:10px 0;}
.portfoliodiv{ margin:20px 0 20px 80px;}
.partners ul li{padding: 0 12px;}
.footer{padding: 25px 0;}
.post{ text-align:center !important;}
.sub-services p {padding: 0;}
}

@media(max-width:375px){
       .main-slider .text {
        line-height: 16px !important;
        color: #ffffff;
        font-size: 13px !important;
        z-index: 9;
    } 
}







@media(max-width:360px){
.nav-tabs > li > a:hover{ background:#000;}
.nav-tabs > li > a.active{ margin:0;}
.nav-tabs > li > a{ margin:0;}	
ul.social-network li{ margin:0 15px;}	
.menu{ float:none;}
.menu ul.nav-tabs li{ float:none;}
.nav-tabs > li > a{padding: 12px 14px;}
.nav-tabs{padding: 15px 0;}
.navbar-collapse{ padding:0;}
.text-center i{margin-bottom: 15px;margin-top: 40px;}
.feature{padding: 0 0 20px;}
.about{ padding:20px 0;}
.lates{padding:20px 0;}
.media-body{ font-size:20px;}
.portfoliodiv{ margin:20px 0 20px 20px;}
.col-25{ padding:10px;}
#thumbs li{ width:100%; margin-bottom:15px;}
.page{padding:25px 0 15px;}
.work-nav #filters li{padding: 8px 24px;}
}
@media(max-width:320px){
.portfoliodiv{ margin:20px 0 20px 0px;}	
.col-25{ padding:10px;}

}