/*

	Theme Name: cymax theme

	Theme URI: cymax.com.au

	Description: HTML5 Blank WordPress Theme

	Version: 1.0

	Author: White Knight Digital

	Author URI: http://wkwd.com.au



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php





*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}



/*------------------------------------*\

	TYPOGRAPHY

\*------------------------------------*/



body{

	font-family: 'Open Sans', Helvetica, Arial, sans-serif;

	font-size: 14px; line-height: 24px; color:#323232; font-weight: 300;

}



h1,h2,h3,h4,h5,h6 { font-family: 'Raleway', Helvetica, Arial, sans-serif; margin-bottom:10px; text-align:left; color:#1c2b5f; margin-top: 0; widows: 2; orphans: 2; font-weight: 400;}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { font-weight: 700;}



h1 { font-size: 38px; line-height: 48px;}

h2 { font-size: 45px; line-height: 55px;}

h3 { font-size: 28px; line-height: 38px;}

h4 { font-size: 18px; line-height: 28px;}

h5 { font-size: 16px;}

h6 { font-size: 14px;}



h1 img, h2 img, h3 img,

h4 img, h5 img, h6 img {

  margin: 0;

}



p{ widows: 2; orphans: 2;}



italic{

}

strong{ font-weight: 700;}



/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#428bca;

	text-decoration:none;

}

