/*
 Theme Name:   Octopus
 Theme URI:    
 Description:  Raj Graphics
 Author:       Paul Long
 Author URI:   http://www.blackboxdesign.co.uk
 Template:     Divi
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* ---- Landing Page ------ */

span#land_contact {
color: #fff;
font-size: 1.5em;
font-family: "Open Sans";
font-weight: 300;
line-height: 1.5em;
}

span#land_contact a {
color: #fff;
}

span.icon-mail, span.icon-mob {
padding-left: 14px;
}

span.icon-mail:before {
font-family: 'ETmodules';
font-size: 0.9em;
content: "\e010";
position: absolute;
margin-left: -30px;
margin-top:2px;
}

span.icon-mob:before {
font-family: 'ETmodules';
content: "\e00b";
position: absolute;
margin-left: -22px;
}

/* ---- Animations ---- */

@keyframes fadein {
0% {opacity : 0.05; }
100% {opacity : 0.8; }
} 

@-webkit-keyframes fadein {
0% { -webkit-opacity : 0.05; }
100% { -webkit-opacity : 0.8; }
}

@-moz-keyframes fadein {
0% { -moz-opacity : 0.05; }
100% { -moz-opacity : 0.8 }
}

/* ---- Custom Overlay ---- */

.oct_overlay_blue .et_parallax_bg:before, .oct_overlay_blue:before {
content:' ';
display:block;
height:100%;
width: 100%;
position: absolute;
/*background: rgba(19, 28, 150, 0.6) ;*/
/*background: rgba(15,61,159,0.6) ; */
background: rgba(0,0,0,0.5) ;
z-index: 0;
top: 0px;
}

/* ---- Granim custom JS animated gradient overlay ---- */
div#granim_wrapper {
	position:relative;
}

#granim_bg, #granim_bg_mob {
	position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:-1;
}

.granim_content {
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding:8% 3%;
	color:#fff;
	text-align:center;
}

.granim_content_mob {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:8% 3%;
	color:#fff;
	text-align:center;
}

.granim_content h1, .granim_content_mob h1 {
	font-size:26px;
}

/* ----- Typography -------- */

.light {
color: #fff !important;
}

span.oct_large_title  {
text-transform: lowercase;
font-size: 5em;
line-height: 0.8em;
font-weight: lighter;
padding: 0 0 30px 0;
font-family: 'Raleway', sans-serif;
font-weight: 100;
display: inline-block;
color: #999;
}

h1.oct_large_title {
text-transform: lowercase;
font-size: 5em;
line-height: 0.8em;
font-weight: lighter;
padding: 0 0 30px 0;
font-family: 'Raleway', sans-serif;
font-weight: 100;
display: inline-block;
color: #999;
}

h2.oct_large_title {
text-transform: lowercase;
font-size: 4em;
line-height: 0.8em;
font-weight: lighter;
padding: 0 0 30px 0;
font-family: 'Raleway', sans-serif;
font-weight: 100;
display: inline-block;
color: #999;
}


span.oct_large_title.light  {
color:#fff;
border-right: none;
}

.oct_subtitle {
font-weight: 600;
font-size: 1.2em;
}

i.fa {
padding-right: 10px;
}

ul.oct_services_breakdown {
list-style:none;
}

ul.oct_services_breakdown li {
color:#999;
letter-spacing: 1px;
}

ul.oct_services_breakdown li:after {
font-family: "Font Awesome 5 Free";
  font-weight: 900;
padding-left: 10px;
	content: "\f054";
	font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

sup {
	font-size:0.8em;
	bottom:0.4em;
}

.priv h2 {
	font-size:2em;
}

.priv .et_pb_column.et_pb_column_1_3 {
	padding-right:20px;
	border-right:1px solid #ececec;
}

#serv_services a {
	color:#fff;
	font-size:1.2em;
}

/* ---- Privacy ------ */

div.read_div {
	padding:10px;
	background-color:#f1f1f1;
	margin-bottom:20px;
}

a.read-link, a.read-link:hover {
	display:inline-block;
	margin-bottom:20px;
	border-bottom: none !important;
}

/* ------- Navigation ------ */
div#oct_services_list {
	margin-top:20px;
}

#oct_services_list ul {
list-style: none;
line-height: 2em;
	padding: 0 0 23px 0;
}

#oct_services_list ul li a.oct_button {
text-transform: uppercase;
display: inline-block;
width: 100%;
}

/*#oct_services_list ul li a {
color: #fff;
}*/

