/*

Theme Name: Ommanagement

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: ommanagement



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */





/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */



@charset "utf-8";

/* CSS Document */

body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#323232;}

a{ color:#323232;}

ul,ol li{ list-style-type:none;}

.spaceing{ padding:20px 0;}

#navigation{ float:right;}

#navbtn{ display:none;}

.nav-menu{}

.nav-menu li{ position:relative; float:left;}

.nav-menu li > a{ font:400 italic 18px/68px 'Lora', serif; color:#000; padding:0 32px; white-space:nowrap; display:block;}

.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{  color:#ee0c17; text-decoration:none;}

.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}

.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}

.nav-menu li:hover > .sub-menu{ display:block;}

.nav-menu .sub-menu li{ float:none;}

.nav-menu .sub-menu a{ font:normal 14px/34px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}

.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

.nav-menu .menu-item-has-children > a{ cursor:pointer;}



header{ /*padding:16px 0 0;*/ border-bottom:solid 1px #ee0c17;/* position:fixed; width:100%; left:0; z-index:999; background:#fff;*/}

#logo{ float:left; padding:0 0 5px;}

#banner{ position:relative; margin:0 auto; text-align:center;}

#banner_text{ position:absolute; width:1200px; margin:0 0 0 -600px; top:70px; left:50%; text-align:left;}

#banner_text > div{ width:100%; height:100%; display:table;}

#banner_text > div > div{ display:table-cell; vertical-align:middle;}

#banner_text h1{ font:700 98px/100px 'Lora', serif; color:#fff;}

#banner_text h1 span{ color:#ee0c17;}

#banner_text h2{ font:700 29px/31px 'Lora', serif; color:#fff; text-transform:uppercase;}

#banner_text p{ font:400 17px/20px 'Lora', serif; color:#fff;}

.text{ background:rgba(39, 39, 39, 0.5); padding:15px 0; width:47%; border-top:solid 1px #8a8a88; border-bottom:solid 1px #8a8a88; margin:15px 0 0;}

.triangel{ position:absolute; bottom:0; left:0; right:0;}

#content{ padding:20px 0 0;}

#content h1{ font:400 27px/30px 'Lora', serif; color:#ee0c17; background:url(images/border.png) no-repeat 50% 100%; padding:10px 0;}

#content h3{ font:400 20px/24px 'Lora', serif; color:#323232;padding:15px 0 0;}

#content p{ font:400 16px/22px 'Lora', serif; color:#454545; padding:15px 0 0;}

.box{ position:relative; margin:20px 0 0; display:block; overflow:hidden;}

#content .box h2{ font:700 23px/60px 'Lora', serif; background:rgba(0, 0, 0, 0.5); color:#fff;    transform: translate(0px, -100%); text-align:center;}

#wpadminbar ul:after{ clear:inherit;}

.cta3-items { background:rgba(241, 58, 31, 0.6);font-size: 15px;width:100%;position: absolute;text-align: center;right:0;left:0;transition: all 400ms ease 0s;z-index: 9999;top:100%;bottom:auto;padding:0 0 15px;}

#content .cta3-items p {color:#fff; font:400 15px/19px 'Roboto', sans-serif; padding:10px 0 0;}

.box:hover .cta3-items {bottom: 0;top:40%;color:#fff; padding:20px 20px 0;}

#content .box:hover .cta3-items h2{ background:none; transform: translate(0, 0); -ms-transform: translate(0, 0);   -webkit-transform: translate(0, 0);}

.cta3-items .ghost {background:#27363d;color:#000;font-weight: normal;margin: 20px auto 0;padding: 10px 25px;text-decoration: none;text-transform: uppercase; display:inline-block; color:#fff; text-transform:uppercase;}

.cta-inner {padding:0 5px;}

#service_part{ background:url(images/btm_bg.jpg) no-repeat 50% 100%; background-size:cover; padding:40px 0; margin:20px 0 0;}

#content #service_part h1{ font:400 27px/30px 'Lora', serif; color:#fff; background:url(images/border1.png) no-repeat 50% 100%; padding:20px 0;}

#content #service_part p{ color:#fff;}



ul.list{}

ul.list li{ font:400 16px/22px 'Lora', serif; color:#fff; background:url(images/icon1.png) no-repeat 0 50%; padding:8px 0 8px 30px;}

.holder{ width:49%; float:left; margin:15px 0 0 1%; display:block; overflow:hidden;animation:Projects 2s linear;}

.holder img{  width:100%; transition: all 300ms ease-out 0s;}

.holder:hover img{ -ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);  transform: scale(1.2,1.2); -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%); }

.holder:nth-child(2n+1){ clear:left; margin-left:0;}

footer{ background:#000; padding:20px 0 0;}

footer h2{ font:400 16px/20px 'Roboto', sans-serif; color:#9e9e9e; border-bottom:solid 1px #464646; padding:0 0 10px;}

ul.list_sec{ padding:10px 0 0;}

ul.list_sec li a{ font:400 13px/16px 'Roboto', sans-serif; color:#d0d0d0; padding:4px 0; display:block;}

ul.address{}

ul.address li{ position:relative; padding:10px 0 0 45px;font:400 13px/16px 'Roboto', sans-serif; color:#d0d0d0;}

ul.address li img{ position:absolute; left:0; top:0;}

.footer_bootom{ background:#0b0b0b; font:400 12px/34px 'Roboto', sans-serif; color:#d0d0d0; text-align:center; margin:25px 0 0;}

.testi{ padding:20px 10px; box-sizing:border-box; box-shadow:0 0 6px #323232; text-align:center; border-radius:5px; margin:15px 0; min-height:391px;}

.man{ margin:0 auto; text-align:center; width:120px; height:120px; border-radius:100%; display:table;}

.man img{ width:100%; border-radius:100%;}

.map{ margin:20px 0;}



@media only screen and (max-width: 1198px) {

#banner_text{ width:1000px; margin:0 0 0 -500px; top:20px;}

}

@media only screen and (max-width: 990px) {

#banner_text{ width:748px; margin:0 0 0 -374px; top:20px;}

#banner_text h1{ font-size:38px; line-height:40px;}

#banner_text h2{ font-size:20px; line-height:22px;}

.nav-menu li > a{ font-size:15px; padding:0 12px;}

#content .box h2{ font-size:15px; line-height:50px;}

.box:hover .cta3-items{ top:10%;}

ul.list li{ font-size:15px; line-height:18px;}

ul.address li img{ left:68px; top:1px;}

ul.address li{ padding:45px 0 0 52px;}

}

@media only screen and (max-width: 740px) {

#logo{ width:56%;}

#navigation{ position:relative; background:#000;}

#navbtn{ display:block; background:url(images/navigation.png) no-repeat 0 0; width:38px; height:27px; font-size:0; cursor:pointer;}

.nav-menu{ display:none; position:absolute; width:220px; background:#000; z-index:9999; right:0; top:100%;}

.nav-menu li{ float:none;}

.nav-menu li+li{ border-top:1px solid #035e8d;}

.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif; color:#fff;}

.nav-menu .sub-menu{ position:relative; margin:0 3px;}

.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}

.nav-menu .sub-menu li{ float:none;}

.nav-menu li:hover > .sub-menu{ display:none;}

#banner_text{ width:460px; margin:0 0 0 -230px; top:10px;}

.text{ display:none;}

.triangel{ bottom:-2px;}

.holder{ width:100%; float:none; margin:10px 0 0 0;}

ul.address li img{ left:0; top:0;}

ul.address li{ padding:0 0 0 52px;}

ul.address{ padding:20px 0 0;}

#content{ padding:20px 0 0;}



}

@media only screen and (min-width: 740px) {

.nav-menu{ display:block !important;}

}

@media only screen and (max-width: 450px) {

#banner_text{ width:310px; margin:0 0 0 -155px; top:10px;}

#banner_text h2{ font-size:14px; line-height:16px;}



}