/*
Theme Name: Hattan
Theme URI: http://hattan-wordpress.studio-themes.com/
Author: Studio Themes
Author URI: http://themeforest.net/user/ef1eden/portfolio
Description: Hattan - Responsive Parallax Onepage Wordpress Theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: one-column, full-width-template, left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style
Text Domain: hattan

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

@import url('assets/css/style.css');

.header-background{
  background-position: bottom center;
}
.header-section p{
  font-size: 18px;
}
#blue-seperator{
  width: 90px;
  height: 6px;
  display: block;
  background: #4b90ff;
}
.right-section-background1{
  background-image:url('/wp-content/uploads/Section-Background-Right-1.png');
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.right-section-background2{
  background-image:url('/wp-content/uploads/Section-Background-Right-2.png');
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.left-section-background1{
  background-image:url('/wp-content/uploads/Section-Background-Left-1.png');
  background-size: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.left-section-background2{
  background-image:url('/wp-content/uploads/Section-Background-Left-2.png');
  background-size: 100%;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.right-section{
  max-width: 525px;
  margin-right: auto;
}
.left-section{
  max-width: 525px;
  margin-left: auto;
}
h1, h2, h3 {
  margin-bottom: 20px !important;
  font-weight: 900 !important;
}
.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
  color: #FFF;
  background-color: #224eb1 !important;
}
.vc_btn3.vc_btn3-color-primary:hover, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover{
  background-color: #346cec !important;  
  color:#ffffff !important;
}
.vc_btn3.vc_btn3-size-md {
  font-size: 18px !important;
  font-family: 'Roboto';
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 20px !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom{
  padding: 10px 20px !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty){
    padding-right: 48px !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty){
    padding-left: 48px !important;
}
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-outline {
  color: #224eb1 !important;
  border-color: #224eb1 !important;
  background-color: rgba(255,255,255,.5) !important;
}
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-outline:hover {
  color: #FFF !important;
  border-color: #224eb1 !important;
  background-color: #224eb1 !important;
}
@media only screen and (max-width: 1024px){
 .admin-bar #main-menu {
    top: 0!important;
 }
}
@media (max-width: 630px){
.h1, h1 {
    line-height: 28px !important;
    font-size: 25px !important;
 }
}
#footer-2 {
    padding: 20px 0 20px;
    font-size: 13px;
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
    font-weight: 400;
}
#footer-2 a, #footer-2 a:hover {
  color: #494f5d !important;
}
#footer-2 a:hover{
  text-decoration:underline;
}
.footer-section-background{
  background-image:url('/wp-content/uploads/Footer-Background.png');
  background-size: 100%;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.contact-info-3 div {
  border-right: 1px solid #cccccc;
  color: #4b90ff;
}
.contact-info-3:hover i {
  color: #224eb1;
}
.contact-info-3 strong {
  color: #224eb1;
}
.contact-info-3 {
    padding-left: 48px;
}
.contact-info-3 div {
    width: 30px;
    padding-right: 30px;
}
.wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    color: #666666 !important;
    border: 2px solid #e5e5e5;
}
.wpcf7 .wpcf7-form .button-2 {
    background: #224eb1!important;
    color: #fff!important;
    font-family: 'Roboto';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 20px!important;
}
.wpcf7 .wpcf7-form .button-2:hover {
    background-color: #ffffff !important;
}
#side-menu > ul > li > a, #main-menu .desktop-menu > .menu-container > ul > li > a {
  font-weight: 900 !important;
  color: #224eb1 !important;
  text-transform: uppercase;
}
#header-blog h1 {
    color: #224eb1;
    letter-spacing: 0;
}