#oct_services_list ul li a.oct_button:hover {
background-color: #131c96;
font-weight: 600;
	padding-left:1em;
}

#oct_services_list ul li a.oct_button:hover:after {
font-family: "Font Awesome 5 Free";
	font-weight:900;
content: "\f054";
padding-left: 15px;
}

a.oct_button2 {
display: inline-block;
min-width: 180px;
background-color: #005ade;
color: #fff;
padding: 6px 20px;
border-radius: 30px;
}



/* ----- Header / slider ----- */

header#main-header {
	box-shadow:none;
}

/* --- Octopus Services Map ---- */

/*#oct_services_header {
padding-top: 60px !important;
}*/

div#services_container {
position: relative;
}

a.services_link {
position: absolute;
display: inline-block;
font-size: 1.4em;
font-family: 'Raleway';
font-weight: 300;
color: #fff;
}

a.services_link:hover {
text-decoration:underline;
}

a.services_link.dark {
color:#777;
}

a.services_link.left {
text-align: right;
}

a#services_link1 {
top: 60px;
right: 170px;
}

a#services_link2 {
top: 94px;
right: 155px;
}

a#services_link3 {
top: 127px;
right: 173px;
}

a#services_link4 {
top: 161px;
right: 279px;
}

a#services_link5 {
top: 60px;
left: 185px;
}

a#services_link6 {
top: 94px;
left: 306px;
}

a#services_link7 {
top: 127px;
left: 225px;
}

a#services_link8 {
top: 161px;
left: 230px;
}

img#oct_services_logo {
position: absolute;
left: 340px;
-webkit-animation: fadein 4s 1;
-moz-animation: fadein 4s 1;
animation: fadein 4s 1;
opacity: 0.8;
}




/* ----- Section spacing ------ */

.no_top_pad {
padding-top: 0;
}

.no_bottom_pad {
padding-bottom: 0;
}

.lo_top_pad {
padding-top: 15px;
}

.no_row_pad .et_pb_row {
padding-top: 0;
}

.hide-me {
display: none !important;
}


/* ------- Main Content ------ */

#oct_socials i {
padding: 0px 10px;
font-size: 2em;
vertical-align: top;
}

.oct_service_description {
border-left: 1px solid #e0e0e0;
padding-left: 30px;
}

.shadow {
box-shadow: 5px 5px 3px #999999;
}

#meet_the_team img {
max-width: 200px;
border-radius: 50%;
-webkit-filter: grayscale(70%);
-moz-filter: grayscale(70%);
filter: grayscale(70%);
}



/* ----- Contact 7 Forms ---- */

input[type="text"], input.text, input.title, textarea, select, input[type="email"], input[type="Phone"], .Phone input, .wpcf7-submit {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #4e4e4e;
    padding: 2px 2px 2px 10px;
    font-family: inherit;
    font-size: 12px;
}

.wpcf7-submit {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #4e4e4e;
    padding: 2px 10px 2px 10px;
    font-family: inherit;
    font-size: 12px;
}

/* ----- Gravity Forms ----- */

form#gform_1 {
	background-color:rgba(255,255,255,0.8);
	padding:20px;
	border-radius:5px;
}

form#gform_1 input[type="text"], form#gform_1 input[type="email"], form#gform_1 input[type="phone"], form#gform_1 textarea {
	width:100%;
	max-width:100%;
}

form#gform_1 textarea {
	height:100px;
}

form#gform_1 input[type="submit"], form#gform_2 input[type="submit"] {
	display:inline-block;
	border:none;
	color:#fff;
	background-color:#4e4e4e;
	padding:8px 30px;
}

form#gform_1 input[type="submit"]:hover, form#gform_2 input[type="submit"]:hover {
	cursor:pointer;
	background-color:green;
}

/* Add fake preload overlay style */
#divi-loading { 
	background: #fff url('../../uploads/2016/06/preloader.gif') no-repeat center center; 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	z-index: 999999; 
}



/* ------ Footer ------ */

#footer-info {
font-size: 0.8em;
}

#oct_footer_links, #oct_footer_links a {
font-weight: 600;
}

#oct_footer_links {
color: #666;
}

/* ------- Responsive ------- */

/* ---- Responsive design ---- */

/* ---- 1350px and above ---- */

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

.oct_fw_header {
padding: 100px 0 150px 0;
}

/*span.oct_large_title {
border-right: 1px solid #aaa;
}*/

#splash_header .header-content {
position: relative;
top: -120px;
}

#splash_header {
background-position: center -70px;
}
	
	.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
		padding-top:60px;
	}

