@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700'); 
@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeue.eot');
	src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeue.woff2') format('woff2'),
		url('../fonts/BebasNeue.woff') format('woff'),
		url('../fonts/BebasNeue.ttf') format('truetype'),
		url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT 65';
	src: url('../fonts/AvenirLT-Black.eot');
	src: url('../fonts/AvenirLT-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLT-Black.woff2') format('woff2'),
		url('../fonts/AvenirLT-Black.woff') format('woff'),
		url('../fonts/AvenirLT-Black.ttf') format('truetype'),
		url('../fonts/AvenirLT-Black.svg#AvenirLT-Black') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd-Light.eot');
	src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
		url('../fonts/AvenirLTStd-Light.woff') format('woff'),
		url('../fonts/AvenirLTStd-Light.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir LT Std';
	src: url('../fonts/AvenirLTStd-Roman.eot');
	src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
		url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
		url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'High Tower Text';
	src: url('../fonts/HighTowerText-Italic.eot');
	src: url('../fonts/HighTowerText-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HighTowerText-Italic.woff2') format('woff2'),
		url('../fonts/HighTowerText-Italic.woff') format('woff'),
		url('../fonts/HighTowerText-Italic.ttf') format('truetype'),
		url('../fonts/HighTowerText-Italic.svg#HighTowerText-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}
/*font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif; */
body{font:400 14px/24px 'Open Sans', sans-serif;color:#3f3f3f;background-color:#fff; overflow-x:hidden !important; padding:0px 0 0 }
html{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% }
ul{padding:0;margin:0 }
ul li, ol li{ list-style-position:inside }
p{ padding-bottom:24px; margin:0 }
p strong{ font-weight:700 }
p span{ font-weight:700; color:#d14124; background-color: inherit }
a{text-decoration:none;color:#2f2f2f}
a:hover{ text-decoration:none }
a:focus{outline:none;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:'Roboto', sans-serif}
h2 span{ display:block }
body.page h2:before, body.single h2:before{ background:#d14124; }
 
h3{ font:bold 22px/22px; color:#012f6b; background-color:inherit; padding:0 0 13px; margin:0 0 13px; position:relative; text-transform: uppercase }
h4{ font:600 16px/24px; color:#666; background-color:inherit; padding:0; margin:0 }
.title-txt h3{ text-transform: uppercase }
h5{ font:bold 18px/22px; color:#012f6b; background-color:inherit; padding:0 0 13px; margin:0 0 13px; position:relative; text-transform: uppercase }
h5:before{ width:55px; height:3px; background:#012f6b; position:absolute; bottom:0; left:0; content:'' }
img{border:none}
.pull-up-10{ margin-top:10px !important }
.pull-down-10{ margin-bottom:10px !important }
.pull-down-20{ margin-bottom:20px !important }
.pull-down-30{ margin-bottom:30px !important }
.pull-down-40{ margin-bottom:40px !important }
.pull-down-50{ margin-bottom:50px !important }
.pull-down-60{ margin-bottom:60px !important }
.pull-down-70{ margin-bottom:70px !important }
ul.alpha{ margin:0 0 24px 50px } 
ul.alpha li{ list-style-type:lower-alpha; list-style-position:outside; padding:0 10px }
/* Preloader */
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#012f6b;z-index:99999}
#status{width:84px;height:84px;position:absolute;left:50%;top:50%;background-image:url(../images/loader.gif);background-repeat:no-repeat; background-size:100px; background-position:center;margin:-42px 0 0 -42px }
/*--------------------*/
/* HEADER SECTION */
/*--------------------*/
header{ width:100%; position: relative; z-index:99 }
.head-top{ width:100%; padding:0; margin:0; color:#fff; background-color: #0e3571; border-bottom: 1px solid #797979; max-height:37px; overflow:hidden; }
ul.contact-info{ float:left; overflow:hidden; padding:0; margin:0 0 0 0px; }
ul.contact-info li{ float:left; padding:0 10px 0 10px; margin:0; list-style:none; font:400 14px/36px 'Open Sans', sans-serif; color:#fff; background-color:inherit;border-right: 1px solid #777; }
ul.contact-info li a{ display:block; color:#fff; background-color:inherit }
ul.contact-info li a:hover{ color:#fff; background-color:inherit }
ul.contact-info li.phone{ background:url(../images/phone-icon.png) no-repeat 0 center; padding-left:10px }
ul.contact-info li.email{ background:url(../images/email-icon.png) no-repeat 0 center; padding-left:18px; padding-right:16px }
ul.contact-info li a span + span{ display:none }
ul.contact-info li:last-child{ border-right:0; }

.social-icons{ height:36px; float:left; padding:10px 8px 0 0; border-right:1px solid #777 }
.social-icons a{ height:15px; display:block; float:left; padding:0;  margin:0 0 0 19px }
.social-icons a.fb-icon{ width:8px; background:url(../images/facebook-icon.png) no-repeat 0 0 }
.social-icons a.fb-icon:hover{background:url(../images/facebook-icon-hover.png) no-repeat 0 0 }
.social-icons a.in-icon{ width:13px; background:url(../images/linkedin-icon.png) no-repeat 0 0 }
.social-icons a.in-icon:hover{ background:url(../images/linkedin-icon-hover.png) no-repeat 0 0 }
.social-icons a.yt-icon{ width:19px; background:url(../images/youtube-icon.png) no-repeat 0 0 }
.social-icons a.yt-icon:hover{ background:url(../images/youtube-icon-hover.png) no-repeat 0 0 }
.social-icons a.tw-icon{ width:15px; background:url(../images/twitter-icon.png) no-repeat 0 0 }
.social-icons a.tw-icon:hover{ background:url(../images/twitter-icon-hover.png) no-repeat 0 0 }



ul.career-list{ padding:0 11px; float:right; position:relative; z-index:9 }
ul.career-list > li{ font:400 14px/36px 'Open Sans', sans-serif; color:#fff; background-color:inherit; list-style:none; float:left; position:relative; padding-left:3px; }
ul.career-list > li > a{ color:#fff; background-color:inherit }
ul.career-list > li > a:hover, ul.career-list > li.current-menu-item > a{ color:#ffe400; background-color:inherit }
ul.career-list > li > ul{ width:251px; padding:0 15px; border:1px solid #d9d9d9; position:absolute; top:100%; right:-12px;  z-index:9; opacity:0; visibility:hidden; background:#fff; 
-webkit-border-radius: 0px 2px 2px 2px;
-moz-border-radius: 0px 2px 2px 2px;
border-radius: 0px 2px 2px 2px; 
box-shadow:0 6px 12px rgba(0,0,0,.175);
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow:0 6px 12px rgba(0,0,0,.175) }
ul.career-list > li > ul li{ width:100%;  position:relative; padding:5px 15px; margin:0; list-style:none; border-bottom:1px solid #eee }
ul.career-list > li > ul li:last-child{ border:none }
ul.career-list > li > ul li a:hover{ color:#d14124; background-color:inherit }
ul.career-list > li > ul li:before{ width:10px; height:10px; position:absolute; top:4px; left:0;  font-family:'FontAwesome'; content: "\f105"; color:#d14124 }
ul.career-list > li:hover ul{ opacity:0; visibility: hidden }
/*--------------------*/
/* Header Nav Section Start */
/*--------------------*/
.head-nav{ width:100%; position: relative; border-bottom:1px solid #d3d3d3; background: 0 -5px; }
.logo{ width:524px; position:relative; margin:5px 0 0; float:left }
.menu-bar{ background:#0e3571; }



.menu-lft{ width:350px; min-height:434px; padding:23px 0 35px 37px; float: left; background-color:#f5f5f5; color:#323232; border-right:1px solid #dbdbdb }
.menu-lft ul{ padding:0; margin:0 }
.menu-lft ul > li{ font:400 14px/20px 'Open Sans', sans-serif; padding:0; margin:0; list-style:none; text-transform: none }
.menu-lft ul > li > a{ padding:12px 0; margin:0 37px 0 0; position:relative; display:block; color:#323232; background-color: inherit; border-bottom:1px solid #dedede }
.menu-lft ul > li > a:hover, .menu-lft ul > li.current-menu-item > a{ color:#d14124; background-color: inherit }
.menu-lft ul li:last-child{ }
body.page.home .menu-rht h2{ color:#d14124; background-color: inherit; font:400 24px/26px 'Open Sans', sans-serif; padding:0 0 18px !important; margin:0 !important; text-align: left !important; text-transform: none; }
body.page.home .menu-rht h2:before{ display: none !important; }
.menu-rht ul{ width:335px; float: left; padding:0; margin:0 }
.menu-rht ul li{ width:100%;  overflow: hidden; font:400 14px/20px 'Open Sans', sans-serif; padding:0 0 0 13px; margin:0; list-style:none; text-transform: none; position: relative }
.menu-rht ul li a{ color:#002b6b; background-color: inherit; border:none; margin:0; padding-top:0 }
.menu-rht ul li a:hover, .menu-lft ul li.current-menu-item a{ color:#d14124; background-color: inherit }
.menu-rht ul li:last-child{ padding-bottom:0 }
.menu-rht ul li ul{ margin:0 }
.menu-rht ul li ul li{ padding-left:10px; padding-bottom:0 }
.menu-rht ul li ul li a{ color:#3c3c3c; background-color: inherit }
.menu-rht .txt-block{ margin-left:335px }
.menu-rht .img-thumbnail{ padding:5px; border:3px solid #c3d8f0; margin-bottom: 14px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px  }
.menu-rht p{ text-transform: none; font-size:14px; line-height:20px; color:#454545; background-color: inherit; padding-bottom:0 }
.submenu-hide{ opacity:0; visibility:hidden; height:0 } 
.submenu-hide.active{ opacity:1; visibility:visible; height:auto } 
ul.dropmenu > li{ position:relative }
.menu-lft > ul > li.submenu-01 > a:before, .menu-lft > ul > li.submenu-02 > a:before, .menu-lft > ul > li.submenu-03 > a:before, .menu-lft > ul > li.submenu-04 > a:before{ width:10px; height:10px; position:absolute; top:12px; right:0;  font-family:'FontAwesome'; content: "\f105"; color:#d14124 }
.menu-rht ul > li:before{ width:10px; height:10px; position:absolute; top:0; left:0;  font-family:'FontAwesome'; content: "\f101"; color:#d14124 }
.menu-rht ul > li > ul > li:before{  width:10px; height:10px; position:absolute; top:0; left:0; font-family:'FontAwesome'; content: "\f0da"; color:#d14124 }


.search-box{ float:right; position:relative; margin:40px 0 0 }
.btn-search{ width:14px; height:14px; margin:0; padding:0 0 54px 49px; background:url(../images/search-icon.png) no-repeat right 0; display:block }
.search-box form{ width:213px; position:absolute; top:100%; right:0; opacity:0; visibility:hidden; z-index:9 }
.search-box form.expend{opacity:1; visibility:visible }
.search-box form input.form-control{ width:100%; height:42px; padding:0 10px; border:1px solid #d3d3d3; 
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px }
/*--------------------*/
/* SLIDER */
/*--------------------*/
.home-slider{ width:100%; height:450px; position:relative; }
.home-slider .slick-list, .home-slider .slick-track, .home-slider .slides, .home-slider .container, .home-slider .row, .home-slider .row > div{ height:100% }
.home-slider .slider-content{ width:50%; padding-left:15px; padding-right:15px; height:100%; display:table }
.home-slider .slider-txt{ width:100%; height:100%; display:table-cell; vertical-align:middle; position:relative; z-index:3 }
.home-slider .slides{ position:relative; background-size:cover !important; }
body.home .home-slider h2{ color:#fff; text-align:left; font:normal 36px/53px 'Bebas Neue'; padding:20px; margin:0 0 12px; position:relative; background: rgba(0,0,0,0.4); }
 .home-slider p{ color:#fff; background-color:transparent; font:bold 28px/33px; padding:0 0 15px; margin:0; font-size:17px;   }	
.home-slider .slider-txt ul{ width:854px; padding:0; margin:52px auto 0; text-align:center; border:8px solid rgba(0,0,0,0.5) }	
.home-slider .slider-txt ul li{ height:52px; display:inline-block; list-style:none; padding:0; margin:0 -1px }
.home-slider .slider-txt ul li:first-child{ margin:0 -1px 0 -2px}
.home-slider .slider-txt ul li a{ min-width:278px; height:100%; color:#0486c9; background-color:#fff; font:600 18px/52px 'Proxima Nova Rg'; text-transform:uppercase; display:block }
.home-slider .slider-txt ul li a:hover{ color:#fff; background-color:#0486c9 }
.home-slider .slick-arrow{ width:50px; height:50px; z-index:9; display:none !important }
.home-slider .slick-prev.slick-arrow{ background:url(../images/prev-arrow.png) no-repeat center rgba(255,255,255,0.1); left:20px }
.home-slider .slick-prev.slick-arrow:hover{ background:url(../images/prev-btn.png) no-repeat center rgba(3,134,201,0.7) }
.home-slider .slick-next.slick-arrow{ background:url(../images/next-arrow.png) no-repeat center rgba(255,255,255,0.1); right:20px }
.home-slider .slick-next.slick-arrow:hover{ background:url(../images/next-btn.png) no-repeat center rgba(3,134,201,0.7) }
.home-slider ul.slick-dots{ width:100%; text-align:center; position:absolute; bottom:15px; left:0; z-index:2 }
.home-slider ul.slick-dots li{ width:10px !important; height:10px !important; display:inline-block; padding:0; margin:0 6px }
.home-slider ul.slick-dots li button{ width:10px !important; height:10px !important; padding:0; text-indent:-200000px; background:rgba(255,255,255,0); border:2px solid rgb(80, 80, 4);
border-radius:100px !important;
-webkit-border-radius:100px !important;
-moz-border-radius:100px !important }
.home-slider ul.slick-dots li.slick-active button{ background:rgb(242, 75, 4); border:2px solid rgb(242, 75, 4) }
.home-slider .slides.slides-01{ background:url('../images/slider-01.jpg') no-repeat center !important }
.home-slider .slides.slides-02{ background:url('../images/slider-02.jpg') no-repeat center !important }
.home-slider .slides.slides-03{ background:url('../images/slider-03.jpg') no-repeat center !important }
.home-slider .slides.slides-04{ background:url('../images/slider-04.jpg') no-repeat center !important }
.home-slider .slides.slides-05{ background:url('../images/slider-05.jpg') no-repeat center !important }
.home-slider .slides.slides-06{ background:url('../images/slider-06.jpg') no-repeat center !important }

/*Main Container Start*/
body.page.home #main-container{ padding:0 }
body.page #main-container, body.casestudies-template-default #main-container{ padding:54px 0 0 }

/*--------------------*/
/* OSI Technology Start Css */
/*--------------------*/
.osi-technology{ width:100%; padding:68px 0; text-align:center; background:#f8f8f8; border-bottom:1px solid #e6e6e6 }
.osi-technology h1{ font-size: 32px;
    font-weight: 300;
    padding-bottom: 20px;}
ul.technology-list{ width:100%; padding:0 0px; text-align:center }
ul.technology-list li.slides{ width:317px;   vertical-align:top; padding:0; margin:0 12px;  float:left; list-style:none; outline:none; background:url(../images/shadow-right.png) no-repeat right }
ul.technology-list li .top{ width:100%; height:125px; display:table;   background-size:cover } 
ul.technology-list li .top-vhm{ width:100%; height:100%; display:table-cell; vertical-align:middle  } 
ul.technology-list li .top img{ display:block; margin:0 auto }
ul.technology-list li h3{ font:300 22px/26px 'Open Sans', sans-serif; color:#666; background-color:inherit; padding:0; margin:1px 0 0; text-transform:uppercase } 
ul.technology-list li h3 span{ font-weight:600; display:block } 
ul.technology-list li .bottom{ width:100%; height:164px; position:relative; padding:5px 12px 77px;   } 
ul.technology-list li p{ font-size:14px; line-height:24px; color:#585858; background-color:inherit; padding:0; margin:0; padding-bottom:15px; } 
ul.technology-list li .btn-primary{ width:147px; margin:0 auto; position:absolute; bottom:30px; left:0; right:0; text-transform:inherit }
ul.technology-list .slick-arrow{ width:45px; height:45px; z-index:9 }
ul.technology-list .slick-prev.slick-arrow{ background:url(../images/prev-arrow.png) no-repeat center #bddef4; left:-30px; opacity:1; visibility: visible } 
ul.technology-list .slick-prev.slick-arrow:hover{ background:url(../images/prev-arrow.png) no-repeat center #99c4e1; }  
ul.technology-list .slick-next.slick-arrow{ background:url(../images/next-arrow.png) no-repeat center #bddef4; right:-30px; opacity:1; visibility: visible } 
ul.technology-list .slick-next.slick-arrow:hover{ background:url(../images/next-arrow.png) no-repeat center #99c4e1; }  
ul.technology-list .slick-prev.slick-arrow.slick-disabled{ background:url(../images/prev-arrow.png) no-repeat center #ccc; cursor: default; opacity:0; visibility: hidden }
ul.technology-list .slick-next.slick-arrow.slick-disabled{ background:url(../images/next-arrow.png) no-repeat center #ccc; cursor: default; opacity:0; visibility: hidden }
.readmore-btn{ color:#f15a29}
.readmore-btn:hover{ color:#094879; text-decoration:underline; cursor:pointer}
/*--------------------*/
/* Industries  we serveSection Start */
/*--------------------*/
.industries-section{ width:100%; padding:99px 0; background:url(../images/industry-bg.jpg) no-repeat right bottom }
.block-3{ width:50%; float:left }
.block-3 .industry-block{ width:50%; height:424px; padding:45px 28px; background-color:#d14124; color:#fff; float:right; border-right:1px solid #fff; border-bottom:1px solid #fff }
.block-3 p{ font-size:16px; line-height:24px; color:#fff }
.block-2{ width:50%; float:left }
.industries-block{ height:212px; float:left; border-bottom:1px solid #fff; border-right:1px solid #fff; display: table; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important }
.industries-block h4{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; font:400 16px/16px 'Oswald', sans-serif; color:#fff; text-transform:uppercase }
.width-full{ width:100% }
.width-half{ width:50% }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.width-half + .width-half{ border-right:none }
}
.no-border{ border:none !important }
.block-1{ width:25%; float:left }
.border-right{ border-right:1px solid #fff }
body.home .industries-section h2{ text-align:left; padding-bottom:9px; margin-bottom:10px }
body.home .industries-section h2:before{  left:0; margin:0 }

/*--------------------*/
/* Why OSI Consulting? Start Css */
/*--------------------*/
.why-osi{ width:100%; background:url(../images/why-osi-bg.jpg) no-repeat  center bottom; background-attachment:fixed; background-size:cover }
.top-section{ width:100%; padding:84px 0 0; border-bottom:1px solid #10468c }
.why-osi h2{ text-align:center; margin-bottom:45px; padding-bottom:22px; color:#c3d7ee; background-color:inherit }
.why-osi h2:before{ left:50%; margin:0 0 0 -28px; background:#c3d7ee }
.consulting-list{ width:100%; padding:0; margin:11px 0 0; overflow:hidden }
.consulting-list li{ width:100%; height:61px; float:none; display:table; overflow:hidden; padding:0; margin:22px 0 0; list-style:none; text-align:right; color:#fff; font-size:14px; line-height:18px; position:relative }
.consulting-list li img{ width:61px; height:61px; position:absolute; top:0; right:0 }
.consulting-list li span{ width:100%; height:100%; padding:0 72px 0 0; display:table-cell; vertical-align:middle; text-align:right  }
.consulting-list.rht li img{ right:inherit; left:1px }
.consulting-list.rht li span{ padding:0 0 0 72px; text-align:left  }
.why-osi-inner{ width:100%; text-align:center }
.top-section .lft-pann{ width:36%; float:left; vertical-align:top }
.top-section .mid-pann{ width:28%; float:left; vertical-align:top }
.top-section .rht-pann{ width:36%; float:left; vertical-align:top }
.consulting-range{ width:100%; padding:57px 0; background:rgba(0,0,0,0.5); }
.number-container-wraper{ padding:0 100px }
.number_container{ width:33.33%; min-height:88px; float:left; border-left:1px solid #0f2f5c; text-align:center }
.number_container:last-child{ border-right:1px solid #0f2f5c }
.general_color{ font:bold 62px/52px 'Avenir LT Std'; color:#fff; background-color:inherit; padding:5px 0 13px }
p.number_details{ font-size:16px; line-height:18px; font-weight:600; color:#d14124; background-color:inherit; text-transform:uppercase; padding-bottom:0 }

/*--------------------*/
/* Case Studies by Industry Section Start */
/*--------------------*/
.home .case-studies-section{ width:100%; padding:76px 0; background:#fff }
.case-studies-section{ width:100%; padding:0; background:#fff }
body.page.home .case-studies-section h2{ text-align:center; margin-bottom:45px; padding-bottom:22px; color:#d14124; background-color:inherit }
body.page.home .case-studies-section h2:before{ left:50%; margin:0 0 0 -28px; background:#d14124 }
.home .case-studies-section ul{ width:100%; padding:0; margin:0 0 75px; text-align:center }
.home .case-studies-section ul > li{ width:266px; height:243px; padding:33px 10px; margin:0 11px; float:none; list-style:none; display:inline-block;  background:url(../images/case-study-bg.gif) no-repeat 0 0; vertical-align:top; position:relative; overflow:hidden }
.home .case-studies-section ul > li img{ margin-bottom:35px }
.home .case-studies-section ul > li p{ font-size:16px; line-height:20px; font-weight:600; text-transform:uppercase; color:#fff; background-color:inherit; padding:0; margin:0 }

.home .case-studies-section ul > li .content-hover{ width:266px; height:243px; padding:22px 21px; margin:0; background:url(../images/case-study-bg-hover.gif) no-repeat 0 0; vertical-align:top; text-align: left; position: absolute; top:-100%; left:0;  visibility: hidden; opacity:0 }
.home .case-studies-section ul > li .content-hover p{ padding-bottom:20px }
.home .case-studies-section ul > li .content-hover ul{ padding:0; margin:0 }
.home .case-studies-section ul > li .content-hover ul li{ height:auto; color:#fff; background-color: inherit; padding:0 0 8px 13px; text-align:left; background:inherit }
.home .case-studies-section ul > li .content-hover ul li a{ color:#fff; background-color: inherit }
.home .case-studies-section ul > li:hover .content-hover{ top:0; visibility: visible; opacity:1 }

/*--------------------*/
/* Event Section Start */
/*--------------------*/
.event-section{ width:100%; background:url(../images/event-bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf }
.upcoming-event{ width:100%; padding:90px 0 64px }
.upcoming-events-list{ width:100%; padding:0; margin:0;  text-align:center }
.upcoming-events-list .img-box{ width:100%; height:155px; background-position:center top !important; background-repeat:no-repeat !important; background-size:cover !important; margin:0 0 18px }
.upcoming-events-list > li{ width:352px; /*height:340px;*/ padding:8px; margin:0 12px; list-style:none; text-align:left; display:inline-block; background:#fff; position:relative; border:1px solid #c5c5c5; vertical-align:top  }
.upcoming-events-list > li img{ display:block; margin:0 auto 18px }
.upcoming-events-list > li h4{ font:700 16px/18px 'Open Sans', sans-serif; color:#d14124; background-color:inherit; text-transform:uppercase; padding:0 0 8px; margin:0 }
.upcoming-events-list > li h4 a{ color:#d14124; background-color:inherit }
.upcoming-events-list > li h4 a:hover{ color:#ef4e2d; background-color:inherit }
ul.past-events-list li h4{ font:700 16px/18px 'Open Sans', sans-serif; color:#d14124; background-color:inherit; text-transform:uppercase; padding:0 0 6px; margin:0 }
ul.past-events-list li h4 a{ color:#d14124; background-color:inherit }
ul.past-events-list li h4 a:hover{ color:#ef4e2d; background-color:inherit } 
.event-section .time-info{ padding-bottom:10px }
.time-info .time{ display:inline-block; font-size:14px;  line-height:14px; color:#012f6b; background-color:inherit; padding:0 20px 0 0 }
.time-info .location{ display:inline-block; font-size:14px;  line-height:14px; color:#012f6b; background-color:inherit }
.event-section i, .time-info i{ color:#d14124 !important; font-size:15px }
.upcoming-events-list p, .past-events-list p{ font-size:14px; line-height:20px; color:#585858; background-color:inherit; padding-bottom:16px }
.date-txt{ width:51px; height:51px; padding:6px 0 0; color:#fff; background-color:#d14124; border:3px solid #fff; position:absolute; top:16px; left:18px; text-align:center; font:bold 26px/16px 'Avenir LT Std'; text-transform:uppercase }
.date-txt span{  font-weight:300; font-size:16px; line-height:12px }
.past-event{ width:100%; padding:62px 0; background:rgba(0,0,0,0.3) }
ul.past-events-list{ width:100%; overflow:hidden; padding:0; margin:0; text-align:center }
ul.past-events-list li{ width:352px; /*height:160px;*/ padding:16px 18px; margin:0 12px 45px; list-style:none; text-align:left; display:inline-block; background:#efefef; position:relative; vertical-align:top  }
ul.past-events-list li .btn-arrow{ display:none }
ul.past-events-list li .date-txt{ position:relative; top:inherit; left:inherit; float:left; margin:0 8px 0 0 }
ul.past-events-list .date-txt-rht{ margin-left:59px }

/*--------------------*/
/* Partnership Section Start */
/*--------------------*/
.partnership-section{ width:100%; padding:65px 0 87px; background:#f8f8f8 }
body.page.home .partnership-section h2{ color:#002f6c; background-color:inherit }
body.page.home .partnership-section h2:before{ background:#002f6c }
.partnership-section ul{ width:100%; overflow:hidden; text-align:center; padding:0; margin:0 }
.partnership-section ul li{ width:172px; height:67px; border:1px solid #e0e0e0; overflow:hidden; text-align:center; padding:0; margin:7px; list-style:none; display:inline-block }
.partnership-section ul li img{ width:100%; height:auto }

/*--------------------*/
/* Footer Start */
/*--------------------*/
.social-icons-section{ width:100%; padding:12px 0 5px; background-color:#d44d32; text-align:center }
.social-icons-section a{ width:46px; height:46px; display:inline-block; float:none; margin:0 13px }
.social-icons-section a.facebook{ background:url('../images/facebook-icon-lrg.png') no-repeat center }
.social-icons-section a.linkedin{ background:url('../images/linkedin-icon-lrg.png') no-repeat center }
.social-icons-section a.youtube{ background:url('../images/youtube-icon-lrg.png') no-repeat center }
.social-icons-section a.twitter{ background:url('../images/twitter-icon-lrg.png') no-repeat center }
.social-icons-section a.facebook:hover{ background:url('../images/facebook-icon-lrg-hover.png') no-repeat center }
.social-icons-section a.linkedin:hover{ background:url('../images/linkedin-icon-lrg-hover.png') no-repeat center }
.social-icons-section a.youtube:hover{ background:url('../images/youtube-icon-lrg-hover.png') no-repeat center }
.social-icons-section a.twitter:hover{ background:url('../images/twitter-icon-lrg-hover.png') no-repeat center }
.footer-bottom{ width:100%; background:#500101; padding:48px 0 }
.nav1{ width:20%; padding-right:5px; float:left }
.nav1 h5{ font:700 14px/14px 'Open Sans', sans-serif; color:#d14124; background-color:inherit; padding:0 0 15px; margin:0; text-transform:uppercase }
.nav1 h5 a{ color:#d14124; background-color:inherit }
.nav1 h5 a:hover{ color:#d14124; background-color:inherit }
.nav1 h5:before{ display: none }
.nav1 ul{ width:100%; padding:0; margin:0 }
.nav1 ul li{ width:100%; padding:0 0 9px; margin:0; list-style:none; font-size:14px; line-height:19px }
.nav1 ul li a{ color:#bd8c82; background-color:inherit }
.nav1 ul li a:hover, .nav1 ul li.current-menu-item a{ color:#d44d32; background-color:inherit }
.copyright-section{  width:100%; padding:16px 0px 5px 0px; background-color:#340000; color:#fff }
.copyright-section p{ color:#fff; font-size:14px; line-height:14px; background-color:inherit; padding-bottom:0; margin:0 }
.copyright-section p.copyright-txt, .copyright-section .copyright-txt{ float:left }
.copyright-section p a{ color:#fff; background-color:inherit }
.copyright-section p a:hover{  color:rgba(255,255,255,0.7); background-color: inherit }
.copyright-section ul{ float:right; padding:0; margin:0 }
.copyright-section ul li{ float:left; padding:0 6px 0 0; margin:0 6px 0 0; list-style:none; color:#fff; background-color: inherit; font-size:14px; line-height:12px; border-right:1px solid #fff }
.copyright-section ul li a{ color:#fff; background-color: inherit; text-decoration: underline }
.copyright-section ul li a:hover, .copyright-section ul li.current-menu-item a{ color:rgba(255,255,255,0.7); background-color: inherit; text-decoration: none }
.copyright-section ul li:last-child{ padding-right:0; margin-right:0; border:none }

.contact-menu{ width:346px; position:fixed; top:50%; right:-314px; margin:-67px 0 0; z-index:99 }
.btn-contact{ width:31px; height:235px; float:left; background:url(../images/contact_btn.png) no-repeat 0 0; display:block; text-indent:-200000px }
.contact-menu ul{ width:303px; border:1px solid #fff; background:#012f6b; border:1px solid #fff; border-right:none; float:left }
.contact-menu ul li{ width:100%; height:66px; padding:0; margin:0; color:#fff; background-color:inherit; list-style:none; border-top:1px solid #fff }
.contact-menu ul li a{  font:700 16px/65px 'Open Sans', sans-serif; padding:0 22px 0 40px; color:#fff; background-color:inherit; display:block; }
.contact-menu ul li a:hover{ color:#fff; background-color:rgba(255,255,255,0.1) }
.contact-menu ul li:first-child{ border-top:none }
.contact-menu ul li.phone a{ background:url(../images/phone-icon-orange.png) no-repeat  22px center !important }
.contact-menu ul li.email a{ background:url(../images/email-icon-orange.png) no-repeat  18px center !important }
.contact-menu.expend{ right:0 }

/*--------------------*/
/* Breadcrumbs Start Css */
/*--------------------*/
.breadcrumbs{ width:100%; height:97px; padding:0; background-repeat: no-repeat !important; background-size: cover !important; background-position:center !important }
.breadcrumbs > .container, .breadcrumbs > .container > .row, .breadcrumbs > .container > .row > .col-md-12{ height:100% }
.breadcrumbs > .container > .row{  height:100% }
.breadcrumbs > .container > .row > .col-md-12{ width:100%; height:100%; display:table; vertical-align:middle }
.breadcrumbs h1{ width:50%; height:100%; display:table-cell; vertical-align:middle; font:normal 28px/25px 'Oswald', sans-serif; color:#fff; background-color: inherit; text-transform: uppercase; padding:0; margin:0  }
.breadcrumbs .pull-right{ width:50%; height:100%; display:table-cell; vertical-align:middle; float:none !important }
.breadcrumbs ul{ float:right; padding:0; margin:0 }
.breadcrumbs ul li{ float:left; padding:0 11px 0 0; margin:0 4px 0 0; position: relative; list-style:none; font:normal 14px/20px 'Open Sans', sans-serif;  color:#fff; background-color: inherit }
.breadcrumbs ul li:before{ width:8px; height:8px; position: absolute; top:1px; right:0; content:'\f101'; font-family:'FontAwesome' }
.breadcrumbs ul li a{ padding:0; color:#fff; background-color: inherit; position: relative; text-decoration: underline }
.breadcrumbs ul li a:hover{ color:rgba(255,255,255,0.7); background-color: inherit; text-decoration: none }
.breadcrumbs ul li:last-child{ padding-right:0; margin-right:0 }
.breadcrumbs ul li:last-child:before{ display: none }
.breadcrumbs.career{ padding:118px 0 }
.breadcrumb-container.theme1 a{ padding:0 10px 0 0 !important; margin:0 5px 0 0 !important; text-decoration:underline !important }
.breadcrumb-container.theme1 li:last-child a{ text-decoration:none !important }
.breadcrumbs .breadcrumb-container ul li:before{ right:3px }
.breadcrumbs .breadcrumb-container{ margin-top:8px }
.breadcrumb{ color:#fff; background-color:inherit; float:right; padding:0; margin-bottom:0; font:normal 14px/20px 'Open Sans', sans-serif }
.breadcrumb a{ color:#fff; background-color:inherit; text-decoration:underline }


/*--------------------*/
/* Service Page Start Css */
/*--------------------*/
.service-sections{ width:100% }
ul.service-list{ width:100%; overflow: hidden; padding:0 68px 50px; text-align:center }
ul.service-list li{ width:317px; border:1px solid #ececec; vertical-align:top; padding:0; margin:0 24px 24px 0;  float:left; list-style:none }
ul.service-list li .top{ width:100%; height:199px; display:table; background:url(../images/technology-top-bg.jpg) no-repeat center; background-size:cover } 
ul.service-list li .top-vhm{ width:100%; height:100%; display:table-cell; vertical-align:middle  } 
ul.service-list li .top img{ display:block; margin:0 auto }
ul.service-list li h3{ font:300 22px/26px 'Open Sans', sans-serif; color:#fff; background-color:inherit; padding:0; margin:21px 0 0; text-transform:uppercase }
ul.service-list li h3 span{ font-weight:600; display:block } 
ul.service-list li .bottom{ width:100%; height:216px; position:relative; padding:30px 22px 77px; background:#fff } 
ul.service-list li p{ font-size:16px; line-height:24px; color:#585858; background-color:inherit; padding:0; margin:0 } 
ul.service-list li .btn-primary{ width:147px; margin:0 auto; position:absolute; bottom:30px; left:0; right:0; text-transform:inherit }
ul.service-list li:nth-child(3n+3){ margin-right:0 }
body.page .service-sections h2{ text-align: center; padding:0 0 23px; margin:0 0 44px; color:#d14124 }
body.page .service-sections h2:before{ background:#d14124; left:50%; margin:0 0 0 -28px } 

/*--------------------*/
/* Service Inner Pages Start Css */
/*--------------------*/
.service-content{ width:100%; padding-bottom:25px }
.service-content h3{ background:url(../images/blue-border.gif) no-repeat 0 bottom }
.service-content h3:before{ display:none }
.img-service{ width:382px; min-height:360px; margin:0 20px 5px 0; float:left;  border:6px solid #d7d7d7; background:url(../images/img-service-bg.jpg) repeat 0 0 }
.img-service img{ width:100%; border:none } 
.img-service + .rht-service-content{ margin-left:402px; padding:0;  }
.service-content ul.listing{ margin-bottom:24px }
.service-content .img-responsive{ width:100%; max-width:auto; display:block; margin-bottom:28px }
.service-content .left-pann{ padding-bottom:0 }

/*--------------------*/
/* Enterprise Application Page Start Css */
/*--------------------*/
.enterprice-sections{ width:100% }
.enterprice-sections h3{ text-transform: uppercase }
.functional-box-wrapper{ margin-bottom:30px }
.functional-box{ width:100%; height:100%; padding:0; margin-bottom:0; border:1px solid #c5c5c5; }
.functional-box-title{ width:100%; border-bottom:1px solid #d2d2d2; color:#012f6b; background-color:#f0f0f0; padding:17px 19px }
.functional-box-title h4{ padding:0; margin:0; color:#012f6b; background-color:inherit; font:600 16px/18px 'Open Sans', sans-serif; text-transform:uppercase }
.functional-box-in{ padding:21px 23px 0 }
.functional-box p{ padding-bottom:24px }
.functional-box ul.listing{ padding:0; margin:0 0 24px }
.functional-box ul.listing li{ font-size:16px; line-height:24px }
ul.listing{ padding:0; margin:0 0 40px }
ul.listing li{ width:100% !important; padding:0 0 10px 17px; margin:0; list-style:none; color:#585858; background-color: inherit; font-size:16px; line-height:26px; position: relative }
ul.listing li a{ color:#585858; background-color: inherit }
ul.listing li:before{ width:6px; height:12px; position: absolute; top:0; left:0; content:'\f105'; font-family:'FontAwesome'; color:#d14124; background-color: inherit }
ul.listing li:last-child{ padding-bottom:0 }
ul.listing li a:hover, ul.listing li.current-menu-item a{ color:#d14124; background-color: inherit }
ul.listing li > ul{ margin:6px 0 0 }
ul.listing li > ul > li{ font-size:15px !important; color:#8e8e8e; background-color:inherit }
.functional-box ul.listing li a{ color:#00417d; background-color: inherit }
.functional-box ul.listing li a:hover{ color:#d14124; background-color: inherit }
ul.listing li li:before{ content:'\f0da' }

/*--------------------*/
/* EMP Page Start Css */
/*--------------------*/
.left-pann{ width:780px; float: left; padding-bottom: 40px }
.left-pann p span{ display:block }
aside{ width:312px; float:right }
.application-box{ width:100%; border:1px solid #c5c5c5; padding:14px 7px; margin:0 0 26px; background:url('../images/stripe-border.jpg') repeat 0; }
.application-box h3{ text-transform: uppercase }
.application-box ul{ padding:0; margin:0 5px }
.application-box ul li{ padding:0 0 10px 17px; margin:0 0 8px; list-style:none; color:#585858; background-color: inherit; font-size:16px; line-height:26px; position: relative; border-bottom:1px solid #c5c5c5 }
.application-box ul li a{ color:#00417d; background-color: inherit }
.application-box ul li a:hover, .application-box ul li.current-menu-item a{ color:#d14124; background-color: inherit }
.application-box ul li:before{ width:6px; height:12px; position: absolute; top:0; left:0; content:'\f105'; font-family:'FontAwesome'; color:#d14124; background-color: inherit }
.application-box ul li:last-child{ margin-bottom:0  }
.service-box{ width:100%; border:1px solid #c5c5c5; padding:0; margin:0 0 26px; background:url('../images/stripe-border.jpg') repeat 0; }
.service-box h3{ text-transform: uppercase; background-color:#012f6b; color:#fff; padding:14px 12px; font:600 16px/18px "Open Sans",sans-serif }
.service-box h3:before{ display:none }
.service-box ul{ padding:0; margin:12px }
.service-box ul li{ padding:0 0 10px 0; margin:0 0 8px; list-style:none; color:#585858; background-color: inherit; font-size:16px; line-height:26px; position: relative; border-bottom:1px solid #c5c5c5 }
.service-box ul li a{ color:#00417d; background-color: inherit }
.service-box ul li a:hover, .service-box ul li.current-menu-item a{ color:#d14124; background-color: inherit }
.service-box ul li:last-child{ margin-bottom:0; border-bottom:none }
blockquote{ font:normal 22px/26px 'High Tower Text'; font-style: italic; color:#202720; background-color: inherit; padding:0 0 15px; margin:0 0 15px; position: relative; border-left:none }
blockquote p{ position: relative; padding-bottom:12px }
blockquote p:before{ width:55px; height:3px; background-color:#d14124; color: inherit; position: absolute; bottom:0; left:0; content:'' }

/*--------------------*/
/* Oracle Cloud ERP Page Start Css */
/*--------------------*/
.why-osi-consulting-list{ width:100%; overflow: hidden }
ul.why-osi-consulting-list{ width:100%; overflow: hidden; padding:0; margin:64px 0 }
ul.why-osi-consulting-list li{ width:100%; padding:0 0 26px; margin:0 0 52px; list-style:none; border-bottom:1px solid #d8d8d8 }
ul.why-osi-consulting-list li img{ width:140px; float: left  }
ul.why-osi-consulting-list li img + .content{ margin-left:230px }
ul.why-osi-consulting-list li h3{ text-transform: uppercase }
ul.why-osi-consulting-list li:last-child{ margin-bottom:0 }
.why-osi-consulting-list p{ color:#585858; background-color:inherit }

/*--------------------*/
/* About - history-experience Page Css Strat */
/*--------------------*/
.lft-content{ width:50%; padding:0 15px 60px 0; float: left  } 
.rht-content{ width:50%; padding:0 0 60px 15px; float: right  } 
.img-left{ width:50%; padding:0 15px 0 0; float:left }
.img-left img, .img-right img{ width:100%; height:auto }
.img-right{ width:50%; padding:0 0 0 15px; float:right }

/*--------------------*/
/* About - Latest News Page Css Strat */
/*--------------------*/
.inner-banner{ margin-bottom:29px }
.inner-banner img{ width:100% }
ul.news-list{ width:100%; overflow: hidden; padding:0; margin:0 0 40px }
ul.news-list li{ width:calc(50% - 17px); min-height:50px; float: left; padding:0 0 21px; margin:0 17px 26px 0; border-bottom:1px solid #e0e0e0; list-style:none;  }
ul.news-list li:nth-child(2n+2){ margin-right:0; margin-left:17px }
ul.news-list li div.date{ width:66px; height:68px; padding:7px 0 0; color:#fff; background-color:#d14124; float: left; text-align: center; font:normal 16px/17px 'Avenir LT Std'; text-transform: uppercase }
ul.news-list li div.date p span{ color:#fff; background-color: inherit; font-size:26px; font-weight:bold; font-family:'Avenir LT 65'; display: block; padding-bottom:5px }
ul.news-list li div.date p{ padding-bottom:0; margin-bottom:0 }
ul.news-list li div.date + .news-txt{ height:68px; margin-left:80px; display: table }
ul.news-list li .news-txt p{ height:100%; display: table-cell; vertical-align: middle; padding-bottom:0; margin-bottom:0; font-size:20px; line-height:22px; color:#00417d; background-color: inherit }
ul.news-list li .news-txt p a{ color:#00417d; background-color: inherit }
ul.news-list li .news-txt p a:hover{ color:#d14124; background-color: inherit }
.about-sections h3{ text-transform: uppercase }
div.title-txt{ width:263px; float: left }
.about-sections .upcoming-events-list{ width:847px; float:right; margin:0 0 40px }
.about-sections .upcoming-events-list li{ width:264px; /*height:334px;*/ margin:0 26px 26px 0; float:left }
.about-sections .upcoming-events-list li:nth-child(3n+3){ margin-right:0 }
.about-sections .upcoming-events-list .img-box{ margin-bottom:14px }
.about-sections .upcoming-events-list > li h4{ padding-bottom:6px }
.about-sections .time-info{ padding-bottom:6px }
.about-sections .btn-arrow{ font-size:14px; line-height:14px }
.about-sections .upcoming-events-list p{ padding-bottom:8px }
.past-event-section{ width:100%; background:#f7f7f7; border-top:1px solid #cacaca; padding:66px 0 }
.about-sections  .past-events-list{ width:847px; float:right }
.about-sections  ul.past-events-list li{ width:409px; min-height:170px; vertical-align:top; border:1px solid #c5c5c5; margin-right:29px; margin-left:0; float:left; margin-bottom:30px }
.about-sections  ul.past-events-list li:nth-child(2n+2){ margin-right:0 }
.about-sections ul.past-events-list li .btn-arrow{ display:block; /*position: absolute; bottom:18px; left:20px*/ }
.about-sections ul.past-events-list li p{ padding-left:2px; clear:both }
.about-sections ul.past-events-list i{ color:#d14124; background-color: inherit; font-size:15px }
.about-sections .lft-pann{ width:802px; float: left }
.about-sections aside{ width:292px; float: right }
.box-border{ width:100%; border:1px solid #c5c5c5; padding:20px 16px; margin:0 0 26px; background:url('../images/stripe-border.jpg') repeat 0; }
.box-border h3{ text-transform: uppercase }
.box-border ul.listing{ margin-bottom:30px }
.box-border ul.listing:last-child{ margin-bottom:0 }
.box-border ul.listing li{ line-height:24px; padding-bottom:0 }
.osi-vanues{ width:100%; padding:66px 0 18px; margin:15px 0 0; border-top:1px solid #bac1c9; background:url('../images/osi-vanues-bg.jpg') no-repeat center 0; background-attachment: fixed; background-size:cover }
.osi-vanues h3{ color:#fff; background-color: inherit }
.osi-vanues h3:before{ background: #fff }
.osi-vanues p{ color:#fff; background-color: inherit }
.vanue-wrapper{ width:100%; overflow: hidden }
.vanue-wrapper ul{ width:100%; padding:0; margin:10px 0 0 }
.vanue-wrapper ul li{ width:361px; float: left; padding:0; margin:0 28px 48px 0; list-style:none }
.vanue-wrapper ul li h3{ color:#fff; background-color: inherit }
.vanue-wrapper ul li h3:before{ display: none }
.vanue-wrapper ul li .img{ width:361px; height:263px; border:6px solid #bddef4; display: block; background-position: center !important; background-repeat: no-repeat !important; background-size:cover !important }
.vanue-wrapper ul li:nth-child(3n+3){ margin-right:0 }
ul.serve-list{ width:100%; overflow: hidden; padding:0; margin:0 0 45px }
ul.serve-list li{ width:273px; height:273px; padding:0; margin:0 16px 15px 0; list-style:none; float: left; background-position: center !important; background-repeat: no-repeat !important; background-size:cover !important; position: relative }
ul.serve-list li span{ width:100%; padding:18px 5px; color:#fff; background-color:rgba(209,65,36,0.9); border-top:1px solid #f1eeee; font:400 16px/16px 'Oswald', sans-serif; text-align: center; position: absolute; bottom:0; left:0; text-transform: uppercase }
ul.serve-list li:nth-child(4n+4){ margin-right:0 }
.partnerships-box{ width:100%; height:100%; background-color:#f7f7f7; border:1px solid #ccd7d8; }
.partner-logo{ width:100%; height:105px; text-align: center; display: table; text-align: center; background-color:#fff }
.partner-logo .inner{ width:100%; height:100%; display: table-cell; vertical-align: middle }	
.partnerships-info{ width:100%; min-height:382px; padding:22px 18px; border-top:1px solid #ccd7d8; color:#585858; background-color:#f7f7f7 }
.partnerships-info p{ padding-bottom:0 }
.row.partnerships > div{ margin-bottom:30px }

/*--------------------*/
/* case Studies Page Css Strat */
/*--------------------*/
.case-studies-section{ width:100%; padding:0; background:#fff }
ul.case-studies-list{ width:100%; overflow: hidden; padding:0; margin:0 0 35px }
ul.case-studies-list > li{ width:266px; height:243px; padding:33px 10px; margin:0 25px 25px 0; float:left; list-style:none; background:url(../images/case-study-bg.gif) no-repeat center; background-size:cover !important; vertical-align:top; text-align: center; position: relative; overflow: hidden }
ul.case-studies-list > li img{ margin-bottom:35px }
ul.case-studies-list > li p{ font-size:16px; line-height:20px; font-weight:600; text-transform:uppercase; color:#fff; background-color:inherit; padding:0; margin:0 }
ul.case-studies-list > li p a{ color:#fff; background-color:inherit }
ul.case-studies-list > li p a:hover{ color:rgba(255,255,255,0.7); background-color:inherit }
ul.case-studies-list > li:nth-child(4n+4){ margin-right:0 }
ul.case-studies-list > li .content-hover{ width:266px; height:243px; padding:22px 21px; margin:0; background:url(../images/case-study-bg-hover.gif) no-repeat center; background-size:cover !important; vertical-align:top; text-align: left; position: absolute; top:-100%; left:0;  visibility: hidden; opacity:0 }
ul.case-studies-list > li .content-hover p{ padding-bottom:20px }
ul.case-studies-list > li .content-hover ul li{ color:#fff; background-color: inherit; padding-left:13px; padding-bottom:8px }
ul.case-studies-list > li .content-hover ul li a{ color:#fff; background-color: inherit }
ul.case-studies-list > li:hover .content-hover{ top:0; visibility: visible; opacity:1 }

/*ul.nav-tabs{ background-color:#d14124;  color:#fff; border:none !important }
.nav-tabs > li{ padding:0; margin:0;  border:none !important }
.nav-tabs > li > a{ font:600 16px/50px 'Open Sans', sans-serif; color:#fff; background-color: inherit; display: block; color:#fff; background-color:#d14124; border:none !important; padding:0 20px; margin:0; text-transform: uppercase }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color:#fff; background-color: #00417d; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 }*/
.tab-content{ width:100%; padding:32px 0 0 }
.tab-content p{ color:#585858; background-color: inherit }
.content-middle{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:60px 0; background:url('../images/gray-bg.jpg') no-repeat center; background-attachment:fixed; background-size:cover }

.tab-content ul{ padding:0; margin:0 }
.tab-content ul li{ width:100% !important; padding:0 0 16px 17px; margin:0; list-style:none; color:#585858; background-color: inherit; font-size:16px; line-height:26px; position: relative }
.tab-content ul li a{ color:#585858; background-color: inherit }
.tab-content ul li:before{ width:6px; height:12px; position: absolute; top:0; left:0; content:'\f105'; font-family:'FontAwesome'; color:#d14124; background-color: inherit }
.tab-content ul li:last-child{ padding-bottom:0 }
.tab-content ul li a:hover, .tab-content ul li.current-menu-item a{ color:#d14124; background-color: inherit }
.tab-content ul li > ul{ margin:6px 0 0 }
.tab-content ul li > ul > li{ font-size:15px !important; color:#8e8e8e; background-color:inherit }


.one-third{ width:847px; float: right }
.content-bottom{ border-top:1px solid #e7e7e7; padding:60px 0; background:url('../images/osi-vanues-bg.jpg') no-repeat center top; background-size:cover; background-attachment:fixed }
.content-bottom h5{ color:#fff; background-color: inherit }
.content-bottom h5:before{ color:inherit; background-color:#fff }
.tab-content .content-bottom ul li, .tab-content .content-bottom ul li a{ color:#fff; background-color: inherit }
.tab-content .content-bottom ul li:before{ color:#fff }
.content-top h3{ margin-bottom:22px }


/*--------------------*/
/* Open Positions Section css Start */
/*--------------------*/
body.page .open-positions-section h2{ font:400 28px/28px 'Oswald', sans-serif; color:#d14124; background-color: inherit; padding:0 0 30px; margin:0 }
body.page .open-positions-section h2:before{ display: none }
table thead{ color:#fff; background-color:#002f6c }
.table{ margin-bottom:68px }
/* Table Heading Compact */ 
.table > thead > tr > td, .table > thead > tr > th{ padding:0 16px; text-align:center;padding-top:10px; padding-bottom: 10px;}
/* Table Heading Compact */ 

/*.table > thead > tr > td, .table > thead > tr > th{ padding:0 16px; font:400 16px/51px 'Open Sans', sans-serif; text-transform: uppercase }*/
.table > tbody > tr > td, .table > tfoot > tr > td{ padding:19px 16px; color:#585858; background-color:inherit; border-bottom:1px solid #e5e5e5 }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border-bottom-color:#e5e5e5 }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ vertical-align:middle }
.table .btn-primary{ height:38px; line-height:38px }
.txt-blue{ color:#002f6c !important; background-color: inherit }
.table > tbody > tr > td:last-child{ padding-right:0 }
.open-positions-section form{ width:493px;  margin-bottom:50px }
.open-positions-section form  input.form-control{ width:362px }
.open-positions-section .lft-pann{ width:802px; float: left; margin-bottom:60px }
.open-positions-section aside{ width:312px; float: right; margin-bottom:40px }
.open-positions-section aside p{ font:300 18px/26px 'Avenir LT Std'; color:#585858; background-color: inherit }
.open-positions-section aside p span{ font-weight:bold !important;  color:#d14124; background-color: inherit }

/*--------------------*/
/* Contact Page css Start */
/*--------------------*/
.contact-section .lft-pann{ width:784px; float: left; margin-bottom:60px }
.contact-section aside{ width:312px; float: right; margin-bottom:40px }
.contact-section h3{ margin-bottom:31px }
ul.contact-list{ width:100%; padding:0; margin:0 }
ul.contact-list li{ width:100%; padding:0 0 16px; margin:0 0 14px; line-height:16px; list-style:none; border-bottom:1px solid #dfdfdf; color:#002f6c; background-color: inherit }
ul.contact-list li span{ width:74px; float: left; color:#002f6c; background-color: inherit }
ul.contact-list li a{ color:#d14124; background-color: inherit  }
ul.contact-list li a:hover{ color:#ef5d40; background-color: inherit  }
.osi-global-location-top{ width:100%; height:131px; position:absolute; top:-191px; left:0 }
.osi-global-location{ width:100%; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:60px 0; background:url('../images/stripe-border.jpg') repeat 0 0; position:relative; overflow:hidden }
.office-address{ width:100%; padding:65px 0; background-color:#fff; color:#212721 }
.location-box{ margin-bottom:38px }
.location-title{ width:100%; overflow: hidden; padding:14px 19px; background-color:#f0f0f0; color:#012f6b; border:1px solid #d2d2d2 }
.location-title img{ float: left; margin-right:13px }
.location-title p{ padding:0; margin:0; color:#012f6b; background-color: inherit; font-weight:600 }
.location-box ul{ width:100%; padding:0; margin:0; overflow: hidden; border-left:1px solid #d2d2d2 }
.location-box ul li{ width:25%; height:222px; padding:25px 12px 10px 22px; margin:0; list-style:none; border:1px solid #d2d2d2; border-top:none; border-left:none; float: left }
.location-box ul li h4{ font-family:'Open Sans', sans-serif; line-height:18px; padding-bottom:5px }
.location-box ul li p{ font-size:14px; line-height:24px; padding-bottom:5px }
.location-box ul li p strong{ font-weight:600 }
.location-box ul li p i{ color:#d14124; background-color: inherit }
.location-box ul li p a{ color:#012f6b; background-color: inherit }
.location-box2 ul li{ width:25%; height:242px; padding:25px 6px 10px 22px; margin:0; list-style:none; border:1px solid #d2d2d2; border-top:none; border-left:none; float: left }
.location-box.single{ width:25%; margin-right:29px; float:left }
.location-box.single ul li{ width:100%; height:238px }

/*--------------------*/
/* Form Input Style css Start */
/*--------------------*/
.form-control{ height:41px; border-color:#e3e3e3; padding:0 10px; font:400 14px/41px 'Open Sans', sans-serif; color:#9e9e9e; background-color:#fff;
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
box-shadow: none; 
-webkit-box-shadow: none;
-moz-box-shadow: none }
textarea.form-control{ height:121px; line-height:22px; padding:10px 10px 0; resize: none  }
.form-group{ margin-bottom:13px }

/*Custom Browse Button */
.browse-wrapper{ position:relative }
.browse-wrapper .form-control{  }
.fileUpload { width:119px; height:41px !important;  font:400 16px/41px 'Open Sans', sans-serif !important; padding:0; position: absolute !important; top:0; right:0; overflow: hidden; margin: 0; background-color:#a1a1a1 !important; color:#fff }
.fileUpload input.upload {  position: absolute; top: 0; right: 0; margin: 0;  padding: 0; font-size: 16px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); background-color:#a1a1a1 }

/*--------------------*/
/* Testimonials Page Start CSS */
/*--------------------*/
ul.testimonials-list{ width:100%; overflow: hidden; padding:0; margin:0 }
ul.testimonials-list li{ width:100%; overflow: hidden; padding:0 0 40px 0; margin:0 0 40px; list-style:none; border-bottom:1px solid #cfcfcf }
ul.testimonials-list li img{ width:193px; height:60px; border:1px solid #cfcfcf; float:right; margin:0 0 0 48px }
ul.testimonials-list li p{ font:400 20px/24px 'High Tower Text'; color:#585858; background-color: inherit; padding-bottom:0 }
ul.testimonials-list li span{ color:#033371; background-color: inherit; font-weight:400 }
ul.testimonials-list li span strong{ font-weight:600; display: block }
ul.testimonials-list li:last-child{ border-bottom:none }

/*--------------------*/
/* Privacy Policy Page Start CSS */
/*--------------------*/
.privacy-policy-section{ width:100%; overflow: hidden; padding:0 0 60px }

/*--------------------*/
/* Search Page Start CSS */
/*--------------------*/
ul.search-result{ padding:0; margin:0 0 50px }  
ul.search-result li{ padding:0 0 10px; margin:0 0 30px; list-style:none; border-bottom:1px solid #e0e0e0 }  
ul.search-result li h3{ font-size:20px; padding-bottom:10px; margin-bottom:0 }
ul.search-result li h3 a{ color:#012f6b; background-color:inherit }
ul.search-result li h3 a:hover{ color:#d14124; background-color:inherit }
ul.search-result li h3:before{ display:none }
ul.search-result li p{ font-size:14px; line-height:22px; padding-bottom:20px }
ul.search-result li p a{ color:#d14124; background-color:inherit }
ul.search-result li p a:hover{ color:#f15738; background-color:inherit }
ul.search-result li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none }

/*--------------------*/
/* Career page Css Start */
/*--------------------*/
.career-section .lft-pann{ width:802px; float: left; margin-bottom:60px }
.career-section aside{ width:312px; float: right; margin-bottom:40px }

/*--------------------*/
/* BUTTON STYLE CSS */
/*--------------------*/
.btn-primary{ height:46px; font: 300 16px/46px  'Open Sans', sans-serif; text-align:left; padding:0 19px 0 18px; color:#fff; background-color:#2b41a3; border:none;  text-transform:uppercase; position: relative;
 }
.btn-primary i{ padding:0 0 0 14px }
.btn-primary:hover{ background-color:#f05e40; color:#fff }

.btn-default{ font: 400 16px/44px  'Open Sans', sans-serif; text-align:left; padding:0 19px 0 18px; color:#7a7a7a; background-color:#fff; border:2px solid #b8b8b8; text-transform:inherit; 
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important  }
.btn-default i{ padding:0 0 0 14px }
.btn-default:hover{ color:#fff; background-color:#f05e40; border-color:#f05e40 }
.btn-arrow{ color:#d14124; font-size:16px; line-height:16px; padding:0; margin:0 }
.btn-arrow i{ padding-left:11px }
.btn-white{ height:48px; font: 400 16px/44px  'Open Sans', sans-serif; text-align:left; padding:0 19px 0 18px; color:#fff; background-color:inherit; border:2px solid #fff; text-transform:inherit; 
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important  }
.btn-white i{ padding:0 0 0 14px; color:#fff }
.btn-white:hover{ color:#fff; background-color:#f05e40; border-color:#f05e40 }
.btn-red{ height:48px; font: 400 16px/44px  'Open Sans', sans-serif; text-align:left; padding:0 60px 0 15px; color:#d14124; background-color:#fff; border:2px solid #d14124; text-transform:inherit; position: relative; background: url('../images/arrow-rht-orange.png') no-repeat 90% 17px #fff;
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important  } 
.btn-red:hover{ color:#fff; background: url('../images/arrow-rht-white.png') no-repeat 90% 17px  #d14124; border-color:#d14124 }

.img-border{ border:6px solid #d7d7d7 }
.img-border.pull-left{ float: left; margin:0 20px 8px 0 }
.img-border.pull-right{ float: right; margin:0 0 8px 20px }
img.pull-right{ float:right; margin:0 0 0 30px }
img.pull-left{ float:left; margin:0 30px 0 0 }

/*--------------------*/
/* Row with equal height columns */
/*--------------------*/ 
.row-eq-height{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex }

/*Under Construction Page Css============================*/
body.under-construction{ width:100%; height:100vh; padding:0; margin:0 }
.under-construction-section{ width:100%; height:100vh; background:url(../images/under-construction-bg.jpg) no-repeat center; background-size:cover }
.under-construction-section div{ width:100%; height:100vh }
.construction-content{ padding:0 10px; }
.under-construction-section .inner{ width:100%; height:100%; display:table; text-align:center }
.under-construction-section .construction-content{ width:100%; height:100%; display:table-cell; vertical-align:middle }
.under-construction-section .logo{ width:123px; height:143px; display:block; margin:0 auto 62px; float:none }
body.page .under-construction-section h2{ font:600 40px/43px 'Open Sans', sans-serif; color:#e86617; background-color:inherit; padding:0; margin:0 0 18px }
body.page .under-construction-section h2:before{ display:none }
.under-construction-section p{ font:600 26px/28px 'Open Sans', sans-serif; color:#fff; background-color:inherit; padding:0; margin:0 0 58px }
.under-construction-section p.p1{ font:700 36px/28px 'Open Sans', sans-serif; color:#fff; background-color:#e86617; padding:24px 30px; margin:0; display:inline-block; text-transform:uppercase }

.service-nav-list{ width:100%; padding:0; margin:0 }
.service-nav-list li{ width:calc(50% - 10px); float:left; text-align:center; font:600 16px/73px 'Open Sans', sans-serif; padding:0; margin:0 10px 20px 0; list-style:none; text-transform:uppercase }
.service-nav-list li:nth-child(2n+2){ margin-right:0; margin-left:10px; float:right }
.service-nav-list li a{ display:block; background:url(../images/orange-bg.jpg) repeat 0 0; color:#fff }
.service-nav-list li a:hover{ background:url(../images/blue-bg.jpg) repeat 0 0; color:#fff }


.expend, .collaspe, .slide-box, img, img:hover, .slide-box h2, .slide-box.expend h2, a, a:hover, .about-slider .slick-arrow, .about-slider .slick-arrow:hover, body.sticky .navbar-brand > img, body.sticky nav#nav, header#header, body.sticky header#header, .btn, .btn:hover, .home-slider .slick-arrow, .home-slider .slick-arrow:hover, .planned-box, .mobile-nav, header .mobile-nav.menu-open, .sticky .hamburger-menu, .main-nav, .main-nav.menu-open, .billboard-listing-section, .billboard-listing-section.open, .filter-option form, .filter-option form.open, ul.technology-list .slick-arrow, .contact-menu, ul.career-list > li > ul, header nav > ul > li > ul, .btn-primary:after, ul.case-studies-list > li .content-hover, .home .case-studies-section ul > li .content-hover, header nav > ul > li > ul{
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition:all 0.3s ease-in-out 0s   }



/* =====================================================
3.6 Testimonial Area Css Start
======================================================== */

.testimonial {
    padding: 120px 0px;
    background: #0e3571 url(../images/news-bg.jpg) repeat-y;
	background-size:50% auto;
}

.single-testimonials {
    position: relative;
    padding-top: 10px;
}

.single-testimonials img.testi-icon {
    position: absolute;
    top: 0px;
    left: 0;
    width: auto;
    max-width: none;
}

.single-testimonials p {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    z-index: 9;
}

.single-testimonials .name-box-wrapper {
    margin-top: 20px;
}

.single-testimonials .name-box-wrapper .img-box,
.single-testimonials .name-box-wrapper .text-box {
    display: table-cell;
    vertical-align: middle;
}

.single-testimonials .name-box-wrapper .img-box {
    width: 70px;
}

.single-testimonials .name-box-wrapper .img-box img {
    width: auto;
    max-width: none;
    width: 100%;
    border-radius: 50%;
}

.single-testimonials .name-box-wrapper .text-box {
    padding-left: 20px;
}

.single-testimonials .name-box-wrapper .text-box h4,
.single-testimonials .name-box-wrapper .text-box span {
    margin: 0;
}

.single-testimonials .name-box-wrapper .text-box h4 {
    font-size: 18px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.single-testimonials .name-box-wrapper .text-box span {
    font-size: 12px;
    text-transform: uppercase;
    color: #9fde50;
    font-weight: 500;
    font-style: italic;
}

.testimonial .owl-carousel .owl-controls .owl-nav .owl-prev,
.testimonial .owl-carousel .owl-controls .owl-nav .owl-next {
    opacity: 1;
}

.testimonial .owl-carousel .owl-controls .owl-nav .owl-prev:hover::after,
.testimonial .owl-carousel .owl-controls .owl-nav .owl-next:hover::after {
    color: #9fde50;
}

.testimonial .owl-nav .owl-prev {
    position: relative;
    font-size: 0px;
}

.testimonial .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
}

.testimonial .owl-nav .owl-prev::after {
    position: absolute;
    content: "\f30a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 0%;
    left: 0%;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.testimonial .owl-nav .owl-next {
    position: relative;
    font-size: 0px;
    margin-left: 40px;
}

.testimonial .owl-nav .owl-next::after {
    position: absolute;
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 0%;
    left: 0%;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.testimonialSlider {
    padding-top: 40px;
}


.testimonial .partner-logo-wrapper {
    border-top: 1px solid #e5e5e5;
}

.testimonial .partner-logo-wrapper:first-child {
    border-top: none;
}

.testimonial .partner-logo-wrapper .partner-logos {
    border-right: 1px solid #e5e5e5;
}

.testimonial .partner-logo-wrapper .partner-logos:last-child {
    border-right: none;
}

.testimonial .partner-logo-wrapper .partner-logos .single-logo-item {
    text-align: center;
    padding: 20px 0;
}

.testimonial .partner-logo-wrapper .partner-logos .single-logo-item:hover a img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.testimonial .partner-logo-wrapper .partner-logos .single-logo-item a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.single-logo-item a{ color:#fff; }


/* =====================================================
Testimonial Area Css End
======================================================== */


#map {
    width: 100%;
    height: 500px;
}
.tab-sec{ padding:120px 0; }


.page-content {
    display: inline-block;
    width: 100%; 
    padding: 120px 0;
}
.tab-parallax-alt {
    padding: 200px 0;
    background-image: url("../img/parallax/13.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}
/*round tabs*/
.round-tabs .nav-pills,
.square-tabs .nav-pills {
    display: inline-block;
}

.round-tabs .nav-pills > li > a {
    color: #434343; 
    border: 1px solid #eaeaea;
    border-radius: 30px;
}

.round-tabs .nav-pills > li > a:hover,
.round-tabs .nav-pills > li.active > a,
.round-tabs .nav-pills > li.active > a:focus,
.round-tabs .nav-pills > li.active > a:hover,
.square-tabs .nav-pills > li > a:hover,
.square-tabs .nav-pills > li.active > a,
.square-tabs .nav-pills > li.active > a:focus,
.square-tabs .nav-pills > li.active > a:hover {
    color: #222;
    border: 1px solid #222;
    background: none;
}

.round-tabs .nav > li > a,
.square-tabs .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 25px;
}

.round-tabs .nav-pills > li + li,
.square-tabs .nav-pills > li + li {
    margin-left: 20px;
}

.square-tabs .nav-pills > li > a {
    color: #434343; 
    border: 1px solid #eaeaea;
    border-radius: 0;
}
.icon-tabs .nav-pills > li > a {
    border: none; 
    border-radius: 0;
}

.icon-tabs ul {
    margin-bottom: 50px;
}

.icon-tabs.light .nav-pills > li > a,
.icon-tabs.light .tab-content,
.icon-tabs.light .tab-content p {
    color: #000;
}

.icon-tabs .nav > li {
    padding: 0 30px;
}

.icon-tabs .nav > li > a {
    padding: 10px 0;
    font-family: "Source Sans Pro", sans-serif;
}

.icon-tabs li i {
    display: block; 
    margin-bottom: 10px;
    font-size: 55px;
}

.icon-tabs .nav-pills > li > a:hover,
.icon-tabs .nav-pills > li.active > a,
.icon-tabs .nav-pills > li.active > a:focus,
.icon-tabs .nav-pills > li.active > a:hover {
    border-top: none;
    border-right: none;
    /*border-bottom:1px solid #ddd;*/
    border-left: none;
    background: none;
}

.tab-parallax-alt {
    padding: 200px 0;
    background-image: url("../img/parallax/13.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%; 
    background-size: cover;
}


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.html) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.html) no-repeat center center
}



.feature-box-grid {
    padding-right: 15px; 
    padding-left: 15px;
}
.feature-box-grid .col-md-4 {
    padding-right: 0; 
    padding-left: 0;
}
.featured-item.border-box {
    margin-bottom: -1px; 
    margin-left: -1px;
    padding: 50px;
    border: 1px solid #f2f2f2;
}

.featured-item.border-box:hover {
    color: #7e7e7e; 
    border: 1px solid transparent;
    background: #0e3571;
}

.featured-item .icon {
    padding: 0 0 30px 0;
}

.featured-item .icon i {
    font-size: 36px;
}

.featured-item .title h4 {
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: normal;
}

.featured-item .desc {
    color: #7e7e7e;
}
.featured-item.border-box:hover .desc {
    color: #fff;
}
.featured-item.border-box:hover .desc a {
    color: #ccc;
}
.featured-item.border-box {
    margin-bottom: -1px; 
    margin-left: -1px;
    padding: 50px;
    border: 1px solid #d9d9d9;
    background:#f0f0f0;
}

.featured-item.border-box:hover h4 {
    color: #fff;
}

.featured-item.border-box,
.featured-item.border-box:hover,
.featured-item.border-box h4,
.featured-item.border-box:hover h4,
.featured-item.border-box .icon i
.featured-item.border-box:hover .icon i {
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}

.feature-box-grid {
    padding-right: 15px; 
    padding-left: 15px;
}

.news-item{ color:#fff; padding:2px 15px; background:rgba(255,255,255,0.1); margin:2px 0; }
.news-item a{ color:#fff; }
.news-item b{ color:#fff; font-size:12px; }
.panel{ background-color: inherit; border:0; }
.news{ margin-bottom:0; box-shadow:inherit; }
.panel-body{ padding:5px 0; }
.panel-default > .panel-heading{ color:#fff; background:inherit; }
.news .panel-heading{ font-size:24px; padding-top:0; margin-bottom:10px; }
.news .panel-heading b{ font-size:500; }
.dropdown-menu{ background:#192873; color:#fff; margin:0; padding:0; }
.dropdown-menu > li > a{ color:#fff; padding:8px 20px; border-bottom:1px solid #ccc; }
.gsc-control-cse{ padding:0 !important; background:inherit !important; }

#footer-bottom .widget img{ width:50%; }

/* ==================================================
4.2 About Section Start
====================================================== */

.about {
    padding: 60px 0px 60px;
}

.about h2 {
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 50px;
}

.about .aboutBtn {
    border-radius: 50px;
    background-color: #9fde50;
    width: 170px;
    height: 50px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 37px;
}

.about .aboutBtn:hover {
    background-color: #555;
}
.about .content p{
    font-size: 14px;
    line-height: 26px;
    color: #616161;
}
.about .content .aboutpptop{
    padding-top: 23px;
}


/* ====================================================
4.3 Feature Area Start
======================================================= */

.feature-style-one {
    padding: 110px 0 114px 0;
    background: #f1f1f1;
}

.feature-style-one  .sectionHeader{
    margin-bottom: 58px;
}

.feature-style-one.about-page .single-feature-style-one {
    text-align: center;
}

.feature-style-one .single-feature-style-one .icon i {
    font-size: 40px;
    color: #fff;
    border-radius: 50%;
    background-color: #0e3571;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.feature-style-one .single-feature-style-one:hover .icon i{
    background: #9fde50;
}
.feature-style-one .single-feature-style-one h3 {
    margin: 0;
    text-transform: capitalize;
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 22px;
    margin-bottom: 13px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.feature-style-one .single-feature-style-one p {
    font-size: 16px;
    line-height: 26px;
    color: #616161;
    margin: 0;
}

.feature-style-one .single-feature-style-one a.read-more {
    color: #616161;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    margin-top: 17px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.feature-style-one .single-feature-style-one a.read-more:hover{
    color: #9fde50;
}


.feature-style-one .single-feature-style-one a.read-more i { 
    font-size: 14px;
    margin-right: 3px;
}


/* =====================================================
4.5 Why Chose Us Area Start
========================================================= */

.why-choose-us-style-one {
    overflow: hidden;
    padding: 110px 0 117px 0;
}

.why-choose-us-style-one .sectionHeader {
    margin-bottom: 58px;
}


.why-choose-us-style-one .single-why-choose-us-style-one .icon-box,
.why-choose-us-style-one .single-why-choose-us-style-one .text-box {
    display: table-cell;
    vertical-align: top;
}

.why-choose-us-style-one .single-why-choose-us-style-one .icon-box .inner i {
    font-size: 40px;
    color: #fff;
    border-radius: 50%;
    background-color: #0e3571;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.why-choose-us-style-one .single-why-choose-us-style-one:hover .icon-box .inner i {
    background-color: #9fde50;
}

.why-choose-us-style-one .single-why-choose-us-style-one .text-box {
    padding-left: 30px;
}

.why-choose-us-style-one .single-why-choose-us-style-one .text-box h3 {
    margin: 0;
    text-transform: capitalize;
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 10px;
	padding:0;
}

.why-choose-us-style-one .single-why-choose-us-style-one .text-box p {
    color: #555;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
	padding-bottom:0;
}

.why-choose-us-style-one .single-why-choose-us-style-one:hover .icon-box .inner i {
    color: #fff;
}

.why-choose-us-style-one .single-why-choose-us-style-one:hover .text-box h3 {
    color: #8EC84B;
}

.why-choose-us-style-one .single-why-choose-us-style-one+.single-why-choose-us-style-one {
    margin-top: 37px;
}

.vertical-tab{
    font-family: 'Titillium Web', sans-serif;
    display: table;
}
.vertical-tab .nav-tabs{
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none;
}
.vertical-tab .nav-tabs li{
   float: none;
   vertical-align: top;
}
.vertical-tab .nav-tabs li a{
    color: #555;
    background: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0 10px 5px 0;
    border-radius: 0;
    border: 1px solid #c9cba3;
    position: relative;
    transition: all 0.5s ease 0s;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
    color: #14c6c9;
    border-color: #14c6c9;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: "";
    background: #c9cba3;
    height: 100%;
    width: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{ background: #c9cba3; }
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before{
    background: #14c6c9;
}
.vertical-tab .nav-tabs li a:hover:after,
.vertical-tab .nav-tabs li.active a:after{
    width: 100%;
    opacity: 0;
}
.vertical-tab .tab-content{
    color: #777;
    font-size: 14px;
    line-height: 26px;
    padding: 0 10px;
}
.vertical-tab .tab-content h3{
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.navbar-default .navbar-nav>li>a:hover{ color:#ccc; }
.font5 a{ line-height:36px; color:#fff; display:inline-block; cursor:pointer; }
.font5 .decrease{ font-size:12px; }
.font5 .reset{ font-size:14px; }
.font5 .increase{ font-size:16px; }
.news .panel-heading{ font-size:20px; }
.news{ border-radius:0; box-shadow: 0; }
.calculator .headline h2{ font-size:16px; margin:0; }
.calculator .headline span{ font-size:22px; }
.calculator{ padding:3% 0; background:#f9f9f9 url(../images/bg.jpg) repeat; background-attachment:fixed; }
.result{ background:#0e3571; padding:0 4%; margin-top:8px; overflow:hidden; }
.result span{ color:#fff; font-size:13px; font-weight:400; }
.result h2{ color:#fff; font-weight:600; font-size:30px; margin:11px 0; }
.newsletter input{ width:70%; display:inline-block; }
.newsletter button{ width:28%; display:inline-block; padding:0; border-radius: 0; padding: 5px 0; }
.social li{ list-style:none; display:inline-block; margin-right:8px; }
.social li a{ font-size:25px; width: 40px; height: 40px; display: block; line-height:40px; border-radius:50%; border:1px solid #fff; text-align:center; }
.social li a i{ color:#fff !important; }
.widget-contact li{ list-style:none; }



/* ===================================================
 4.1  BreadCrumb Area Start
 =====================================================*/

.insuronbreadcrumb {
    padding: 142px 0px 144px;
    background: url(../images/banner2.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.insuronbreadcrumb .bcoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.insuronbreadcrumb h2 {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 13px;
    font-size: 46px;
    line-height: 50px;
}

.insuronbreadcrumb .links li {
    display: inline-block;
}

.insuronbreadcrumb .links li a {
    color: #fff;
}

.insuronbreadcrumb .links li a:hover,
.insuronbreadcrumb .links li a.active {
    color: #9fde50;
}


.insuronbreadcrumb .links li span {
    display: inline-block;
    padding: 0px 6px;
    color: #fff;
}

header.header.boxshadownone {
    box-shadow: 0px 0px 0px 0px rgba(215, 215, 215, 0);
}

header.header.boxshadownone.stiky {
    border-bottom: 2px solid #f6f6f6;
}

.insuronbreadcrumb.blog-details {
    padding-top: 146px;
}

.insuronbreadcrumb.extraPaddimg {
    padding-bottom: 148px;
}


/* =============================================================
8. Contact Us Page Css Start
================================================================ */

.contact-wrap {
    padding: 120px 0px 120px;
}
.contact-wrap .sectionHeader {
    margin-bottom: 50px;
}
.contact-wrap .address {
    margin-bottom: 90px;
}
.contact-wrap .contact-form {
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    padding: 68px 80px 80px;
    margin-top: -120px;
    border-radius: 10px;
}
.comments-container .comments-list li:last-child .avatar {
    top: 30px;
}

.address h3 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 24px;
}

.address h4 {
    font-size: 24px;
    font-weight: 600;    
    color: #222222;
    margin-bottom: 10px;
    line-height: 34px;
}


.address .a-text {
    margin-bottom: 35px;
}

.address .media {
    margin-bottom: 30px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    padding: 54px 30px 58px;
}

.address .media i {
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    background-color: #0e3571;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.address .media:hover i{
    background-color: #9fde50;
}



.contact-form .mr_btn_fill {
    background-color: #030A16;
    height: 50px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    border: 0px;
    border-radius: 5px;
    cursor: pointer;
}
.contact-form .mr_btn_fill:focus{
    outline: 0px;
}
.contact-form .mr_btn_fill:hover {
    background: #9fde50;
}

.contact-wrap .contact-form .input-field {
    height: 50px;
    display: block;
}

.contact-wrap .contact-form textarea{
    padding-left: 15px;
    padding-top: 10px;
    resize: none;
    height: 162px;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.left{ float:left; }
.media-body p{ margin-bottom:0; padding-bottom:0; }

/***********************************************************************************
 *	- FOOTER
 ***********************************************************************************/
 
 	#footer {
		padding: 30px 0 0;
		background-color: #001f46;
		color: #949494;
		font-size: 14px;
		font-weight: 300;
	}
	
	#footer a {
		color: inherit;
	}
	
	#footer a:hover {
		color: #fff;
	}
	
	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 {
		color: #fff;
	}
	
	#footer .widget:last-child {
		margin-bottom: 0;
	}
	
	#footer .widget-title {
		margin-bottom: 15px;
		letter-spacing: 2px;
	}
	
	#footer .widget-tags a:hover {
		color: #fff;
	}
	
	#footer .widget-pages ul li,
	#footer .widget-archives ul li,
	#footer .widget-metadata ul li,
	#footer .widget-categories ul li {
		margin-bottom: 5px;
	}
	
	#footer .widget-pages ul li:last-child,
	#footer .widget-archives ul li:last-child,
	#footer .widget-metadata ul li:last-child,
	#footer .widget-categories ul li:last-child {
		margin-bottom: 0;
	}
	
	#footer .widget-pages ul li a,
	#footer .widget-archives ul li a,
	#footer .widget-metadata ul li a,
	#footer .widget-categories ul li a {
		font-size: 14px;
		font-weight: 300;
	}
	
	#footer .widget-pages ul li a:before {
		opacity: 1;
	}
	
	#footer .widget-recent-posts ul li {
		border-bottom: 1px solid #444;
		margin-bottom: 25px;
	}
	
	#footer .widget-recent-posts ul li:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}
	
	#footer .widget-recent-posts ul li .post-title {
		color: #fff;
	}
	
	#footer .widget-recent-posts ul li .post-title:hover {
		color: #ffad00;
	}
	
	#footer .widget-contact {
		color: #fff;
	}
	
	#footer .widget-contact i,
	#footer .widget-contact small {
		color: #949494;
	}
	
	#footer .widget-contact li:hover i {
		color: #ffad00;
	}
	
	@media (max-width: 767px) {
		
		#footer [class^="col-"] + [class^="col-"] {
			margin-top: 26px;
		}
		
	}
	
/***********************************************************************************
 *	- FOOTER BOTTOM
 ***********************************************************************************/
	
	#footer-bottom {
		padding: 20px 0;
		background-color: #001f46;
		color: #fff;
		font-size: 14px;
		font-weight: 300;
	}
	
	#footer + #footer-bottom {
		border-top: 1px solid #ffad00;
	}
	
	#footer-bottom a {
		color: inherit;
	}
	
	#footer-bottom a:hover {
		color: #fff;
	}
	
	#footer-bottom h1,
	#footer-bottom h2,
	#footer-bottom h3,
	#footer-bottom h4,
	#footer-bottom h5,
	#footer-bottom h6 {
		color: #fff;
	}
	
	#footer-bottom .widget:last-child {
		margin-bottom: 0;
	}
	
	#footer-bottom .widget-tags a:hover {
		color: #fff;
	}
	
	#footer-bottom .widget-text .copyright {
		text-align: right;
	}

/*-------------------------------
	Image With Text Boxes
 ------------------------------*/
.met_img_with_text {
	position : relative;
	min-height:236px;
	margin-bottom:20px;
}

.met_img_with_text_preview {
	float    : left;
	position : relative;
}

.met_img_with_text_preview img {
	display : block;
	width   : 100%;
}

.met_img_with_text_overlay {
	position           : absolute;
	width              : 100%;
	height             : 100%;
	top                : 0;
	left               : 0;
	visibility         : hidden;
	opacity            : 0;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;
	text-align         : center;
}

.met_img_with_text_overlay a {
	display            : inline-block;
	width              : 50px;
	height             : 50px;
	line-height        : 50px;
	border-radius      : 50px;
	font-size          : 20px;
	text-decoration    : none;
	border             : 5px solid rgba(255, 255, 255, 0.1);
	visibility         : hidden;
	opacity            : 0;
	filter             : alpha(opacity=0);
	-ms-filter         : "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position           : absolute;
	left               : 0;
	top                : 0;
	-webkit-transition : all ease 0.5s;
	-moz-transition    : all ease 0.5s;
	-ms-transition     : all ease 0.5s;
	-o-transition      : all ease 0.5s;

}

.met_img_with_text:hover .met_img_with_text_overlay {
	visibility : visible;
	opacity    : 1;
	filter     : alpha(opacity=100);
	-ms-filter : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.met_img_with_text:hover .met_img_with_text_overlay a {
	visibility : visible;
	opacity    : 1;
	filter     : alpha(opacity=100);
	-ms-filter : "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	left       : 42%;
	top        : 40%;
}

.met_img_with_text article {
	position    : absolute;
	margin-left : 47.3684210526%;
	height      : 100%;
}

.met_img_with_text article:before {
	position     : absolute;
	left         : -18px;
	top          : 20%;
	content      : '';
	display      : block;
	width        : 0px;
	height       : 0px;
	border-style : solid;
	border-width : 0 18px 18px 0;
}

.met_img_with_text article.met_bgcolor5:before {
	border-color : transparent #A4AEB9 transparent transparent;
}

.met_img_with_text article.met_bgcolor6:before {
	border-color : transparent #656870 transparent transparent;
}

.met_img_with_text article div {
	padding : 30px;
}
.met_bgcolor5 {
	background-color : #A4AEB9;
}
.met_bgcolor6 {
	background-color : #656870;
}
h2.met_title_stack {
	color       : #FFFFFF;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
	font-weight: 300;
}

h3.met_title_stack {
	color       : #FFFFFF;
	font-size   : 24px;
	margin      : 0;
	line-height : 27px;
	font-weight: 700;
}
.met_color2 {
	color : #FFFFFF;
}
.met_color2 a{ padding:5px 15px; background:#0e3571; color:#fff; font-size:12px; border-left:3px solid #051e45; }
.met_color2 a:hover{ background:#051e45; }

.portfolio-filter {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portfolio-filter li {
    display: inline-block;
}

.portfolio-filter li a {
    margin: 0 15px;
    /*font-family: 'Abel', sans-serif;*/
    letter-spacing: 3px; 
    text-transform: uppercase;
    color: #a9a8a8;
    font-size: 14px;
}

.portfolio-filter li a:hover,
.portfolio-filter li.active a {
    color: #222;
}
.portfolio {
    margin: 50px 0;
    display:inline-block;
    width:100%;
}

.portfolio .portfolio-item {
    float: left;
}

.portfolio .portfolio-item .thumb {
    position: relative;
}

.portfolio .portfolio-item .thumb img {
    display: block; 
    width: 100%;
    height: 250px;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-transition: all .3s;
            transition: all .3s; 
    opacity: 0;
    border: 20px solid rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .9);
}

.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}

.portfolio-item:hover .portfolio-hover .portfolio-description {
    bottom: 45%;
    margin-bottom: -90px;
}

.portfolio-item:hover .portfolio-hover .action-btn {
    top: 40%;
    margin-top: -55px;
}

.portfolio-hover .portfolio-description {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s;
            transition: all .3s; 
    -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
            transform: translateY(-55%);
    opacity: 0;
}

.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s;
            transition: all .3s;
    -webkit-transform: translateY(45%);
        -ms-transform: translateY(45%);
            transform: translateY(45%);
    text-align: center;
    opacity: 0;
    font-size: 35px;
}

.portfolio-description,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
    text-align: center;
    color: #222;
}

.portfolio-description h4 {
    margin-bottom: 5px;
    letter-spacing: 4px; 
    text-transform: uppercase;
    font-size: 14px;
}

.portfolio-description p {
    margin-bottom: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #757575; 
    font-size: 12px;
    /*font-family: 'Abel', sans-serif;*/
    font-weight: normal;
}

.portfolio-description a,
.portfolio-title a {
    color: #757575;
}

/*gutter*/
.portfolio.gutter .portfolio-item {
    padding: 10px;
}

/*portfolio 2 grid*/
.portfolio.col-2 .portfolio-item {
    width: 49.99%;
}

/*portfolio 3 grid*/
.portfolio.col-3 .portfolio-item {
    width: 33.3333333%;
}

/*portfolio 4 grid*/
.portfolio.col-4 .portfolio-item {
    width: 24.98%;
}

/*portfolio 5 grid*/
.portfolio.col-5 .portfolio-item {
    width: 19.99%;
}

/*portfolio 6 grid*/
.portfolio.col-6 .portfolio-item {
    width: 16.666666667%;
}




.accordion > dt {
    margin-bottom: 10px;
    letter-spacing: .2em; 
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.accordion.time-line > dt > a {
    background: none;
}

.accordion > dt > a {
    position: relative;
    display: block;
    padding: 14px 20px;
    text-decoration: none;
    /*font-family: 'Abel', sans-serif;*/
    letter-spacing: 2px; 
    color: #222;
    border: 1px solid #e8e8e8;
    background: #e8e8e8;
}

.accordion > dt > a:hover {
    text-decoration: none;
}

.accordion > dt > a:hover,
.accordion > dt > a.active {
    cursor: pointer; 
    color: #fff;
    border-color: #222;
    background: #222;
}

.accordion > dt > a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    content: "\f067";
    text-align: center;
    text-transform: none;
    color: #696969;
    font-family: "FontAwesome";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 15px;

    -webkit-font-smoothing: antialiased; 
    speak: none;
}

.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
    content: "\f068";
    color: #fff;
}

.accordion > dt > a:hover:after {
    color: #fff;
}

.accordion > dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    color: #777; 
    font-size: 14px;
    line-height: 1.8;
}

.accordion > dt > a,
.accordion > dt > a:after,
.toggle > dt > a,
.toggle > dt > a:after {
    -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
            transition: all .27s cubic-bezier(0, 0, .58, 1);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}
.btn-outline-info:hover{ background:#ccc; }


.widget {
    display: inline-block;
    width: 100%; 
    margin-bottom: 60px;
}
.heading-border-bottom {
    padding-bottom: 20px; 
    border-bottom: 1px solid #e2e2e2;
}
.heading-title-alt {
    margin-bottom: 20px;
}
.widget-latest-post,
.widget-category,
.widget-comments {
    padding: 0; 
    list-style: none;
}

.widget-latest-post li,
.widget-category li,
.widget-comments li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.widget-category li,
.widget-comments li {
    margin-bottom: 20px;
}

.widget-category li a,
.widget-comments li a {
    color: #837f7e;
}
.widget-category li a:hover{ padding-left:5px; }

.widget-category li a:before {
    padding-right: 10px;
    content: "\f105";
    font-family: "FontAwesome";
}

.widget-comments li:before {
    padding-right: 10px;
    content: "\f0e6";
    color: #837f7e; 
    font-family: "FontAwesome";
}

.widget-latest-post li:last-child {
    margin-bottom: 0;
}
.gsc-search-button-v2 svg{ margin-top:6px; }

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    background:#fff;
}

.navbar-default{ float:left; }



/*------------Login-------------*/


.cotn_principal {
  position: relative;
  width: 100%;
  display:inline-block;
  margin-bottom: 8%;
}


.cont_centrar {
  position: relative;
  float: left;
   width: 100%;
}

.cont_login {
  position: relative;
  width: 640px;
left: 50%;
margin-left: -320px;
  
}

.cont_back_info {  
position: relative;
  float: left;
  width: 640px;
  height: 310px;
overflow: hidden;
  background-color: #fff;
  margin-top: 100px;
box-shadow: 1px 10px 30px -10px rgba(0,0,0,0.5);
}

.cont_forms {
  position: absolute;
  overflow: hidden;
  top:100px;
left: 0px;
  width: 320px;
  height: 310px;
  background-color: #eee;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.cont_forms_active_login {
box-shadow: 1px 10px 30px -10px rgba(0,0,0,0.5);
  height: 420px;  
top:20px;
left: 0px;
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;

}

.cont_forms_active_sign_up {
box-shadow: 1px 10px 30px -10px rgba(0,0,0,0.5);
  height: 500px;  
top:20px;
left:320px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.cont_img_back_grey {
  position: absolute;
  width: 950px;
top:-80px;
  left: -116px;
}

.cont_img_back_grey > img {
  width: 100%;
 -webkit-filter: grayscale(100%);     filter: grayscale(100%);
opacity: 0.2;
animation-name: animar_fondo;
  animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;

}

.cont_img_back_ {
  position: absolute;
  width: 950px;
top:-80px;
  left: -116px;
}

.cont_img_back_ > img {
  width: 100%;
opacity: 0.3;
animation-name: animar_fondo;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}

.cont_forms_active_login > .cont_img_back_ {
top:0px;  
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.cont_forms_active_sign_up > .cont_img_back_ {
top:0px;  
left: -435px;
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
 

.cont_info_log_sign_up {
position: absolute;
  width: 640px;
  height: 310px;
  top: 100px;
z-index: 1;
} 

.col_md_login {
  position: relative;
  float: left;
  width: 50%;
}

.col_md_login > h2 {
  font-weight: 400;
margin-top: 70px;
    color: #757575;
}

.col_md_login > p {
 font-weight: 400;
margin-top: 15px;
width: 80%;
    color: #37474F;
}

.btn_login { 
background-color: #26C6DA;
  border: none;
  padding: 10px;
width: 200px;
border-radius:3px;
box-shadow: 1px 5px 20px -5px rgba(0,0,0,0.4);
  color: #fff;
margin-top: 10px;
cursor: pointer;
}

.btn_login1 { 
background-color: #ec971f;
  border: none;
  padding: 10px;
width: 200px;
border-radius:3px;
box-shadow: 1px 5px 20px -5px rgba(0,0,0,0.4);
  color: #fff;
margin-top: 10px;
cursor: pointer;
}

.col_md_sign_up {
  position: relative;
  float: left;
  width: 50%;  
}

.cont_ba_opcitiy > h2 {
  font-weight: 400;
  color: #fff;
}

.cont_ba_opcitiy > p {
 font-weight: 400;
margin-top: 15px;
 color: #fff;
}
/* ----------------------------------
background text    
------------------------------------
 */
.cont_ba_opcitiy {
  position: relative;
  background-color: rgba(120, 144, 156, 0.55);
  width: 80%;
  border-radius:3px ;
margin: 10% 0 0 10%;
padding: 15px 0px;
text-align:center;
}

.btn_sign_up { 
background-color: #ef5350;
  border: none;
  padding: 10px;
width: 200px;
border-radius:3px;
box-shadow: 1px 5px 20px -5px rgba(0,0,0,0.4);
  color: #fff;
margin-top: 10px;
cursor: pointer;
}
.cont_forms_active_sign_up {
z-index: 2;  
}

.gsc-search-button-v2{ padding:4px 27px !important; height:34px !important; }


@-webkit-keyframes animar_fondo {
  from { -webkit-transform: scale(1) translate(0px);
-moz-transform: scale(1) translate(0px);
-ms-transform: scale(1) translate(0px);
-o-transform: scale(1) translate(0px);
transform: scale(1) translate(0px); }
  to { -webkit-transform: scale(1.5) translate(50px);
-moz-transform: scale(1.5) translate(50px);
-ms-transform: scale(1.5) translate(50px);
-o-transform: scale(1.5) translate(50px);
transform: scale(1.5) translate(50px); }
}
@-o-keyframes identifier {
  from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
  to { -webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }

}
@-moz-keyframes identifier {
  from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
  to { -webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }

}
@keyframes identifier {
  from { -webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
  to { -webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }
}
.cont_form_login {
  position: absolute;
  text-align:center;
  opacity: 0;
display: none;
  width: 320px;
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.cont_forget_password {
  position: absolute;
  text-align:center;
  
display: none;
  width: 320px;
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.cont_forms_active_login {
z-index: 2;  
}
.cont_forms_active_login  >.cont_form_login {
}

.cont_form_sign_up {
  position: absolute;
  width: 320px;
  text-align:center;
float: left;
  opacity: 0;
display: none;
  -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

  
.cont_form_sign_up > input {
text-align: left;
  padding: 10px 5px;
margin: 10px auto;
  width: 260px;
border: none;
    color: #757575;
}

.cont_form_sign_up > h2 {
margin-top: 30px; 
font-weight: 400;
  color: #757575;
  font-size:30px;
}


.cont_form_login > input {
  padding: 10px 5px;
margin: 20px auto;
  width: 260px;
border: none;
text-align: left;
  color: #757575;
}

.cont_form_login > h2 {
margin-top: 30px; 
font-weight: 400;
  color: #757575;
}
.cont_forget_password > h2 {
margin-top: 30px; 
font-weight: 400;
  color: #757575;
}
.cont_form_login > a,.cont_forget_password > a,.cont_form_sign_up > a  {
  color: #757575;
    position: relative;
    float: left;
    margin: 10px;
margin-left: 30px;
}



/*-------------------------------
	Google Translator Logo Hide
------------------------------*/
.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
   
}










.btn-larger {
	padding: 15px 40px !important;
	border:2px solid #F7CA18 !important;;
	border-radius: 0px !important;;
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #F7CA18;
	background-color: transparent;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
  

}
.btn-larger:hover, .btn-larger:focus, .btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
	border-color: #F7CA18;
	color: #fff;
	background-color: #F7CA18;
  border-radius: 0
}
.btn-larger:active, .btn-larger.active, .open .dropdown-toggle.btn-larger {
	background-image: none;
}
.btn-larger.disabled, .btn-larger[disabled], fieldset[disabled] .btn-larger, .btn-larger.disabled:hover, .btn-larger[disabled]:hover, fieldset[disabled] .btn-larger:hover, .btn-larger.disabled:focus, .btn-larger[disabled]:focus, fieldset[disabled] .btn-larger:focus, .btn-larger.disabled:active, .btn-larger[disabled]:active, fieldset[disabled] .btn-larger:active, .btn-larger.disabled.active, .btn-larger[disabled].active, fieldset[disabled] .btn-larger.active {
	border-color: #AEA8D3;
	background-color: #AEA8D3;
}
.btn-larger .badge {
	color: #AEA8D3;
	background-color: #fff;
}

div#form {
	color: #fff;
	background-attachment: scroll;
	background: #1c1e21 url(../images/log-in.jpg);
	background-position: center center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
  min-height:100%;

}

#userform p {
	font-size: 14px;
	margin-bottom: 5px;
}
#userform ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0px;
}
#userform {
	background: rgba(0,0,0,0.8);
	margin: 20px 0 20px 0
}
 @media (min-width: 768px) {
#userform {
	background: rgba(0,0,0,0.8);
	margin: 50px 0 20px 0
}
}
#userform .nav-tabs.nav-justified > li > a {
	text-transform: uppercase;
	font-size: 20px;
	color: #F7CA18;
	background-color: rgba(90,90,90,0.5);
}
#userform .nav-tabs.nav-justified > .active > a, #userform .nav-tabs.nav-justified > .active > a:hover, #userform .nav-tabs.nav-justified > .active > a:focus {
	border: 0;
	background: #F7CA18;
	color: white;
	border-radius: 0;
}
#userform .nav-justified > li > a {
	margin-bottom: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
#userform .nav-justified > li > a:hover {
	background: #AEA8D3;
	color: #FFF;
}
#userform .nav-tabs > li > a {
	border: 0px solid transparent;
	border-radius: 0
}
#userform .nav-tabs.nav-justified > li > a:hover {
	background: #F7CA18;
	color: #FFF;
	border-radius: 0;
	border: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
#userform .nav-tabs > li.active > a, #userform .nav-tabs > li.active > a:hover, #userform .nav-tabs > li.active > a:focus {
	color: #F7CA18;
	cursor: default;
	background-color: transparent;
	border: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
 @media (min-width: 768px) {
#userform .nav-tabs.nav-justified > li > a {
	border: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
#userform .nav-tabs.nav-justified > li > a:hover {
	background-color: #F7CA18;
	border-color: transparent;
	border: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
}
 @media (max-width: 768px) {
.nav-justified > li {
	display: table-cell !important;
	width: 1% !important;
}
}
#userform .nav-tabs {
	border-bottom: 0px solid #ddd;
}
#userform .tab-pane h2 {
	margin: 10px 0;
	color: #FFF;
}
#userform .tab-pane p.lead {
	margin-top: 20px;
}
#userform .tab-content {
	padding: 20px
}
#userform .form-group {
	margin-bottom: 0px;
	color: #FFF;
}
#userform .form-group input, #userform .form-group textarea {
	margin: 0;
}
#userform .form-group input.form-control {
	height: auto;
	background-color: rgba(237, 235, 250, 0.1);
	color: #FFF;
}
#userform .form-control {
	border-radius: 0;
	border: 1px solid #fff;
}
#userform .form-control:focus {
	border-color: #F7CA18;
	box-shadow: none;
}
 #userform::-webkit-input-placeholder {
 text-transform: uppercase;
font-family: 'Dosis', sans-serif;
font-weight: 700;
 color: #bbb;
}
#userform #signup .form-group label {
	position: relative;
	-webkit-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
	left: 10px;
	top: 0px;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-backface-visibility: hidden;
	pointer-events: none;
	font-size: 12px;
	font-weight: 300;
	margin: 0;
}
#userform #signup .form-group label .req {
	margin: 2px;
	color: #F7CA18;
}
#userform #signup .form-group label.active {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	left: 2px;
	font-size: 12px;
}
#userform #signup .form-group label.active .req {
	opacity: 0;
}
#userform label.highlight {
	color: #ffffff;
}
#userform #login .form-group label {
	position: relative;
	-webkit-transform: translateY(35px);
	-ms-transform: translateY(35px);
	transform: translateY(35px);
	left: 10px;
	top: 0px;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-backface-visibility: hidden;
	pointer-events: none;
	font-size: 12px;
	font-weight: 300
}
#userform #login .form-group label .req {
	margin: 2px;
	color: #F7CA18;
}
#userform #login .form-group label.active {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	left: 2px;
	font-size: 12px;
}
#userform #login .form-group label.active .req {
	opacity: 0;
}

.mrgn-30-top {
	margin-top: 30px
}



























/*==============================================
 Navbar
 ===============================================*/
.menuzord {
    position: relative;
    float: left;
    width: 100%;
    padding: 0; 
    letter-spacing: .5px;
    background: none;
}

.menuzord-menu {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuzord-menu.menuzord-right {
    float: right;
}

.menuzord-menu ul.dropdown li a,
.menuzord-menu > li > .megamenu a,
.menuzord-menu > li > .megamenu h5 {
    color: #222;
}

.menuzord-menu > li > .megamenu .megamenu-row li a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    font-size: 12px;
}

.menuzord-menu a {
    -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
}

.menuzord-menu.scrollable > .scrollable-fix {
    display: none;
}

.menuzord-menu > li {
    display: inline-block;
    float: left;
    margin-left: 2px;
}

.menuzord-menu > li > a {
    display: inline-block;
    padding:15px 12px;
    text-decoration: none;
    color: #fff; 
    outline: 0;
    font-size: 14px;
    font-weight: normal;

    -webkit-tap-highlight-color: transparent;
}

.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a {
    color: #ffea00;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 190px;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    background: #fff;
}

.menuzord-menu ul.dropdown li ul.dropdown {
    top: -1px; 
    left: 100%;
}

.menuzord-menu ul.dropdown li {
    position: relative; 
    clear: both;
    width: 100%;
    border: 0;
    font-size: 12px;
}

.menuzord-menu ul.dropdown li a {
    position: relative;
    display: inline-block;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 25px 10px 22px;
    text-decoration: none;
    color: #222;
    outline: 0; 
    background: 0 0;
}

.menuzord-menu ul.dropdown li:hover > a {
    padding-right: 19px;
    color: #333;
}

.menuzord-menu ul.dropdown.dropdown-left {
    left: auto;
}

.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
    right: 100%; 
    left: auto;
}

.menuzord-menu li .indicator {
    margin-left: 3px;
}

.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 15px;
}

.menuzord-menu > li > .megamenu {
    position: absolute;
    z-index: 1000;
    left: 0;
    display: none;
    width: 100%;
    padding: 20px;
    border-top: solid 1px #f0f0f0;
    background: #fff;
}

.menuzord-menu > li > .megamenu.megamenu-half-width {
    left: auto; 
    width: 50%;
}

.menuzord-menu > li > .megamenu.megamenu-quarter-width {
    left: auto; 
    width: 25%;
}

.menuzord-menu > li > .megamenu .megamenu-row {
    width: 100%;
    margin-top: 15px;
}

.menuzord-menu > li > .megamenu .megamenu-row:first-child {
    margin-top: 0;
}

.menuzord-menu > li > .megamenu .megamenu-row:after,
.menuzord-menu > li > .megamenu .megamenu-row:before {
    display: table;
    content: "";
    line-height: 0;
}

.menuzord-menu > li > .megamenu .megamenu-row:after {
    clear: both;
}

.menuzord-menu > li > .megamenu .megamenu-row .col1,
.menuzord-menu > li > .megamenu .megamenu-row .col10,
.menuzord-menu > li > .megamenu .megamenu-row .col11,
.menuzord-menu > li > .megamenu .megamenu-row .col12,
.menuzord-menu > li > .megamenu .megamenu-row .col2,
.menuzord-menu > li > .megamenu .megamenu-row .col3,
.menuzord-menu > li > .megamenu .megamenu-row .col4,
.menuzord-menu > li > .megamenu .megamenu-row .col5,
.menuzord-menu > li > .megamenu .megamenu-row .col6,
.menuzord-menu > li > .megamenu .megamenu-row .col7,
.menuzord-menu > li > .megamenu .megamenu-row .col8,
.menuzord-menu > li > .megamenu .megamenu-row .col9 {
    display: block;
    float: left;
    min-height: 20px;
    margin-left: 3%;
}

.menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child {
    margin-left: 0;
}

.menuzord-menu > li > .megamenu .megamenu-row .col1 {
    width: 5.583333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col2 {
    width: 14.166666666666%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col3 {
    width: 22.75%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col4 {
    width: 31.333333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col5 {
    width: 39.916666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col6 {
    width: 48.5%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col7 {
    width: 57.083333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col8 {
    width: 65.666666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col9 {
    width: 74.25%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col10 {
    width: 82.833333333334%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col11 {
    width: 91.416666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col12 {
    width: 100%;
}

.menuzord .showhide {
    display: none;
    float: right;
    width: 30px;
    height: 46px;
    padding: 13px 0 0;
    text-decoration: none;
    outline: 0;

    -webkit-tap-highlight-color: transparent;
}

.menuzord .showhide em {
    float: right;
    width: 20px;
    height: 3px;
    margin: 3.5px 0 0;
    background: #777;
}

.menuzord-menu > li > a > .fa {
    float: left;
    margin: 0 5px 0 0;
    color: inherit; 
    font-size: 14px;
    line-height: inherit;
}

.menuzord-menu > li.search form {
    float: left;
    padding: 22px 16px 17px;
}

.menuzord-tabs {
    float: left; 
    width: 100%;
}

.menuzord-tabs-nav {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuzord-tabs-nav > li > a {
    float: left;
    width: 100%;
    padding: 7px 16px;
    text-decoration: none;
    color: #666;
    border: 1px solid #f0f0f0;
    outline: 0; 
    font-size: 13px;
}

.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a {
    background: #f0f0f0;
}

.menuzord-tabs-content {
    display: none;
    float: right;
    width: 80%;
    min-height: 30px;
    padding: 20px;
    border: 1px solid #f0f0f0; 
    font-size: 13px;
}

.menuzord-tabs-content.active {
    display: block;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    border: 1px solid #efefef; 
    background: #fff;
}

.menuzord-menu ul.dropdown li:hover > a {
    color: #000;
}

.menuzord-menu > li > .megamenu {
    border: 1px solid #efefef; 
    border-top: none;
    background: #fff;
}

.menuzord-tabs-nav > li > a {
    color: #fff;
}

.navbar-search .form-control {
    border-radius: 0;
}

@media (max-width: 768px) {
    .l-header {
        position: fixed;
        z-index: 1000;
        top: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    }
    .menuzord-responsive .menuzord-menu > li.nav-divider {
        display: none;
    }
    .l-navbar_t-light,
    .l-navbar_t-light-trans,
    .l-navbar_t-dark .showhide em,
    .l-navbar_t-semi-trans .showhide em,
    .l-navbar_t-dark-trans .showhide em {
        background: #000;
    }
    .l-navbar_t-dark,
    .l-navbar_t-semi-trans,
    .l-navbar_t-dark-trans {
        background: #fff;
    }
}

@media (max-width: 769px) {
    .l-header_overlay {
        position: absolute;
        z-index: 1200;
        top: 0;
        width: 100%;
    }
    .menuzord-menu .megamenu,
    .menuzord-menu .dropdown {
        text-align: left;
        border: 0 !important;
    }
    .menuzord-menu .megamenu,
    .menuzord-menu .dropdown,
    .l-navbar-wrapper_has-sticky .l-navbar,
    .l-navbar_s-left {
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }
    .l-navbar-wrapper_has-sticky .logo-brand {
        display: block;
    }
    .c-nav_s-bg > li > a {
        line-height: 40px;
    }
    .c-nav_s-bg > li.active > a,
    .c-nav_s-bg > li:hover > a {
        color: #fff !important;
    }
    .c-nav_s-outline > li > a {
        border: 1px solid transparent;
        line-height: 38px;
    }
    .c-nav_s-underline > li > a {
        border-bottom: 1px solid transparent; 
        line-height: 99px;
    }
    .l-navbar_expand .c-nav_s-bg > li > a,
    .l-navbar_expand .c-nav_s-outline > li > a {
        margin: 30px 0;
    }
    .l-navbar_compact .c-nav_s-bg > li > a,
    .l-navbar_compact .c-nav_s-outline > li > a {
        margin: 10px 0;
    }
    .l-navbar-wrapper_has-sticky .c-nav_s-bg > li > a,
    .l-navbar-wrapper_has-sticky .c-nav_s-outline > li > a {
        margin: 0;
    }
    .l-navbar-wrapper_has-sticky .c-nav_s-outline > li > a {
        line-height: 58px;
    }
    .menuzord-menu .dropdown > li > a,
    .menuzord-menu .megamenu-row li > a {
        line-height: 18px;
    }
    .l-navbar-wrapper,
    .logo-brand,
    .menuzord-menu > li > a {
        -webkit-transition: height .3s, line-height .3s, margin .3s;
                transition: height .3s, line-height .3s, margin .3s;
    }
    .l-navbar_t-light {
        background: #fff;
    }
    .l-navbar_t-dark {
        background: #0a0a0a;
    }
    .l-navbar_t-dark .menuzord-menu > li > a,
    .l-navbar_t-semi-trans .menuzord-menu > li > a,
    .l-navbar_t-dark-trans .menuzord-menu > li > a {
        color: #000;
    }
    .l-navbar_t-semi-trans {
        background: rgba(10, 10, 10, .5);
    }
    .l-navbar_t-light-trans,
    .l-navbar_t-dark-trans,
    .l-navbar_t-semi-trans {
        -webkit-transition: background-color .3s;
                transition: background-color .3s;
    }
    .l-navbar_compact .logo-brand {
        height: 60px;
    }
    .l-navbar_compact .logo-brand,
    .l-navbar_compact .c-nav_s-standard > li > a {
        line-height: 60px;
    }
    .l-navbar_compact.l-navbar_s-center .logo-brand {
        height: 100px;
    }
    .l-navbar_s-center {
        text-align: center;
    }
    .l-navbar_s-center.l-navbar_t-light {
        border-top-color: #ddd;
    }
    .l-navbar_s-center.l-navbar_t-light-trans .menuzord-menu,
    .l-navbar_s-center.l-navbar_t-dark-trans .menuzord-menu,
    .l-navbar_s-center.l-navbar_t-semi-trans .menuzord-menu {
        border-top-color: rgba(10, 10, 10, .2);
    }
    .l-navbar_s-center.l-navbar_t-dark {
        border-top-color: #222;
    }
    .l-navbar_s-center .logo-brand {
        float: none;
    }
    .l-navbar_s-center .menuzord-menu,
    .l-navbar_s-center .menuzord-menu > li {
        float: none;
        text-align: center;
    }
    .l-navbar_s-center .logo-brand.sticky-fix {
        float: left;
    }
    .l-navbar-wrapper_has-sticky .l-navbar_s-center .menuzord-menu.menuzord-right,
    .l-navbar-wrapper_has-sticky .l-navbar_s-center .menuzord-menu.pull-right {
        float: right;
    }
    .l-navbar_s-floating {
        width: 1170px;
        margin: auto;
        margin-top: 50px;
    }
    .l-navbar-wrapper_has-sticky .l-navbar_s-floating {
        margin-top: 0;
    }
    .l-navbar-wrapper_has-sticky .l-navbar_t-semi-trans,
    .l-navbar-wrapper_has-sticky .l-navbar_t-dark-trans {
        background: #0a0a0a;
    }
    .l-navbar-wrapper_has-sticky .l-navbar_t-light-trans {
        background: #fff;
    }
    .l-navbar-wrapper_has-sticky .logo-brand,
    .l-navbar-wrapper_has-sticky .menuzord-menu > li > a {
        line-height: 60px;
    }
    .l-navbar-wrapper_has-sticky .logo-brand {
        height: 60px;
    }
    .body_has-navbar-left .wrapper {
        margin-left: 260px;
    }
    .body_has-navbar-left .l-header {
        position: fixed;
        z-index: 1000;
        top: 0;
        bottom: 0;
        left: 0;
        width: 260px;
    }
    .body_has-navbar-left .l-navbar_s-left {
        height: 100%;
    }
    .l-navbar_s-left.l-navbar_t-dark {
        background: #333;
    }
    .l-navbar_s-left .container,
    .l-navbar_s-left .container-fluid,
    .l-navbar_s-left .col-lg-1,
    .l-navbar_s-left
    .col-md-1,
    .l-navbar_s-left
    .col-sm-1,
    .l-navbar_s-left
    .col-xs-1,
    .l-navbar_s-left .col-lg-2,
    .l-navbar_s-left
    .col-md-2,
    .l-navbar_s-left
    .col-sm-2,
    .l-navbar_s-left
    .col-xs-2,
    .l-navbar_s-left .col-lg-3,
    .l-navbar_s-left
    .col-md-3,
    .l-navbar_s-left
    .col-sm-3,
    .l-navbar_s-left
    .col-xs-3,
    .l-navbar_s-left .col-lg-4,
    .l-navbar_s-left
    .col-md-4,
    .l-navbar_s-left
    .col-sm-4,
    .l-navbar_s-left
    .col-xs-4,
    .l-navbar_s-left .col-lg-5,
    .l-navbar_s-left
    .col-md-5,
    .l-navbar_s-left
    .col-sm-5,
    .l-navbar_s-left
    .col-xs-5,
    .l-navbar_s-left .col-lg-6,
    .l-navbar_s-left
    .col-md-6,
    .l-navbar_s-left
    .col-sm-6,
    .l-navbar_s-left
    .col-xs-6,
    .l-navbar_s-left .col-lg-7,
    .l-navbar_s-left
    .col-md-7,
    .l-navbar_s-left
    .col-sm-7,
    .l-navbar_s-left
    .col-xs-7,
    .l-navbar_s-left .col-lg-8,
    .l-navbar_s-left
    .col-md-8,
    .l-navbar_s-left
    .col-sm-8,
    .l-navbar_s-left
    .col-xs-8,
    .l-navbar_s-left .col-lg-9,
    .l-navbar_s-left
    .col-md-9,
    .l-navbar_s-left
    .col-sm-9,
    .l-navbar_s-left
    .col-xs-9,
    .l-navbar_s-left .col-lg-10,
    .l-navbar_s-left
    .col-md-10,
    .l-navbar_s-left
    .col-sm-10,
    .l-navbar_s-left
    .col-xs-10,
    .l-navbar_s-left .col-lg-11,
    .l-navbar_s-left
    .col-md-11,
    .l-navbar_s-left
    .col-sm-11,
    .l-navbar_s-left
    .col-xs-11,
    .l-navbar_s-left .col-lg-12,
    .l-navbar_s-left
    .col-md-12,
    .l-navbar_s-left
    .col-sm-12,
    .l-navbar_s-left
    .col-xs-12 {
        width: auto;
        padding: 0;
    }
    .l-navbar_s-left .logo-brand,
    .l-navbar_s-left .menuzord-menu,
    .l-navbar_s-left .menuzord-menu > li {
        float: none;
    }
    .l-navbar_s-left .logo-brand {
        display: block;
        margin: 40px 20px;
        text-align: center;
    }
    .l-navbar_s-left .menuzord-menu > li {
        display: block;
        margin: 0;
    }
    .l-navbar_s-left .menuzord-menu > li > a {
        display: block;
        padding: 0 20px;
    }
    .l-navbar_s-left .menuzord-menu > li > a {
        line-height: 40px;
    }
    .l-navbar_s-left .menuzord-menu > li > .dropdown,
    .l-navbar_s-left .menuzord-menu > li > .megamenu {
        left: 260px !important;
        margin-top: -40px;
    }
    .l-navbar_s-left .menuzord-menu > li > .megamenu {
        width: 800px;
        padding: 20px;
    }
    .l-navbar_s-left .menuzord-menu > li.nav-divider {
        display: none;
    }
    .l-navbar_s-left .menuzord-menu > li > .navbar-search {
        width: 450px;
    }
    .nav-divider a {
        cursor: text;
    }
    .l-navbar_bottom {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
	
	
	
	.menuzord-responsive.menuzord {
        padding: 0;
    }
    .menuzord-responsive .logo-brand {
        font-size: 20px;
        line-height: 2.55;
    }
    .menuzord-responsive .showhide {
        margin: 0;
    }
    .menuzord-responsive .menuzord-menu {
        float: left !important; 
        width: 100%;
    }
    .menuzord-responsive .menuzord-menu.scrollable {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
        display: block;
    }
    .menuzord-responsive .menuzord-menu > li {
        position: relative; 
        display: block;
        width: 100%;
    }
    .menuzord-responsive .menuzord-menu > li > a {
        display: block;
        width: 100%;
        padding: 12px 20px;
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu > li:first-child > a {
        border-top: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        position: static;
        left: 0;
        float: left; 
        width: 100%;
        border: none;
        background: #fff;
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li {
        position: relative;
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {
        padding-left: 40px !important;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 60px !important;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
        padding-left: 80px !important;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
        /*padding-left: 50px!important*/
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a {
        padding-left: 70px !important;
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a {
        padding-left: 90px !important;
    }
    .menuzord-responsive .menuzord-menu li .indicator {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 45px;
        text-align: center;
        border-left: solid 1px #f5f5f5; 
        font-size: 22px;
        line-height: 43px;
    }
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        top: 0;
        right: 0;
        height: 38px;
        font-size: 18px;
        line-height: 36px;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu {
        position: static;
        left: 0 !important;
        width: 100% !important;
        border-top: none;
        border-bottom: solid 1px #f0f0f0;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*=col] {
        display: block;
        float: none;
        width: 100% !important;
        margin-top: 15px; 
        margin-left: 0;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row,
    .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0;
    }
    .menuzord-responsive .menuzord-menu > li.search form {
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px !important;
    }
    .menuzord-responsive .menuzord-menu > li.search form input[type=text],
    .menuzord-responsive .menuzord-tabs-content,
    .menuzord-responsive .menuzord-tabs-nav {
        width: 100%;
    }
.menuzord-responsive .menuzord-menu > li > a {
        padding: 12px 20px !important;
        line-height: 20px;
    }
    /* Dropdown indicators */
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        border: none;
    }
    /* Dropdown */
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        background: #fff;
    }
    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border: none;
    }
    .menuzord-menu li .indicator i.fa-angle-down:before {
        content: "\f107";
    }
	
	
	
}














/*======================///////////////
	START RESPONSIVE STYLE
=====================///////////////////////*/
.hamburger-menu{ display:none }
.mobile-on{ display:none !important } 
.navbar-nav > li{ border-left: 1px solid #777; }

@media only screen and (max-width: 12000px) and (min-width: 1920px)  {
.home-slider .slick-slide{ background-size:cover !important }
}

@media only screen and (max-width: 12000px) and (min-width: 992px)  {
.menu-rht{ width:754px; position:absolute; top:0; left:350px; min-height:434px; padding:37px 0 0 42px; opacity:0; visibility:hidden; background-color:#f5f5f5 }
.menu-lft ul > li:hover .menu-rht{ opacity:1; visibility:visible } 
}

@media only screen and (max-width: 12000px) and (min-width: 768px)  {
.filter-wrap span.span-hide{ opacity:0; visibility:hidden }	
ul.nav-tabs{ background-color:#d14124;  color:#fff; border:none !important }
.nav-tabs > li{ padding:0; margin:0;  border:none !important }
.nav-tabs > li > a{ font:600 16px/50px 'Open Sans', sans-serif; color:#fff; background-color: inherit; display: block; color:#fff; background-color:#d14124; border:none !important; padding:0 20px; margin:0; text-transform: uppercase }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color:#fff; background-color: #00417d; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 }
}

@media(max-width:1199px ){
body.home .home-slider h2{ font-size:64px }	
.home-slider p{ font-size:24px; line-height:29px }
.osi-technology h1{ font-size:24px; line-height:28px; font-weight:300; font-family:'Avenir LT Std' }
ul.technology-list li .bottom{ height:246px }
.industries-section{ background-position:center bottom }
.top-section .lft-pann{ padding-right:24px }
.top-section .rht-pann{ padding-left:24px }
.number-container-wraper{ padding:0 } 

.upcoming-events-list > li{ width:284px; /*height:330px*/ }
.upcoming-events-list .img-box{ height:155px; margin-bottom:12px }
.upcoming-events-list > li h4, ul.past-events-list li h4{ padding-bottom:4px }

.event-section .time-info{ padding-bottom:7px }
ul.past-events-list li{ width:calc(50% - 30px); /*height:170px;*/ margin:0 13px 45px }
ul.past-events-list li:nth-child(2){  }
ul.past-events-list li:last-child{ display:none }

.upcoming-events-list p, .past-events-list p{ width:100%; display:block; clear:both; padding-bottom:8px }
ul.past-events-list li .date-txt{ margin-bottom:5px }
ul.past-events-list li .btn-arrow{ /*position:absolute; bottom:16px; left:18px;*/ display:block }
.btn-arrow{ font-size:14px; line-height:14px }

.left-pann{ width:595px }
aside{ width:292px }

.img-border.pull-left{ width:50% }
.application-box{ padding-left:12px; padding-right:12px }
.application-box ul{ margin:0 } 

ul.why-osi-consulting-list li img + .content{ margin-left:184px } 

ul.service-list{ padding-left:0; padding-right:0 }
ul.service-list li{ width:295px; margin-right:27px; margin-bottom:27px }

ul.news-list li{ margin-bottom:21px }
ul.news-list li .news-txt p{ font-size:15.5px; font-weight:300 }

.about-sections .upcoming-events-list{ width:100%; margin-top:17px }
.about-sections .upcoming-events-list li{ width:284px; margin-right:35px }
.about-sections .past-events-list{ width:100%; margin-top:17px }
.about-sections ul.past-events-list li{ width:441px; margin-left:0; margin-right:38px }
.about-sections ul.past-events-list li:last-child{ display:inline-block }

.about-sections .lft-pann{ width:638px }
.about-sections aside{ width:242px }

.vanue-wrapper ul li{ width:291px }
.vanue-wrapper ul li .img{ width:100%; height:203px }

ul.serve-list li{ margin-right:16px }
ul.serve-list li:nth-child(3n+3){ margin-right:0 }
ul.serve-list li:nth-child(4n+4){ margin-right:16px }

ul.partnerships-list li{ width:288px; margin-right:38px; margin-bottom:38px }

ul.case-studies-list > li{ width:292px; height:273px; padding-top:45px; margin-right:31px; margin-bottom:31px }
ul.case-studies-list > li:nth-child(3n+3){ margin-right:0 }
ul.case-studies-list > li:nth-child(4n+4){ margin-right:31px }
ul.case-studies-list > li .content-hover{ width:292px; height:273px }

.contact-section .lft-pann{ width:632px }
.contact-section aside{ width:230px }
.location-title{ width:99.99% }
.location-box ul li{  width:33.33%}
.location-box.single{ width:33.33%; margin-right:0 }
.location-box.single .location-title{ border-right:none }
.location-box.single ul li{ border-right:none }
.location-box.single:last-child{ width:33.33%; margin-right:0; border-right:none }

.location-box.single:last-child .location-title, .location-box.single:last-child ul{ border-right:1px solid #d2d2d2 !important }

.partnerships-info{ min-height:502px }

.career-section .lft-pann{ width:595px }
.career-section aside{ width:292px }

.img-service{ width:250px; min-height:200px }
.img-service img{ width:100% !important; float:none !important }
.img-service + .rht-service-content{ margin-left:270px }

div.title-txt{ width:100% }
.one-third{ width:100%; margin-top:15px }



/*Header Dropdown Menu css*/
.menu-rht{ width:560px }
.menu-rht ul{ width:260px }
.menu-rht .txt-block{ margin-left:280px }
}

@media(max-width:991px ){
    
body.home .home-slider h2{ font-size:60px }	
.home-slider{ height:468px }
.home-slider p{ font-size:20px; line-height:26px }
.home-slider .slider-content{ width:60% }
.home-slider .slides.slides-01{ background:url('../images/slider-01-960.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-02{ background:url('../images/slider-02-960.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-03{ background:url('../images/slider-03-960.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-04{ background:url('../images/slider-04-960.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-05{ background:url('../images/slider-05-960.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-06{ background:url('../images/slider-06-960.jpg') no-repeat center !important; background-size:cover !important }

.block-3 .industry-block{ padding:45px 14px }
body.home .industries-section h2{ font-size:22px; line-height:24px }
.block-3 p{ font-size:14px }
.width-half{ width:100%; height:106px }
.head-top{ }
.mobile-header{ background:#fff !important; display:block; }
.headline{ margin-top:150px !important; font-size:26px !important;}
	

.consulting-list{ margin-top:0 }
.consulting-list li:first-child{ margin-top:0 }
p.number_details{ font-size:14px }
h2{ font-size:22px }
.home .case-studies-section ul li{ width:220px; height:203px; padding:20px 10px; margin:0 8px }
.home .case-studies-section ul li img{ margin-bottom:17px }
.upcoming-events-list > li{ width:229px; /*height:342px;*/ margin:0 4px }
.time-info .location{ display:block; margin:5px 0 5px }
.upcoming-events-list .img-box{ height:135px; margin-bottom:12px }
ul.past-events-list li{ width:calc(50% - 24px); margin:0 12px 45px }
.event-section ul.past-events-list li .location{ display:inline-block; margin:0 }
.partnership-section{ padding:65px 0 }
.nav1{ width:33.33%; margin-bottom:35px }
.footer-bottom{ padding:48px 0 13px }
.contact-menu{ display:none }

.home .case-studies-section ul > li .content-hover{ width:220px; height:203px }
.home .case-studies-section ul > li .content-hover p{ padding-bottom:10px }
.home .case-studies-section ul > li .content-hover ul li{ font-size:14px; line-height:20px }

.left-pann{ width:100% }
aside{ width:100%; margin-bottom:40px }
ul.why-osi-consulting-list{ margin-bottom:24px }

ul.service-list li{ width:343px; margin-right:33px; margin-bottom:33px }
ul.service-list li:nth-child(2n+2){ margin-right:0 }
ul.service-list li:nth-child(3n+3){ margin-right:33px }
ul.service-list li:last-child{ margin-right:0 !important }

.img-right{ width:100%; float:none; padding:0 0 17px }
.lft-content{ width:100%; float:none }
ul.news-list li{ width:calc(50% - 14px); margin-right:14px }
ul.news-list li:nth-child(2n+2){ margin-left:14px }
ul.news-list li div.date + .news-txt{ margin-left:75px }
 
.about-sections .upcoming-events-list li{ width:226px; /*min-height:340px;*/ margin-right:21px } 
.about-sections ul.past-events-list li{ width:344px; margin-left:0; margin-right:27px } 
.about-sections .time-info .location{ display:inline-block }
.about-sections .past-events-list{  margin-bottom:0 }

.about-sections .lft-pann{ width:458px }
.about-sections aside{ width:242px }
.box-border h3{ font-size:20px; line-height:24px }

.vanue-wrapper ul li{ width:347px; margin-right:25px }
.vanue-wrapper ul li .img{ width:100%; height:233px }
.vanue-wrapper ul li:nth-child(2n+2){ margin-right:0 }
.vanue-wrapper ul li:nth-child(3n+3){ margin-right:25px }
.vanue-wrapper ul li:last-child{ margin-right:0 }

ul.serve-list li{ width:223px; height:253px; margin-right:25px }
ul.serve-list li:nth-child(3n+3){ margin-right:0 }
ul.serve-list li:nth-child(4n+4){ margin-right:25px }

ul.partnerships-list li{ width:347px; margin-right:25px; margin-bottom:25px }
ul.partnerships-list li:nth-child(2n+2){ margin-right:0 !important }
ul.partnerships-list li:nth-child(3n+3){ margin-right:25px }

ul.case-studies-list > li{ width:219px; height:203px; padding-top:22px; margin-right:31px; margin-bottom:31px }
ul.case-studies-list > li:nth-child(3n+3){ margin-right:0 }
ul.case-studies-list > li:nth-child(4n+4){ margin-right:31px }
ul.case-studies-list > li .content-hover{ width:219px; height:203px }
ul.case-studies-list > li img{ height:100px; margin-bottom:20px }
ul.case-studies-list > li .content-hover p{ padding-bottom:10px }
ul.case-studies-list > li .content-hover ul.listing li{ font-size:14px; padding-bottom:2px }

.contact-section .lft-pann{ width:466px }
.contact-section aside{ width:230px }
.location-title{ width:100% }
.location-box ul li{ width:50% }
.location-box.single{ width:100%; margin-bottom:36px }
.location-box.single .location-title{ border-right:1px solid #d2d2d2 }
.location-box.single ul li{ border-right:1px solid #d2d2d2 }
.location-box.single:last-child{ width:100% }
.location-box.single:last-child li{ border-right:none }
.contact-section h3{ line-height:26px }

.date-txt{ padding-top:10px }
.partnerships-info{ min-height:400px }

.career-section .lft-pann{ width:100%; margin-bottom:20px }
.career-section aside{ width:100% }
.nav-tabs > li > a{ font-size:14px; text-transform:inherit; padding:0 16px }

.mobile-on{ display:block !important }
.mobile-off{ display:none !important }

.row.partnerships{ display: block }

/*Responsive Mobile Menu*/
.hamburger-menu { position:absolute; top:37px; right:40px; z-index:1; cursor: pointer;display: block;float: right;margin:0;width:23px; clear:both }
.hamburger-menu span { background:#f24b05; display: block;height: 4px;margin-bottom: 4px;width: 100%;float:right }
.body-menu-open .hamburger-menu span{ color:inherit; background-color:#d14124 !important }
body{ padding:0 }



header{ width:100%; position:relative; top:inherit; left:inherit }
.head-nav .pull-right{ width:100%; }
.logo{ position:absolute; top:0; left:15px }

.menu-lft ul > li{ position:relative }
.menu-lft ul > li > a{ margin-right:0 }
.menu-lft{ width:100%; min-height:auto; padding:13px 25px 25px; border:none}
.menu-rht{ width:100%; min-height:inherit; overflow:hidden; padding:0; float:none; margin-left:0; position:relative; top:inherit; left:inherit; }
.menu-rht ul{ width:48% }
.menu-rht .txt-block{ margin-left:50% } 
.menu-rht.sumenu-01{ display:none; opacity:0; visibility:hidden }
.menu-lft > ul > li:last-child a{ margin-bottom:0; padding-bottom:0; border:none }
.menu-rht.sumenu-01{ visibility:visible; opacity:1 }
.menu-lft > ul > li.submenu-01 > a::before, .menu-lft > ul > li.submenu-02 > a::before, .menu-lft > ul > li.submenu-03 > a::before, .menu-lft > ul > li.submenu-04 > a::before{ display:none }
.menu-rht{ padding-top:15px }
.menu-rht .txt-block{ display:none }

}

@media(max-width:768px){

.logo{ width:100px } 
.logo img{ width:100% } 
ul.contact-info{ margin-left:84px }	
ul.contact-info li{ line-height:34px }
ul.contact-info li a span{ display:none }
ul.contact-info li a span + span{ display:block; color:#676767; background-color:inherit }
ul.contact-info li.phone{ padding-left:18px }
.search-box{ margin-top:30px }
.social-icons{ height:34px }
ul.career-list > li{ line-height:28px }
.btn-search{ padding-bottom:42px; padding-left:33px }
.contact-info{ display:none; }
#google_translate_element{ display:none; }
ul.career-list > li > a{ font-size:9px; }
ul.career-list{ padding:0; }
.home-slider{ height:387px }
body.home .home-slider h2{ font-size:14px; line-height:22px; margin-bottom:24px; display:inline-block; padding: 7px; }	
.home-slider p{ font-size:17px; line-height:22px }

.industries-section{ background:none }
.osi-technology h1{ font-size:22px; line-height:28px }
.block-3{ width:100% }
.block-1{ width:50% }
.block-3 .industry-block{ height:300px; padding:22px 15px; border-bottom:1px solid #fff }
.industries-block{ height:150px }
.width-half{ width:50% }
.top-section{ padding:65px 0 42px }
.top-section .lft-pann{ width:100%; padding-right:0 }
.top-section .rht-pann{ width:100%; padding-right:0; padding-left:0; padding-top:22px }
.top-section .mid-pann{ display:none }
.consulting-list li{ text-align:left }
.consulting-list li img{ right:inherit; left:0 }
.consulting-list li span{ padding:0 0 0 72px; text-align:left }

.home-slider .slides.slides-01{ background:#f6f6f6 !important; background-size:cover !important }
.home-slider .slides.slides-02{ background:url('../images/slider-02-480.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-03{ background:url('../images/slider-03-480.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-04{ background:url('../images/slider-04-480.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-05{ background:url('../images/slider-05-480.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-06{ background:url('../images/slider-06-480.jpg') no-repeat center !important; background-size:cover !important }
.number_container{ padding:0 10px }  
.consulting-range{ padding:38px 0 }
.general_color{ font-size:48px; line-height:48px }
p.number_details{ font-size:14px; line-height:18px; font-family:'Avenir LT 65'; font-weight:bold }

ul.past-events-list{ text-align:center; margin-bottom:73px }
ul.past-events-list li{ width:auto; max-width:447px; margin:0 auto 21px; float:none; display:inline-block; text-align:left }
ul.past-events-list li:last-child{ display:inline-block; margin-bottom:21px }
.home .case-studies-section ul > li .content-hover ul li{ margin:0; padding-bottom:2px }

.breadcrumbs{ padding:20px 0; height:auto }
.breadcrumbs > .container > .row > .col-md-12{ display:inherit }
.breadcrumbs h1{ width:100%; display:block; font-size:26px }
.breadcrumbs .pull-right{ width:100%; display:block }
.breadcrumbs ul{ padding-top:10px; float:left }
.breadcrumbs ul li{ line-height:20px }

body.page #main-container{ padding:35px 0 0 }
 
h3{ font-size:18px }

.about-sections .lft-pann{ width:100% }
.breadcrumb{ float:left; margin:10px 0 0 }
.about-sections aside{ width:100% }
.osi-global-location-top{ height:108px; top:-168px }


.under-construction-section .logo{ width:100px; height:auto;  margin-bottom:30px }
.under-construction-section .logo img{ width:100%; height:auto }
body.page .under-construction-section h2{ font-size:30px; line-height:32px }
.under-construction-section p{ font-size:22px; line-height:25px; margin-bottom:35px }
.under-construction-section p.p1{ font-size:22px; padding:15px 30px }

.menu-rht ul{ width:100%; margin-bottom:20px }
.menu-rht .txt-block{ margin-left:0; margin-bottom:35px }
.hamburger-menu{ top:48px }
.mobile-text{ text-align:center !important;  font-weight:bold !important;}
}
@media(max-width:767px){
ul.technology-list{ width:289px !important; padding:0; margin:0 auto }	
ul.technology-list li.slides{ margin:0 }	
ul.technology-list .slick-next.slick-arrow{ right:-82px }  
ul.technology-list .slick-prev.slick-arrow{ left:-82px }  
ul.technology-list li .bottom{ height:auto; min-height:216px; padding:28px 15px }

.case-studies-section ul{ margin-bottom:50px }
.home .case-studies-section ul li{ float:none; display:block; margin:0 auto 36px }
.home .case-studies-section ul li:last-child{ margin-bottom:0 }
.upcoming-events-list > li{ width:auto; max-width:448px; height:auto !important; float:none; margin:0 auto 22px }
.upcoming-events-list > li:last-child{ margin:0 auto }
.nav1{ width:50% }
.copyright-section p{ font-size:12px }
.copyright-section ul li{ font-size:12px; line-height:10px }

.functional-box{ min-height:auto; margin-bottom:24px }
ul.why-osi-consulting-list li img{ width:98px; height:auto }
ul.why-osi-consulting-list li img + .content{ margin-left:133px }

ul.service-list{ width:100%; text-align:center }
ul.service-list li{ width:317px; height:auto; min-height:216px; float:none; display:block; margin:0 auto 25px !important }
ul.service-list li:nth-child(2n+2){ margin-right:0 }
ul.service-list li:nth-child(3n+3){ margin-right:0 }
ul.service-list li:last-child{  margin:0 auto !important }

ul.news-list li{ width:100%; margin-right:0; margin-bottom:21px }
ul.news-list li:nth-child(2n+2){ margin-left:0 }
ul.news-list li div.date{ width:61px; height:61px; padding:5px 5px 0 }
ul.news-list li div.date p span{ font-size:22px; padding-bottom:2px }
ul.news-list li div.date p{ font-size:14px; line-height:17px }
ul.news-list li .news-txt p{ font-size:14px; line-height:20px }

.about-sections .upcoming-events-list li{ width:447px;   display:inline-block; float:none; height:auto; min-height:auto; margin-right:0; margin-left:0 } 
.about-sections ul.past-events-list li{ width:447px; margin-left:0; margin-right:0; float:none }  

.vanue-wrapper ul li{ width:361px; display:block; text-align:center; float:none; margin:0 auto 44px !important }
.vanue-wrapper ul li .img{ width:100%; height:263px }
.vanue-wrapper ul li:nth-child(2n+2){ margin-right:0 }
.vanue-wrapper ul li:nth-child(3n+3){ margin-right:0 }
.vanue-wrapper ul li:last-child{ margin-right:0 }
.vanue-wrapper ul li h3{ font-size:22px }

ul.serve-list{ width:448px; margin:0 auto 50px }
ul.serve-list li{ width:213px; height:213px; margin-right:22px }
ul.serve-list li:nth-child(2n+2){ margin-right:0 !important }
ul.serve-list li:nth-child(3n+3){ margin-right:22px }
ul.serve-list li:nth-child(4n+4){ margin-right:0 }

ul.partnerships-list{ width:448px; margin:0 auto 30px } 
ul.partnerships-list li{ width:448px; margin:0 auto 25px !important } 

ul.case-studies-list{ width:448px;  margin:0 auto 50px }
ul.case-studies-list > li{ width:216px; height:203px; padding-top:22px; margin-right:16px; margin-bottom:16px }
ul.case-studies-list > li:nth-child(2n+2){ margin-right:0 !important }
ul.case-studies-list > li:nth-child(3n+3){ margin-right:16px }
ul.case-studies-list > li:nth-child(4n+4){ margin-right:16px }
ul.case-studies-list > li .content-hover{ width:216px; height:203px }
ul.case-studies-list > li img{ height:100px; margin-bottom:20px }
ul.case-studies-list > li .content-hover p{ padding-bottom:10px }
ul.case-studies-list > li .content-hover ul.listing li{ font-size:14px; padding-bottom:2px }

.contact-section .lft-pann{ width:100% }
.contact-section aside{ width:100% }
.location-box2 ul li{ height:278px }
.form-control{ font-size:14px }

.partnerships-info{ min-height:auto }

.row-eq-height .col-sm-12{ width:100%; display:block !important; clear:both }
.row-eq-height{ display:block }

.filter-wrap{position:relative}
.filter-pan .filter-wrap.drop-open .filter-list-wrap{opacity:1;top:100%;visibility:visible}
.filter-pan .filter-wrap.drop-open span:after{border-left-color:#fff;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}
.filter-pan .filter-wrap span{width:100%;height:50px;padding:0 25px;margin:0;opacity:1;visibility:visible;font-size:14px;line-height:50px;font-family:'Open Sans',sans-serif;font-weight:600;color:#fff;background-color:#00417d;position:relative;display:block;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:0;
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out;
	-webkit-transition-delay: 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.filter-pan .filter-wrap span:after{border-bottom:5px solid transparent;border-left:8px solid #fff;border-top:5px solid transparent;height:0;width:0;position:absolute;right:16px;top:50%;content:'';
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out;
	-webkit-transition-delay: 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}
.filter-pan .filter-wrap span em{display:none;font-style:normal}
.filter-pan .filter-wrap .filter-list-wrap{width:100%;position:absolute;top:25px;border:1px solid #58585a;border-top:0;background:#fff;opacity:0;visibility:hidden;border-radius:0;
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	-webkit-transition: all .3s ease-in-out;
	-webkit-transition-delay: 0s;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	box-sizing: border-box;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index:999
}
.filter-pan .filter-wrap ul{width:100%;overflow:auto;margin:0;list-style:none;width:100%;width:12px}
.filter-pan .filter-wrap ul .jspDrag{left:0}
.filter-pan .filter-wrap ul{width:100%}
.filter-pan .filter-wrap ul li{width:100%!important;font-size:14px;line-height:20px;font-family:'Open Sans',sans-serif;font-weight:600;margin:0;padding:0}
.filter-pan .filter-wrap ul li:last-child{margin-bottom:0}
.filter-pan .filter-wrap ul li a{color:#4c4c4c;padding:8px 21px;border:none;border-radius:0;margin-right:0}
.filter-pan .filter-wrap ul li a:hover{color:#d01b23}
.filter-pan .filter-wrap ul li a em{font-style:normal}
.filter-pan .close{position:absolute;right:20px;top:20px;font-size:20px;color:#a7a9ac}

.img-left{ width:100%; padding:0; margin-bottom:15px }
.rht-content{ width:100%; padding-left:0; padding-bottom:20px }
.functional-box-wrapper{ margin-bottom:0 }

.under-construction-section .logo{ width:80px; margin-bottom:15px }
body.page .under-construction-section h2{ font-size:20px; line-height:22px; margin-bottom:12px }
.under-construction-section p{ font-size:16px; line-height:20px; margin-bottom:16px }
.under-construction-section p.p1{ font-size:15px; padding:8px 30px }

}

@media(max-width:569px){
.img-service{ width:70%; min-height:auto; margin:0 auto 15px; display:block; float:none }
.img-service + .rht-service-content{ width:100%; display:block; clear:both; margin-left:0 }
.contact-wrap .contact-form{ padding:20px; }
.contact-wrap{ padding:60px 0px 60px; }
.widget{ margin-bottom:20px; }

}
@media(max-width:480px){
/*body{ font-size:14px; line-height:20px }*/	
h2{ font-size:20px }
.osi-technology h1{ font-size:20px; line-height:26px }	
ul.contact-info{ border:none }	
ul.contact-info li{ height:34px; background:none !important; padding:0 !important }	
ul.contact-info li a span + span{ display:none }	
ul.contact-info li.phone a{ width:7px; height:17px; margin:8px 21px 0 0; display:block; background:url(../images/phone-icon-mobile.png) no-repeat 0 0 }
ul.contact-info li.email a{ width:20px; height:13px; margin:10px 21px 0 0; display:block; background:url(../images/email-icon-mobile.png) no-repeat 0 0 }

.social-icons{ display:none }
ul.career-list{  }
.home-slider{ height:146px }
.home-slider .slides{ background-size: 100% !important; }
.home-slider .slider-content{ width:100%; padding-right:45px }
.home-slider p{ padding-bottom:10px }

.home-slider .slides.slides-01{ background:#f6f6f6 !important; background-size:cover !important }
.home-slider .slides.slides-02{ background:url('../images/slider-02-320.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-03{ background:url('../images/slider-03-320.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-04{ background:url('../images/slider-04-320.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-05{ background:url('../images/slider-05-320.jpg') no-repeat center !important; background-size:cover !important }
.home-slider .slides.slides-06{ background:url('../images/slider-06-320.jpg') no-repeat center !important; background-size:cover !important }

.testimonial{ padding: 30px 0px; }
.testimonial .row .col-lg-6{ margin-bottom:30px; }
.news-item{ padding: 2px 15px; }
ul.technology-list .slick-next.slick-arrow{ right:0; margin-top:-34px }  
ul.technology-list .slick-prev.slick-arrow{ left:0; margin-top:-34px }  

.industries-section{ padding:70px 0 }
.block-3 .industry-block{ width:100%; height:auto; clear:both; min-height:212px; float:none }
.block-2{ width:100%; float:none }
.block-1{ width:100% }  
.industries-block{ height:212px;  }
body.home .industries-section h2{ font-size:20px; margin-bottom:0 }
body.home .industries-section h2:before{ display:none }
body.home .industries-section h2 span{ display:inline-block }

.number_container{ padding:0 2px  }
.general_color{ font-size:32px; line-height:38px; padding-bottom:0 }
p.number_details{ font:normal 18px/19px 'Bebas Neue'; text-align:center }
.case-studies-section{ /*padding:0 0 64px*/ }
.upcoming-events-list > li{ height:auto; /*min-height:350px;*/ }
ul.past-events-list li{ height:auto }
ul.past-events-list li .btn-arrow{ /*position:inherit; left:inherit; bottom:inherit*/ }
ul.past-events-list li:last-child{ margin-bottom:0 }
ul.past-events-list{ margin-bottom:58px }
.social-icons-section{ padding:6px 0 0 }
.social-icons-section a{ width:36px; height:36px; background-size:36px !important }
.nav1{ width:100% }
.copyright-section p{ width:100%; text-align:center }
.copyright-section ul{ width:100%; text-align: center }
.copyright-section ul li{ float: none; display: inline-block }

.breadcrumbs h1{ font-size:24px }
ul.listing li{ font-size:14px }

.img-border.pull-left{ width:100%; display:block }  

.about-sections .upcoming-events-list li{ width:100% } 
.about-sections ul.past-events-list li{ width:100% }  

.vanue-wrapper ul li{ width:288px }
.vanue-wrapper ul li .img{ height:203px } 
.vanue-wrapper ul li h3{ font-size:16px; margin-bottom:0; padding-bottom:8px }

ul.search-result li h3{ font-size:18px }
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg{  display:none !important }
.hidden-xsm{ display:block !important }
.hidden-xxsm{display:none !important}	

.office-address p{ width:100%; text-align:center; font-size:14px; line-height:22px }
.location-box ul li{ width:100%; height:auto }
.location-box2 ul li{ width:100%; height:auto }
.location-box ul li p, .location-box2 ul li p{ text-align:left; font-size:14px; line-height:24px }
.location-title p{ text-align:left }

.img-service{ width:100%; overflow:hidden }

.menu-lft{ padding:15px }
body.page.home .menu-rht h2{ font-size:21px }
.search{ display:none; }
.logo{ width:250px; }
.navbar-default .navbar-nav > li > a{ color:#666; }
.navbar-nav > li{ border-left:0; background:#eeeeee; margin-bottom:1px; }
#footer-bottom .widget img{ width:96%; }
#about .col-lg-4{ margin-top:0 !important; }
.about{ padding: 30px 0px 30px; }



}




@media (min-width:481px) and (max-width:767px){
.hidden-xs{display:none!important}	


}



@media(max-width:479px){
ul.serve-list{ width:288px; margin:0 auto 50px }
ul.serve-list li{ width:288px; height:273px; margin:0 auto 25px !important }
ul.serve-list li:nth-child(2n+2){ margin-right:0 !important }
ul.serve-list li:nth-child(3n+3){ margin-right:0 }
ul.serve-list li:nth-child(4n+4){ margin-right:0 }

ul.partnerships-list{ width:100%; margin:0 auto 30px } 
ul.partnerships-list li{ width:100%; margin:0 auto 25px !important } 

ul.case-studies-list{ width:286px;  margin:0 auto 50px }
ul.case-studies-list > li{ width:286px; height:263px; padding-top:40px; margin-right:0; margin-bottom:16px }
ul.case-studies-list > li:nth-child(2n+2){ margin-right:0 !important }
ul.case-studies-list > li:nth-child(3n+3){ margin-right:0 }
ul.case-studies-list > li:nth-child(4n+4){ margin-right:0 }
ul.case-studies-list > li .content-hover{ width:286px; height:263px }
ul.case-studies-list > li img{ height:auto; margin-bottom:40px }
}

@media(max-width:320px){
body{ font-size:14px; line-height:20px }	
ul.why-osi-consulting-list li{ padding-bottom:8px; margin-bottom:31px } 
ul.why-osi-consulting-list li img{ width:51px; height:auto; vertical-align:top }
ul.why-osi-consulting-list li img + .content{ margin-left:0 }
ul.why-osi-consulting-list li h3{ float:left; margin-left:11px; margin-top:15px; vertical-align:top }
.why-osi-consulting-list p{ display:block; clear:both }
ul.service-list li{ width:287px }

.about-sections .time-info .location{ display:block }
.about-sections ul.past-events-list li .btn-arrow{ position:relative; bottom:inherit; left:inherit } 
.hidden-xsm{display:none !important}	
.hidden-xxsm{display:block !important}	
}

.space-40{ display:block; height:40px; width:100%;}

.lft-pann a{ color:#012f6b; background-color:inherit }
.lft-pann a:hover{ color:#d14124; background-color:inherit }
.font-72{ font-size:78px; line-height:72px;}
#about-area{ background:url(../images/about-bg.jpg) no-repeat top center; padding:60px 0px; }
#about-area h1{ font-size:26px; font-weight:300}
.products-box{ border:1px solid #ddd; padding:10px; text-align:center; font-size:14px; margin-bottom:10px; height:180px; box-shadow:0px 0px 7px #ddd;  -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;   }
.products-box img{ padding-bottom:10px;}
 .products-box h1 { font-size:24px; margin:0px; padding-bottom:10px;} 
 .readmore{ width:146px; text-align:center; color:#fff;height:35px; padding:11px 35px; background:url(../images/readmore.png) no-repeat top center;  }
.readmore:hover{ width:146px; text-align:center; color:#fff;    background: url(../images/readmore-h.png) no-repeat top center}
.products-box:hover{ border:1px solid #1c50b0; background:#094879 url(../images/case-study-bg-hover.gif); color:#fff;  box-shadow:0px 0px 15px #fff;  -webkit-transform: rotate3d(0,0,0,0deg); -moz-transform: rotate3d(0,0,0,0deg); -o-transform: rotate3d(0,0,0,0deg); transform: rotate3d(0,0,0,0deg);  }
.no-padding-left{ padding-left:0px;}
.no-padding-right{ padding-right:0px;}
.left-shadow{ background:url(../images/shadow-02.png) no-repeat left; padding-left:40px;}


#what-we-are-area{ background-image:url(../images/technology.jpg); padding:90px 0px; background-attachment: fixed; background-repeat: no-repeat;
background-size: cover;  background-position: center;
}
#what-we-are-area h1{ font-size:32px; font-weight:300; padding-bottom:20px; color:#fff;}
.what-we-are-box{ height:280px; background:#fff; border-radius:6px; padding:10px; text-align:center; font-size:14px;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; box-shadow:0px 0px 15px #732100 }
.what-we-are-box h2{ font-size:26px; font-weight:300}
.what-we-are-box:hover{ border:1px solid #0b5085; background:#094879; color:#fff;  box-shadow:0px 0px 15px #732100; -webkit-transform: rotate3d(0,0,0,0deg); -moz-transform: rotate3d(0,0,0,0deg); -o-transform: rotate3d(0,0,0,0deg); transform: rotate3d(0,0,0,0deg);   }

#clients-area{ background:#f0eff4; padding:40px 0px; background-attachment: fixed; background-repeat: no-repeat;
background-size: cover;  background-position: center;
}
#clients-area h1{ font-size:32px; font-weight:300; padding-bottom:20px;}

#clients-area a img{ opacity:0.5; margin-right:5px;}
#clients-area a img:hover{ opacity:0.9;}
.img-famous{ margin-top:-72px}	

.lft-pann a{ color:#012f6b; background-color:inherit }
.lft-pann a:hover{ color:#d14124; background-color:inherit }
/*.headline{ margin:0px; padding:0px; color:#f14b05; padding:9px 0px; font-family: 'Roboto', sans-serif; font-size:39px; font-weight:700; text-shadow:1px 1px #bfbfbf; text-transform:uppercase;}*/
.headline-1 { font-size:30px;}
.headline-2 { font-size:16px; color:#f14b05}

.login-box{  padding:10px; margin:20px;   float:left}
.login-box h1{ color:#fff; margin-bottom:20px; margin-top:25px;}
.login-input{ border:1px solid #fff; background:#fff; outline:none; width:100%; padding:10px; margin-bottom:20px; }
.login-btn{ padding:10px 40px; background:#f14b05; color:#FFFFFF; border:none;}
.login-btn:hover{  background:#dd4200;  }
.search{ margin-top:25px;}






 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
}  

  
@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #666;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  







/***********************************************************************************
 *	+ HEADLINE
 ***********************************************************************************/
	
	.headline {
		margin-bottom: 30px;
	}
	
	.headline:after {
		display: block;
		width: 60px;
		border-bottom: 1px solid #838383;
		margin-top: 15px;
		content: "";
	}
	
	.headline.text-center:after {
		margin: 15px auto 0;
	}
	
	.headline.text-right:after {
		float: right;
	}
	
	.headline p {
		margin-bottom: 0;
		font-size: 12px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
	.headline h1,
	.headline h2,
	.headline h3,
	.headline h4 {
		margin-bottom: 0;
		font-weight: 900;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	
	.headline span {
		color: #a1ce4f;
		font-weight: 300;
	}



/***********************************************************************************
 *	+ IMAGE BOXES
 ***********************************************************************************/
	
	/* IMAGE BOX STYLE-1 */
	.image-box.style-1 {
		margin-bottom: 50px;
	}
	
	.image-box.style-1 .image-box-thumbnail {
		position: relative;
		margin-bottom: 35px;
	}
	
	.image-box.style-1 .image-box-thumbnail a.zoom {
		position: absolute;
		bottom: -18px;
		right: 40px;
		display: block;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background-color: #a1ce4f;
		color: #fff;
		font-size: 20px;
		line-height: 36px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.image-box.style-1 .image-box-thumbnail a.zoom:hover {
		background-color: #212121;
	}
	
	.image-box.style-1 h5 {
		margin-bottom: 35px;
		text-transform: uppercase;
	}
	
	.image-box.style-1 .btn {
		margin-top: 5px;
	}
	
	
	/* IMAGE BOX STYLE 2 */
	.image-box.style-2 {
		position: relative;
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.image-box.style-2 .image-box-thumbnail img {
		display: block;
		width: 100%;
	}
	
	.image-box.style-2 > a,
	.image-box.style-2 > h4 {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 15px 30px;
		margin-bottom: 0;
		background-color: #212121;
		color: #fff;
		cursor: pointer;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.image-box.style-2 > a {
		text-align: right;
	}
	
	.image-box.style-2 .image-box-content {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		overflow-y: scroll;
		padding: 25px;
		background-color: rgba(161, 206, 79, 0.9);
		color: #fff;
		-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
				transform: translateY(100%);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.image-box.style-2 .image-box-content.slideup {
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}
	
	.image-box.style-2 .image-box-content > .close-image-box-content {
		position: absolute;
		top: 15px;
		right: 15px;
		bottom: auto;
		left: auto;
		color: #fff;
		text-decoration: none;
	}
	
	.image-box.style-2 .image-box-content h4 {
		margin-bottom: 10px;
		color: #fff;
		font-weight: 700;
	}
	
	.image-box.style-2 .image-box-details {
		position: absolute;
		top: 20px;
		right: 20px;
		text-align: right;
	}
	
	.image-box.style-2 .image-box-details h4 {
		margin-bottom: 0;
		font-weight: 500;
	}
	
	.image-box.style-2:hover > h4 {
		background-color: #a1ce4f;
		color: #fff;
	}
	
	.image-box.style-2:hover > h4:hover {
		background-color: #212121;
	}

 
	.map {
		height: 382px;
		width:100%;
		border:6px solid #f5f5f5;
	}
	
	@media (max-width: 767px) {
		
		.map {
			height: 400px !important;
		}
		
	}

/***********************************************************************************
 *	- BLOG
 ***********************************************************************************/
 	
	/* BLOG ARTICLE */
	.blog-article {
		margin-bottom: 80px;
	}
	
	.blog-article-thumbnail {
		margin-bottom: 40px;
	}
	
	.blog-article-thumbnail img {}
	
	.blog-article-title {
		margin-bottom: 15px;
	}
	
	.blog-article-details {
		margin-bottom: 20px;
		font-size: 14px;
	}
	
	.blog-article-details a {
		display: inline-block;
		padding-right: 10px;
		border-right: 1px solid #838383;
		margin-right: 5px;
		color: #838383;
		line-height: 14px;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.blog-article-details a:last-child {
		padding-right: 0;
		border-right: none;
		margin-right: 0;
	}
	
	.blog-article-details a:before {
		margin-right: 3px;
		font-family: "FontAwesome";
		font-size: 20px;
	}
	
	.blog-article-details a.author:before {
		content: "\e9f3";
	}
	
	.blog-article-details a.date:before {
		content: "\f133";
	}
	
	.blog-article-details a.comments:before {
		position: relative;
		top: 4px;
		content: "\e9d3";
	}
	
	.blog-article-details a:hover {
		color: #a1ce4f;
		text-decoration: none;
	}
	
	.blog-article-content {
		font-size: 16px;
	}
	
	.blog-article-content > a {
		display: inline-block;
		border-bottom: 1px solid #a1ce4f;
		color: #a1ce4f;
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.blog-article-content > a:hover {
		border-color: #212121;
		color: #212121;
	}
	
	
	/* BLOG POST COMMENT */
	.commentlist-title {}
	
	.commentlist,
	.commentlist ul {
		list-style: none;
	}
	
	.commentlist {
		margin: 70px 0 100px;
	}
	
	
	.commentlist li > ul.children {
		margin-left: 100px;
	}
	
	
	.comment-body {
		position: relative;
		padding-left: 100px;
		margin-bottom: 65px;
	}
	
	
	.comment-author .avatar {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
	}
	
	.comment-author .fn {
		color: #212121;
		font-size: 14px;
		letter-spacing: 3px;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.comment-author .fn:hover {
		color: #a1ce4f;
	}
	
	.comment-author .says {
		display: none;
	}
	
	.comment-metadata {
		margin-bottom: 15px;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
	.comment-metadata a {
		color: #878787;
	}
	
	.comment-content {
		font-size: 16px;
	}
	
	
	.reply a {
		display: inline-block;
		border-bottom: 1px solid #a1ce4f;
		font-size: 12px;
		line-height: 26px;
		letter-spacing: 3px;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.reply a:hover {
		border-color: #212121;
		color: #212121;
	}
	
	
	/* BLOG POST COMMENT FORM */
	
	#commentform {
		margin: 70px 0 30px;
	}
	
	#commentform label {}
	
	#commentform textarea,
	#commentform input[type="url"],
	#commentform input[type="text"],
	#commentform input[type="email"] {}
	
	.commentform-email,
	.commentform-author {
		float: left;
		width: 50%;
		margin-bottom: 0;
	}
	
	.commentform-email {
		padding-left: 15px;
	}
	
	.commentform-author {
		padding-right: 15px;
	}
	
	#commentform button[type="submit"] {
		margin-top: 40px;
		margin-bottom: 0;
		font-size: 12px;
	}
	
	@media (max-width: 767px) {
		
		.commentlist li > ul.children {
			margin-left: 20px
		}
		
		.comment-body {
			padding-left: 0;
		}
		
		.comment-author .avatar {
			position: relative;
			display: block;
			margin-bottom: 20px;
		}
		
		.commentform-email,
		.commentform-author {
			float: none;
			width: 100%;
			padding: 0;
		}
		
	}
.last,
	.no-margin-bottom {
		margin-bottom: 0 !important;
	}
img {
    max-width: 100%;
}

#section-6 {
		padding: 76px 0 120px;
		margin-bottom: 0;
		background:#f4f4f4 url(../images/bg-3.png) no-repeat center bottom;
		background-size:100%;
	}


/***********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
	
	.full-section {
		position: relative;
		z-index: 1;
		padding: 50px 0;
		margin-bottom: 100px;
		background: no-repeat center center;
	}
	
	.full-section-overlay-color {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #003679;
		opacity: 0.85;
	}
	
	.full-section-container {
		position: relative;
		z-index: 3;
	}
	
	
	/* FULL SCREEN */
	.full-screen {
		margin-bottom: -50px;
	}
	
	.full-screen .full-section-container {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	
	/* FULL SECTION WITH HALF IMAGE/SOLID COLOR */
	.half-image-left,
	.half-image-right {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		background: no-repeat center center;
		-webkit-background-size: cover;
				background-size: cover;
	}
	
	.half-image-left {
		left: 0;
	}
	
	.half-image-right {
		right: 0;
	}
	
	.half-image-left img,
	.half-image-right img {
		display: none;
	}
	
	
	/* PARALLAX */
	.parallax { 
		background-attachment: fixed;
		-webkit-background-size: cover !important;
				background-size: cover !important;	
	}
	
	.parallax.parallax-disable { 
		background-attachment: scroll;
	}
	
	
	/* ELEMENTS IN DARK SECTION */
	.full-section.dark-section {
		background-color: #02224a;
		color: #fff;
	}
	
	.full-section.dark-section a,
	.full-section.dark-section h1,
	.full-section.dark-section h2,
	.full-section.dark-section h3,
	.full-section.dark-section h4,
	.full-section.dark-section h5,
	.full-section.dark-section h6 {
		color: inherit;
	}
	
	.full-section.dark-section a:hover {
		color: #ffad00;
	}
	
	.full-section.dark-section button:hover,
	.full-section.dark-section input[type="reset"]:hover,
	.full-section.dark-section input[type="submit"]:hover,
	.full-section.dark-section input[type="button"]:hover {
		background-color: #fff;
		color: #02224a;
	}
	
	.full-section.dark-section .headline:after {
		border-bottom-color: inherit;
	}
	
	.full-section.dark-section .leaf-list,
	.full-section.dark-section .check-list {
		color: inherit;
	}
	
	.full-section.dark-section .btn-default:after {
		background-color: #fff;
	}
	
	.full-section.dark-section .btn-default:hover {
		background-color: #fff;
		color: #02224a;
	}
	
	.full-section.dark-section .btn-white {
		border-color: inherit;
	}
	
	.full-section.dark-section .btn-white:hover {
		border-color: #ffad00;
		color: #fff;
	}
	
	.full-section.dark-section .text-box {
		color: #02224a;
	}
	
	.full-section.dark-section .text-box.bordered {
		color: inherit;
	}
	
	.full-section.dark-section .text-box .btn-default {
		color: #fff;
	}
	
	.full-section.dark-section .text-box .btn-default:hover {
		color: #02224a;
	}
	
	.full-section.dark-section .text-box.black,
	.full-section.dark-section .text-box.default-color {
		color: #fff;
	}
	
	.full-section.dark-section .text-box-2 h4 a {
		color: #fff; 
	}
	
	.full-section.dark-section .text-box-2 a {
		color: #ffad00;
	}
	
	.full-section.dark-section .text-box-2 a:hover {
		color: #fff;
	}
	
	.full-section.dark-section .image-box.style-2 > h4 {
		color: #02224a;
	}
	
	.full-section.dark-section .image-box.style-2:hover > h4 {
		color: #fff;
	}
	
	.full-section.dark-section .panel-title a,
	.full-section.dark-section .panel-title a:focus {
		color: #02224a;
	}
	
	.full-section.dark-section .panel-title a:hover,
	.full-section.dark-section .panel-title a[aria-expanded="true"] {
		color: #fff;
	}
	
	.full-section.dark-section .nav-tabs > li > a {
		color: #02224a;
	}
	
	.full-section.dark-section .nav-tabs > li > a:hover,
	.full-section.dark-section .nav-tabs > li.active > a {
		color: #fff;
	}
	
	.full-section.dark-section .vertical-tabs.style-1 .nav-tabs > li> a {
		color: inherit;
	}
	
	.full-section.dark-section .vertical-tabs.style-1 .nav-tabs > li > a:hover,
	.full-section.dark-section .vertical-tabs.style-1 .nav-tabs > li.active > a {
		color: #ffad00;
	}
	
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane {
		padding: 90px;
		background-color: #fff;
		color: #838383;
	}
	
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h1,
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h2,
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h3,
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h4,
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h5,
	.full-section.dark-section .vertical-tabs.style-2 .tab-pane h6 {
		color: #02224a;
	}
	
	.full-section.dark-section .pie-chart-percent {
		color: inherit;
	}
	
	.full-section.dark-section .progress-bar-value {
		color: inherit;
	}
	
	.full-section.dark-section .counter-value {
		color: inherit;
	}
	
	.full-section.dark-section .countdown > div > span {
		color: #fff;
	}
	
	.full-section.dark-section .price-plan ul,
	.full-section.dark-section .price-plan-header h1 small {
		color: inherit;
	}
	
	.full-section.dark-section .vertical-timeline li .period {
		color: inherit;
	}
	
	.full-section.dark-section .vertical-timeline li:hover .period {
		color: #ffad00;
	}
	
	.full-section.dark-section .step-details,
	.full-section.dark-section .step-details:after {
		border-color: inherit;
	}
	
	.full-section.dark-section blockquote footer {
		color: inherit;
	}
	
	.full-section.dark-section .service-box .service-box-content > a {
		color: inherit;
	}
	
	.full-section.dark-section .service-box .service-box-content > a:hover {
		color: #ffad00;
	}
	
	.full-section.dark-section .service-box.style-3:hover > i {
		color: inherit;
	}
	
	.full-section.dark-section .service-box.style-5 {
		color: inherit;
	}
	
	.full-section.dark-section .blog-article-content > a:hover {
		border-color: #ffad00;
	}
	
	.full-section.dark-section .reply a:hover {
		border-color: #ffad00;
	}
	
	.full-section.dark-section .widget-recent-posts ul li .post-title,
	.full-section.dark-section .widget-recent-posts ul li .post-details a {
		color: inherit;
	}
	
	.full-section.dark-section .widget-recent-posts ul li .post-title:hover,
	.full-section.dark-section .widget-recent-posts ul li .post-details a:hover {
		color: #ffad00;
	}
	
	.full-section.dark-section .widget-tags a:hover {
		color: #fff;
	}
	
	.full-section.dark-section .widget-newsletter button[type="submit"]:after {
		background-color: #02224a;
	}
	
	.full-section.dark-section .widget-newsletter button[type="submit"]:hover {
		color: #fff;
	}
	
	.full-section .portfolio-item:hover .portfolio-item-thumbnail:after {
		border-width: 0;
	}

/***********************************************************************************
 *	- CONTACT
 ***********************************************************************************/ 	
 	
	#contact-form {
		margin-bottom: 0;
	}
	.quick-contact-form{ background:#fff; padding:4%; }
	
	#contact-form label {
		display: block;
	}
	
	#contact-form label.error {
		margin-bottom: 10px;
		color: #f30d39;
	}
	
	#contact-form textarea,
	#contact-form input[type="text"],
	#contact-form input[type="email"] {}
	
	#contact-form button[type="submit"] {
		margin-top: 40px;
		margin-bottom: 0;
		font-size: 12px;
	}
	
	#contact-form.quick-contact-form textarea,
	#contact-form.quick-contact-form input[type="text"],
	#contact-form.quick-contact-form input[type="email"] {
		background-color: #fff;
		border-color: #ccc;
	}
	
	#contact-form.quick-contact-form textarea {
		height: 175px;
	}
	
	#contact-form.quick-contact-form button[type="submit"] {
		margin-top: 0;
	}
	
	#contact-form.quick-contact-form textarea:focus,
	#contact-form.quick-contact-form input[type="text"]:focus,
	#contact-form.quick-contact-form input[type="email"]:focus {
		border-color: #ffad00;
	}

/* FORMS */
	input,
	select,
	textarea {
		display: block;		
		max-width: 100%;
		padding: 5px 10px;
		border: 1px solid #ccc;
		background-color: #fff;
		color: #838383;
		margin-bottom: 15px;
	}
	
	label {
		font-weight: normal;
	}
	
	textarea {
		height: 325px;
		resize: none;
	}
	
	select {
		width: 100%;
	}
	
	input[class^="col-"],
	select[class^="col-"],
	textarea[class^="col-"] {
		padding: 6px 20px;
	}
	
	textarea:focus,
	input[type="url"]:focus,
	input[type="tel"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="week"]:focus,
	input[type="month"]:focus,
	input[type="text"]:focus,
	input[type="color"]:focus,
	input[type="email"]:focus,
	input[type="image"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="password"]:focus {
		border-color: #ffad00;
		box-shadow: none;
		outline: 0;
	}
	
	select:focus {
		outline: none;
	}
	
	.checkbox input[type="checkbox"], 
	.checkbox-inline input[type="checkbox"], 
	.radio input[type="radio"], 
	.radio-inline input[type="radio"] {
		margin-top: -11px;
	}
	
	.checkbox input[type="checkbox"]:focus, 
	.checkbox-inline input[type="checkbox"]:focus, 
	.radio input[type="radio"]:focus, 
	.radio-inline input[type="radio"]:focus {
		outline: none;
	}
	
	button,
	input[type="reset"],
	input[type="submit"],
	input[type="button"] {
		padding: 10px 48px 10px 50px;
		border: none;
		border-radius: 5px;
		background-color: #0099f1;
		color: #fff;
		font-size: 12px;
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	button:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover {
		background-color: #02224a;
	}
	
	button,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	input[type="button"]:focus {
		box-shadow: none;
		outline: 0;
	}
	
	::-moz-placeholder {
		color: #aaa;
		font-size: 12px;
		font-weight: 300;
		font-style: italic;
	}
	
	::-webkit-input-placeholder {
		color: #aaa;
		font-size: 12px;
		font-weight: 300;
		font-style: italic;
	}
	
	:-ms-input-placeholder {
		color: #aaa;
		font-size: 12px;
		font-weight: 300;
		font-style: italic;
	}
	
	
/***********************************************************************************
 *	+ FOOTER
 ***********************************************************************************/
	
	.footer-parallax #footer-container {
		position: fixed;
		z-index: -1;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	@media (max-width: 767px) {
		
		.footer-parallax #footer-container {
			position: relative;
			z-index: 1;
			bottom: 0;
			left: 0;
			right: 0;
		}
		
	}
	

	
	@media (max-width: 767px) {
		
		#footer-bottom [class^="col-"] + [class^="col-"] {
			margin-top: 20px;
		}
		
		#footer-bottom .widget-text .copyright {
			text-align: left;
		}
		
	}
	


@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        width: 100%;
        display: block;
    }
    .vertical-tab .nav-tabs li a{
        padding: 7px 7px;
        margin: 0 0 10px 0;
    }
    .vertical-tab .tab-content{
        padding: 20px 15px 10px;
        display: block;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}




/*-------------------------------
	Response For Mobile
------------------------------*/
@media all and (max-width: 767px) {
	.met_img_with_text_preview {
		width : 100%;
	}

	.met_img_with_text article {
		position    : relative;
		margin-left : 0;
		float       : left;
	}

	.met_img_with_text article:before,
	.met_cacoon_sidebar:before {
		display : none;
	}

	.met_icon_tabs nav a {
		width : 56px;
	}

	.met_page_header h2 {
		line-height : 20px;
		height      : auto;
		padding     : 15px 30px;
		font-size   : 15px;
	}

	.met_page_header ul {
		float   : left;
		margin  : 0;
		padding : 15px 30px;
	}

	.met_blog_list_preview aside {
		position : relative;
		width    : auto;
	}

	.met_blog_list_preview aside:after {
		display : none;
	}

	.met_blog_list_preview .met_blog_video_iframe {
		margin-left : 0;
	}

	.met_blog_list_preview .met_blog_video_iframe iframe {
		width  : 100% !important;
		height : 130px !important;
	}

	.met_comment_reply_link {
		display : none;
	}

	.met_comment_box > .met_comment > .met_comment_descr {
		margin-right : 0;
	}

	.met_comment_box > .met_comment:nth-child(2),
	.met_comment_box > .met_comment:nth-child(3),
	.met_comment_box > .met_comment:nth-child(4) {
		margin-left : 0;
	}

	.met_comment_box > .met_sub_comment:before {
		display : none;
	}

	.met_footer_menu {
		display : none;
	}

	.met_responsive_nav {
		display : block;
	}

	.met_recent_work_overbox a {
		top : 4px;
	}

	.met_blog_list_preview aside div {
		padding    : 0;
		text-align : center;
	}

	.met_blog_list_preview aside span:first-child {
		font-size   : 25px;
		margin-top  : 0;
		line-height : 28px;
		display     : inline;
	}

	.met_blog_list_preview aside span:last-child {
		font-size   : 16px;
		line-height : 19px;
		display     : inline;
	}

	.met_blog_posted_by {
		width        : 100%;
		padding-left : 0;
		margin-left  : 0;
		border-left  : none;
	}

	.met_blog_posted_by {
		width        : 100%;
		padding-left : 0;
		margin-left  : 0;
		border-left  : none;
	}

	.met_comment_box > .met_comment > img {
		margin-left   : 80px;
		margin-bottom : 20px;
	}

	.met_comment_box > .met_comment > .met_comment_descr {
		margin  : 0;
		padding : 15px;
	}

	.met_portfolio_item_descr {
		width : 68%;
	}

	.met_portfolio_item_share {
		width : 32%;
	}

	.met_page_header h1 {
		font-size : 23px;
	}

    .met_thumbnail_slider_1_effects{
		display: none;
    }
    
    .navbar-default{ float: right; width:100%; }
    .logo { width: 68%; z-index:999; }
    .navbar-nav{ margin:0; }
    .headline { margin-top: 40px !important; }
    .insuronbreadcrumb h2{ font-size:20px; }
    .insuronbreadcrumb{ padding:0px 0px 30px; }
    .about p{ text-align:justify; }
    .met_img_with_text article{ width:100%; }
    .menu-bar{ background:inherit; }
    
    
    
    
}