/*
Theme Name: OASIS International
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: OASIS International 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. OASIS International 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: twentysixteen

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/
 */

img{max-width:100%; height:auto;}

.o-sliderContainer{z-index:-12345 !important;}

.social-media{margin:0px; padding:0px;}

.social-media i{margin:0px; padding:6px 0px 0px; width:26px; height:26px; border-radius:0.2em; color:#fff; background:#4e71a8; text-align:center; font-size: 16px;} 

.top-sec{margin:0px;}

.menu-sec{float:right; margin-top:38px; margin-right: -10px;}

.gray-bg{background:#eeefef; color:#333; padding:10px 0px 10px; text-align:center;}

.gray-bg img{margin-bottom:5px;}

.gray-bg h4{font-size:16px; font-weight:600;}

.content-sec{margin-top:25px;}

.content-sec h1{text-align:center;}

.content-sec h1 span{color:#951f5d;}

.content-sec h4{text-align:center;}

.border{width:60px; background:#f1652b; height:5px; margin:15px auto 30px;}

.border-white{width:60px; background:#fff; height:5px; margin:15px auto 30px;}

.about-img{margin:15px 0px;}

.product-sec{margin-top:40px;}

.product-sec img{margin-bottom:20px;}

.product-sec img:hover{transform: translateY(-10px); 
    transition: all 0.25s ease 0s; }

.technology{border:1px solid #eee; padding:20px 10px 10px;}

.technology:hover{background:#951f5d; color:#fff; transition: all 0.4s linear 0s;}

.technology img{border-radius:50%; width:200px; height:200px;}

.contact-bg{background:url(images/go-green.jpg) center top no-repeat; background-size:cover; color:#fff; margin-top:50px; padding:20px 0px 50px;}

.contact-bg h1{text-align:center;}

.contact-bg input[type=text]{margin:15px 15px 0px; padding:8px 10px; background:rgba(61,60,60,0.7); color:#fff; border:1px solid #747474; width:45%; float:left;}

.contact-bg textarea{margin:15px 15px 20px; padding:8px 10px; background:rgba(61,60,60,0.7); color:#fff; border:1px solid #747474; width:92.8%; float:left; height:120px;}

.contact-bg input[type=submit]{margin:0px auto; padding:10px 20px; background:#f16429; text-align:center; color:#fff; border:1px solid #f16429; width:100px; font-weight:bold; display:block;}

.footer-bg{background:#161616; color:#fff; padding:15px 0px;}

.footer-bg li{list-style:none; margin:0px 0px 2px;}

.footer-bg i{margin-right:10px; width:15px;}

.footer-bg a{color:#fff;}

.product-logo{margin-top:50px; padding:0px;}

.product-logo li{margin:0px; padding:0px; list-style:none; float:left;}

.product-logo img{width:80%;}

.product-left{background:rgba(0,0,0,0.1); border:1px solid #CCC; border-radius:0.3em; padding:15px; margin-top:5px;}

.contact-left{width:50%; float:left; background:#9c0d55; padding:20px; color:#fff;}

.contact-left h1{text-align:left !important;}

.contact-right{width:45%; float:right; background:#17aadb; color:#fff; padding:25px;}

.contact-right h2{text-align:left !important;}


/*Contact Form Css*/

.contact-page{background:#fff; box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); padding:25px; width:55%; float:left; margin-left: 15px; margin-bottom:50px; margin-top:40px;}

.contact-page input[type=text]{margin:10px 0; padding:5px 0 10px; background:none; border-bottom:1px solid rgba(0,0,0,0.06); color:#333; border-left:none;  border-top:none;  border-right:none; width:90%; transition: all 0.5s ease-in-out 0s}

.contact-page input[type=text]:focus{transition: all 0.5s ease-in-out 0s; border-bottom:1px solid #103f6e;}

.contact-page textarea{margin:30px 0 20px; padding:0px 0 4px; background:none; border-bottom:1px solid rgba(0,0,0,0.05); color:#333; border-left:none;  border-top:none;  border-right:none; height:30px; width:90%;}

.contact-page input[type=submit]{background:#92034b; text-align:center; color:#fff; border:none; border-radius:30px; margin:20px 0 0; padding:8px 30px;}

.contact-page input[type=submit]:hover{background:#7b0440; color:#fff;}

.address-sec{background:url(images/contact-bg.png) right bottom no-repeat #92034b; color:#fff; width:45%; float:left; padding:15px; margin:85px 0 0 -15px;}

.address-sec li{margin:14px 0 0; padding:0px; list-style:none;}

.address-sec li img{margin-right:10px;}

.address-sec i{color:#fe6fb7; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; font-size:24px;}

.address-sec i:hover{color:#fff;}

.about-sec1{border:1px solid #eae9e9; border-radius:0.3em; padding:10px; text-align:center;}

.map-sec{width:100%;}

@media (max-width:767px) {
	
	img{max-width:100%;}
	
	.header-inner #toggle-btn {
    cursor: pointer;
    font-size: 17px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 45px;
}
	
	.brand{width:50%; margin-bottom:0px; margin-left:20px;}
	
.top-sec{text-align:center;}

.text-right {
    text-align: center !important;
}

.contact-bg input[type="text"] {
    background: rgba(61, 60, 60, 0.7) none repeat scroll 0 0;
    border: 1px solid #747474;
    color: #fff;
    float: left;
    margin: 15px 0 0;
    padding: 8px 10px;
    width: 100%;
}

.contact-bg textarea {
    background: rgba(61, 60, 60, 0.7) none repeat scroll 0 0;
    border: 1px solid #747474;
    color: #fff;
    float: left;
    height: 120px;
    margin: 15px 0 20px;
    padding: 8px 10px;
    width: 100%;
}

.menu-sec {
    float: left;
    margin-top: 0px;
    width: 100%;
}

}