/*#oct_services_header {
background-image: url('http://rajgraphics.com/wp-content/uploads/2016/06/blue-vertical-splash1a.jpg');
background-position: left top;
background-repeat: no-repeat;
background-size: 214px 800px;
}*/
	
/*	body.page-id-1462 ul#top-menu li a {
		color:#fff;
	} */

/* ----- Services Masonry ---- */

.img_grid {
margin-left:60px;
}

#packaging_container1 {
width: 1080px;

}

#packaging_img_1_left {
max-width: 59%;
float:left;
margin-right: 10px;
display: inline-block;

}

#packaging_img_1_right {
max-width: 39%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_1_left img, #packaging_img_1_right img {
height: 450px;
}

#packaging_img_2_left {
max-width: 49%;
float:left;
margin-right: 10px;
display: inline-block;
}

#packaging_img_1_right {
max-width: 48%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_2_left img, #packaging_img_2_right img {
height: 480px;
}


}

/* ---- Custom: 1025 to 1349 ----- */

@media only screen
and (min-width : 1025px)
and (max-width : 1349px) {

/* ----- Services Masonry ---- */

.img_grid {
margin-left:60px;
}

#packaging_container1 {
width: 900px;

}

#packaging_img_1_left {
max-width: 59%;
float:left;
margin-right: 10px;
display: inline-block;

}

#packaging_img_1_right {
max-width: 39%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_1_left img, #packaging_img_1_right img {
height: 400px;
}

#packaging_img_2_left {
max-width: 49%;
float:left;
margin-right: 10px;
display: inline-block;
}

#packaging_img_1_right {
max-width: 48%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_2_left img, #packaging_img_2_right img {
height: 427px;
}


}

/* ---- Custom: 980px to 1349px ---- */

@media only screen
and (min-width : 980px)
and (max-width : 1349px) {

div.et_pb_row#services_map {
width: 100%;
background-image: url('../../uploads/2016/07/services_bg_1350_2.png');
background-position: center center;
background-repeat: no-repeat;
}

img#oct_services_logo {
display: none;
}

a.services_link {
font-size: 1.2em;
}

a#services_link1 {
top: 30px;
right: 212px;
}

a#services_link2 {
top: 64px;
right: 195px;
}

a#services_link3 {
top: 97px;
right: 189px;
}

a#services_link4 {
top: 131px;
right: 237px;
}

a#services_link5 {
top: 30px;
left: 255px;
}

a#services_link6 {
top: 64px;
left: 205px;
}

a#services_link7 {
top: 97px;
left: 117px;
}

a#services_link8 {
top: 131px;
left: 120px;
}



}

/* ---- 1101 to 1399   */

@media only screen 
and (min-device-width : 1101px) 
and (max-device-width : 1399px)  {



}

/* ---- 980 to 1100   */

@media only screen 
and (min-device-width : 980px) 
and (max-device-width : 1100px)  {



}

/* ----- Anything lower than 980px ---- */

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

.et_mobile_menu {
background-color: #fff !important;
}

.et_mobile_menu li a {
color: #444 !important;
}

#mob_services_logo.et_pb_image img {
width: 100px !important;
}

section#splash_header.et_pb_fullwidth_header div.header-content {
width: 100%;
}

/*body.page-id-467 img#logo {
display: none;
}*/

section#splash_header_mobile.et_pb_fullwidth_header.et_pb_fullwidth_header_1 {
min-height: 550px;
}

/*#oct_services_header {
background-image: url('/wp-content/uploads/2016/06/blue-vertical-splash1a_mob.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: 768px 800px;
}*/

table#oct_mobile_services {
margin-left: auto !important;
margin-right: auto !important;
width: 60%;
line-height: 1.2em;
}

table#oct_mobile_services td {
text-align: center;
vertical-align: top;
font-size: 1.2em;
}

/*table#oct_mobile_services tr {
padding-bottom: 10px;
display: inline-block;
}*/

/*table#oct_mobile_services td:before {
font-family: "FontAwesome";
content: "\f054";
padding-right: 5px;
}*/

table#oct_mobile_services, table#oct_mobile_services tr, table#oct_mobile_services td {
border: none;
}

div#oct_services_list ul {
padding: 0 0 16px 0;
}

table#oct_mobile_services td a {
color: #fff;
}

table#oct_mobile_services td {
font-weight: 600;
padding: 6px 10px;
}

	#rc-imageselect, .g-recaptcha, .ginput_recaptcha {