a:hover {

	color:#6d6e71;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}

cite {

		color:#76b63f;

		line-height: 38px;

	}

blockquote{border-left: 5px solid rgb(140, 157, 183); color:rgb(140, 157, 183);}	

	



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

1.0 Header

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



header#main-header{ background: #dededc; padding-top:20px; padding-bottom:20px;}

#logo img{ margin:0 auto; width: 80%;}

#tagline h2{ font-size: 18px; color:#979794; text-align:center;}

#main-header .col-md-8 {}

#main-header .col-md-4 { background: url(img/award-winning-IT-services.png) no-repeat; background-position-x: 0; background-position-y: 15px; background-size: 28%;}

.phonenumber{ font-size: 30px; text-align:center; margin-bottom:20px;}

.phonenumber a{ text-decoration:none; color:#323232; }

.supportmenus ul{ list-style:none; margin:0; padding:0 0 0 40px; text-align:center;}

/*.supportmenus ul li{ float:left; margin-right: 5px;}

.supportmenus ul li:last-child{ margin-right:0;}*/

.supportmenus ul li a{ padding: 5px 8px; background: #8c9db7; font-size: 11px; color:#fff; border-radius: 2px; min-width: 110px; max-width: 130px; display: block; margin-bottom: 10px;}

/*.supportmenus ul li:last-child a{min-width: 100%; max-width: 200%; padding: 5px 51px;}*/

#popout-contact{ 

position:fixed; right:-18%; top:0; z-index:2; 

/* Safari */ -webkit-transform: rotate(-90deg);

/* Firefox */ -moz-transform: rotate(-90deg);

/* IE */-ms-transform: rotate(-90deg);

/* Opera */-o-transform: rotate(-90deg);

/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#popout-contact a{ display:block; padding: 10px 30px; background:#DC5356; color:#fff; margin:0; font-weight:bold;}

div#desktop-contact{ display:none;}

div#html5-watermark{ display:none !important;}            

            



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

2.0 Navigation & Menus

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

#site-navigation{ background: #1c2b58;}

.navbar.navbar-default{ border:none; background:none; padding-bottom:0; margin-bottom:0;}

nav#site-navigation a, .navbar-default .navbar-nav>li>a{ color:#fff; font-weight:700; text-transform:uppercase; font-size: 18px;}

a.navbar-brand img{height: 80%;}

.navbar{ min-height:30px;}

.navbar-default .navbar-nav>.active>a, 

.navbar-default .navbar-nav>.active>a:hover, 

.navbar-default .navbar-nav>.active>a:focus{color: #1c2b58!important; background-color: #fff}

ul.dropdown-menu{ background-color: transparent;}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#fff;}

.navbar-default .navbar-brand{ color:#fff;}



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

3.0 Main Area

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

#main-feature-image.singlepostspage{ margin-bottom: 40px; z-index:6; background-color:#637791; width:100%; display: flex; justify-content: center; align-items: center; overflow:hidden; max-height:300px; }

#main-feature-image img{ max-width:100%; width:100%; height:auto; margin-bottom: 30px;}



#main-content{}

.homepage h2{ text-align:center;}

#services{ margin-bottom: 30px;}

.homepage .col-md-4.testimonials{ background:#eeeeee; padding:0 0 10px 0; font-size: 22px;}

.homepage .col-md-4.testimonials h3{ background:#dd5555; padding: 10px; color:#dededc;}

.homepage .col-md-4.testimonials p, .homepage .col-md-4.testimonials .textwidget, .homepage #lowerhomepage .textwidget{ padding: 0 15px; font-size: 13px; line-height:19px;}

#lowerhomepage{ background:#8c9db7; padding-top: 30px; padding-bottom:30px;}

#lowerhomepage .col-md-4{ background: #fff; padding:0 0 10px 0; margin-bottom: 10px; /*width: 31.7%; margin-right:27px; */min-height:276px; max-height:276px; overflow:hidden;}

#lowerhomepage .col-md-4 iframe{ width: 100%;}

div#rpwe_widget-3.rpwe_widget.recent-posts-extended.col-md-4{ margin-right:0;}

#lowerhomepage p{font-size: 13px; line-height:19px; padding-left:10px; padding-right:10px;}

#lowerhomepage .col-md-4 h3{ background:#050939; padding: 10px; color:#fff; line-height: 28px;}

div#text-5.widget_text.col-md-4 h3{ display:none;}

div#text-5.widget_text.col-md-4 .textwidget{ padding:5px 5px 0 5px;}

div#text-4.widget_text.col-md-4 h3{ color:#dd5555 !important; font-size: 24px; line-height:30px; background: none; padding-bottom: 0;}

span.callus{ font-weight:bold; color:#dd5555; padding-top: 10px;}

#lowerhomepage .rpwe_widget h3.rpwe-title, #rpwe_widget-4 h3.rpwe-title a{ font-size: 20px !important; color: #050939 !important; padding-bottom: 0;}

#lowerhomepage .rpwe-time, #lowerhomepage .rpwe-summary { padding-left: 10px; padding-right:10px; padding-top:10px;}

#lowerhomepage .rpwe-block a, #rpwe_widget-4 .rpwe-block a{ display:block !important; text-transform: uppercase; font-weight:300;}

#lowerhomepage .rpwe-time, #lowerhomepage .rpwe-block a, #rpwe_widget-4 .rpwe-time, #rpwe_widget-4 .rpwe-block a{ color:#8c9db7 !important; font-weight:300;}

div.col-md-8.mainservices{ padding:0;}

.mainservices ul{list-style:none; margin:0; padding:0;}

.mainservices ul li{ margin-bottom: 15px; margin-right: 10px;}

.mainservices ul li a{ display:block; border: 2px solid #1c2b5f; border-radius: 10px; padding: 5px 8px 5px 45px; color:#4a4d54; font-size: 15px; line-height:18px; background-size:9%; background-position: 8px 5px; background-repeat: no-repeat; text-align:left; min-height: 40px;}

.mainservices ul li a:hover{ text-decoration:none;}

.mainservices ul li:nth-child(1) a{background-image:url(img/icon-managed.png); background-size:7%;}

.mainservices ul li:nth-child(2) a{background-image:url(img/icon-cloud.png); background-size:11%;}

.mainservices ul li:nth-child(3) a{background-image:url(img/icon-support.png);}

.mainservices ul li:nth-child(4) a{background-image:url(img/icon-virtual.png); background-size:7%;}

.mainservices ul li:nth-child(5) a{background-image:url(img/icon-ERP.png);}

.mainservices ul li:nth-child(6) a{background-image:url(img/icon-disaster.png);}



.homepage .testimonials-widget-testimonial .image{position: absolute; width: 100px; height: 100px; left: 20px; bottom: 0;}

.testimonials-widget-testimonial .image{padding: 15px 30px 20px 8px;}

.testimonials-widget-testimonial q, .testimonials-widget-testimonial blockquote {padding: 10px; font-size: 14px; line-height:18px;}

.testimonials-widget-testimonial .author{ font-size:15px; color:#1c2b5f; font-weight:bold;}

.testimonials-widget-testimonial .company{color:#1c2b5f; font-size:12px; font-weight:bold;}

.homepage .testimonials-widget-testimonial div.credit{ padding-right: 10px; padding-left: 80px; text-align:left;}

.testimonials-widget-testimonial div.credit{ text-align: left;}

.testimonials-widget-testimonial cite:before, .testimonials-widget-testimonial div.credit:before{ content:normal;}

.testimonials-widget-testimonial .join { display: none; }

.testimonials-widget-testimonial .company,

.testimonials-widget-testimonial .url {  display: block; }

.panel-info>.panel-heading{color: #fff; background-color: rgb(140, 157, 183); border-color: #73839c;}

.panel-heading{min-height: 70px; font-size: 21px; line-height: 28px}

.panel-info{border-color: #73839c;}

.panel-footer{ font-size:16px;}



.page-id-9 .panel-heading{min-height: 30px;}

.page-id-9 #primarycontent.col-md-9.insidepages blockquote, #bottom-testimonals blockquote{border-left: none;}

.page-id-9 #primarycontent.col-md-9.insidepages .testimonials-widget-testimonial .image{padding: 0 30px 50px 8px;}

#bottom-testimonals .testimonials-widget-testimonial .image{padding: 0 30px 50px 8px;}

div#bottom-testimonals{background-color: #e3f1f1; padding-top: 30px;}





#primarycontent.categories h1{ margin-bottom:60px;}

.postthumbailimg{ margin-bottom: 30px; width: 350px; min-height:240px;}

#primarycontent.categories h2{ font-size:24px; line-height:32px;}

#primarycontent.categories article{ padding-top: 30px; border-bottom: 1px solid; border-color:rgb(140, 157, 183);}

.widget_search{margin-bottom: 30px; display:block;}



#rpwe_widget-3 h3 a{color: #fff;}

a.morenews {border-radius: 2px; background: #050939; height: auto; color: #fff; font-weight: bold; padding: 10px 20px; margin-left: 10px;}



.page-id-13 div#text-13.widget_text{ display:none;}





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

4.0 Sidebar

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

.page-id-13 #text-7{ display:none;}





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

5.0 Footer

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

footer#main-footer{ background: #2d2d2e; color:#fff; padding-top: 30px; padding-bottom:30px;}

footer#main-footer h3{ color:#fff;}

footer#main-footer ul{ list-style:none; margin:0 0 20px 0; padding:0;}

footer#main-footer ul li{font-size: 12px;}

ul#menu-footer-1 li:first-child, ul#menu-footer-1 li:nth-child(8),

ul#menu-footer-2 li:first-child, ul#menu-footer-2 li:nth-child(5), 

ul#menu-footer-2 li:nth-child(6), ul#menu-footer-2 li:nth-child(7), ul#menu-footer-2 li:nth-child(8){ font-size:18px; margin-bottom: 8px;}

ul#menu-footer-2 li:nth-child(5){ margin-top: 20px;}

footer#main-footer ul li a, footer#main-footer a{ color:#fff; }



ul.social-networks li{ float:left; margin-right: 12px; margin-bottom: 20px;}

ul.social-networks li:last-child{ margin-right:0; }

div.col-md-4.col3contact img{ margin-top: 10px;}



div.col-md-12.copyright{background: #2d2d2e; color:#fff; text-align: center; padding:10px;}

div.col-md-12.copyright a{color:#fff;}



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

6.0 Side Content

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

#sidecontent{ margin-top: 30px; font-weight: 300;}

#inside-sidebar h3, #sidecontent h3{ display:block; padding:7px 20px 10px 20px; background-color: rgb(140, 157, 183); font-size:30px; color:#dededc; line-height:normal;}

#sidecontent .widget_text, #rpwe_widget-4, #testimonials_widget-3{ margin-bottom: 30px;}

#rpwe_widget-4 .rpwe-summary{ font-weight:300;}

#rpwe_widget-4 a{ color:#fff;}

.wpcf7 input, .wpcf7 textarea, .widget_search input{ border: solid 1px rgb(207, 207, 207); border-radius: 2px; background-color: rgb(241, 241, 241); padding-left: 10px; color:#141414; width: 100%;}

.wpcf7 input, .widget_search input{height: 32px; }

.widget_search input{ width: 95%; margin-bottom:20px;}

.wpcf7 textarea{}

.wpcf7 input[type="submit"], .widget_search button{border-radius: 2px; background: #1c2b58; height: auto; color: #fff; font-weight: bold; display: block; padding: 10px 30px; width:auto; float:right;}

.widget_search button{ border:none;display:block;}

.widget_text{ margin-bottom: 40px;}

span.readleft{float: left; width: 50%; font-weight: 300; font-size: 12px; line-height: 18px;}

a.readbtn{border-radius: 2px; background: rgb(140, 157, 183); height: auto; color: #fff; font-weight: bold; display: block; padding: 10px 30px; width:auto; float:right;}

#text-8 h3{background-color: rgb(221, 85, 85) !important;}

#text-9 h3, #rpwe_widget-4 h3{background-color: rgb(5, 9, 57) !important;}

#rpwe_widget-4 h3.rpwe-title{ background:none !important; padding-left:0;}

#rpwe_widget-4 h3.rpwe-title a{ font-size: 16px !important; line-height:24px !important;}

#sidecontent .testimonials-widget-testimonial .image{position: absolute; left: 0; bottom: 60px; margin: 2px 30px 0 0; display: block; width: 50px; height: 50px; overflow: hidden; padding:0;}

#sidecontent .testimonials-widget-testimonial div.credit{ padding-right: 10px; padding-left: 80px;}

#sidecontent .testimonials-widget-testimonial q, #sidecontent .testimonials-widget-testimonial blockquote {padding: 10px; font-size: 14px; line-height:18px; margin-bottom: 20px;}

#sidecontent .testimonials-widget-testimonial .author{ font-size:13px;}

#sidecontent .testimonials-widget-testimonial .company{font-size:10px; line-height: 14px;}

.bottom_text a.morenews {padding: 10px 20px 10px 20px; display: block; width: 115px;}

.social-networks a .fa-facebook-square, .social-networks a .fa-linkedin-square ,.social-networks a .fa-google-plus-square {
    color: rgb(141, 158, 184);
    font-size: 26px;
}
.social-networks a .fa-linkedin-square ,.social-networks a .fa-google-plus-square{
	font-size:27px !important;
	
}
.social-networks a .fa-envelope {
    background-color: rgb(141, 158, 184);
    border-radius: 4px;
    color: rgb(45, 45, 46);
    font-size: 21px;
    margin-top: 1.7px;
    padding: 1px 2px 2px 4px;
}





/***** adjusted media queries ******/



/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Styles */

div#popout-contact{ right:-22%; top:15px;}

#main-header .col-md-4 { background-position-x: 15px; background-position-y: 0; background-size: 20%; min-height:70px;}

.phonenumber{padding-top: 20px; padding-left: 90px;}

div#text-2.widget_text{ margin-bottom:10px;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

div.col-md-12.supportmenus{ display:none;}

ul#menu-footer-2 li:nth-child(8){display:none;}

}

@media only screen and (min-device-width : 360px) and (max-device-width : 480px) {

/* Styles */

div#popout-contact{ right:-18%; top:15px;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

div.col-md-12.supportmenus{ display:none;}

ul#menu-footer-2 li:nth-child(8){display:none;}

	div#rpwe_widget-3.rpwe_widget.recent-posts-extended.col-md-4 { min-height: 330px;}

	textarea#comment{width: 100%;}

}



/* Smartphones (landscape) ----------- */

@media only screen and (min-width : 600px) and (max-width : 760px) {

/* Styles */

#logo img{width: 40% !important;}

header#main-header{max-height: 300px; overflow:hidden;}

div#popout-contact{ right:-12%; top:0; position: fixed; width:210px;}

div#popout-contact .widget_text {margin-bottom: 0;}

#main-header .col-md-4 { background-position-x: 125px; background-position-y: 0; background-size: 12%; min-height:70px;}

	.phonenumber a{ display:block;min-height: 30px; margin-bottom: 20px;}

ul#menu-home-page-services li{ float:left; margin-right: 15px; width: 29% }

ul#menu-home-page-services li a{ min-height: 100px; padding: 10px 8px 5px 65px; background-size: 25%; font-size: 16px; line-height: 24px; background-position-y: 15px;}

div.col-md-12.supportmenus{ display:none;}

ul#menu-footer-2 li:nth-child(8){display:none;}

#lowerhomepage .col-md-4{ min-height: 100px;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

}



/* Smartphones (portrait) ----------- */

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

/* Styles */

div#popout-contact{ }

div.col-md-12.supportmenus{ display:none;}

ul#menu-footer-2 li:nth-child(8){display:none;}

}





/* iPads (portrait) ----------- */

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

/* Styles */

div.col-md-12.supportmenus{ display:none;}

.phonenumber{margin-top: 90px; padding-top: 20px;}

/*.supportmenus ul{ list-style:none; margin:0; padding:0; text-align:center;}

.supportmenus ul li{ float:left; margin-right: 5px;}

.supportmenus ul li:last-child{ margin-right:0; margin-left: 30px;}

.supportmenus ul li a{ padding: 2px 10px; background: #8c9db7; font-size: 10px; line-height: 15px; color:#fff; border-radius: 2px; min-width: inherit; max-width: 100px; display: block; margin-bottom: 10px; font-weight:bold;}

.supportmenus ul li:nth-child(2) a{max-width: 80px;}

.supportmenus ul li:last-child a{min-width: inherit; max-width: 130px; padding: 2px 10px;}*/

a.navbar-brand{ display:none;}

nav#site-navigation a, .navbar-default .navbar-nav>li>a{ padding: 10px 10px}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color: #1c2b58!important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color: #fff !important;}

ul.dropdown-menu{ background-color: #fff;}

.dropdown-menu>li>a{ color:#1c2b58 !important; font-size: 16px !important;}

#main-header .col-md-8 {width: 55%; float:left;}

#main-header .col-md-4 {width: 45%; float:right; background-position-x: 120px; background-position-y: 0; background-size: 28%;}

#site-navigation a{font-size: 17px;}

div#popout-contact{ display:block; right: -9%; top: 15px;}

div.col-md-12.copyright{ text-align:right;}

.col-md-4.testimonials h3{font-size: 28px;}

#lowerhomepage .col-md-4{ width: 31.7%; margin-right:27px; min-height:276px;}

div.col-md-12.extrapadding{padding-right: 28px; padding-left: 28px;}

div.col-md-8.mainservices{ width: 66.66666667%; float: left;}

.homepage .col-md-4.testimonials{width: 33.33333333%; float: left;}

div#primarycontent.homepage{ margin-bottom: 20px;}

.mainservices ul li a{ min-height: 60px; padding: 18px 8px 5px 65px; font-size: 22px;}

#lowerhomepage .col-md-4{width: 30.5%; margin-right: 27px; min-height:350px; float:left;}

#main-footer .col-md-4{width: 33.33333333%; float:left;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

ul#menu-footer-2 li:nth-child(8){display:none;}

div#text-5.widget_text.col-md-4 .textwidget {padding:50px 5px 0 5px;}

}



/* iPads (landscape) ----------- */

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

.mainservices ul li a{font-size: 16px; line-height:24px; min-height:130px;}

}

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

.mainservices ul li a{font-size: 24px !important; min-height:70px !important;}

}

@media only screen and (min-width : 1000px) and (max-width: 1024px){

/* Styles */

#logo img{ margin:0 auto; width: 100%;}

div#tagline.col-md-7{ padding-top: 30px;}

.phonenumber{margin-bottom: 0; margin-top:0; padding-left:80px;}

div#popout-contact{ display:block; right: -7%; top: 15px;}

#main-header .col-md-8 {width: 55%; float:left;}

#main-header .col-md-4 {width: 45%; float:right; background-size: 20%; background-position-x: 25px; background-position-y: 0; margin-top:10px;}

div.col-md-8.mainservices{ width: 66.66666667%; float: left;}

.homepage .col-md-4.testimonials{width: 33.33333333%; float: left;}

div#primarycontent.homepage{ margin-bottom: 20px;}

.mainservices ul li{ margin-bottom: 15px; float:left; width: 45%; margin-right: 10px;}

ul#menu-home-page-services li a{ min-height: 110px; padding: 10px 8px 5px 65px; background-size: 25%; background-position-y: 15px; font-size: 18px; line-height: 26px;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

ul#menu-footer-2 li:nth-child(8){display:none;}

div#text-5.widget_text.col-md-4 .textwidget {padding:50px 5px 0 5px;}

}

/* tablet landscape * small monitors ----------- */

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

a.navbar-brand{ display:none;}

supportmenus ul{ padding:0;}

nav#site-navigation a, .navbar-default .navbar-nav>li>a{ padding: 10px 25px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color: #131f45;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color: #1c2b58!important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color: #fff !important;}

.dropdown-menu>li>a{ color:#1c2b58 !important; font-size: 16px !important;}

ul.dropdown-menu{ background-color: #fff;}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }

.mainservices ul li{ margin-bottom: 15px; float:left; width: 45%; margin-right: 10px;}

.mainservices ul li a{padding: 15px 12px 15px 120px !important; background: 20px 12px no-repeat; font-size: 21px; line-height:32px; min-height:130px !important; background-size:auto !important;}

.homepage .testimonials-widget-testimonial .image{left: 5px; bottom: 0; width: 80px; height: 80px; margin: 0;}

.testimonials-widget-testimonial .image{padding: 10px;}

.homepage .testimonials-widget-testimonial div.credit {padding-left: 100px;}

}

/* desktops ----------- */

@media only screen  and (min-width : 1040px) {
	div#mep_0.mejs-container.mejs-container-keyboard-inactive.wp-video-shortcode.mejs-video.mejs-hide-cues{height:360px !important; width: 640px !important;}

	/*div#video_pop, #fancybox-outer, div#fancybox-content{ height:360px !important; width: 640px !important;}*/

/*#popout-contact{display:none;}*/
/*add pop up contat form to desktop 29th nov*/
	div#popout-contact{ display:block; right: -65px; top: 227px;}	
	div#desktop-contact{display:none;}
/*div#desktop-contact{display:block; position:absolute; right:0; top: 201px; z-index:3; padding: 10px; background:#fff;  margin:0; font-weight:bold; width:15%;}*/

div#desktop-contact h3{background:#DC5356; color:#fff; padding: 5px 10px; font-size: 20px; line-height: 26px;}

div#desktop-contact form{ font-size: 12px;}

div#desktop-contact p{margin: 0 0 10px;}

/*div#desktop-contact .widget_text{ margin-bottom:0;}*/

div#desktop-contact .wpcf7 textarea{max-height: 80px}

div#primarycontent.col-md-10.insidepages{ min-height:800px;}

	

}

/* Desktops and laptops ----------- */



/* ----------- Laptop Non-Retina Screens ----------- */

@media screen 

  and (min-device-width: 1200px) 

  and (max-device-width: 1600px) 

  and (-webkit-min-device-pixel-ratio: 1) { 

  .mainservices ul li{ margin-bottom: 15px; float:left; width: 45%; margin-right: 10px;}

.mainservices ul li a{padding: 15px 25px 15px 120px; background: 20px 12px no-repeat; font-size: 23px; line-height:32px; min-height:110px; background-size:auto !important;}

}



/* ----------- Laptop Retina Screens ----------- */

@media screen 

  and (min-device-width: 1200px) 

  and (max-device-width: 1600px) 

  and (-webkit-min-device-pixel-ratio: 2)

  and (min-resolution: 192dpi) { 

  .mainservices ul li{ margin-bottom: 15px; float:left; width: 45%; margin-right: 10px;}

.mainservices ul li a{padding: 15px 25px 15px 120px; background: 20px 12px no-repeat; font-size: 23px; line-height:32px; min-height:110px; background-size:auto !important;}

}



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

/* Styles */

p{margin: 0 0 20px;}

#tagline h2{ padding-top: 50px; font-size: 23px;}

.phonenumber{ padding-top:20px; text-align: right; padding-right: 18px}

.phonenumber .widget_text{ margin-bottom:0;}

.supportmenus ul{ list-style:none; margin:0; padding:0; text-align:center;}

.supportmenus ul li{ float:right; margin-left: 5px;}

.supportmenus ul li:last-child{ margin-left:0;}

.supportmenus ul li a{ padding: 8px 5px; background: #8c9db7; font-size: 12px; line-height: 15px; color:#fff; border-radius: 2px; min-width: 120px; max-width: 120px; display: block; margin-bottom: 10px; font-weight:bold;}

.supportmenus ul li:nth-child(2) a{max-width: 120px;}

.supportmenus ul li:last-child a{min-width: inherit; max-width: 120px;}

/*div#popout-contact{ display:block;}*/

.navbar{min-height: 40px;}

a.navbar-brand{ display:none;}

nav#site-navigation a, .navbar-default .navbar-nav>li>a{ padding: 10px 38px;}

nav#site-navigation a, .navbar-default .navbar-nav>li>a:hover{ color:#c4cfde;}

.homepage .testimonials-widget-testimonial .image{position: absolute; width: 90px; height: 90px; left: 10px; bottom: -35px;}

/*nav#site-navigation li:last-child a{ padding-right:0;}*/

.mainservices ul li{ margin-bottom: 15px; float:left; width: 45%; margin-right: 10px;}

.mainservices ul li a{padding: 15px 25px 15px 120px; background: 20px 12px no-repeat; font-size: 23px; line-height:32px; min-height:110px; background-size:auto !important;}

.mainservices ul li:nth-child(1) a{padding-top: 22px;}

.mainservices ul li:nth-child(2) a{padding-top: 22px; background-position: 10px 8px;}

.mainservices ul li:nth-child(3) a{padding-top: 20px; padding-right:30px;}

.mainservices ul li:nth-child(4) a{padding-top: 20px; padding-right:5px;}

.mainservices ul li:nth-child(5) a{padding-right:55px;}

.mainservices ul li:nth-child(6) a{padding: 15px 30px 25px 120px;}

#lowerhomepage .col-md-4{ width: 31.7%; margin-right:27px; min-height:285px;}

.col-md-9.insidepages{ padding-right: 150px;}

.panel-body{min-height: 325px;}

.page-id-9 .panel-body{min-height: 150px;}

#primarycontent.categories .col-md-6{ padding-right: 100px; border-bottom: 1px solid; border-color:rgb(140, 157, 183);}

#primarycontent.categories .col-md-6{ min-height:570px; margin-bottom: 20px;}

#primarycontent.categories article{ padding-right: 100px;}

.postthumbailimg{float:left; margin-right:40px;}

.page-id-9 #primarycontent.col-md-9.insidepages .testimonials-widget-testimonial .image{padding: 0 30px 180px 8px;}

}



/* Large screens ----------- */

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

/* Styles */

nav#site-navigation a, .navbar-default .navbar-nav>li>a{ adding: 10px 38px}

}





/* iPhone 6 ----------- */

@media only screen and (min-device-width: 376px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}



@media only screen and (min-device-width: 380px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}



/* iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}



@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}



/* Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}



@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

/* Styles */

div.col-md-12.supportmenus{ padding-left: 50px;}

}

/*------------------------------------*\

    PAGES

\*------------------------------------*/







/*------------------------------------*\

    IMAGES

\*------------------------------------*/



img.attachment-post-thumbnail{

	margin-bottom:60px;

}

iframe{ width: 100%;}

img.attachment-full.size-full{ width:100%; height: auto;}



/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    comment form

\*------------------------------------*/

#respond { 

background: #ececec;

padding:0 5px 0 5px;

}

/* Highlight active form field */



#respond input[type=text], textarea {

  -webkit-transition: all 0.30s ease-in-out;

  -moz-transition: all 0.30s ease-in-out;

  -ms-transition: all 0.30s ease-in-out;

  -o-transition: all 0.30s ease-in-out;

  outline: none;

  padding: 3px 0px 3px 3px;

  margin: 5px 1px 3px 0px;

  border: 1px solid #DDDDDD;

}

 

 

#respond input[type=text]:focus, textarea:focus {

  box-shadow: 0 0 5px rgba(81, 203, 238, 1);

  margin: 5px 1px 3px 0px;

  border: 1px solid rgba(81, 203, 238, 1);

}



p.comment-form-comment label{

	display:block;

	width:100%;

}

#reply-title { } 

#cancel-comment-reply-link { }

#commentform { } 

#author { } 

#email { } 

#url { } 

#comment{} 

#commentform #submit{ padding:10px;}

.comment-notes { } 

.required { }

.comment-form-author { }

.comment-form-email { } 

.comment-form-url { }

.comment-form-comment { } 

.form-allowed-tags { display:none; } 

.form-submit{}







/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}