@charset utf-8;
/*
Theme Name: sendcloud
*/
@font-face {
	font-family: 'Lato-Italic';
	src: url('/fonts/latoregita.eot');
	src: url('/fonts/latoregita.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/latoregita.woff') format('woff'),
		 url('/fonts/latoregita.ttf') format('truetype'),
		 url('/fonts/latoregita.svg#latoregita') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'latobold';
  src: url('/fonts/lato-bol-webfont.eot');
  src: url('/fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
	   url('/fonts/lato-bol-webfont.woff') format('woff'),
	   url('/fonts/lato-bol-webfont.ttf') format('truetype'),
	   url('/fonts/lato-bol-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/fonts/lato-reg-webfont.eot');
    src: url('/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-reg-webfont.woff') format('woff'),
         url('/fonts/lato-reg-webfont.ttf') format('truetype'),
         url('/fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { color:#666; background:none; }
body { font-family: 'latoregular',Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:1px; color:#999999; background:#ffffff;}
a { color:#1674d1; text-decoration:none; }
a:hover { text-decoration:underline; }
img { margin:0; padding:0; border:0; vertical-align:middle; max-width:100%; height:auto; }
.clear { clear:both; height:0; font-size:0; }
p{ font-size:14px; line-height:22px; margin-bottom:30px; letter-spacing:1px;}
strong, b{ font-weight:normal; font-family: 'latobold';}
i,em{ font-style:normal; font-family: 'Lato-Italic';}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-style:normal; line-height:1;}
h1{ color:#1573d1; font-size:60px; margin-bottom:40px; text-transform:uppercase; font-family: 'latobold';} 
h2{ color:#1674d1; font-size:50px; margin-bottom:25px;}
h3{ font-size:35px; margin-bottom:15px;} 
h4{ margin-bottom:10px; line-height:28px; font-size:18px;}
h5{ font-size:15px; margin-bottom:10px; }
h6{ font-size:14px; margin-bottom:10px;}
.main_width{ width:1170px; margin:0 auto;}
.inner{max-width: 100%;width: 1040px;margin: 0 auto;padding:0px 20px;box-sizing: border-box;}
input,textarea{ vertical-align:middle; background:none; border:0;}
#container { width:100%; margin:0 auto; overflow:hidden; position:relative;}


#header{ background:#292929; padding:22px 0 12px; z-index:5;}
.logo{ float:left;}
.logo:hover{text-decoration: none;}
/* .logo .logo_title{font-size: 45px;text-transform: uppercase;font-weight: bold;} */
.mainnav{ float:right; margin-top:20px;}
.mainnav li{ float:left; margin-left:50px; display:inline;}
.mainnav li a{ color:#ffffff; font-size:20px;}
.link_menu{ display:none;}
.small_menu{ display:none;}

/*slider*/
.slider_wrap{ width:100%; background:#1d1e35; margin-bottom:100px; position:relative; z-index:2;}
.slider{ position:relative; z-index:1; background:url(/wp-content/themes/opalfinancial/images/img-slider1_new.jpg) center top no-repeat;background-size: cover; height:1006px;}
.slider_text{ padding-top:185px; width:710px; margin:0 auto; text-align:center;}
.slider_text h5{ text-transform:uppercase; letter-spacing:6px; color:#ffffff; margin-bottom:45px;}
.slider_text h1{ letter-spacing:10px;}
.slider_text p{ font-size:15px; line-height:24px; color:#ffffff;}
.slider_text .link_about{ font-size:16px; color:#ffffff;  font-family: 'latobold'; padding:20px 10px; border:2px solid #ffffff; display:inline-block; vertical-align:middle; text-transform:uppercase; margin-top:50px; }
.link_scroll{ position:absolute; width:100%; bottom:28px; z-index:3; text-align:center;}
.link_scroll a{ letter-spacing:5px; font-size:12px; color:#ffffff; padding-bottom:30px; background:url(/wp-content/themes/opalfinancial/images/arrow-down.png) center bottom no-repeat; display:inline-block; vertical-align:middle; text-transform:uppercase;}


.main_content{ background:#ffffff url(/wp-content/themes/opalfinancial/images/bg-white.png) center top no-repeat; position:relative; z-index:10; padding-bottom:57px;}
.main_content .main_width{ position:relative; overflow:visible;}

.main_top_content{ text-align:center; margin-bottom:62px;  font-size:15px; position:relative; z-index:12;}
.main_top_content p{ margin-bottom:15px;}
.three_col_box{ width:100%; overflow:hidden; position:relative; z-index:12;}
.one_third{ width:30%; margin-left:5%; float:left;}
.one_third.first_child{ margin-left:0;}
.one_third p{ line-height:20px;}
.one_third h6{ color:#111111; padding:12px 0 12px 45px; line-height:18px;}
.icon_account{ background:url(/wp-content/themes/opalfinancial/images/icon2.png) left center no-repeat;}
.icon_opportunites{ background:url(/wp-content/themes/opalfinancial/images/icon3.png) left center no-repeat;}
.icon_support{ background:url(/wp-content/themes/opalfinancial/images/icon4.png) left center no-repeat;}
.icon_guarantee{ background:url(/wp-content/themes/opalfinancial/images/icon5.png) left center no-repeat;}
.icon_network{ background:url(/wp-content/themes/opalfinancial/images/icon1.png) left center no-repeat;}
.icon_management{ background:url(/wp-content/themes/opalfinancial/images/icon6.png) left center no-repeat;}



.bg_figure{ position:absolute; bottom:-105px; left:70px; z-index:9;}



.home_blue_col{ position:relative; z-index:8;}
.blue_three_col_box{ width:100%; overflow:hidden;  background:#1674d1;}
.blue_one_third{ width:50%; float:left;  height:400px; background:#1674d1 url(/wp-content/themes/opalfinancial/images/bg-blue-1.png) left top no-repeat; position:relative;}
.blue_inner{  vertical-align:middle; padding:50px 90px;}
.blue_one_third.middle_col{ width:50%; background:#2e8be9 url(/wp-content/themes/opalfinancial/images/bg-blue-2.png) left top no-repeat;}
.blue_inner h4{ text-transform:uppercase; color:#ffffff; letter-spacing:3px;}
.blue_inner p{ font-size:14px; line-height:23px; color:#ffffff;}
.blue_one_third span{ font-size:60px; color:#2e82d6;  position:absolute; right:30px; bottom:25px;}
.blue_one_third.middle_col span{ color:#4397eb;}
/****footer*****/
.footer_top{ background:#222222; padding-top:100px; padding-bottom:80px;}
.footer_logo, .footer_item{ float:left;}
.address_col{ width:20%;}
.contact_col{ width:26%;}
.copyright_col{ width:26%;}
.footer_logo{ width:28%; padding-top:20px;}
.footer_logo a{ display:block; padding:0 10px 0 0; }
.footer_logo a:hover{text-decoration: none;}
/* .footer_logo .logo_title{font-size: 40px;text-transform: uppercase;font-weight: bold;} */

.footer_item h6{ text-transform:uppercase; color:#ffffff;}
.footer_nav{ margin-bottom:34px;}
.footer_nav li{ font-size:14px; line-height:24px; text-transform:uppercase;}
.footer_item a{ color:#999999;}
.share_list{ width:100%; overflow:hidden;}
.share_list li{ float:left; margin-right:2px; display:inline;}


.footer_bottom{ background:#333333; padding:25px 0;}
.footer_bottom p{ font-size:10px; color:#ffffff; line-height:12px; margin-bottom:5px;}

.contentbox h1{font-size: 35px;color:#1674d1;margin:10px 0;font-weight: normal;}
.contentbox h2{font-size: 25px;color:#a71e23;margin:10px 0;font-weight: normal;}
.contentbox {padding-top: 50px;  }
.contentbox p{color: #999999;}
.contentbox ol{margin-left: 20px;margin-top: 30px;}
.contentbox ol li{list-style-type: disc;margin-bottom: 10px;color: #999999;line-height: 1.5;}

/* contact_us */
.contact_us_content{background: #1d1d35 url(/wp-content/themes/opalfinancial/images/contact_us_content_bg.jpg) no-repeat top center;padding: 120px 0px 200px;}
.contact_us_text{box-sizing: border-box;max-width: 900px;margin: 0 auto;text-align: center;}
.contact_us_text h5{color: #fff;font-size: 16px;line-height: 1.2;margin-bottom: 35px;font-family: 'latobold';}
.contact_us_text p{font-size: 14px;color: #fff;font-family: 'latoregular';margin-bottom: 60px;}

.contact_us_form{box-sizing: border-box;width: 900px;max-width: 100%;background: #fff;margin: 0 auto;border-radius: 20px;padding: 75px;}
.contact_us_form h3{text-align: center;font-size: 28px;line-height: 1.2;color: #333740;margin-bottom: 60px;}
.contact_us_form .gform_wrapper.gravity-theme .gform_fields{display: block;}
.contact_us_form .gform_wrapper.gravity-theme .gfield{margin-bottom: 30px;}
.contact_us_form .gform_wrapper.gravity-theme .gfield_label{font-size: 16px;line-height: 1.1;text-transform: uppercase;color: #7a9196;margin-bottom: 10px;}
.contact_us_form .gform_wrapper.gravity-theme .gfield input.large{width: 100%;background: #f4f8fb;font-size: 16px;padding: 17px;font-family: 'latoregular';outline: none;border-radius: 5px;}
.contact_us_form .gform_wrapper.gravity-theme .gfield textarea.large{width: 100%;background: #f4f8fb;font-size: 16px;padding: 17px; font-family: 'latoregular';height: 300px;outline: none;border-radius: 5px;}
.contact_us_form .gform_wrapper.gravity-theme .gform_footer{margin: 0;padding: 30px 0px 0px;}
.contact_us_form #field_1_2{display: inline-block;width: 48%;margin-right: 2%;vertical-align: top;}
.contact_us_form #field_1_3{display: inline-block;width: 48%;margin-left: 2%;vertical-align: top;}
.contact_us_form .gform_wrapper.gravity-theme .gform_footer input{font-size: 20px;font-family: 'latobold';line-height: 1;text-transform: uppercase;margin: 0;width: 100%;color: #fff;background: #1d1d35;padding: 28px 10px;border-radius: 6px;cursor: pointer;}
.contact_us_form .gform_wrapper .gform_validation_errors{display: none;}
.contact_us_form .gform_wrapper.gravity-theme .gfield_description{border: 0;background: transparent;padding: 0;margin-top: 10px;font-size: 16px;line-height: 1;}
.contact_us_form .gform_wrapper .gfield_error [aria-invalid=true]{border: 0;}
.contact_us_form .gform_confirmation_message{color: #333740;font-size: 18px;text-align: center;}
@media only screen and (max-width: 641px){
    .contact_us_form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height: 1.2;min-height: auto;}
}


@media (max-width: 1200px){
	#header, .slider, .main_content, .footer_top, .footer_bottom{ padding-left:20px; padding-right:20px;}
	.main_width{ width:100%;}
	.bg_figure{ width:50%;}
	.slider_text{ width:80%;}
	.slider_wrap{ margin-bottom:50px;}
	.slider{ background-size:auto 800px; height:800px;}
	.blue_inner{ padding:30px;}
	.contentbox{
		padding-left:20px; padding-right:20px;
	}
}
/* @media (max-width: 990px){
	.logo{margin: 15px 0px 10px;}
	.logo .logo_title{font-size: 36px;}
	.footer_logo .logo_title{font-size: 35px;}
} */
@media (max-width: 767px){
	.mainnav{ display:none;}
	.link_menu{ display:block; float:right; font-size:15px; text-transform:uppercase; color:#ffffff; margin-top:25px;}
	.one_third, .one_third.first_child{ width:100%; float:none; display:block; margin:0 0 20px;}
	.blue_one_third, .blue_one_third.middle_col{ width:100%; float:none; height:auto !important;}
	.blue_inner{ padding:30px 40px 80px;}
	.bg_figure{ width:30%; bottom:-80px;}
	.footer_logo, .footer_item{ width:100%; float:none; display:block; margin-bottom:20px;}
	.footer_logo{ padding-top:0;}
	.footer_top{ padding-top:30px; padding-bottom:30px;}
	.slider_text{ width:100%;}
	.small_menu{ width:100%; position:absolute; top:80px; z-index:999; background:#292929 ; left:0; padding:10px 0 0;}
	.small_menu .mainnav{ display:block; float:none; border-top:1px solid #333333;}
	.small_menu .mainnav li{ float:none; display:block; margin:0; border-bottom:1px solid #333333;}
	.small_menu .mainnav li a{ display:block; padding:10px 20px;}
	.slider_text h1{ font-size:34px; margin-bottom:20px;}
	.slider_text h5{ margin-bottom:25px;}
	.slider{ height:600px; background-size:auto 600px;}
	.slider_text{ padding-top:30px;}
	.blue_inner{ padding:30px 20px;}
	h2{ font-size:30px;}
	.blue_one_third span{ right:20px; bottom:10px;}

	.contact_us_content{padding: 60px 0px 80px;}
    .contact_us_text h5{margin-bottom: 20px;}
    .contact_us_text h1{font-size: 40px;margin-bottom: 20px;}
    .contact_us_text p{margin-bottom: 35px;}
    .contact_us_form{padding: 30px 25px;}
    .contact_us_form h3{font-size: 20px;margin-bottom: 30px;}
    .contact_us_form .gform_wrapper.gravity-theme .gfield_label{font-size: 15px;}
    .contact_us_form .gform_wrapper.gravity-theme .gfield textarea.large{height: 240px;}
    .contact_us_form #field_1_2,
    .contact_us_form #field_1_3{width: 100%;margin: 0px 0px 20px;}
    .contact_us_form .gform_wrapper.gravity-theme .gform_footer{padding: 20px 0px 0px;}
    .contact_us_form .gform_wrapper.gravity-theme .gform_footer input{font-size: 16px;padding: 24px 10px;}
}
@media (max-width: 580px){
	.logo { width:70%;}
	/* .logo .logo_title{font-size: 30px;} */
	/* .footer_logo .logo_title{font-size: 30px;} */
 	.link_menu{ margin-top:20px;}
}
/* @media (max-width: 450px){
	.logo .logo_title{font-size: 24px;position: relative;z-index: 1000;}
	.footer_logo .logo_title{font-size: 24px;}
} */
@media (max-width: 500px){
    .contact_us_content{padding: 50px 0px 60px;}
    .contact_us_form{padding: 30px 20px;}
    .contact_us_form h3{font-size: 18px;}
    .contact_us_form .gform_wrapper.gravity-theme .gfield input.large{padding: 17px 10px;}
    .contact_us_form .gform_wrapper.gravity-theme .gfield textarea.large{padding: 17px 10px;}
    .contact_us_form .gform_wrapper.gravity-theme .gform_footer{padding: 10px 0px 0px;}
}
@media (max-width: 320px){
	.link_menu{ margin-top:15px;}
	.small_menu{ top:60px !important;}
}