transform:scale(0.85);
-webkit-transform:scale(0.85);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

	#who_we_are .et_pb_text.et_pb_text_align_right, #what_we_do .et_pb_text.et_pb_text_align_right {
		text-align:left;
	}
	
	.gform_wrapper li.oct_checkbox ul.gfield_checkbox li label {
		width:70%;
		margin-left:5%;
	}
	
	.gform_wrapper li.oct_checkbox ul.gfield_checkbox li input[type=checkbox] {
	-ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
	transform: scale(1.5);
    margin-right:10px;
		margin-left:10px;
	
}

}

/* ---- Anything lower than 768px ---- */

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

.oct_service_description {
padding-left: 10px;
}
	
	h2.oct_large_title {
		font-size:3em;
	}
	
	#oct_footer_connect .svg-inline--fa {
		font-size:22px;
		margin-right:8px
	}
	

/* ---- Services Masonry ---- */

.img_grid {
margin-left:0px;
}

#packaging_container1 {
width: 100%;

}

#packaging_img_1_left {
width: 100%;
float:left;
margin-right: 0px;
display: inline-block;

}

#packaging_img_1_right {
width: 100%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_1_left img, #packaging_img_1_right img {
height: auto;
width:100%;
}

#packaging_img_2_left {
width: 100%;
float:left;
margin-right: 0px;
display: inline-block;
}

#packaging_img_1_right {
width: 100%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_2_left img, #packaging_img_2_right img {
height: auto;
width:100%;
}


}

/* ---- 768 to 989   */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 989px)  {



}

/* ---- iPads, both orientations ----- */
@media only screen
and (min-width : 768px) 
and (max-width : 1024px) {


}

/* iPads  (landscape only) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

.et_pb_fullscreen .et_pb_fullwidth_header_container {
width: 85%;
}

/*#oct_services_header {
background-image: url('/wp-content/uploads/2016/06/blue-vertical-splash1a_mob.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: 768px 800px;
}*/

.img_grid {
margin-left:0px;
}

#packaging_container1 {
width: 800px;

}

#packaging_img_1_left {
max-width: 59%;
float:left;
margin-right: 10px;
display: inline-block;

}

#packaging_img_1_right {
max-width: 39%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_1_left img, #packaging_img_1_right img {
height: 370px;
}

#packaging_img_2_left {
max-width: 49%;
float:left;
margin-right: 10px;
display: inline-block;
}

#packaging_img_1_right {
max-width: 48%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_2_left img, #packaging_img_2_right img {
height: 397px;
}


}

/* iPads (portrait only) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

section#splash_header_mobile.et_pb_fullwidth_header div.header-content {
margin: 125px auto 20px;
}

.img_grid {
margin-left:0px;
text-align: center;
}

#packaging_container1 {
width: 600px;
margin-left: auto;
margin-right: auto;

}

#packaging_img_1_left {
max-width: 59%;
float:left;
margin-right: 10px;
display: inline-block;

}

#packaging_img_1_right {
max-width: 39%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_1_left img, #packaging_img_1_right img {
height: 275px;
}

#packaging_img_2_left {
max-width: 49%;
float:left;
margin-right: 10px;
display: inline-block;
}

#packaging_img_1_right {
max-width: 48%;
float:left;
margin-right: auto;
display: inline-block;
}

#packaging_img_2_left img, #packaging_img_2_right img {
height: 293px;
}


}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {

span.oct_large_title {
font-size: 5em;
}

span.oct_subtitle {
font-size: 1.5em;
}

table#oct_mobile_services {
width: 100%;
}



/*table#oct_mobile_services, table#oct_mobile_services tr, table#oct_mobile_services td {
background-color: rgba(255,255,255,0.7);
}*/

.et_pb_text_align_right {
text-align: right;
}



section#splash_header_mobile.et_pb_fullwidth_header div.header-content {
margin: 135px auto 20px;
}



}

@media (min-width: 981px) {
.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 0px !important;
}
}

h2.oct_large_title {
    text-transform: capitalize;
	font-size: 3.7em;
}

@media only screen and (min-width: 641px) {
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
    width: 100%!important;
    margin: 0px 0 0 !important;
    padding-left: 0;
    padding-right: 0;
}
}

.gform_wrapper li.hidden_label input {
    margin-top: 0px !important;
}

.granim_content {
    padding: 10% 3%;
}

#top-menu li.current-menu-item>a {
    color: #2ea3f2;
    font-weight: 600;
}

#top-menu a {
	color: rgba(0, 0, 0, .8);
}

#granim_bg, #granim_bg_mob {
	display: none !important;
}