/*
Theme Name: Ray Gridharan
Theme URI: http://www.totalmarketingaustralia.com.au
Description: This is Ray Gridharan Wordpress Theme
Version: 1.01
Author: TMA
Tags: Ray Gridharan Services, Ray Gridharan
*/
@import url('bootstrap.css');
@import url('bootstrap-responsive.css');
body{
	margin:0;
	padding:0 !important;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#2f2f2f;
}
/*.container{
	position:relative !important;
	width: 1040px;
	height:auto;
	margin:0px auto;
}*/

.container{
	position:relative !important;}
.insider{
	position:relative;
	width: auto;
	height:auto;
	padding:10px 24px; min-width:5px;

}

img{border:none;}
.img_rite{width:auto; height:auto; padding:5px 0px 10px 10px; float:right; z-index:8}
.img_left{width:auto; height:auto; padding:10px 20px 0 0; float:left; z-index:8;  padding: 10px 10px 0 8px;}

hr{background:none; border:none; line-height:normal; margin:10px 0; height:1px; width:100%; background:url(images/skill_sep.png) no-repeat center top;}

.clear{width:0; padding:0; height:0; margin:0; clear:both;}
p{margin:0; padding:10px 0px;}

a{ text-decoration:none; outline:none; color:#2e2e2e;}
a:hover{text-decoration:underline;}

h1{margin:0; padding:5px 0; font-size:52px; color:#5cbb98; font-weight:normal; font-family: 'Damion', cursive; text-align:center;}

h1 span {color:#2a6e55}

h2{margin:0; padding:5px 0; font-size:20px; color:#000; font-weight:700; font-family: 'Montserrat', sans-serif;}

h3 { margin:0; padding:0; font-size:34px; color:#fff; font-weight:normal; font-family: 'Damion', cursive; }

h4{margin:0; padding:5px 0; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#fff}
h4 span{ font-size:14px; font-family: 'Raleway', sans-serif; font-weight:normal;}

h5{padding:10px 0; margin:0; font-family: 'Montserrat', sans-serif; font-size:19px; color:#989898; text-transform:uppercase; font-weight:normal;}

h6{ font-size:16px; padding:0; margin:0; color:#000; display:block; font-family: 'Montserrat', sans-serif; text-transform:uppercase; text-align:center;}
h6 span { color:#2a644f;}
h6 span span{ color:#fff;}


.read_more_btn { position: absolute; width:161px; height:45px; bottom:100px; z-index:999;}
.request_btn { position: absolute; width:171px; height:45px; left:180px;  bottom:100px; z-index:999;}

.author { font-size:18px; color:#5cbb98; font-family: 'Montserrat', sans-serif; display:block;}

.logo { position: relative; width:auto;height:auto;float:left; margin-top:20px;  }
 

/* MAIN NAVIGATION */

#sticky_nav {position: fixed;    top: 0px;   background:none;	width:100%;      z-index: 10;	 height: 100px; }

.nav { position: relative; width:auto; height:auto; float:right; margin-top:32px; }
	
ul.menu {margin:0px;padding:0px;list-style:none;}
	
ul.menu li { position:relative;width:auto;height: auto; line-height:38px; font-size:15px;vertical-align:middle; float: left;  margin:0;  /*font-family: 'Montserrat', sans-serif;*/ text-transform:uppercase; font-family: "Arial",Helvetica Neue, Helvetica,  sans-serif;font-weight: 700;}

ul.menu li a { display:block;  text-decoration:none; color:#fff; padding:0 15px; -webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
	
ul.menu li.current_page_item a{ height:40px;}	

ul.menu li a:hover{ text-decoration:underline; color:#b8b8b8; border:1px 0px #2a2a2a;
-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}

ul.menu ul {position:absolute; top:39px; left:1px; display:none;  list-style:none; padding:0; margin:0;}
	
ul.menu ul li {position:relative; line-height:14px; font-size:12px; vertical-align:middle;font-weight:100;width:180px; padding:0; margin:0; height:auto;border-left:0px;}
	
	ul.menu li.current_page_item ul a { background:#2f2e2a;}
					
	ul.menu ul li:first-child { padding:0px; }
	ul.menu ul li:last-child  { padding:0px; }
	ul.menu ul li:last-child a{ border-radius:0 0 5px 5px; margin-left:0;}	
	ul.menu ul li:first-child a{ border-top:1px solid #000;}			
	ul.menu ul li a {display:block; padding:5px!important; margin:0;  padding:5px 7px; color:#fff;border:1px solid #000; border-top:0px solid #000; background:#2f2e2a; height:15px !important;}
	
	ul.menu ul li a:hover { text-decoration: none; color:#f3f3f3; padding:5px !important; background:none; height:15px; background:#d93030; }
	
	ul.menu ul ul {left:180px; top:-1px;}


.show_in_phone { display: none;}

/*MOBILE NAV */
.nav_toggle_btn { display:none;}

.nav_mob {display:none;position: relative;width: 300px;height: auto;margin: 0 ;text-align: center;margin-top: 142px ; z-index:9999;}


.m_nav {
    list-style: none;
     *zoom: 1;
     background:#cfe2f2;
	 float:none;
	 margin: 0;
	padding: 0px;
}
.m_nav:before,
.m_nav:after {
    content: " "; 
    display: table; 
}
.m_nav:after {
    clear: both;
}
.m_nav ul {
    list-style: none;
    width: 9em;
	margin: 0;
	padding: 0px;
	
	
	
}
.m_nav a {
    padding: 10px 15px;
    color:#202b35;
	font-size: 17px;
	 font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight:400;
}
.m_nav li {
    position: relative;
	display:  block;
}
.m_nav > li {
    float: left;
    border-top: 2px solid #599c92;
}
.m_nav > li > .parent {
    background-image:url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
 .m_nav > li > a {
    display: block;
}
 .m_nav li  ul {
    position: absolute;
    left: -9999px;
}
.m_nav > li.hover > ul {
    left: 0;
	margin: 0;
	padding: 0px;
}
.m_nav li li.hover ul {
    left: 100%;
    top: 0;
}
.m_nav li li a {
    display: block;
    background: #7d7d7d;
    position: relative;
    z-index:100;
    border-top: 1px solid #fff;
}
.m_nav li li li a {
    background:#999;
    z-index:200;
	color:#fff;
    border-top: 1px solid #fff;
}
/**End of Mobile Nav**/

.header { background:url(images/banner_bg.jpg) no-repeat top center; width:100%; height:572px; position:relative;}

.banner { position:relative; width:1108px; height:458px; padding-top:75px; margin:0 auto;}

.cycloneslider-slide {z-index: 1 !important;}

.cycloneslider-slide:first-child {z-index: 1 !important;}

.btn_read{ position: relative;bottom: 100px; float:left; width: auto;height: auto;opacity:1; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out; z-index: 9; margin-left: 20px;}

.btn_quote { position: relative;bottom: 100px; float:left; width: auto;height: auto ; left: 15px; opacity:1; 
-webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out; z-index: 9;}

.btn_quote:hover, .btn_read:hover { opacity:0.75; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out; z-index: 9;}

.sign_up_bg { position:relative; width:100%; height:200px; background:url(images/signup_bg.png) no-repeat top center; padding-top:30px; font-family: 'Roboto', sans-serif; }

.sign_up_field {position:relative;width:271px; height:52px; margin-top:20px; float:left; margin-right:9px;}
.sign_up_field_insider {position:relative;width:251px; height: 44px !important; background:url(images/signup_filed.png) no-repeat; padding:0 10px; border:none !important; outline:none; color:#a0c4bf; font-size:16px;}

.btn_signup { position:relative; width:199px !important; height:54px; background:url(images/signup_submit_btn.png) no-repeat;
border:none; cursor:pointer; outline:none; float:left;opacity:0.8; margin-top: 10px; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out;}

.btn_signup:hover {opacity:1; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out; }

.btn { position:relative; width:199px; height:54px; float:left; margin-top:20px}
.btn_insider { position:relative; width:199px; height:54px; background:url(images/signup_submit_btn.png) no-repeat; border:none; cursor:pointer; outline:none;}

.quick_quote_bg { position:relative; width:100%; height: 682px; background:url(images/quick_quote_bg.jpg) no-repeat top center; }

.about_bg { position:relative; width:1080px; min-height:407px; height:auto; background:url(images/about_me_img.png) no-repeat top center; margin-top:20px;}
	
.about_container {position:relative;width:670px;height:auto;  padding-top:20px;}

.about_left { position:relative; width:300px; height:auto; float:left; color:#777777; margin-top:10px;}

.about_rite { position:relative; width:300px; height:auto; float:right; color:#777777; margin-top:10px;}

.skills_bg { position:relative; width:100%; height:auto; background:#f7f9f5; margin-top:20px; min-height:650px;}

.skills_left { position:relative; width:500px; height:auto; float:left;}
.skills_rite { position:relative; width:500px; height:auto; float:right;}

.skills_graphic { position:relative; width:118px; height:112px; background:url(images/skills_graphics_design_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_graphic:hover {  background:url(images/skills_graphics_design_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}


.skills_copy { position:relative; width:118px; height:112px; background:url(images/skills_copyright_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_copy:hover {  background:url(images/skills_copyright_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}


.skills_commerce{ position:relative; width:118px; height:112px; background:url(images/skills_ecommerce_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_commerce:hover {  background:url(images/skills_ecommerce_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}


.skills_web{ position:relative; width:118px; height:112px; background:url(images/skills_website_design_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_web:hover {  background:url(images/skills_website_design_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}


.skills_internet{ position:relative; width:118px; height:112px; background:url(images/skills_internet_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_internet:hover {  background:url(images/skills_internet_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}


.skills_seo{ position:relative; width:118px; height:112px; background:url(images/skills_search_engin_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s linear;}
.skills_seo:hover {  background:url(images/skills_search_engin_hover_icon.png) no-repeat center top; float:left; margin:20px 0;  -webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	
-o-transition: background 0.4s linear;	-ms-transition: background 0.4s ease-in-out;	transition: background 0.4s linear;}

.skills_txt { position:relative; width:360px; height:auto; float:right; margin:20px 0;}

.work_heading_bg { position:relative; background: #080808; width:100%; height: 140px; padding: 20px 0px 10px;}

.work_bg { position:relative; width:100%; height:auto; background:url(images/work_bg.jpg) no-repeat top center;}



/**** PORTFOLIO STYLES*****/

.portfolio-content, .portfolio-area{width:1080px; position: relative;}

ul.portfolio-area { margin:0; min-height:380px;}

ul.portfolio-categ{margin: 30px 0 25px 15px;padding: 8px 15px;border: 1px solid #d5d5d5;border-radius: 4px;width: 1020px;}

#cboxTitle {color: #fefefe !important;}
#cboxTitle a{ color:#fefefe;}


ul.portfolio-categ li{display:inline-block;margin-right:10px; background:url(../../../wp-content/uploads/2014/03/category_sep.png) no-repeat left center;}
ul.portfolio-categ li:first-child{ background:none;}
ul.portfolio-categ li:first-child a{ padding-left:0px;}
ul.portfolio-categ li a{padding-left: 20px; color: #2e2e2e;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 1px;background:#FFFFFF; width:334px; height:301px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin: 0px 0px 20px 15px;overflow: hidden;width: 344px; padding: 0px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}

#img_1:hover span.overlay-block, #img_2:hover span.overlay-block, #img_3:hover span.overlay-block,
#img_4:hover span.overlay-block, #img_5:hover span.overlay-block, #img_6:hover span.overlay-block,
#img_7:hover span.overlay-block,#img_8:hover span.overlay-block,#img_9:hover span.overlay-block,
#img_10:hover span.overlay-block,#img_11:hover span.overlay-block,#img_12:hover span.overlay-block,
#img_13:hover span.overlay-block,#img_14:hover span.overlay-block,#img_15:hover span.overlay-block,
#img_16:hover span.overlay-block
{display: block; visibility: visible; -webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;-o-transition: background 0.4s linear;
		-ms-transition: background 0.4s linear;
	transition: background 0.4s linear; }

#img_1 a span.overlay-block , #img_2 a span.overlay-block, #img_3 a span.overlay-block,
#img_4 a span.overlay-block, #img_5 a span.overlay-block, #img_6 a span.overlay-block,
#img_7 a span.overlay-block, #img_8 a span.overlay-block, #img_9 a span.overlay-block,
#img_10 a span.overlay-block, #img_11 a span.overlay-block, #img_12 a span.overlay-block,
#img_13 a span.overlay-block, #img_14 a span.overlay-block, #img_15 a span.overlay-block,
#img_16 a span.overlay-block
{position: absolute;background: #000;background: rgba(0,0,0,0.7);top: 0;left: 0;color: #fff;z-index: 100;text-align: center;padding: 0px;height: 302px;width: 336px;display: none; visibility: hidden;
-webkit-transition: background 0.4s linear;	-moz-transition: background 0.4s linear;	-o-transition: background 0.4s linear;	-ms-transition: background 0.4s linear;	transition: background 0.4s linear; }


#img_1 span.overlay-block:hover .title, #img_2 span.overlay-block .title, #img_3 span.overlay-block .title,
#img_4 span.overlay-block .title, #img_5 span.overlay-block .title, #img_6 span.overlay-block .title,
#img_5 span.overlay-block .title, #img_6 span.overlay-block .title, #img_7 span.overlay-block .title,
#img_8 span.overlay-block .title, #img_9 span.overlay-block .title, #img_10 span.overlay-block .title,
#img_11 span.overlay-block .title, #img_12 span.overlay-block .title, #img_13 span.overlay-block .title,
#img_15 span.overlay-block .title, #img_16 span.overlay-block .title, #img_14 span.overlay-block .title
{font-weight: 700;font-style: normal;font-size: 22px;clear: both;display:block; margin: 110px 0 10px ;}

#img_1 span.overlay-block .categories, #img_2 span.overlay-block .categories, #img_3 span.overlay-block .categories,  
#img_4 span.overlay-block .categories, #img_5 span.overlay-block .categories, #img_6 span.overlay-block .categories 
{color: #fff;font-size: 15px;margin: 0 0 10px 0;display:block;}

#img_1 span.overlay-block .link, #img_2 span.overlay-block .link, #img_3 span.overlay-block .link,
#img_4 span.overlay-block .link, #img_5 span.overlay-block .link, #img_6 span.overlay-block .link,
#img_7 span.overlay-block .link, #img_8 span.overlay-block .link, #img_9 span.overlay-block .link,
#img_10 span.overlay-block .link, #img_11 span.overlay-block .link, #img_12 span.overlay-block .link,
#img_13 span.overlay-block .link, #img_14 span.overlay-block .link, #img_15 span.overlay-block .link,
#img_16 span.overlay-block .link
{color: #fff;background: transparent;border: 1px solid #fff;text-transform: uppercase;display:block;width:100px;margin:0 auto;padding:5px;font-size:13px;text-align:center;}

/**** END PORTFOLIO STYLES*****/



.portfolio_green_bg { position:relative; width:100%; height: 5px; background:#5cbb98;}
.portfolio_black_bg { position:relative; width:100%; height: 265px; background:#080808; color:#fff; font-family: 'Montserrat', sans-serif; font-size:38px;}

.portfolio_img { position:absolute; width:186px; height:238px; top:-40px;}

.portfolio_txt { position:relative; width:auto; height:auto; margin-left:170px; padding-top:40px;}
.portfolio_txt span{ font-size:35px; display:block}
.portfolio_txt span span{ font-size:23px;}

span.btn_learn { display:inline-block; position:relative; width:auto; height:auto; border:none; cursor:pointer; outline:none; padding-bottom: 15px;}

span.btn_learn img {opacity:0.8; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out;}

span.btn_learn img:hover {opacity:1; -webkit-transition: opacity 0.4s ease-in-out;	-moz-transition: opacity 0.4s ease-in-out;	-o-transition: opacity 0.4s ease-in-out;	-ms-transition: opacity 0.4s ease-in-out;	transition: opacity 0.4s ease-in-out; }

.client_left { position:relative; width:380px; height:auto; float:left; line-height:28px; text-align:center; margin:20px 0; margin-left:30px; }


.client_mid { position:relative; width:102px; height:auto; float:left; margin:40px 56px;}

.rg_icon {  position:relative; width: 100px; height: 100px; background-color: #5CBB99;  opacity: 0.9; border-radius: 50%;text-align: center;margin: 0 auto 15px;   
-webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear; }

.rg_icon img{margin-top: 32px;}

.rg_icon:hover{opacity:1;  box-shadow: 0 0 0 7px #fff,0 0 0 9px #5CBB99;  
 -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
-moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
-o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear; 
}



p.testi:before
{
content:url(images/client_says_quote_top.png);
display: inline;
padding-right: 10px;
}

p.testi:after
{
content:url(images/client_says_quote_bottom.png);
display: inline;
padding-left: 10px;
}

.client_rite { position:relative; width:390px; height:auto; float:right; line-height:28px; text-align:center; margin:20px 0; margin-right:30px;}

.contact_left { position:relative; width:390px; height:auto; float:left; margin-top:100px;}

.contact_left hr{ background:none; background: url(images/contect_info_sep.png) repeat-x center top;width: 98%;
height: 2px;}

.field {position:relative;width:390px; height:auto; margin-top: 10px;margin-bottom: 10px;}
.field_insider {position:relative;width:370px;  background:#439476 !important; padding:0 10px; border:none; outline:none; color:#fff; font-size:14px; border:none !important; }
.select_insider {position:relative;width:385px; height:47px!important ; background:#439476; padding:5px 10px; border:none; outline:none; color:#fff; font-size:14px;}
.msg_insider {position:relative;width: 363px;height: 80px; background:#439476; padding:0 10px; border:none !important; outline:none; color:#fff; font-size:14px; line-height:24px;}
.submit_insider {position:relative;width:85px !important; height:32px; background:url(images/submit_btn.jpg) no-repeat; border:none; outline:none; cursor:pointer; color:transparent !important;}

.contact_mid { position:relative; width:235px; height:auto; float:left; margin-top:100px; margin-left:30px; font-size:14px; color:#00001c;}

.contact_img { position:relative; width:auto; height:auto; float:left;}
.contact_txt { position:relative; width:150px; height:auto; float:left; margin-left:20px;}

.contact_txt a{ color: #00001c;}

.s_icon { position:relative; width:auto; height: auto; float:left; margin-right:29px;}

.contact_rite { position:relative; width:354px; height:auto; float:right; margin-top:82px;}

.contact_mid hr{ background:none; background:url(images/contect_info_sep.png) no-repeat; width:100%; height:2px;}

.footer {
  position:relative;
  height: 86px;
  background-color: #080808;
  color:#fefefe;
  font-size:14px;
}

.f_left { position:relative; width:300px; height:auto; float:left; padding-top:32px;}
.f_rite { position: absolute;width: auto;height: auto;right: 0;padding-top: 40px;}

ul.f_menu { padding:0; margin:0; list-style-type:none;}
ul.f_menu li{ padding:0; margin:0; float:left; position:relative; width:auto; height:auto; color:#b8b8b8; padding:0 10px; /*font-family: 'Montserrat', sans-serif; */}
ul.f_menu li a{  text-decoration:none; color:#fefefe; -webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	
transition: all 0.4s ease-in-out;}
ul.f_menu li a:hover { text-decoration:underline; color:#b8b8b8; -webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}


/* SOCIAL ICONS */
.socialicons-wrapper{
	padding: 0;width: 235px;height: 70px;margin: 30px auto 0px;list-style:none;
}
.socialicons-wrapper li{
	float: left;
}
.socialicons-wrapper li a{
	display: block;	width: auto;height: auto;margin: 0 37px;outline: none;background: transparent;
	text-indent: -9000px;	position: relative;
}

.socialicons-wrapper li a:first-child { margin-left:0px;}


.socialicons-wrapper li .s_icon-facebook{
   background:url(images/contect_info_fb_icon.png) no-repeat center top; width: 13px;	height: 25px;
}

.socialicons-wrapper li .s_icon-twitter{ 
   background:url(images/contect_info_twitter_icon.png) no-repeat center top; width: 18px;	height: 25px;
}
.socialicons-wrapper li .s_icon-gplus{
    background:url(images/contect_info_google_icon.png) no-repeat center top; width: 26px;	height: 28px;
}
.socialicons-wrapper li .s_icon-linkedin{
  background:url(images/contect_info_in_icon.png) no-repeat center top; width: 27px;	height: 28px;
}

.socialicons-wrapper li a span{
width: 80px;height: auto;line-height: 20px;padding: 10px;left: 80%;margin-left: -59px;
font-family: 'Alegreya SC', Georgia, serif;font-weight: bold;font-style: italic;font-size: 14px;
color: #2A6E55;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #fff;
background: rgba(255,255,255,0.3);text-indent: 0px;border-radius: 5px;	position: absolute;
bottom: 40px;	opacity: 0;visibility: visible;	pointer-events: none;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);-webkit-transform: translate(35px) rotate(25deg) scale(1.5);
-moz-transform: translate(35px) rotate(25deg) scale(1.5);-o-transform: translate(35px) rotate(25deg) scale(1.5);
-ms-transform: translate(35px) rotate(25deg) scale(1.5);transform: translate(35px) rotate(25deg) scale(1.5);
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;
}

.socialicons-wrapper li a span:before,
.socialicons-wrapper li a span:after{
	content: '';position: absolute;	bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;
	border-left: 10px solid transparent;border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.socialicons-wrapper li a span:after{
	bottom: -14px;margin-left: -10px;border-top: 10px solid #fff;
}
.socialicons-wrapper li a:hover span{
	visibility: visible;	opacity: 0.9;-webkit-transform: translate(0px) rotate(0deg) scale(1);
	-moz-transform: translate(0px) rotate(0deg) scale(1);-o-transform: translate(0px) rotate(0deg) scale(1);
	-ms-transform: translate(0px) rotate(0deg) scale(1);transform: translate(0px) rotate(0deg) scale(1);
}


/* ROCKET ANIMATION */
.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {

		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff !important;
}

textarea {
font-family: 'Raleway', sans-serif !important;
}

/* CYCLONE SLIDER - DESKTOP LAYOUT */
.cycloneslider-template-default .cycloneslider-pager {
position: absolute;z-index: 99;top: 400px !important;right: 550px !important;}

.cycloneslider-template-default .cycloneslider-pager a {
/*background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/02/banner_active_bullet.png) no-repeat scroll 0 0 transparent !important;*/ height:10px !important; width:10px !important; }

.cycloneslider-template-default .cycloneslider-pager a.activeSlide {
background-position: left bottom !important;
}


/*SIDE BAR*/

.left {position: relative;width: 610px;height: auto;float: left; margin: 20px 5px;}

.left h1{text-align: left;}

.left h3 {padding: 0 0 20px;color: #000;}


#sidebar {margin-left: 40px;}

.rite {position: relative;width: 360px;height: auto;float: right;margin-top: 20px;}


ul#sidelist{ list-style:none; margin-top: 0px;padding: 0px; border: 1px dotted #ccc;  border-radius:4px;}

ul#sidelist li {padding: 10px; border-bottom: 1px dotted #ccc;}

ul#sidelist li h3 {font-size: 32px;padding: 0px 0; color: #000;}

ul#sidelist li:last-child{  border-bottom:none; }

ul#sidelist li ul { list-style:none; margin-top: 0px;padding: 0px;}

ul#sidelist li ul li{  border:none; padding: 5px 20px;} 

ul#sidelist li.infotext {border-bottom:1px dotted #ccc; padding:0px 10px; }

* SEARCH PAGE */

#searchtab .search_form { float:left; padding-top:5px; margin-bottom: 10px;} 

ul.not_found_list {margin: 0px;padding: 0px;list-style: none;font-size: 13px; margin-left: 20px;}

ul.not_found_list li {position: relative;width: auto;height: auto;line-height: 20px;vertical-align: middle;
padding: 0px 0px 4px 5px;margin: 0; list-style:circle; }


.search_txtbx { position:relative; width:auto; height:auto; float:left;}

.search_txtfield{display: inline-block; width: 195px;height: 20px !important;padding: 4px 6px;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #555555 !important;border-radius: 4px 0px 0px 4px !important;
vertical-align: middle;background-color: #ffffff;border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;}

.search_txtfield:focus {border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.btn_search{	position: absolute; width: auto;height: auto;line-height: 16px;vertical-align: middle;float: left;
margin: 0px;text-decoration: none;color: #fff;  padding: 7px 10px;
border-radius:0px 15px 15px 0px; cursor:pointer; border:none;outline:none;
background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0, #332C46 ),	color-stop(1, #54397C));
background-image: -o-linear-gradient(bottom, #332C46 0%, #54397C 100%);
background-image: -moz-linear-gradient(bottom, #332C46 0%, #54397C 100%);
background-image: -webkit-linear-gradient(bottom, #332C46 0%, #54397C 100%);
background-image: -ms-linear-gradient(bottom, #332C46 0%, #54397C 100%);

background-image: linear-gradient(to bottom, #332C46 0%, #54397C 100%);
 }

.btn_search:hover{
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #54397C ),color-stop(1, #332C46));
background-image: -o-linear-gradient(bottom, #54397C 0%, #332C46 100%);
background-image: -moz-linear-gradient(bottom, #54397C 0%, #332C46 100%);
background-image: -webkit-linear-gradient(bottom, #54397C 0%, #332C46 100%);
background-image: -ms-linear-gradient(bottom, #54397C 0%, #332C46 100%);
background-image: linear-gradient(to bottom, #54397C 0%, #332C46 100%);}


.btn_search:focus {border:none;outline:none;}


/* COMMENTS */
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/

.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 604px;
width: 100%;
}
.comment-list {
max-width: 100%;
}
.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
max-width: 1040px;
/*padding-left: 60px;*/
padding-left: 30px;
padding-right: 376px;
}
.comments-title {
font-size: 20px;
color: #333333;
padding-bottom: 10px;
font-weight: normal;
display: block;
}
.comment-list, .comment-list .children {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list > li:after, .comment-list .children > li:before {
background: url(images/dotted-line.png) repeat left top;
background-size: 4px 4px;
content: "";
display: block;
height: 1px;
width: 100%;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
clear: both;
}
.comment-author {
float: left;
width: 90px;
padding-right: 10px;
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
}
.comment-author .fn {
word-wrap: break-word;
}
.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
color: #bc360a;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply {
width: 100%;
}
.bypostauthor > .comment-body .fn:before {
content: "\f408";
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-list .comment {
float: none;
}
.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
float: right;
width: 79% !important;
width: -webkit-calc(100% - 124px);
width: calc(100% - 124px);
background-color: #F6F6F6;
border: 1px solid #dddddd;
border-top: none;
padding: 0 10px 10px;
}
.comment-meta {
float: right;
width: 79%;
background-color: #F6F6F6;
border: 1px solid #DDDDDD;
padding: 10px 10px 0px;
border-bottom: none;
}
.comment p {
padding: 10px;
padding-left: 10px;
background-color: #F6F6F6;
width: 79%;
float: right;
border: 1px solid #dddddd;
border-top: none;
border-bottom: none;
}
.comment-meta a {
color: #a2a2a2;
font-size: 13px;
}
.comment-meta a:hover {
color: #ea9629;
}
.comment-metadata {
margin-bottom: 20px;
float: right;
width: 79%;
background-color: #F6F6F6;
border: 1px solid #DDDDDD;
padding: 0px 10PX;
border-bottom: none;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f414";
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before, .comment-reply-login:before {
content: "\f412";
margin-right: 3px;
}
/* Comment form */

.comment-respond {
background-color: #F6F6F6;
padding: 30px 0;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
}
.comment-reply-title {
font-size: 20px;
color: #333333;
padding-bottom: 10px;
font-weight: normal;
display: block;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {
padding: 0;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
max-width: 270px;
width: 60%;
background-color: white;
border: #ccc 1px solid;
border-radius: 3px;
}


.comment-form textarea {

background-color: white;
border: #ccc 1px solid;
border-radius: 3px;
background-color: #F7F7F7;
border: 1px solid #D8D8D8;
border-radius: 3px 3px 0 0;
box-shadow: 0 0 10px #D8D8D8 inset;

}
.form-allowed-tags, .form-allowed-tags code {
color: #686758;
font-size: 12px;
display:none;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback, .comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
}
.form-submit {
width: 176px;
height: 34px;
background: none;
background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/02/btn_post.png) no-repeat center top;
border: none;
cursor: pointer;
margin-top: 7px;
margin-right: 10px;
margin-left: 103px;
}
#comments {
padding: 20px 15px;
background: #F6F6F6;
border: 1px solid #E0E4CC;
margin-bottom: 10px;
}
#commentform label {
float: left;
width: 100px;
}
#commentform input {
background-color: #F7F7F7;
border: 1px solid #D8D8D8;
border-radius: 3px 3px 0 0;
box-shadow: 0 0 10px #D8D8D8 inset;
width: 400px;
outline: medium none;
position: relative;
height: 40px;
}

#comment {
	background-color: #F7F7F7;
	border: 1px solid #D8D8D8;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 0 10px #D8D8D8 inset;
	width: 396px;
	margin-left: 5px;
}

#commentform input #url {margin-left:5px;}




#recaptcha_widget_div {
margin-top:5px;
}
.form-submit input {
border: none !IMPORTANT;
background: none !IMPORTANT;
color: transparent;
box-shadow: none !important;
background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/02/btn_post.png) no-repeat;
cursor: pointer;
}
#recaptcha-submit-btn-area input {
border: none !IMPORTANT;
background: none !IMPORTANT;
color: transparent;
background-color: none !IMPORTANT;
box-shadow: none !important;
background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/02/btn_post.png) no-repeat !important;
cursor: pointer;
margin-top: 10px;

}
.recaptchatable #recaptcha_response_field {
height: 15px !important;
color:#212121;
line-height: 10px !important;
}
.recaptcha-error {
font-size: 1.0em !important;
position: absolute !important;
margin-left: 330px;
bottom: 150px;
color: red;
}
.comment-awaiting-moderation {
color: #a2a2a2;
margin-bottom: 10px;
padding: 10px;
border-top: 1px solid #ccc;
}

/*SCROLLER DIVS */
 #home_scroller, #about_scroller, #services_scroller, #clients_scroller,
 #portfolio_scroller, #team_scroller {position:absolute; height:10px; width:10px; }


#home_scroller{top:0px;}

#about_scroller{top:710px;}

#services_scroller{top:1675px;}

#clients_scroller{top:3275px;}

#portfolio_scroller{top:2352px;}

#team_scroller{top:710px;}

.code_img {position: relative;float: left;width: auto;height: auto;margin-top: 7px;}

.quote_txtbx_code {position: relative;background: #439476;border-radius: 1px;width:282px;float: left;height: 37px;
border: 0px solid transparent;margin: 7px 0 13px 15px;}

.quote_txtfield_code {position: relative;width:266px;
padding-left: 10px !important;
margin-left: 0px !important;
height: 29px !important;
line-height: 29px !important;
color: #fefefe !important;
font-size: 14px !important;
border: none !important;
background-color:transparent !important; margin-bottom: 0 !important}

/* CYCLONE SLIDER - CSS */
.cycloneslider-template-default .cycloneslider-pager a {
    background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/05/sprite-nav.png) no-repeat scroll 0 0 transparent !important;
}


/* FOR iPAD LAYOUTS */

@media (min-width: 768px) and (max-width: 979px) {
	.nav_toggle_btn{ display:none;}

	body{font-size:14px; }

	h5{font-size: 15px;}
	
	.header { background:url(images/banner_bg_ipad.jpg) no-repeat center top; }

	.logo {  width: 28%;  }
	
	#sticky_nav {height: 90px;}

	.nav {margin-top: 26px;}
	
	ul.menu li {font-size: 12px;}

	ul.menu li a {padding: 0 7px;}
	
	.banner { display:none;}
	
	.banner_ipad{ position:relative; width:100%; height:370px; margin:0 auto; padding-top: 90px; }
	
	.btn_read {  margin-left: 0px; margin-top: 50px;}
	
	.btn_quote {  left: 15px; margin-top: 50px;}
	
	.sign_up_field {width: 190px; margin-right: 4px; }
	
	.sign_up_field_insider {width: 170px !important; height: 44px !important; }
	
	.btn_signup {width: 138px !important;background: url(images/signup_submit_btn_ipad.png) no-repeat; }
	
	.about_bg {width: auto;background: url(images/about_me_img_ipad.png) no-repeat -28px top ;}
	
	.about_container {width: 362px;}
	
	.about_left, .about_rite {width: 170px;}

	.about_rite {float: left;margin-left: 15px; }
	
	.skills_left, .skills_rite {width: 350px;}
	
	.skills_txt {width: 210px;margin: 20px 0 20px 10px;}
	
	.work_left {width: 689px;float: none;margin-left: auto;margin-right: auto;}
	
	.work_rite {display: none;}
	
	.portfolio_black_bg {font-size: 27px;}
	
	.portfolio_txt span {font-size: 24px;}
	
	.portfolio_txt span span {font-size: 13px;}
	
	.client_left, .client_rite {width: 270px;line-height: 24px;}

	.client_mid {margin: 40px;}
	
	.client_left {margin-left: 0px;}
	.client_rite {margin-right: 0px;}
	
	.quick_quote_bg {height: 632px;background: url(images/quick_quote_bg_ipad.jpg) no-repeat top center;}
	
	.contact_left {width: 210px; margin-top: 50px; }
	
	.field, .field_insider {width: 210px; border: none !important;}

	.select_insider {width: 222px;}
	
	textarea.msg_insider {width: 202px;}
 
	.contact_mid {		width: 220px;	margin-top: 45px;	margin-left: 25px;	}
	
	.contact_txt {	margin-left: 10px;	}
	
	.contact_rite {	width: 268px;	margin-top: 148px;	margin-right: -15px;	}
	
	.f_left {position: relative;font-size: 12px;float: none;margin-left: auto;margin-right: auto;
	padding: 0;margin-top: 30px;}
	
	.f_rite {position:relative; padding-top: 18px;margin-left: auto;margin-right: auto;width: 430px;
	float: none;}
	
	ul.f_menu li {padding:0 5px 0px 4px;font-size: 12px;}
	
	.portfolio-content, .portfolio-area {width: 720px;position: relative;}
	
	ul.portfolio-categ {margin: 30px 0 25px 15px;padding: 8px 15px 8px 80px;width: 593px;}
	
	ul.portfolio-categ li:first-child {margin-left: 90px;}
	
	ul.portfolio-categ li {margin-right: 15px;margin-bottom: 7px;}
	
	ul.portfolio-categ li.cat-item-4 { background:none;}
	
	/* CYCLONE SLIDER - iPAD LAYOUT */
	.banner_ipad .cycloneslider-template-default .cycloneslider-pager {
	position: absolute;z-index: 99;top: 400px !important; right: 340px !important;}

	.banner_ipad .cycloneslider-template-default .cycloneslider-pager a {
	background: url(http://www.raygiridharan.com.au/testsite/wp-content/uploads/2014/02/banner_bullet.png) no-repeat scroll 0 0 transparent !important; }

	.banner_ipad .cycloneslider-template-default .cycloneslider-pager a.activeSlide {
	background-position: left bottom !important;}
	
	.show_in_phone { display: none;}
	
	#services_scroller {top: 1900px;}

	#portfolio_scroller {top: 2640px;}
	
}


/* FOR iPHONE LAYOUTS */
@media (min-width: 320px) and (max-width: 767px) {

.banner, .banner_ipad, .nav, .btn_read, .btn_quote, .hide_in_phone{ display:none;}

.show_in_phone { display:block;}

.show_in_phone .img_left {width: auto;height: auto;float: left;z-index: 8;padding: 10px 10px 0 8px;
margin-left: -90px;}

.container  {    width: 320px;  }

h1 {font-size: 38px;}

h4 span {display: block; }

.header {background: url(../../../wp-content/uploads/2014/03/banner_bg_iphone.jpg) repeat-x top center;
width: 100%;height: 89px;}

#sticky_nav {height: 134px;}

.logo {width: 247px;float: none;margin: 25px auto 0px;}

.nav_toggle_btn { position:relative; width:300px; height:auto;  margin: 15px auto 0px; display:  block;}
	
.nav_mob { display:  block; width:300px; height:auto;  margin: 0px auto;}
	
.toggleMenu {	display:  block;background: #666;padding: 10px 15px;color: #fff;}

.active {   display: block;  }

.m_nav > li {   float: none;   }

.m_nav > li > .parent {  background-position: 90% 50%;   }

.m_nav li li .parent {      background-image: url(../images/downArrow.png);      background-repeat: no-repeat;
        background-position: 85% 50%;    }

.m_nav ul {    display: block;    width: 100%;    }

.m_nav > li.hover > ul , .m_nav li li.hover ul {   position: static;   }
	
.sign_up_bg {height: 370px;background:#5C9F94 url(images/signup_bg.png) repeat-y top center;padding-top: 30px;}
	
.sign_up_field {margin-top: 10px;float: none;margin-right: auto;margin-left: 10px;}

.btn_signup {background: url(images/signup_submit_btn.png) no-repeat center top;float: none;margin-top: 20px;
margin-left: 10px;margin-right: auto;display: block;}

.about_container {width: 310px; padding-top: 0px;} 

.about_container h5{ font-size:15px; line-height: 25px;} 

.about_bg {width: auto;background: none; height: auto;}

.about_rite, .about_left{width: 300px;float: left;  display:none; }


.skills_left {width: 155px;}

.skills_txt {width: auto;height: auto;float: none;}

.skills_txt h2 {font-size: 16px;}

.skills_rite {width: 160px;float: right;}


.work_heading_bg {height: 130px;}

.portfolio-content, .portfolio-area {width: 320px;position: relative; margin:0 auto;}

ul.portfolio-categ li:first-child {background: none;padding-left: 21px;}

ul.portfolio-categ {margin: 15px auto 25px;padding: 8px 10px;width: 275px;  }

ul.portfolio-categ li {background: none; display: block; list-style-type: circle;}

.portfolio-area li {margin: 0px 0px 20px 10px;width: 300px;}

#img_1 a span.overlay-block, #img_2 a span.overlay-block, #img_3 a span.overlay-block, #img_4 a span.overlay-block, #img_5 a span.overlay-block, #img_6 a span.overlay-block {
height: 280px;
width: 300px;
}

.image-block img {width: 298px;}

.portfolio_img { width: 130px; height: 170px;}

.portfolio_black_bg {font-size: 17px;}

.portfolio_txt {margin-left: 105px;padding-top: 45px;}

.portfolio_txt span {font-size: 15px;}

.portfolio_txt span span {font-size: 14px;}




.client_left {width: 290px;margin-left: 10px;}

.client_mid {margin: 5px 104px;}

.client_rite {width: 290px;float: left;margin: 10px 0;margin-right: 0px;  margin-left: 10px;}


.contact_left {width: 300px;margin-top: 10px; margin-left: 10px;}

.field {width: 300px;}

.field_insider {width: 285px; border:none !important; }

.select_insider {width: 297px !important;}

.msg_insider {width: 278px;height: 100px;}

.contact_mid {float: left;margin-top: 10px; margin-left: 10px;}

.quick_quote_bg {height: auto; background: url(images/quick_quote_bg.jpg) repeat top center;  }

.contact_rite {display: none;}


.footer {height: auto;}

.f_left {padding: 10px 0;  margin-left: 10px;}

ul.f_menu li:first-child { padding-left: 15px; }

ul.f_menu li {float: left;padding: 0 5px 0px 15px;text-align: center;}

ul.f_menu li#f_portfolio{ padding-left: 35px;}

.f_rite {position:relative; padding-top: 20px; padding-bottom: 0px;}


/* iPhone - Inner - Pages */

.left {width: 310px;}

.left h1 {font-size: 35px;}

.rite {width: 305px;float: left;margin-left: 6px;}

ul, ol {padding: 0;margin: 0 0 10px 0px;}

li {line-height: 23px;}

#sidebar {margin-left: 0px;}

ul#sidelist li h3 {padding: 0px 0 5px;}

.search_txtfield {width: 205px;height: 20px !important;}

#comment {width: 255px;}

#commentform input {width: 190px; margin-left: -15px;}


#about_scroller {top: 176px;}

#services_scroller {top: 800px;}

#portfolio_scroller {top: 1535px;}

#contact_scroller{ {top: 1835px;}


}


/* RECAPTCHA PLUGIN CSS */

.recaptchatable {
    border: 0 solid #DFDFDF !important;
    line-height: 1em;
}

.recaptchatable #recaptcha_response_field {color: #212121;}

.banner .cycloneslider-template-default .cycloneslider-caption{
background: none !important;
position: absolute;
left: 0px !important;
top: 0 !important;
width: auto !important;
z-index: 1;
color: #fff!important;
}