abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 }
body { line-height: 1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
a { text-decoration: none; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: 0 0; color: #000; outline: 0; transition: all .5s ease 0s }
ins { background-color: #ff9; color: #000; text-decoration: none }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700 }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }
table { border-collapse: collapse; border-spacing: 0 }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cac9c9; margin: 1em 0; padding: 0 }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
*, *:before, *:after { -moz-box-sizing: border-box; }
html[xmlns] .clearfix { display: block }
* html .clearfix { height: 1% }
.fl { float: left }
.fr { float: right }
img { max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition: all .5s ease 0s }
.ie8 img { height: auto }
.ie8 img.size-large { max-width: 60%; width: auto }
:hover { transition: all .5s ease 0s }
ul { list-style: none; margin: 0; padding: 0 }
li { list-style: none }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}
::-webkit-input-placeholder {color:#907f6c}
:-moz-placeholder {color:#907f6c}
::-moz-placeholder {color:#907f6c}
:-ms-input-placeholder {color:#907f6c}
input[type=email], input[type=tel], input[type=text], textarea { background-color: #eee6dd; border: solid 1px #d3c4b4 }
input[type=button], input[type=submit] { cursor: pointer; border: 0; padding: 0 }
.button, input[type=submit] { transition: all .5s ease 0s; border: 0; font-size: 13px; color: #fff; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(images/wm_arrow.png) 90% no-repeat #00538d }
.button:hover { background-color: #0075C6 }
input:focus { outline: 0 }
textarea { resize: none; font-family: 'Open Sans', sans-serif; overflow: auto }
.col1 { width: 180px; margin-right: 30px }
.col1.last, .col2.last, .col3.last { margin-right: 0!important }
.inr_content.col3 { width: 625px; margin-left: 5px }
body { background: #151F20 url(images/Torquay_bg.jpg) no-repeat center top; background-size: 100%; font-family: Lato, sans-serif; color: #6B7071 }
.landing_page, body.home { background: url(images/landing_bg.jpg) no-repeat 0 -150px #030406; background-size: 100% }
.tor_container { margin: 0 auto; width: 1024px }
.enter_logo a { display: inline-block; float: right; position: relative; right: 50px; z-index: 1 }
#object { position: absolute; left: 0; top: 50%; width: auto }
#fadeIn { font-size: 27px; color: #fff; text-transform: uppercase }
.Entry a { color: #FBB040; font-size: 16.11px }
.dd { display: none; border-radius: 58px; left: 350px; position: absolute; top: 80px }
.site_header { background: #000; position: relative }
.tor_head_pattern { background: url(images/tor_head_pattern.png) top right no-repeat; }
/*.head_wrapper{max-width: 960px}*/
.foot_wrapper, .head_wrapper, .inner_wrapper{margin: 0 auto; position: relative }
.inner_wrapper { padding-top: 80px; max-width:870px; width:870px\9}
.head_wrapper { padding: 40px 0 35px }
.site_logo { margin: 5px 0 0 }
.site_navigation { margin: 45px 0 0 }
nav ul li { float: left; display: inline; margin-right: 23px }
nav ul li a { text-transform: uppercase; color: #fff; font-size: 16px }
nav ul li a:hover { color: #FBB040 }
.site_container { background: #fff }
.tagline { margin: 0 auto; text-align: center; width: 570px }
.tagline h1 { font-size: 27px; color: #272B2E; font-style: italic; font-weight: 300; line-height: 35px }
.tagline span { border-bottom: 9px solid #fdb141; font-size: 0; display: block; width: 250px; margin: 25px auto }
.circle_ul li:hover a .circle_img { box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .1); transition: all .4s ease-in-out; cursor: pointer }
.circle_img { background: url(images/tor_circle_bg.png) no-repeat; height: 100%; border-radius: 50%; margin-bottom: 30px; min-height: 239px; overflow: hidden; transition: all .4s ease-in-out 0s; position: relative; width: 100%; max-width: 242px; }
.circle_inr_img { height: 160px; width: 160px; margin: 40px auto 0 }
.inr_img1 { background: url(images/circle_sprite.png) no-repeat; background-position: 0 0 }
.inr_img2 { background: url(images/circle_sprite.png) no-repeat; background-position: -165px 0 }
.inr_img3 { background: url(images/circle_sprite.png) no-repeat; background-position: -315px 0 }
.circle_ul li:hover .inr_img1 { background-position: 0 -210px; transition: none }
.circle_ul li:hover .inr_img2 { background-position: -165px -210px; transition: none }
.circle_ul li:hover .inr_img3 { background-position: -315px -210px; transition: none }
.circle_ul li span { color: #6B7071; font-weight: 700; font-size: 18px; text-transform: uppercase }
.circle_ul li hr { border-color: #FDB141; width: 56px; border-width: 3px; margin: 7px auto }
.site_content { max-width: 690px; margin: 50px auto 25px; border-top: 1px solid #272B2D; border-bottom: 1px solid #272B2D; padding-bottom: 20px }
.site_content.services { border-bottom: 0 }
.page_title { font-size: 20px; text-transform: uppercase; color: #505656; margin-bottom: 20px; padding: 20px 25px 0 }
h6, p { font-size: 15px; color: #000; line-height: 20px; font-weight: 400 }
p { margin-bottom: 25px }
p:last-child { margin-bottom: 0!important }
.site_footer { background: #000; position: relative; overflow: hidden; min-height: 60px }
.tor_foot_pattern { background: url(images/tor_fooot_pattern.png) top right no-repeat; width: 491px; height: 85px; position: absolute; left: -6px }
.foot_wrapper { padding: 10px 0 }
.foot_wrapper span { font-size: 18px; color: #FBB040; line-height: normal }
.foot_link { float: right; width: 100%; transition: all .5s ease 0s }
.foot_link b { font-size: 15px; color: #fff; text-transform: uppercase; display: inline-block; float: right; margin-left: 15px; margin-top: 25px }
.foot_link a:hover b { color: #FCB141 }
.wheel { left: 52px; position: absolute; top: 102px }
.wheel2 { left: 282px; position: absolute; top: 102px }
.site_content { display: none }
.fullcol { clear: both; width: 100% }
.about .inr_content br, .services .inr_content br { display: none }
.srvc_bottom { margin-top: 55px; padding-top: 55px; border-top: 1px solid #272B2D }
.srvc_bottom h3 { width: 321px; font-size: 20px; text-transform: uppercase; color: #505656; border-bottom: 3px solid #FBB040; display: inline-block; font-weight: 400; padding-bottom: 3px; margin-bottom: 6px }
.content_wrapper ul { padding-left: 15px }
.content_wrapper ul li { list-style: disc outside; color: #000; padding: 5px 0 }
.content_wrapper ul li a { color: #FBB040; font-size: 15px; text-transform: uppercase; cursor: pointer }
.content_wrapper ul li a:hover { color: #000 }
.content_wrapper ul li:hover { color: #FBB040 }
.wrap_row { margin-bottom: 45px; margin-top: 20px; display: none }




/*************************************media query***********************************************/	

@media screen and (min-width: 320px) and (orientation: portrait) {
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 80px / 90% auto #030406; }
/*************************************************************************************************************/

}



/* ******************************* Mobile Landscape ***************************************************************/

@media screen and (max-width: 480px) and (orientation: landscape) {
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 75px / 90% auto #030406; }
body #fadeIn { font-size: 14px; margin-top: 45px; }
.Entry { margin-top: 20px !important; }
#fadeIn { width: 90%; font-size: 13px !important; }
/******************************main page******************************************************/
#text-2{margin:6px auto;text-align:center}


/*************************************************************************************************************/

}





	

/********************************* big Mobile landscape ********************************/

@media screen and (max-width: 360px) and (orientation: portrait) {
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 58px / 90% auto #030406; }
#fadeIn { font-size: 13px }
/*************************************************************************************************************/

}



/* ******************************* Mobile Landscape ***************************************************************/

@media screen and (max-width: 640px) and (orientation: landscape) {
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 40px / 90% auto #030406; }
.enter_top { margin-top: 10% !important }
#fadeIn { font-size: 20px; }
.tor_main { padding-bottom: 6%; }
/*************************************************************************************************************/

}



/* ================================= Common For All mobile definitions ================================= */

@media all and (max-width: 750px) {
.enter_top { margin-top: 20% }
.enter_pg_container { width: 90%; margin: 0 auto; }
.enter_logo a { float: none; text-align: center; display: block; right: 0; }
.enter_logo a img { width: 100%; }
.enter_pattern img { width: 100%; margin-top: 5px; }
.Entry { text-align: center; margin-top: 25px; }
.Entry a { font-weight: bold; padding: 10px 30px; border-radius: 5px; background: #FBB040; color: #000000; text-transform: uppercase; }
.enter_bottom { width: 100% }
#fadeIn { min-width: 100%; margin-top: 60px }
#object { width: 100%; display: none }
#object img { width: 30%; margin-top: 17% }
.wheel { width: 100% }
.wheel img { width: 100% }
#wheel2, #wheel1 { display: none !important }
nav ul li { display: block; text-align: center; border-bottom: 1px solid #FBB040; float: none; margin-right: 0; padding: 5px 0 }
/******************************main page******************************************************/

.tor_container { width: 90%; margin: 0 auto; }
.site_content { padding: 0 15px 20px 15px; }
.site_logo { float: none; text-align: center; padding: 0 15px }
.site_navigation { float: none; padding: 0 15px; }
.responsiveMenuSelect { background: #FBB040 url(images/small-white-triangle.png) no-repeat 95% center; border: 0; text-align: left; width: 100%; padding: 15px 10px; color: #ffffff; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; }
.tagline { width: 100% }
.tagline h1 { padding: 0 15px; font-size: 22px; }
.circle_ul li { float: none; max-width: 83%; margin: 0 auto; text-align: center; }
.content_wrapper { width: 100% }
.col2 { float: none; margin-right: 0; width: 100% }
.col2.first { padding-bottom: 15px; }
body .last_div, body .last_li { margin: 0 auto }
.foot_wrapper { max-width: 100%; padding: 10px 15px; }
.col3 { float: none; margin-right: 0; width: 100%; }
.foot_wrapper span { font-size: 14px; }
.circle > a { display: block; margin: 0 auto; max-width: 242px; }
.content_wrapper ul li a { padding: 5px 0; display: block; }
.content_wrapper h6 { font-size: 18px; }
.wrap_heading { margin-top: 55px; }
.wrap_heading h3 { width: 100% }
.col2 iframe { max-width: 100%; }
.srvc_bottom { padding-top: 55px; }
.site_footer { width: 100% }
.col1 { float: none; text-align: center; width: 100% }
.foot_link { width: 100%; float: none; }
.foot_link b { float: none; }
.page_title { padding-left: 0 !important }

.circle_inr_img{margin-top:24px}
.circle_img{min-height:200px; max-width:200px; background-size:100%; margin:0 auto 30px}

/*************************************************************************************************************/

}

/********************************* ipad portrait ********************************/



@media only screen and (min-width : 768px) and (orientation : portrait) {
.Entry a { font-weight: bold; padding: 10px 30px; border-radius: 5px; background: #FBB040; color: #000000; text-transform: uppercase; }
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 -20px / 90% auto #030406; }
#fadeIn { margin-top: 43% }
.Entry { float: right; margin-top: -20px; }
#object { top: 40% }
.enter_pg_container { width: 90%; margin: 0 auto; margin-top: 30px; }
.col3 { width: 485px; }
.foot_link { margin-top: -60px; width: 180px; }
.foot_link b { margin-left: 0 !important; margin-top: -20px; }
.srvc_bottom { padding-top: 0; }
#circle_stop { width: 100%; margin: 0 auto; }
.circle_ul{margin-left:4px}
.circle_ul li { float:none; display:inline-block; margin-right: 40px; width:200px}
.circle_inr_img{margin-top:24px}
.circle_img{min-height:197px; max-width:240px; background-size:100%;}
.page_title { padding-left: 0 !important }
.tor_container { width: 90% !important; margin: 0 auto; }
.site_content { padding: 0 15px 20px 15px; width: 90% }
.site_logo { margin: 0 auto; float: none; width: 50% }
.site_navigation { float: none; margin: 20px auro 0}
.site_navigation nav { width:100%; margin: 0 auto; text-align:center}
.site_navigation nav ul{display:inline-block}
.site_navigation nav li { margin-right: 40px }
.site_navigation nav li:last-child { margin-right: 0 !important }
.circle_img { margin: 0 auto; margin-bottom: 30px }
.circle a { text-align: center; display: block; }
.col2.last ul li { padding: 5px 0; }
.inr_content { width: 100%; }
.col2.last, .col2.first { width: 47%}
.content_wrapper h6 { font-size: 18px;}
.content_wrapper ul li { padding: 5px 0 }
.foot_wrapper { max-width: 100%; padding: 10px 15px; }
.first_div, .first_li { margin-left: 0!important; padding-left: 0!important; border-left: 0!important }
.last_div, .last_li { margin-right: 0!important; padding-right: 0!important; border-right: 0!important }
.last_li { background: none!important }
.col2.last br { display: none; }

.menu-topmenu-container{padding-left:0;}
.foot_link b{margin-top:20px;}
.site_logo{text-align:center}

}



/********************************* ipad landscape ********************************/

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.Entry a { font-weight: bold; padding: 10px 30px; border-radius: 5px; background: #FBB040; color: #000000; text-transform: uppercase; }
.landing_page, body.home { background: url("images/landing_bg.jpg") no-repeat scroll 0 -25px / 90% auto #030406; }
#fadeIn { margin-top: 30% }
.Entry { float: right; margin-top: -30px; }
.enter_pg_container { width: 90%; margin: 0 auto }
.enter_pattern { margin-top: 40px; }
.col3 { width: 575px; }
.foot_link { width: 100% !important; }
.foot_link b { margin-left: 0 !important; float: right; margin-top: -20px }
.wrap_row { margin-top: 20px !important; }
.tor_container { width: 90%; margin: 0 auto; }
.site_content { width: 90% }
.circle_ul li { display: inline-block; float: left; margin: 0 75px 0 0; min-width: 240px; text-align: center }
.first_div, .first_li { margin-left: 0!important; padding-left: 0!important; border-left: 0!important }
.last_div, .last_li { margin-right: 0!important; padding-right: 0!important; border-right: 0!important }
.last_li { background: none!important }
.inr_content { width: 100% }
.col2.last { width: 47% }
.col2.first { width: 47% }
.inr_content { padding: 0 25px; }
.content_wrapper ul li { padding: 5px 0 }
.col2.last ul li a { padding: 5px 0; display: block }
.content_wrapper h6 { font-size: 18px; }
.col2.last br { display: none; }
.foot_wrapper { width: 100% }
.site_logo{width:50%}
.site_navigation{width:40%; margin:25px 0 0 0}

}

/* ================================= Small Computer ================================= */

@media screen and (min-width:1100px) {
.enter_pg_container { position: absolute; bottom: 0; right: 0; left: 0; top: 0; margin: auto; z-index: 100; height: 400px; width: 1024px }
.Entry { color: #FFF; display: none; font-size: 25px; height: 30px; right: 0; position: absolute; text-transform: uppercase; bottom: -200px }
.enter_bottom { margin: 0 auto; position: relative; width: 1024px }
#fadeIn { position: absolute; left: 0; bottom: -130px; height: 30px; font-size: 27px; color: #fff; min-width: 900px; text-transform: uppercase }
.enter_pattern { position: relative; top: -35px }
.tor_head_pattern { width: 491px; height: 85px; position: absolute; right: -4px }
.col2.first { padding-left: 25px }
.col2 { width: 280px; margin-right: 50px }
.col3 { width: 570px; margin-right: 30px }
.circle_ul li { display: inline-block; float: left; margin: 0 75px 0 0; min-width: 240px; text-align: center }
.last_li { background: none!important }
.site_bnr { height: 449px }
.first_div, .first_li { margin-left: 0!important; padding-left: 0!important; border-left: 0!important }
.last_div, .last_li { margin-right: 0!important; padding-right: 0!important; border-right: 0!important }
.inr_content { padding: 0 25px }
.site_navigation {width: 40%;}

/*************************************************************************************************************/

}

/* ================================= Large Computer ================================= */

@media screen and (min-width: 1450px) {
}