/*HOME PAGE

/*--------------------------------*/

/*Top video*/

#topvideo {position: absolute; left: 0; right: 0; top: auto; bottom: -10vw; min-width: 100%; min-height: 100%; -webkit-filter: brightness(65%) saturate(200%);}
/*use texture over video since video is low resolution:*/
.bgimg:before {content: ""; background: url('../tex1.png') repeat; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1; /*background-size: 4px;*/ /*background: url('../tex1.png') repeat, rgba(189, 105, 130,0.3);*/}

.bgimgback {height: 480px; overflow: hidden; background-color: #555;} .bgimg {height: 100%; position: relative;}
/*.bgimg:after {content:''; background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute;}*/

.caption {position: absolute; font-size: 80px; left: 5%; right: 5%; top: 49%; -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); color: #FFF; z-index: 1;}
@media (min-width: 1501px) {.caption {text-align: center;}}
@media (max-width: 1500px) {.caption {text-align: left;}}
@media (max-width: 1780px) {.cap2 span {display: block;}}

.cap0 {font-weight: 400; font-size: .4em; text-transform: uppercase;}
.cap1 {font-family: 'Roboto Condensed', "Arial Narrow", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight: 700; font-size: 1.2em; line-height: 1.1; text-shadow: 1px 1px 2px #000; text-transform: uppercase; margin: 30px auto !important;}
.cap1 span {display: block; text-transform: none; font-weight: 400; font-size: .8em;}
.cap2 {font-size: 21px; font-weight: 400; line-height: 1.4;}

@media (max-width: 1120px) {.caption {text-align: center;} .cap1 {font-size: 8.3vw;}}
@media (max-width: 1065px) {#topvideo {height: 600px;}}
@media (max-width: 1065px) and (min-width: 891px) {.bgimgback {height: 420px;}}
@media (max-width: 890px) {.bgimgback {height: 44vw;} #topvideo {height: 495px;} .cap0 {font-size: 3.3vw;}
.cap1 {margin: 20px auto !important;} .cap2 span {display: inline;}
}
@media (max-width: 690px) {.bgimgback {height: calc(200px + 39vw);} #topvideo {height: 540px;} .cap0 {font-size: 3.4vw;}
.cap1 {font-size: 14vw; margin: 15px auto !important;} .cap1 span {font-size: .65em;} .cap2 {font-size: 18px;}
}
@media (max-width: 500px) {#topvideo {height: 350px;} .bgimgback {height: calc(100px + 40vw);} .cap0 span {display: block;}
.cap0 {font-size: 20px;} .cap1 {margin-bottom: 0 !important;} .cap2 {display: none;}}
@media (max-width: 420px) {#topvideo {height: 330px;}}
@media (max-width: 380px) {.cap0 {font-size: 19px;} #topvideo {height: 300px;}}

/*--------------------------------*/

/*Blocks*/

#blocks {position: relative; display: table; table-layout: fixed; margin: 0 auto; line-height: 0; width: 100%; max-width: 5400px; text-align: center;}
.block {position: relative; display: inline-block; width: 33.33%;}
#blocks img {display: block; width: 460px; height: 240px; width:100%; height: auto; transform: translate3d(0,0,0)}
.imgtxt {position: absolute; display: block; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: -webkit-translateY(-50%); -ms-transform: translateY(-50%); margin: auto; font-weight: 500; color: #FFF; pointer-events: none; font-size: 32px; line-height: 1.2; text-shadow: 1px 1px 3px #444; white-space: normal;} .imgtxt span {display: block;}
.blockin {display: block; text-align: center; overflow: hidden; margin: 5px;}
@media (min-width: 2401px) {#blocks img {margin: -100px auto;}}
@media (max-width: 2400px) {#blocks img {margin: -4vw auto;}}
@media (max-width: 1800px) {#blocks img {margin: -3vw auto;}}
@media (max-width: 1200px) {#blocks img {margin: -1.5vw auto;}}
@media (max-width: 1015px) {.imgtxt {font-size: 3vw;} .blockin {margin: 3px;}}
@media (max-width: 700px) {.block {width: 50%;} .imgtxt {font-size: 30px;}}
@media (max-width: 615px) {.imgtxt {font-size: 4.9vw;}}
@media (min-width: 481px) {#blocks img {transition: .4s;}}
@media (max-width: 480px) {
.block {width: 100%;} .blockin {margin: 1px 0;}
#blocks img {margin: -7vw 0;} .imgtxt {font-size: 36px;}
}
@media (max-width: 380px) {.imgtxt {font-size: 9.5vw;}}

#blocks img {filter: brightness(65%) contrast(70%);}
#blocks img:hover {filter: brightness(100%) contrast(100%); transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}

/*--------------------------------*/

/*Area*/

.newareaback, .newarea {background-color: #777;}
.newarea {position: relative; text-align: left; clear: both; font-size: 18px; line-height: 1.4; max-width: 1800px; width: 90%; margin: auto;}
.newareatext {padding: 30px 35px; text-align: left; font-size: 1.15em; line-height: 1.5; color: #FFF;}
.newarea h1 {font-size: 2.15em; line-height: 1.2; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0 !important; color: #FFF;}
.newareaimg {position: relative; background-repeat: no-repeat; background-size: cover; height: 100%; border-radius: 3px;}

@media (max-width: 900px) {.newarea h1 {font-size: 2em;}}
@media (min-width: 801px) {.newareaimg {width: 40%;}}
@media (max-width: 800px) and (min-width: 661px) {.newareaimg {width: 30%;}}
@media (min-width: 661px) {.newarea {display: table; height: 100vw; max-height: 300px;} .newarea .newareaimg {display: table-cell;}}

@media (min-width: 661px) {.newarea {padding: 30px 0; box sizing: border-box} .newarea .newareatext {padding: 0 0 0 35px;}}
@media (max-width: 800px) and (min-width: 661px) {.newarea .newareatext {padding: 0 0 0 25px;}}

@media (max-width: 660px) {.newarea {padding-top: 30px;} .newarea .newareaimg {height: 60vw; width: 82vw; margin: auto;} }
@media (max-width: 500px) {.newarea h1 {text-transform: none; font-size: 1.8em;}}
@media (max-width: 400px) {.newarea h1 {font-size: 1.6em;}}

@media (min-width: 501px) {.newareaimg {background-image: url("../images/our-drilling-rigs-ameridrill1.jpg"); background-position: 50% 70%;}}
@media (max-width: 500px) {.newareaimg {background-image: url("../images/our-drilling-rigs-ameridrill2.jpg");}}

/*--------------------------------*/

/*Values*/

#valueswrap {width: 100%; max-width: 1600px; margin: 40px auto 20px auto;}
.value {vertical-align: top; font-size: 20px; padding: 15px;}
.value img {display: block; vertical-align: middle; margin: auto; width: 113px; height: 83px; height: auto;}
.valhead {margin: 15px auto 10px auto; font-weight: 700; text-transform: uppercase; font-size: 1.2em; line-height: 1.4;}
.valtxt {color: #777; font-size: .85em; line-height: 1.5;}

@media (max-width: 1110px) and (min-width: 906px) {.valhead {font-size: 1em; letter-spacing: -.5px;}}
@media (max-width: 965px) and (min-width: 906px) {.value {padding: 10px;}}
@media (max-width: 960px) and (min-width: 906px) {.valtxt {font-size: .85em;}}
@media (min-width: 906px) {
#valueswrap {display: table; table-layout: fixed;}
.value {display: table-cell; width: 20%; text-align: center;} .valueimg {vertical-align: middle; display: table-cell; width: 1%;}
}
@media (max-width: 905px) {
.value {display: block; width: auto; text-align: left; margin: 0; padding: 15px; min-height: 90px;}	
.valueimg {float: left; vertical-align: top; text-align: left; margin-right: 15px;}
.valhead {margin: 0 auto 10px auto;} .valtxt {display: table-cell;}
}
@media (max-width: 430px) {
.value {text-align: center;}
.valueimg {display: table-cell; float: none; height: auto; width: 1%; vertical-align: middle; margin: auto; padding-bottom: 20px;}	
}

/*--------------------------------*/

/*Reviews

#rvws {width: 100%; margin: 30px auto 40px auto;}
.rvw {vertical-align: top; text-align: center; font-size: 20px; padding: 30px; background-color: #FFF; border-radius: 8px;}
.rvwimg {display: inline-block; position: relative; width: 100%; max-width: 265px; background-image: url("../images/5-stars.png"); background-repeat: no-repeat; background-size: 100%; background-position: center center; margin-bottom: 20px;}
.rvwimg div {padding-top: 48px;}
.rvwtxt {color: #193C90; font-size: 1.1em; line-height: 1.7; margin-bottom: 20px;}
.rvw span {display: block; line-height: 1.5; color: #666; font-size: .8em;}

@media (max-width: 1180px) {#rvws {margin: 20px auto 30px auto;} .rvw {padding: 20px;} .rvwtxt {font-size: 1.05em;}}
@media (min-width: 781px) {#rvws {display: table;} .rvw {display: table-cell; width: 31%;}}
@media (max-width: 780px) {#rvws {margin: 0 auto 20px auto;} .rvw {display: block; width: auto; padding: 30px;}}
@media (max-width: 380px) {.rvwtxt {font-size: 1em;}}
@media (max-width: 330px) {.rvwimg {margin-bottom: 10px;}}*/